/* COMMON */
#content section:not(#content #slider), #content .section, footer section:not(footer .engage section), footer .engage { border-radius: 30px; margin-bottom: 30px; padding: 15px; }
#content h2, #footer-content h2, .read-more, .toggle-engage, .section-reader { border-radius: 15px; }

.flash { padding: 20px; border-radius: 20px; text-align: center; font-size: 130%; font-weight: bolder; }
.flash-green { background-color: #96e77f; }
.flash-yellow { background-color: #FFE792; }
.flash-orange { background-color: #c9a45e; }
.flash-red { background-color: #da5e5e; }

/* SITE MENU TOGGLE */
h1.collapsible-ul:after, h2.collapsible-ul:after {
    content: "\ea99";
    font-family: IcoFont;
    position: relative;
    margin-left: 10px;
}

/* MISC */
.read-more { clear: both; display: block; background-color: #C2E09B; padding: 12px; margin-top: 15px; }
.img-fluid { width: 100%; }
.img-right { float: right; margin: 0 0 20px 20px; width: 200px; }
@media screen and (max-width: 450px) { /* responsive snap */
	.img-right { float: none; margin: 0; width: 100%; }
}

/* https://stackoverflow.com/a/24630169 */
@media screen and (min-aspect-ratio: 13/9) { .show-in-portrait { display: none; } } 
@media screen and (max-aspect-ratio: 13/9) { .show-in-landscape { display: none; } }

.bannner { text-align: center; }
.bannner img { max-width: 100%; }

.content section:not(.content #slider), #content .section {
	padding: 20px;
	border-radius: 0;
	margin: 10px auto 20px auto;
}

/* PROMOTION */
#promote ul, .site-promotions ul { list-style-type: none; padding-left: 0; margin-left: 0; }

/* GALLERY */
.gallery li { list-style-type: none; margin-bottom: 20px; padding: 15px; }
.gallery li:not(.gallery .row li) { border: 1px solid brown; border-radius: 30px; }
.gallery h3 { text-align: center; background-color: rgb(112, 202, 150); margin: 10px 0 0 0; }

/* EMBEDS */
.deck-container { height: 90vh; margin-right: 40px; }
.deck-container iframe { width: 100%; height: 100%; }

.toggle-deck-fullscreen { display: block; text-align: center; margin-bottom: 10px; }
.toggle-deck-fullscreen span { width: 40px; height: 30px; }

a.is-full-screen { position: absolute; top: 80px; right: 20px; z-index: 1200; }
iframe.is-full-screen { position: absolute; top: 60px; right: 10px; bottom: 10px; left: 10px; z-index: 1100; }

/* https://www.h3xed.com/web-development/how-to-make-a-responsive-100-width-youtube-iframe-embed */
.video-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 20px; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ICONS */
.g-doc, .g-slide, .g-sheet, .yt, .legacy
{ background:  left center no-repeat; padding-left: 20px!important; padding-right: 0px!important; }
.g-doc { background-image: url(https://drive-thirdparty.googleusercontent.com/16/type/application/vnd.google-apps.document)!important; }
.g-slide { background-image: url(https://drive-thirdparty.googleusercontent.com/16/type/application/vnd.google-apps.presentation)!important; }
.g-sheet { background-image: url(https://drive-thirdparty.googleusercontent.com/16/type/application/vnd.google-apps.spreadsheet)!important; }
.yt { background-image: url(https://s.ytimg.com/yts/img/favicon_32-vflOogEID.png)!important; padding-left: 38px; }

.amadeus-icon:not(#promote h2) { background:  url(amadeus-icon-30px.png?fver=3) no-repeat left center; background-size: contain; }
.yieldmore-icon:not(#promote h2) { background:  url(yieldmore-icon-30px.png) no-repeat left center; background-size: contain; }
span.yieldmore-icon { padding-left: 25px; margin-left: 5px; }
.icofont-yieldmore { text-indent: -999px; background:  url(yieldmore-icon-30px.png) no-repeat; width: 14px; height: 14px; background-size: 14px 14px; display: inline-block; position: relative; top: 2px; }
footer .social-links a i { height: 40pt; width: 40pt; background-size: cover; }

body.has-chatra { padding-bottom: 90px; }