@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap');


:root {
    --body-font-family: 'Open Sans', sans-serif;
    --bs-font-sans-serif: 'Open Sans', sans-serif;
    --bs-body-font-family: 'Open Sans', sans-serif;
    --heading-font-family: 'Open Sans', sans-serif;
}


.section.sec-sponsors,
.site-footer,
.sec-top-stories, .sec-top-stories-desktop, 
.sec-schedule-tabs, .sec-banner, .sec-standings, html:not(.landing.site-home) main.site-main { background-image: url(/images/setup/Texture_-Brighter_Horizons_Academy-.png); background-color:var(--bs-dark)!important }

.section h2.visually-hidden { color:var(--bs-white)!important }

.pre-header, .site-title-bar { background-image: url(/images/setup/Texture_-Brighter_Horizons_Academy-.png); background-color:var(--bs-dark)!important }

.pre-header .next-event-bar { background:var(--bs-secondary)!important; color:var(--bs-primary)!important }


.next-event-wrapper .component-countdown.layout-standard > div > div.contents:before, .next-event-wrapper .details .specs-3 .event-links:before,
.next-event-wrapper .details .specs-1 .teams:before, .next-event-wrapper .details .sport:before { color:var(--bs-white)}


.site-footer .inc-hostedby { width:12rem!important; margin-left:1rem }
.site-footer .developer-logo li:first-of-type img { max-height:5.5rem }

.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-toggle, 
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link, 
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link > span > a.nav-link { font-weight:600 }


.sec-schedule-tabs .component-scoreboard.layout-small .slick-arrow-controls .slick-arrow:hover { color:var(--bs-secondary)}



    .sec-schedule-tabs .component-scoreboard.layout-small .slick-list,
    .sec-schedule-tabs .component-scoreboard.layout-small .card .middle-inner,
    .sec-schedule-tabs .component-scoreboard.layout-small .card,
    .sec-schedule-tabs .component-tabs .page-details { border-color:var(--bs-secondary)!important }
    .sec-schedule-tabs .component-tabs .page-details { background-color:transparent }
    .sec-schedule-tabs .component-scoreboard.layout-small .card { color:var(--bs-primary)}

    .site-footer .footer-details-wrapper a:hover,
    .section .archive-link a:hover,
    .section .component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover { color:var(--bs-secondary)!important; text-decoration:underline!important;}


    .site-footer .copyright-privacy-links-section > div .privacy-links a,
    .site-footer .copyright-privacy-links-section > div .privacy-links,
    .site-footer .copyright-privacy-links-section  { color:var(--bs-primary)!important}
    .site-footer .copyright-privacy-links-section > div a:hover { text-decoration:underline!important }


    .sec-schedule-tabs .component-tabs .nav-pills .nav-link:hover,
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link.active { background:var(--bs-secondary); color:var(--bs-primary) }


    .sec-schedule-tabs .component-scoreboard.layout-small .card .sport-name a:hover { color:var(--bs-primary)}

    .site-header .macro-secondary-navigation .navbar-brand:hover { color:var(--bs-primary)!important; text-decoration:underline }
    .site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar-nav > .nav-item:hover > .nav-link, .site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-link.active { background:var(--bs-primary)}
    
    
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .slide button span:before { color:var(--bs-primary)}
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .carousel-control-pp { background:var(--bs-secondary)}
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .slide button:not(.pp) span:before { color:var(--bs-secondary)}




@media (min-width: 992px) {

    .title-bar .site-title {
        font-size: 1.35rem;
        padding-top: 0.25rem;
        padding-bottom: 1.25rem;
        font-weight: bold;
        letter-spacing: 1px;
    }
    
    .site-header { border:none }
    .site-header .macro-primary-navigation { border-color:var(--bs-secondary) }
    .site-header:not(.is-pinned) .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img { max-height:6rem; top:-1.4rem }
    .site-header.is-pinned .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img {  top:0rem }

    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered { min-width:13rem }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link { background-color:var(--bs-secondary) }


.site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu, 
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu ul { border-radius: 0; background-color: var(--bs-primary) !important }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .dropdown-menu-inner ul[data-flex=true] > li.nav-item:not(.brand-icon) > a:after { border-color:var(--bs-white)!important}
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a:hover { text-decoration:underline }
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a { color:var(--bs-white)!important }

    .sec-schedule-tabs .archive-link a { font-size:1.5rem }


    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .carousel-caption { background: var(--bs-primary-rgb); background: linear-gradient(180deg, rgba(var(--bs-primary-rgb),0) 30%, rgba(var(--bs-primary-rgb),0.40) 50%, rgba(var(--bs-primary-rgb),0.95) 80%,rgba(var(--bs-primary-rgb),1) 95% ,rgba(var(--bs-primary-rgb),1) 100%) }
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .right-col .aside-carousel { background-color:transparent!important }
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item:not(.active) .card:before { background-color: rgba(var(--bs-primary-rgb),.7) }
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active { border-color:var(--bs-secondary)!important }


    .component-navbar-split.layout-standard .navbar-nav.top-level > li.w-100.text-right { width:auto!important}

    .nav-social-links ul li:hover,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search:hover,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .composite-link:hover { background-color:var(--bs-secondary) }


}


@media (max-width: 991px) {

    
    .site-header .macro-primary-navigation > div > div > .headers-icon-links a,
    .site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle=offcanvas] span:before,
    .site-header .mobile-menu .navbar-offcanvas-template .accordion-flush .accordion-item .nav-link { color:var(--bs-primary)}
    .sec-top-stories .component-headlines.layout-basic .card > div > div:last-of-type:after {
    background: linear-gradient(rgba(var(--bs-primary-rgb),0) 0,rgba(var(--bs-primary-rgb),0) 9.43%,rgba(var(--bs-primary-rgb),.47) 25.62%,rgba(var(--bs-primary-rgb),.63) 38.92%,rgba(var(--bs-primary-rgb),.79) 48.28%,rgba(var(--bs-primary-rgb),.99) 64.04%,var(--bs-primary) 100%) }


    .site-header .macro-primary-navigation > div > div > .headers-icon-links button,
    .site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle=offcanvas] span:before { color:var(--bs-secondary)!important }
    .site-header .macro-primary-navigation { background-color:var(--bs-primary)!important }

    .site-header .mobile-menu .navbar-offcanvas-template .accordion-flush .accordion-item .nav-link { text-transform:uppercase }



    .section .slick-dots li button:before, .section .component-video.layout-slider .slick-dots button, .section .carousel-indicators [data-bs-target] { background-color:var(--bs-secondary)}

}