/* ----------------------------------------------------------------
	CSS for: Institute of Hospitality
	Created: 20-Aug-2025
	Last update: 25 Nov 2025
-----------------------------------------------------------------*/

/*
Set main color and website font

--color-1: #EE571B;
--color-2: #EEC21B; - Main color
--color-3: #B2EE1B;
--color-4: #1BB2EE;
--color-5: #571BEE;

#eebe3b
Also switch off the settings for bg-dark if necessary

*/

:root {
	--cnvs-themecolor: #eebe3b;
	--cnvs-themecolor-rgb: 238,194,27;
	--cnvs-theme-background-color: #eebe3b;
	--cnvs-body-font: "Roboto", sans-serif;
	--cnvs-primary-font: "Lato", sans-serif;
	--cnvs-secondary-font:  'Roboto', sans-serif;	
	--cnvs-primary-menu-font-size: 14px !important;
	--cnvs-primary-menu-submenu-font-size: 11px !important;
	--cnvs-header-height: 60px !important;
	--cnvs-header-height-sm: 60px !important;
	--cnvs-header-height-md: 80px !important;
	--cnvs-header-height-lg: 120px !important;
	--cnvs-header-height-shrink: 60px !important;
	--cnvs-side-header-width: 260px !important;
	--cnvs-overlaycolor-rgb: 244, 246, 250;
    --cnvs-pricing-price-font-size: 3.8rem !important;	
	--bs-testimonial-rgb: 217, 217, 217;
	--cnvs-themecolor2: #ff6600;	

}

.bg-api {
    --bs-bg-opacity: 0;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.modal {
	--bs-modal-width: 1000px !important;
}

::selection {
	background: #444 !important;
}

.section {
    background-color: var(--cnvs-theme-background-color) !important;
}

/* SIMPLIFIED HERO ON HOME PAGE == 21-Nov-2025 ============= */

.hero-homepage {
  height: 60vh; /* 60% of viewport height */
  position: relative;
}

.hero-content {
  position: relative;
  z-index: 1;
}
.hero-button {
	vertical-align: bottom;
}

.home-h1 {
	font-family: 'Anthu', sans-serif !important;
	text-transform: uppercase !important;
	font-size: calc( 3rem + 2vw ) !important;
	background-color: transparent !important;
	font-weight: 600 !important;
	letter-spacing: 2px !important;
}

.home-h2 {
	font-family: var(--cnvs-primary-font) !important;
	color: var(--cnvs-themecolor) !important;
}


/* HOME PAGE - INTRODUCTION TEXT */

.heading-block {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;	
}


/* CONTENT FROM MAIN SYSTEM BLOG - ABOUT US PAGE etc*/

.ln-type-heading {
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 1.9em;
	text-align: center;
}

.ln-type-sub-heading {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.3em;
	text-align: center;
}


.ln-type-paragraph {
	font-size: 1em;
	text-align: left;
}

.ln-type-ul {
	
}

.ln-type-li {
	margin-left: 30px;
	margin-right: 50px;
}

.ln-type-blockquote {
	
}

.ln-type-blockquote-left {
	
}

.ln-type-blockquote-right {
	
}

blockquote {
	font-size: 1.4em;
}

.blockquote-footer {
	font-size: 0.7em;
}

.ln-type-image {
	
}

.ln-type-image-left {
	float: left;
	margin-right: 25px;
	width: 400px;	
}

.ln-type-image-right {
	float: right;
	margin-left: 25px;
	width: 400px;	
}

.ln_image_title {
	font-size: 0.8em;
}

.ln-type-video-link {
	
}

.ln-type-introduction {
	
}

.ln-type-call-to-action {
	padding: 25px;
	background-color: var(--cnvs-theme-background-color) !important;
	font-size: 1.2em;
	
}

.float-left {
	float: left;
	margin-right: 15px;
	width: 300px;
}

.float-right {
	float: right;
	margin-left: 15px;
	width: 300px;
}



/* NEWS PAGE */

.date-to {
    border-right: solid 2px var(--cnvs-themecolor) !important;
	font-size: 1.3em;
	margin-top: 5px;
}


/* CONTACT PAGE */

.contact-left-box {
	background-color: var(--cnvs-theme-background-color) !important;
}