body {font-family: 'ABeeZee', sans-serif; font-size: 1rem; line-height: 1.5; background: #FFD700;}
body > #preloader {background: #FFD700; z-index: 1071; opacity: 1; transition: opacity .5s ease;}
body > #preloader.loaded {opacity: 0;}
h1, h2, h3, h4, h5, h6 {font-family: 'ABeeZee', sans-serif;}

#content .intro-slider .intro-img {height: 70vh;}
#content #contentCmsBody h1 {display: none !important;}

.overlay::before {background: rgba(61, 61, 61, .5); content: ''; position: absolute; height: 100%; width: 100%;}

.header-mb {margin-bottom: 9rem;}
header .navbar-brand img {height: 4rem;}
footer .footer-brand img {width: 185px;}

.h-600 {height: 600px;}

.btn-social::after {font-family: 'Font Awesome 5 Brands'; font-weight: 400; justify-content: center; align-items: center; display: flex;}

.twitter::after {content: '\f099';}
.facebook::after {content: '\f39e';}
.linkedin::after {content: '\f0e1';}
.youtube::after {content: '\f167';}
.instagram::after {content: '\f16d';}
.btn-share::after {content: '\f1e0';}

.search-wrapper {position: fixed; z-index: 1070; right: 0; top: 0;}
.btn-search {height: 75px; width: 75px;}
.btn-search::before {position: absolute; content: ''; background: url('../images/hexagon-search.svg') right / contain no-repeat; height: 75px; width: 100%; top: 0; right: 0; z-index: -1;}
.btn-search i {font-size: 1.5rem; position: absolute; top: 1.5rem; right: 1.5rem;}
.btn-search.clicked .fa-search::before {content: '\f00d'; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.search-overlay {top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 1050; display: none; flex-flow: column;}
.search.clicked {display: flex;}
.search .searchWrapperOnsite .searchContentWrapperOnsite {display: flex;}
.search .searchWrapperOnsite .searchOnsiteSubmitWrapper a::after {content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: flex; width: 30px; height: 30px; align-items: center; justify-content: center;}
.search .searchTextOnsite {height: auto;}
.search .searchOnsiteSubmitWrapper {margin-left: 1rem;}
.search .searchOnsiteSubmitWrapper a {position: relative; height: 100%; padding: .5rem; display: flex; justify-content: center; align-items: center;}
.search .searchOnsiteSubmitWrapper a:hover {text-decoration: none; transition: .1s;}
.search .searchContentWrapper {display: flex; flex-wrap: wrap;}
.search .searchContentWrapper .buttonWrapper {flex: 1;}
.search .searchResultsWrapper .result .resultHeader .resultTitle {line-height: 1 !important;}

.navbar-sticky:not(.sticky) {border: 0; box-shadow: none;}
.navbar-sticky.sticky {position: fixed; width: 100%; left: 0; top: 0; z-index: 1030; border-top: 0; transition: all .2s ease; background: #FFD700 !important; min-height: 95px; height: 145px;}
.navbar-nav .nav-link::before {display: none;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.intro-wrapper .row {width: 100%;}}
#landing::after, #content main::after {position: absolute; content: ''; background: url('../images/grand-g-img.svg') bottom / contain no-repeat; height: 100%; width: 600px; right: -10rem; bottom: 0; opacity: .1; pointer-events: none;}
#content main::after {z-index: -1;}

.calendar .topCalendar .monthName {color: #fff; font-size: 1.25rem; width: 100%; text-align: center;}
.calendar .topCalendar .nextMonth, .calendar .topCalendar .prevMonth { color: #fff; cursor: pointer; font-size: 0; width: 45px; height: 100%; display: flex; justify-content: center;}
.calendar .topCalendar .nextMonth::after {content: '\f0da'; font-family: 'Font Awesome 5 Free'; font-size: 1.4rem; font-weight: 900;}
.calendar .topCalendar .prevMonth::after {content: '\f0d9'; font-family: 'Font Awesome 5 Free'; font-size: 1.4rem; font-weight: 900;}
.calendar .dayHeaderItemMini {display: flex; justify-content: center; align-items: center; border: 1px rgba(0, 0, 0, 0.08) solid; transition: 250ms ease-out;}
.calendar .dayHeaderItemMini::after {content: ''; padding-top: 100%;}
.calendar .dayWrapper a {background: #FFFFFF; color: #6E6E6E;}
.calendar .dayWrapper a:hover {background: #C3C3C3; color: #fff;}
.calendar .currentDay a {background: #FFD700; color: #fff;}
.calendar .currentDay a:hover {background: #E6AA00;}
.calendar .currentDay .dayBusy {background: #E6AA00; color: #fff;}
.calendar .currentDay .dayBusy:hover {background: #CC9000;}
.calendar .dayBusy {background: #2D2D2D; color: #fff;}
.calendar .dayBusy:hover {background: #141414;}
.calendar .otherMonth a {background: #EEEEEE; color: #BCBCBC;}
.calendar .topCalendar .nextMonth:hover, .calendar .topCalendar .prevMonth:hover {background: rgba(12, 0, 3, .125); color: #fff; transition: 250ms;}
.calendar .dayWrapper a {width: 100%; text-align: center;}
.calendar .dayWrapper a:hover {text-decoration: none;}
.calendar-month .calendarTitle {display: none;}
.calendar-month .topCalendar {background: #83B5C4; display: flex; padding: 1rem .5rem; align-items: center;}
.calendar-month .headerRowMiniCalendar {display: flex; background: #bcbcbc;}
.calendar-month .miniHeaderItem {background: #83B5C4; color: #fff; max-width: 14.28%; flex: 0 0 14.28%; padding: 1rem 0; flex-direction: column; justify-content: center; display: flex; text-align: center; text-transform: uppercase;}
.calendar-month .miniCalendarContent {background: #f5f5f5; display: flex; flex-wrap: wrap; overflow: hidden;}
.calendar-month .dayWrapper {display: flex; max-width: 14.28%; flex: 0 0 14.28%; flex-direction: column; align-items: center;}
.calendar-list .calendarOSContent {background: #F5F5F5; padding: 1.5rem;}
.calendar-list .calendarItem {background: #F5F5F5; display: flex; flex-flow: row; align-items: center; transition: 250ms; padding-left: .5rem;}
.calendar-list .calendarItem:hover {background: #EDEDED;}
.calendar-list .calendarItem + .calendarItem {margin-top: 1rem;}
.calendar-list .calendarOSHeader {background: #83B5C4; color: #fff; padding: .8rem;}
.calendar-list .calendar-content {text-overflow: ellipsis; overflow: hidden;}
.calendar-list .calendarItemDate {background: #fff; display: flex; flex-flow: column; align-items: center; height: 100%; justify-content: center; text-align: center; font-weight: 700; padding: .5rem;}
.calendar-list .calendarItemDate:hover {background: #83B5C4;}
.calendar-list .calendarItemDate .dateDay {color: #1A1A1A; font-size: 1.125rem; line-height: normal; width: 40px;}
.calendar-list .calendarItemDate .dateMonth {color: #1A1A1A; font-size: 0.75rem; line-height: normal; width: 40px;}
.calendar-list .calendarItemTitle {color: #83B5C4; width: 100%; font-size: 1.125rem; text-decoration: none;}
.calendar-list .calendarItemTitle:hover {color: #83B5C4;}
.calendar-list .calendarItemDate:hover .dateDay, .calendar-list .calendarItemDate:hover .dateMonth { color: #fff;}
.calendar-list .calendar-content-txt {color: #5D5D5D; font-size: 0.875rem; word-wrap: anywhere;}

.intro-slider .owl-nav {display: none; position: absolute; justify-content: space-between; width: 100%; top: 0; bottom: 0; color: #FFD700; align-items: center; pointer-events: none;}
.intro-slider .owl-nav .owl-prev:hover, .intro-slider .owl-nav .owl-next:hover {color: #fff;}
.intro-slider .owl-prev::before, .intro-slider .owl-next::before {pointer-events: all; position: absolute; content: ''; background: url('../images/hexagon-nav.png') center / contain no-repeat; width: 107px; height: 93px; z-index: -1;}
.intro-slider .owl-prev, .intro-slider .owl-next {display: flex !important; pointer-events: none; cursor: pointer; font-size: 0; margin: 0 5rem; height: 100%; justify-content: center; align-items: center; transition: .2s ease-in-out; z-index: 1;}
.intro-slider .intro-bg::before {position: absolute; pointer-events: none; content: ''; background: url('../images/intro-icon.svg') center / contain no-repeat; height: 100px; width: 100px; top: -3rem; left: 0; right: 0; display: flex; width: 100%;}
.intro-slider .owl-dots {display: flex !important; justify-content: center; position: absolute; bottom: 0; width: 100%; margin: 1rem 0;}
.intro-slider .owl-dots .owl-dot::after {background: #2D2D2D; color: #2D2D2D; content: "\f111"; font-family: 'Font Awesome 5 Free'; border-radius: 50%; border: .3rem #fff solid; font-size: .8rem;}
.intro-slider .owl-dots .owl-dot {pointer-events: all; margin: .5rem;}
.intro-slider .owl-dots .owl-dot.active::after {background: #FFD700; color: #FFD700;}

.intro-slider .slideshow-image {height: 500px;}

.intro-slider .owl-prev::after, .intro-slider .owl-next::after {position: absolute; font-size: 3rem; font-family: 'Font Awesome 5 Free'; font-weight: 700;}
.intro-slider .owl-prev::after {content: "\f053";}
.intro-slider .owl-next::after {content: "\f054";}

.intro-slider .owl-drag {cursor: grab !important;}
.intro-slider .owl-grab {cursor: grabbing !important;}
.intro-slider .intro-wrapper {pointer-events: all;}

.news-item:nth-child(odd) .news-nth-item {flex-direction: row-reverse;}
.news-item:nth-child(odd)::before, .news-item:nth-child(odd)::after, .news-item:nth-child(even)::before, .news-item:nth-child(even)::after {height: 50%; width: 100%; position: absolute; z-index: 0;}
.news-item:nth-child(odd)::before {content: ''; background: #2D2D2D; top: 0%;}
.news-item:nth-child(odd)::after {content: ''; background: #FFD700; bottom: 0%;}
.news-item:nth-child(even)::before {content: ''; background: #FFD700; top: 0%;}
.news-item:nth-child(even)::after {content: ''; background: #2D2D2D; bottom: 0%;}
.news .newsItemImage {background-image: url("../images/placeholder.png"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 250px;}
.news .newsTeaser {padding: 1rem 0;}
.news-item:nth-child(odd) .news-image::before, .news-item:nth-child(even) .news-image::before {background: #fff;}

.testimonial-wrapper q {font-family: 'Indie Flower', cursive;}
.testimonial-wrapper .testimonial-image {clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0%); width: 220px; height: 200px;}
.testimonial-wrapper .testimonial-image img {height: 100%; min-width: 350px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .news-image {padding: 0 !important;}
    .news-item:nth-child(odd) .news-image::before, .news-item:nth-child(even) .news-image::before {background: transparent;}
}

@media (min-width: 768px) {
    header .navbar-brand img {height: 7rem;}
    .news .newsItemImage {height: 450px;}
}

@media (min-width: 992px) {
    .intro-slider .owl-nav {display: flex;}
    .intro-slider .owl-dots {display: none !important;}

    .calendar .calendar-btn {position: absolute; top: 6rem; left: 1rem;}

    .news-item:nth-child(odd) .test::before, .news-item:nth-child(even) .test::before {content: ''; position: absolute; top: 0; bottom: 0; width: 100%; background: #fff;}
    .news-item:nth-child(odd) .test::before {left: -100%;}
    .news-item:nth-child(even) .test::before {right: -100%;}
    .news-item:nth-child(odd) .news-image::before, .news-item:nth-child(even) .news-image::before {content: ''; height: 100%; width: 50%; position: absolute; top: 0; z-index: 0; left: auto;}
    .news-item:nth-child(odd) .news-image::before {left: 0;}
    .news-item:nth-child(even) .news-image::before {right: 0;}
    .news .newsItemImage {clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0%);}

    .footer-top::before {content: ''; position: absolute; background: url('../images/grand-g-img.svg') center / contain no-repeat; left: 0; bottom: 0; height: 100%; width: 220px; opacity: .1;}
}

@media (min-width: 1200px) {
    .hexagon.topLevel {position: relative; margin: .1rem; display: flex; justify-content: center; align-items: center; max-width: 100px; width: 90px;}
    .hexagon.topLevel::after {position: absolute; content: ''; background: url('../images/hexagon-nav.png') center / contain no-repeat; height: 100px; width: 100px; z-index: -1; top: -70%; bottom: 0; left: -5%; right: 0;}
    .hexagon.topLevel > .nav-link {max-height: 60px; overflow: hidden; text-overflow: ellipsis; text-align: center; z-index: 2;}
    .hexagon.topLevel.selected::before, .hexagon.topLevel:hover::before {position: absolute; content: ''; background: url('../images/hexagon-nav-select.png') center / contain no-repeat; height: 85px; width: 85px; top: -50%; bottom: 0; left: 3%; right: 0;}
    .hexagon.topLevel:nth-child(odd) {top: -1rem;}
    .hexagon.topLevel:nth-child(even) {bottom: -1rem;}
    .navbar-nav .topLevel .nav-link {position: relative; outline: none;}
    .navbar-nav .topLevel .nav-link::after {content: ''; position: absolute;}
    .navbar .nav-item:hover > .dropdown-menu, .navbar .dropdown:hover > .dropdown-menu {display: block;}
    .navbar-nav .dropdown-menu {min-width: 220px;}
}

@media (max-width: 768px) {
    h1 {font-size: 1.5rem !important;}
    h2 {font-size: 1.375rem !important;}
    h3 {font-size: 1.25rem !important;}
    h4 {font-size: 1.2rem !important;}
    h5 {font-size: 1.125rem !important;}
    h6 {font-size: 1rem !important;}

    .intro-slider .intro-img {height: 450px;}
    .intro-slider .slideshow-image {height: 300px;}
}

@media (max-width: 992px) {
    .intro-wrapper .btn:not(:last-child) {margin-right: 0;}
    .news .news-image {padding: 0;}
}

@media (max-width: 1199px) {
    .navbar-toggler {position: fixed; top: 3.5rem; right: 5rem; z-index: 999; border: 0; border-radius: 0; display: flex; justify-content: center; align-items: center; outline: none !important;}
    .navbar-toggler::after {position: absolute; content: ''; background: url('../images/hexagon-nav-toggler.svg') center / contain no-repeat; height: 60px; width: 60px; z-index: -1; top: -10px; right: -3px;}
    .navbar {padding: 0; margin: 0; max-height: 100vh; width: 100%; position: fixed; z-index: 3; top: 0; left: 0; box-shadow: 0.5px 0.3rem 0.5rem rgba(0,0,0,.15) !important;}
    .navbar-collapse {height: 100%; position: fixed; overflow: auto; transition: .5s; top: 0; left: 0; margin-top: 9rem; width: 100%; padding: 1rem;}
    .navbar-collapse .nav-link {font-size: 1.4em; transition: 250ms; font-size: 1.4em; display: flex; justify-content: space-between; white-space: normal; min-width: 130px;}
    .navbar-collapse.collapsing {height: 100%; transition: 250ms; left: -100%;}
    .navbar-collapse.show {left: 0; transition: 250ms;}
    .navbar-nav {overflow: auto; margin-bottom: 10rem; height: 100%; background: #fff; border-radius: 1rem; padding: 1rem; box-shadow: 0.5px 0.3rem 0.5rem rgba(0,0,0,.15) !important;}
    .navbar .nav-item {max-width: 100%;}
    .navbar .dropdown-menu.show {display: block;}
    .navbar .subLevel.dropdown-menu .dropdown-submenu .subLevel.dropdown-menu {background: #777;}
    .navbar .subLevel.dropdown-menu.show {background: #888;} 
}

@media (max-width: 1200px) {
    .display-4 {
        font-size: calc(1.425rem + 2.1vw);
    }
}