.paged-elem { display: none;  }
.css-paged .paged-elem { display: block; }
.css-paged .paged-elem.inline-block { display: inline-block; }
.css-paged .base-elem { display: none; }

.ev-banner { 
	position: relative;
	height: 312px; padding: 0; 
	background-repeat: no-repeat; background-position: center; background-size: cover;
	font-family: Open Sans;
	max-width: 1920px; width: 100%; margin: 0 auto;
}
.ev-banner-paged { 
	width: 100%; height: 100%;
	position:absolute; top:0; left:0;
	background-repeat: no-repeat; background-position: center; background-size: cover;
}

.ev-banner:before { 
	content: ""; display: block; 
    height: 100%; width: 100%; position: absolute; top: 0; left:  0;
    z-index: 1;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) -37.44%, rgba(0, 0, 0, 0.92) 116.97%); height: 100%; 
}

.banner-info {
	height: 100%; position: relative; z-index: 50;
	display: -webkit-flex; display: flex; 
	-webkit-justify-content: center; justify-content: center; 
	-webkit-align-items: center; align-items: center; 
	color: #fff; text-align: center; padding-top: 88px;
}
	.bi-date { font-size: 21px; line-height: 30px; font-weight: 700; text-align: center; }
	.bi-availability { 
		font-family: Work Sans; font-size: 14px; font-weight: 600; line-height: 28px; text-align: center; color: #fff;
		width: 100%; background: var(--yellow);
		margin-top: 12px; 
		background: url(../png/green-brush.png); 
		background-size: 100% 100%; padding: 14px 10px 10px;  
		/* padding: 0 5px; font-size: 14px; color: #292929; */
	}

	.banner-info .cta-btn { margin: 50px auto 0; font-size: 14px; line-height: 26px; min-width: 180px; display:block; }
	
@media only screen and (min-width: 600px) { 
.ev-banner { height: 578px; }

.ev-banner:before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.72) 100%); height: 100%; }

.ev-banner:after { display: none; }

.bi-date { font-size: 38px; line-height: 47px; letter-spacing: 1px; }
.bi-availability { font-size: 18px; line-height: 40px; margin-top: 16px; }

.banner-info .cta-btn { font-size: 16px; line-height: 35px; min-width: 220px; }
}

/* PAGED */
.css-paged .paged-var-color { color: var(--color) !important; }


