@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&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;
}


.site-footer .footer-links .nav-link:hover,
.site-footer .footer-links .nav-link:focus { color:var(--bs-secondary)!important}

.section.sec-banner .component-banner { background:var(--bs-dark)!important }

.sec-scoreboard .slick-arrow .sr-only,
.section.sec-site-tagline h2.visually-hidden { color:var(--bs-dark)!important }
.section.sec-affiliate h2.visually-hidden { color:var(--bs-white)!important }

.pre-head-section .sec-scoreboard .body-middle .middle-inner span.vs-at-indicator { color:var(--bs-primary)!important }
.site-tagline span { color:var(--bs-primary)}
.sec-site-tagline .branding span { background:var(--bs-secondary)!important }
.sec-site-tagline .branding span:before, .sec-site-tagline .branding span:after { background-color:var(--bs-primary)}
.site-header .title-section-wrap { background-color:var(--bs-white) }
.site-header .social-links { border-color:var(--bs-primary)!important }
.site-header .social-links a.nav-link { background-color:var(--bs-primary)}
.site-header .social-links a.nav-link span:before { color:var(--bs-white)}

.site-footer { background:var(--bs-primary)!important; border-top:10px solid #fff!important}
.site-footer .social-icons-footer ul a { color:var(--bs-primary)}


.sec-tabs .component-tabs.layout-responsive ul.nav-tabs li button span,
.sec-tabs .component-tabs.layout-responsive ul.nav-tabs li button.active { background:var(--bs-primary); color:var(--bs-secondary)!important }

.sec-featured-headlines .component-headlines.layout-featured-slider .card .card-title a { color:var(--bs-primary) }


.site-tagline span { font-size:2.5rem!important }
.site-header .tv-link {  font-size:1.45rem; padding:6px 12px; margin-bottom:0.2rem }

.component-banner .item .item-title { text-shadow:2px 2px 2px #000 }

.sec-standings .table>:not(caption)>*>*,
/*.sec-standings .page-details .component-headings,*/
.sec-standings .component-standings.layout-standard .layout-wrapper {  background: #EFEFEF!important }
.sec-standings .page-details .component-title { font-style:normal }
.sec-standings .component-standings.layout-standard th:not(.group-head) { color: var(--bs-body-color) !important }

@media only screen and (min-width: 992px) {
    .sec-standings .component-tabs.layout-select .form-floating { top: -3.125rem }
    .sec-standings .component-tabs.layout-select .form-floating select { min-width: 10rem }
}

.sec-more-news .layout-stacked ul .item,
.sec-featured-headlines .component-headlines.layout-featured-slider .layout-wrapper > div > div > div:last-of-type { background: #EFEFEF!important }

@media only screen and (min-width: 992px) {

.component-banner .item .item-title { font-size:4rem; font-weight:700 }
.site-header .tv-link:focus,
.site-header .tv-link:hover { color:var(--bs-secondary)}
.site-header .social-links a.nav-link:focus,
.site-header .social-links a.nav-link:hover { background:var(--bs-secondary)!important }
.site-header .social-links a.nav-link:focus span:before,
.site-header .social-links a.nav-link:hover span:before { color:var(--bs-primary)!important }

}


.sec-featured-athlete .component-aotw.layout-bio  { background:url(/images/setup/aotw-bg-pattern.png) no-repeat 0 0 !important }

@media only screen and (max-width: 991px) {

    .site-header { background-color:var(--bs-primary)!important }
    .site-header .navbar-offcanvas-template .btn-link[data-bs-toggle="offcanvas"] { background-color:var(--bs-secondary) }
    .sec-tabs .component-tabs.layout-responsive .tab-content .accordion-item .accordion-button { text-transform:uppercase; background:var(--bs-primary)!important; color:var(--bs-secondary)!important }
    .sec-tabs .component-tabs.layout-responsive .tab-content .accordion-item .accordion-button:after { color:var(--bs-secondary)!important }
    .component-banner .item .item-title { font-size:2.25rem; font-weight:700 }   

    
}

@media only screen and (max-width: 767px) {

    .sec-featured-athlete .component-aotw.layout-bio .player { flex-direction:row!important }
    .sec-featured-athlete .component-aotw.layout-bio .player-headshot { width:25%; min-width:100px }

}