@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --bs-primary: #284AA7;
    --bs-primary-light: #E6ECFE;
    --bs-secondary: #28A745;
    --bs-secondary-light: #E3F1E8;
    --bs-purple: #A7288A;
    --bs-gold: #A78528;
    --bs-dark: #1C3475;
    --bs-light: #F8F9FA;
    --bs-dba: #054A70;
    --bs-dba-light: #E5ECF0;
    /* --bs-body-color: #000; */
    --bs-link-color: #284AA7;
    --bs-link-hover-color: #284AA7;
}

body {font-family: 'Roboto', sans-serif;}

.container-limited {max-width: 1500px;}

#owIcon {filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));}

.hero-bg-slider {height: 20rem; position: static;}
.hero-bg-slide-caption {background: rgba(0, 0, 0, .8);}

.home-topics-container {display: grid; grid-template-columns: 100%; row-gap: 2rem;}

.hot-topics-slider-nav {position: absolute; bottom: 0; right: 0; z-index: 1;}
.hot-topics-slider-nav > div:hover {opacity: .7;}

.useful-links-container {display: grid; grid-template-columns: 100%; gap: 3px;}
.useful-link::before {content: ''; display: block; position: absolute; inset: 0; background: rgba(40, 167, 69, .9);}
.useful-link-excerpt {display: none;}

.h-styled {font-weight: 500; background-image: linear-gradient(to top, var(--bs-secondary-light) 50% , transparent 50%);}

.mayor-picture {border: 5px solid var(--bs-gray-400); border-radius: 100%; position: relative; aspect-ratio: 1 / 1;}
.mayor-picture::after {content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 104%; width: 0; height: 0; border-top: 10px solid var(--bs-gray-400); border-left: 10px solid transparent; border-right: 10px solid transparent;}

.styled-card a {display: block;}
.styled-card a span {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, .9)}
.styled-card a:hover span {background-color: white;}

.home-feeds::before {content: ''; display: block; position: absolute; inset: 0; background: rgba(40, 74, 167, .9);}
.home-feeds-dba::before {background: rgba(5, 74, 112, .9);}
.home-feeds .nav-tabs {border: none;}
.nav-tabs-fake .nav-link {padding: .5rem 1rem; display: inline-block;}
.home-feeds .card {flex-grow: 1; border-top-right-radius: var(--bs-border-radius) !important;}
.home-events-monthgrid span[cwfield="month"] {font-size: 1.2rem !important;}
.home-tabbed-events .nav-link:not(.active) {color: #FFF !important;}

.page-heading-inner {background: rgba(167, 133, 40, .9);}
.page-heading-dba .page-heading-inner {background: rgba(5, 74, 112, .9);}

.sitemap > ul > li {margin-bottom: 1rem;}
.sitemap > ul > li > a {display: block; padding: .75rem 1.5rem; border-bottom: 1px solid #DEE2E6; text-transform: uppercase; font-weight: bold;}
.sitemap > ul ul {padding: .5rem 1.5rem;}
.sitemap > ul > li > ul > li > a {text-transform: uppercase; padding: .5rem 0;}
.sitemap > ul ul a {font-weight: normal;}

.bottom-cta-heading {border-bottom: 3px solid var(--bs-primary);}
.footer-social-links .btn {color: #FFF !important;}


@media (min-width: 576px) {

    .home-more-news-link {position: absolute; top: 0.5rem; right: 2rem;}
    .bottom-cta-heading {border-bottom: none; border-right: 3px solid var(--bs-primary); height: 100%;}

}

@media (min-width: 768px) {

    .hero-bg-slider {height: 60vh;}
    .site-footer-info {background: url('/assets/decor-footer.svg') bottom right no-repeat; background-size: auto 3rem;}
    .site-footer-dba .site-footer-info {background: url('/assets/decor-footer-dba.svg') 95% center no-repeat; background-size: auto 90%;}

}

@media (min-width: 992px) {

    .container-lg {max-width: 75vw;}
    .site-header-main {background-image: linear-gradient(to right, #FFF 50% , var(--bs-primary-light) 50%);}
    .site-header-main-inner {background: url('/assets/decor-header.svg') center no-repeat; background-size: auto 100%;}
    .site-header-dba .site-header-main {background-image: linear-gradient(to right, #FFF 50% , var(--bs-dba-light) 50%);}
    .site-header-dba .site-header-main-inner {background-image: url('/assets/decor-header-dba.svg');}
    .home-topics-container {row-gap: 3rem;}
    .useful-links-container {grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));}
    .useful-link {min-height: 15rem;}
    .useful-link .useful-link-label {transition: padding .3s;}
    .useful-link a:hover {opacity: 1 !important;}
    .useful-link a:hover .useful-link-label {padding-bottom: .5rem; border-bottom: 3px solid white; opacity: 1 !important;}
    .useful-link-excerpt {display: block; line-height: 0; opacity: 0; padding-top: .5rem; transition: all .3s;}
    .useful-link a:hover .useful-link-excerpt {line-height: 1.25; opacity: 1;}
    .home-events-monthgrid > table {height: 410px !important;}

}

@media (min-width: 1200px) {

    .site-footer-info {background-size: auto 6rem;}

}