/* BALI PAGE ONLY - CUSTOM */
/* use .bali-page.css-paged  if only applies to paged ver */
.bali-page .ev-banner { overflow: hidden; }
.bali-page .ev-banner:before { background: none; }
.bali-page .banner-info { color: #FAF8F4; text-align: left; padding: 25px 17px 0; } 
.bali-page .banner-info > div { max-width: 1230px; width: 100%; }
.bali-page .banner-info .cta-btn { margin: 15px 0 0 0; max-width: 240px; line-height: 35px !important; }

.bali-page .banner-opaque-overlay {
    position: absolute; top: 0;
    max-width: 1440px; width: 100%; height: 100%;
    /* background: linear-gradient(90.37deg, rgba(61, 136, 114, 0.9) 0.31%, rgba(0, 0, 0, 0) 99.68%); */
    background: linear-gradient(90.37deg, rgba(61, 136, 114, 0.9) 0.31%, rgba(0, 0, 0, 0.14) 70%);
    left: 50%;
    transform: translateX(-50%);
}

	.bali-page .banner-opaque-overlay:before {
	    content: "";
	    display: block;
	    width: 240px; height: 100%;
	    position: absolute; top: 0; left: -240px;
	    background: rgba(61, 136, 114, 0.9);
	}
	.bali-page .banner-opaque-overlay:after {
	    content: "";
	    display: block;
	    width: 240px; height: 100%;
	    position: absolute; top: 0; right: -240px;
	    background: rgba(0, 0, 0, 0.14);
	}

/* Bali page media query */
@media only screen and (max-width: 600px) { 
.bali-page .uppercase { text-transform: uppercase; font-size: 30px; }

.bali-page .ev-banner:before {
    /* background: linear-gradient(337.16deg, rgba(62, 135, 114, 0) 37.58%, rgba(62, 135, 114, 0.9) 53.29%); */
    background: linear-gradient(320deg, rgba(62, 135, 114, 0) 37.58%, rgba(62, 135, 114, 0.9) 53%);
    height: calc(100% + 60px); /* added pixels to increase scope to match design */
}

.bali-page .banner-info .cta-btn {
    margin: 75px 0 0 0 !important;
    max-width: 240px;
    border-radius: 50px;
    font-size: 18px; letter-spacing: 1.16px;
    line-height: 50px !important;
}

}

/* ------ */
.banner-info br.br-m { display: none; }
@media only screen and (max-width: 600px) { 
.banner-info { padding-top: 60px; }
.banner-info br.br-m { display: block; }
.banner-info br.br-pc { display: none; }
}

/* ============================= */
.ev-trailer { text-align: center; }

	.ev-trailer > div { 
			width: 286.25px; height: 183.75px; margin: 0 auto; position: relative; 
			box-shadow: 0px 4px 20px #29292999; border-radius: 11px; overflow: hidden;
	}
	.ev-trailer img, .ev-trailer a { position: absolute; top:0; left:0; display: block; }

	.ev-trailer img { object-fit: cover; height: 100%; width: 100%; }

	.ev-trailer a { z-index: 5; width: 100%; height: 100%; 
		background: linear-gradient(180deg, rgba(51, 51, 51, 0) 26.19%, #0b0b0b 99.9%); 
		color: #fff;
	}

	.ev-trailer .fa-play { 
		width: 32px; height: 32px; background: var(--orange); border-radius: 100%;
		font-size: 17px; text-align: center; line-height: 32px; text-indent: 1px;
		position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -16px;
	}

	.ev-trailer .txt {  
	font-family: 'Work Sans';
  font-size: 14px; line-height: 20px; font-weight: 600;
  text-decoration-line: underline; letter-spacing: 1px; text-transform: uppercase;
  position: absolute; bottom: 11.6px; left: 0; width: 100%;
	}

@media only screen and (min-width: 501px) { 
	
	.ev-trailer > div { 
		width: 427px; height: 290.36px; border-radius: 14px;
	}
	.ev-trailer .txt {  bottom: 16px; margin-top: -16px; }
}

/* ============================= */


/* ============================= */
/* Training Investment Section */
.training-investment { 
	max-width: 792px; text-align: center;
}

		.ti-left { text-align: center; }
		
		.ti-left > span, 
		.ti-left > div > span { display: block; position: relative; margin-bottom: 8px;}
		
		.ti-left > span:last-child, 
		.ti-left > div > span:last-child { margin-bottom: 0; }

		.ti-right { 
			margin-top: var(--space-y); text-align: left; 
			/* display: -webkit-flex; display: flex; 
			-webkit-justify-content: space-between; justify-content: space-between; gap: 20px; */
		}
		.ti-right > span { display: block; }	

		.ti-right > span:first-child { text-align: center; }	

@media only screen and (min-width: 501px) { 
.training-investment {
	display: -webkit-flex; display: flex; 
	-webkit-justify-content: space-between; justify-content: space-between;
	gap: 0 15px;
}
.training-investment > div { max-width: 384px; width: 100%; }
.ti-left { text-align: left; }
.ti-right { margin-top: 0; display: block;}
	.ti-right > span:first-child { text-align: left; }

}

/* ======================================================================================== */
/* ======================================================================================== */

/* ACCOMMODATION ENTRY */
.cycle-acm { height: 240px !important; }

.acm-entry { background: #fff; border-radius: 10px 10px 0 0; overflow: hidden; margin-top: 24px; }
.acm-info { padding: 16px; }
.acm-info > span:first-child { font-size: 18px; color: #292929; font-weight: 700; display: block; margin-bottom: 4px; }

.acm-info p { font-family: Work Sans; text-align: left !important; }

.acm-info > div { padding: 10px; }
.acm-info table { font-family: Work Sans; margin-top: 8px; border-spacing: 10px; }
.acm-info table a { color: var(--orange); }
.acm-info table td:first-child { color: var(--green); }

.acm-badge { position: relative; }
.acm-badge:before {
    content: ""; display: block; width: 158px; height: 158px;
    background: url(../png/acm-badge.png) no-repeat;
    background-size: 100%; position: absolute; top: -35px; left: -33px; z-index: 101;
}

/* FOOD ENTRY */
.food-entry h4 { margin: 10px 0;  }

.acm-entry, 
.food-entry { -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }

.acm-entry:hover,
.food-entry:hover { filter: brightness(107%); }

/* FULL BG section */
.full-bg-with-sentinel { background-repeat: no-repeat; background-position: center; background-size: cover; }

.full-bg-with-sentinel img:last-of-type { 
	width:100%; height: 100%; position: absolute; top: 0;left: 0; object-fit: cover;
}
.sentinel-img { width: 100%; margin-bottom:-4px; height: auto; }


@media only screen and (min-width: 501px) {  
.full-bg-with-sentinel img:last-of-type {  display: none; }
.fbws-1 { background-image: url(../jpg/full-img-1.jpg); }
.fbws-2 { background-image: url(../jpg/full-img-2.jpg); }

.fbws-india { background-image: url(../jpg/fbws-india.jpg); }
}


/* random styles */
.random-strip-1 { position: relative; }
.random-strip-1:before {
	content: ""; display: block;
	height: 100px; width: 100%; background: var(--gray);
	position: absolute; top: 0; left: 0;
}

.bg-sec-1 { background: url(../webp/bg-sec-1-m.jpg.webp) repeat-y center 0 / 100% auto; position: relative; }
.bg-sec-1:before {  
	content: ""; display: block;
	height: 293px; width: 100%; position: absolute; top: 0; left:  0;
	background: linear-gradient(0deg, rgba(51, 51, 51, 0) 11.11%, #474747 112.5%);
}
.bg-sec-1 > * { position: relative; z-index: 1; }

@media only screen and (min-width: 501px) {  
.bg-sec-1 { background: url(../jpg/bg-sec-1.jpg) repeat-y center 0 / cover; }
.bg-sec-1:before { height: 177px; }
}

/* --------- */
.bg-sec-sunset { background: url(../jpg/sunset-sec3-bg.jpg) repeat-y center 0 / cover; }
@media only screen and (max-width: 600px) {
.bg-sec-sunset { background: url(../webp/sunset-sec2-bg.jpg.webp) repeat-y left top / cover; }
}


/**/

.gen-info-table td { padding: 9px; }

/* MOBILE HEADER - AVAILABILITY TXT */
.dynamic-header-txt { 
    display: none; line-height: var(--logo-height);
    margin-left: 5px; color: #292929; font-size: 0.9em;
    opacity: 0;
    -webkit-transition: 0.2s opacity ease; transition: 0.2s opacity ease;
}
.header-fixed .dynamic-header-txt { opacity: 1; } 
@media only screen and (max-width: 1000px) { 
.dynamic-header-txt { display: inline-block; }
.default-txt .dynamic-header-txt { display: none; }
}

.dynamic-date, .dynamic-availability { vertical-align: middle; display: inline-block; }

.dynamic-date { text-transform: uppercase; }
.dynamic-availability { text-transform: none; }

.dynamic-availability.ev-tags {
    width: auto; padding: 4px 6px;
}

@media only screen and (max-width: 399px) { 
.dynamic-date { display: none; }
}

/* ========== PRICE CONVERTER */
.training-investment .cs-converter-wrap { vertical-align: middle; position: relative; }

/* alternate solution
.training-investment .price-line-through .cs-converter-wrap:after {
    content: "";
    display: block; width: 100%; height: 3px; background: #e02c18;
    position: absolute; top: 50%; left: 0; margin-top: -1.5px;
}
*/
.price-line-through .cs-convertor-wrap-symbol,
.price-line-through .cs-convertor-wrap-data { text-decoration:line-through; text-decoration-color: #FF7C55; }

.training-investment .cs-convertor-wrap-symbol:after {
    content: " ";
    display: inline-block;
    width: 10px;
}
	.training-investment .price-line-through .cs-convertor-wrap-symbol:after { 
		content:".";
		text-decoration: line-through; text-decoration-color: #FF7C55; color: #fff;
	}


.training-investment .cs-currency-buttons button { 
    background: none;
    display: inline-block; margin-bottom: 10px;
    color: var(--green);
    font-family: "Work Sans"; font-size: 16px; font-weight: 600; letter-spacing: 1px;
    text-decoration: underline; text-underline-offset: 3px;
    cursor: pointer;
}

.cs-currency-name-dropdown { border: 2px solid var(--green); box-shadow: none; margin-bottom: 26px; }