/* Custom CSS rules here */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Proza+Libre:wght@400;700;800&display=swap');

:root {
    --bs-primary: #1B70C5;
    --bs-secondary: #6c757d;
    --bs-warning: #ffc90d;
    --bs-dark: #343a40;
    --bs-light: #F8F9FA;
    --bs-body-color: #000;
    --bs-link-color: #1B70C5;
    --bs-link-hover-color: #1B70C5;
    --bs-black: #202327;
}

body {font-family:'Proza Libre',sans-serif;}
h1, .h1, h2, .h2, h3, .h3 {font-family: 'Merriweather', serif;}

.bg-black {background: var(--bs-black) !important;}

.site-header .social-links a {margin-right: .25rem;}
.owIcon-container {background: var(--bs-light); border-radius: .5rem; height: 2rem; margin-right: .5rem; }
#owIcon {filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));}

.nav-primary {background: var(--bs-dark);}
.nav-primary > ul > li > a, .nav-primary > ul > li > a:hover, .megamenu a, .nav-primary .fa-caret-down {color: var(--bs-warning) !important;}
.nav-primary .megamenu > li:hover > a, .nav-primary .nav-primary-lv1 > li:focus > a {background: var(--bs-black); color: #FFF !important;}
.nav-primary-lv3 a:hover {color: #FFF !important;}

/*.home-hero-dark .home-hero-overlay {background: rgba(52, 58, 64, .7);}*/
.home-hero-dark .hero-welcome {height: 50vh; background: none;}

.news-carousel-pagination {position: static; margin-top: 1.5rem;}
.news-carousel-pagination .swiper-pagination-bullet {cursor: pointer; margin: 0 .5rem !important;}
.news-carousel-button-next {right: -2rem; top: 50%; transform: translateY(-50%);}
.news-carousel-button-prev {left: -2rem; top: 50%; transform: translateY(-50%);}

.page-heading-inner {background: rgba(52, 58, 64, .7);}

div[id^='cwucelist'] {border: none !important;}
div[id^='cwucelist'] a {color: var(--bs-link-color) !important;}

@media (min-width: 992px) {
    .home-hero-dark .hero-welcome {height: 60vh;}
}