body {font-family: 'Source Sans Pro', sans-serif;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Source Sans Pro', sans-serif;}
/*-------------------------------------------------------------------------------------*/
/*@HELPERS ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.btn {border-radius: .625rem; font-size: 1.125rem; border: none; cursor: pointer; white-space: normal;}
.btn:active, .btn.active, button:focus,
.btn.focus, .btn:focus, .btn:active:focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {box-shadow: none !important; outline: none !important;}
.btn-brand {position: relative; width: 35px; height: 35px; display: inline-flex; justify-content: center; align-items: center;}
.btn-brand .fab {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center;}
.btn:focus,
.btn:active:focus,
.btn.active:focus {outline: none !important;}
.z-index-1 {z-index: 1 !important;}
.z-index-2 {z-index: 2 !important;}
.rounded {border-radius: .625rem !important;}
/*-------------------------------------------------------------------------------------*/
/*@SEARCH -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.search-container {position: fixed; z-index: 5; top: .8rem; right: 1rem; max-width: 70%; align-items: center; justify-content: center;}
.search-container.clicked {margin-bottom: 0; width: 70%;}
.searchWrapperOnsite .searchContentWrapperOnsite {display: flex; flex-direction: row;}
.searchWrapperOnsite .searchTextOnsite {height: 40px; border: none; outline: none; box-shadow: none; border-radius: 0;}
.searchWrapperOnsite .searchOnsiteSubmitWrapper a {display: flex; height: 100%; align-items: center; text-decoration: none; border-radius: 0;}
.searchWrapperOnsite .searchOnsiteSubmitWrapper a::after {content: '\f002'; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: flex; justify-content: center; align-items: center; width: 45px; height: 40px;}
.searchWrapperOnsite input::-webkit-input-placeholder {color: #666;}
.searchWrapperOnsite input:-moz-placeholder {color: #666; opacity: 1;}
.searchWrapperOnsite input::-moz-placeholder {color: #666; opacity: 1;}
.searchWrapperOnsite input:-ms-input-placeholder {color: #666;}
.searchWrapperOnsite input::-ms-input-placeholder {color: #666;}
.searchWrapperOnsite input::placeholder {color: #666;}
/*-------------------------------------------------------------------------------------*/
/*HEADER ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
header {height: 585px; position: relative; background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);}
header .quick-menu {top: 1rem; right: 1rem;}
header .quick-menu-item {width: 40px; height: 40px; border-radius: .625rem; cursor: pointer; background-position: center; background-repeat: no-repeat; display: block;}
header .quick-menu .btn-lock {background-image:url('../images/lock.png');}
header .quick-menu .btn-share {background-image:url('../images/share.png');}
header .quick-menu .search-toggle {background-image:url('../images/search.png');}
header .quick-menu .quick-menu-item .drop {display: none;}
header .quick-menu .quick-menu-item .drop a {color: #fff; padding: 0; margin: 2px;}
header .quick-menu .quick-menu-item:hover .drop {display: block; margin-top: 2.5rem; border-radius: .625rem; padding: 0;}
/*-------------------------------------------------------------------------------------*/
/*SLIDESHOW ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.slideshow {height: 585px; width: 100%; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; transition: margin 0.5s;}
.slideshow .owl-item .slideshow-image {height: 585px; width: 100%; background-position: center; background-size: cover;}
.slideshow .slideshow-item-overlay {position: absolute; bottom: 3.75rem; width: 100%; text-align: center;}
.slideshow .slideshow-item-overlay h2 {font-weight: 700; font-size: 2.125rem; color: #fff; max-width: 700px; display: inline-block;}
.slideshow-image:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 100%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, #000 100%);
}
/*-------------------------------------------------------------------------------------*/
/*@NAV --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.navbar {text-align: center;}
.navbar .nav-link {padding: .5rem !important; border-radius: .625rem;}
.navbar .nav-link::before {display: none;}
.navbar .dropdown-item {text-transform: none; display: flex; justify-content: space-between; white-space: normal; font-size: 1rem; padding: .6rem 1rem;}
.navbar .dropdown-item::before {display: none;}
.navbar .nav-link:before.dropdown,
.navbar .dropdown-submenu {position: relative;}
.navbar .dropdown-menu {background: transparent;}
.navbar .dropdown-submenu > .dropdown-menu {top: 0; left: 100%;}
.navbar .dropdown-submenu > .dropdown-item:after {border: none;}
.navbar .nav-item .nav-link::before {display: none; font-weight: 700;}
/* NAVBAR TOGGLE STYLING */
.navbar-toggler {position: relative; z-index: 2; left: 1rem; padding: .5rem; border: 0;}
/*-------------------------------------------------------------------------------------*/
/*CONTENT -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.goo-sticker {
position: absolute;
width: 180px;
height: 180px;
right: 2rem;
bottom: -3rem;
background: url('../images/goo-sticker.png') center / contain no-repeat;
z-index: 1;
}
/*-------------------------------------------------------------------------------------*/
/*EXTRA PAGES -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
.extra-pages .disabled {pointer-events: none;}
.extra-pages .quick-item-large .item-wrapper {
margin: 0 0 1rem 0;
padding-top: 100%;
background: url('../images/news-placeholder.png') center / cover no-repeat;
font-size: 1.625rem;
}
.extra-pages .quick-item-large .item-wrapper::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .35);
transition: background-color .5s;
}
.extra-pages .quick-item-large .item-wrapper:hover::before {background: rgba(0, 0, 0, 0);}
.extra-pages .quick-item-large .item-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
/*-------------------------------------------------------------------------------------*/
/*@FORM-CONTROL -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
footer .form-control {border: none !important; white-space: normal;}
footer .form-group-select {position: relative;}
footer .form-group-select select {-webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: none;}
footer .form-group-select select::-ms-expand {display: none;}
footer .form-group-select::after {content: '\f107'; font-family: 'Font Awesome 5 Free'; font-weight: 700; position: absolute; top: .5rem; right: 1rem; pointer-events: none; display: inline-flex;}
/*-------------------------------------------------------------------------------------*/
/*MEDIA QUERIES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
.search-container {margin-top: -4.5rem; position: static; top: 0; left: 0; right: 0; border-radius: 0; max-width: 100%;}
.search-container.clicked {margin-top: 0; width: 100%; position: static; top: 0; left: 0; right: 0; transition: 250ms;}
.searchWrapperOnsite .searchTextOnsite {background: #fff; border-radius: .625rem;}
.searchWrapperOnsite .searchContentWrapperOnsite {display: flex; flex-direction: row-reverse;}
.searchWrapperOnsite .searchOnsiteSubmitWrapper a {border-radius: .625rem; margin-right: .5rem;}
.navbar {top: 2rem;}
.navbar .topLevel.nav-item {padding: 0 .5rem;}
.navbar .nav-link {padding: .3rem 1.5rem !important;}
.navbar .dropdown-submenu {position: relative;}
.navbar .nav-item:hover > .dropdown-menu,
.navbar .dropdown:hover > .dropdown-menu {display: block;}
.navbar .nav-item {font-size: 1.4rem; font-weight: 300;}
.navbar .nav-item .dropdown-menu {min-width: 300px; margin: 0; left: .5rem; border: 0; border-radius: 0; padding: 0;}
.navbar .dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-left: 0;}
.navbar .dropdown:hover .nav-link, .navbar .dropdown-menu {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.navbar-nav li ul li:last-of-type > a {border-bottom-left-radius: .625rem; border-bottom-right-radius: .625rem;}
.navbar .topLevel .dropdown-toggle.nav-link::after {display: none;}
}
@media (max-width: 768px) {
.search-container {max-width: 60%;}
}
@media (max-width: 991px) {
.slideshow .slideshow-item-overlay {bottom: 1rem;}
.slideshow .slideshow-item-overlay h2 {font-size: 1.6rem;}
header, .slideshow, .slideshow .owl-item .slideshow-image {height: 300px;}
/*SIDEBAR MOBILE NAV STYLING*/
.navbar {
padding: .5rem 0;
margin: 0;
max-height: 100vh;
width: 100%;
background: #fff;
position: fixed;
z-index: 2;
top: 0;
left: 0;
box-shadow: .5px .3rem .5rem rgba(0,0,0,.15) !important;
}
.navbar-collapse {
height: 100vh;
position: fixed;
overflow: auto;
z-index: -1;
background: rgba(20, 20, 20, 0.9);
transition: .5s;
top: 0;
left: 0;
padding: 4rem 1rem;
width: 100%;
}
.navbar-collapse .nav-link {font-size: 1.4em; transition: 0.3s;}
.navbar-collapse.collapsing {height: 100%; transition: left 0.3s ease; left: -100%;}
.navbar-collapse.show {left: 0; transition: left 0.3s ease-in;}
.navbar .topLevel.nav-item {padding: .5rem 0;}
.navbar .nav-link {min-width: 130px; padding-left: 1rem; padding-top: 100px; border: none !important;}
.navbar .dropdown-menu {border: 0; border-radius: .625rem;}
}
@media (max-width: 1199px) {
.slideshow .slideshow-item-overlay h2 {max-width: 600px;}
}