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

.ps-component.component-aotw.layout-bio { background:url(/images/setup/aotw-bg-pattern.png) no-repeat 0 0 }
.sec-featured-headlines .component-headlines.layout-featured-slider .layout-wrapper > div > div > div:last-of-type .slider-contents-only, .sec-featured-headlines .component-headlines.layout-featured-slider .layout-wrapper > div > div > div:last-of-type .slider-contents-only .slick-list{ background:#f2f3f3}
.pre-head-section .sec-scoreboard .body-top .status,
.pre-head-section .sec-scoreboard .body-top .date { text-transform:uppercase; font-weight:700!important }

.section.sec-affiliate h2.visually-hidden { color:var(--bs-white)!important }
.section.sec-site-tagline h2.visually-hidden { color:var(--bs-dark)!important }

.site-header .title-section-wrap {
    background-color: var(--bs-white);
}

.sec-site-tagline .branding span {
    position: absolute;
    top: -1rem;
    right: 0;
    bottom: -1rem;
    left: 0;
    background-color: var(--bs-warning);
}

:root {
    --bs-warning: #fcff47;
}    

.site-header .title-section-wrap {
    background-color: var(--bs-white);
}

.pre-head-section .sec-scoreboard .body-top a, .pre-head-section .sec-scoreboard .body-top span,
.pre-head-section .sec-scoreboard .body-middle .middle-inner span.name { color:var(--bs-dark)}
.sec-standings .component-standings.layout-standard .table>thead tr:last-child { border-color:var(--bs-primary)}

/*.text-white { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important; }   */


.site-footer .footer-details .text { color:var(--bs-white)}
.sec-featured-athlete .component-aotw.layout-bio .component-headings .component-title:after { background-color:var(--bs-warning)}

.sec-site-tagline .branding span:before, .sec-site-tagline .branding span:after { background:var(--bs-primary)}
.site-header .title-section-wrap .social-links { border-color:var(--bs-primary)}

.sec-standings .component-standings.layout-standard .table>thead tr:last-child { border-color:var(--bs-primary)}
.sec-standings .page-details .component-title { font-style:normal }

.site-footer { border-top:5px solid #fff }
.layout-pro .sec-more-news .layout-stacked .page-details .component-headings { color:var(--bs-primary)}
.site-header .tv-link { font-size:1.4rem }

.sec-tabs .component-tabs.layout-responsive .tab-content .accordion-item .accordion-button { text-transform:uppercase }

@media (min-width: 992px) {

    .site-tagline span { color:var(--bs-primary)!important; font-size:2.5rem!important }
    .site-header .macro-primary-navigation .fa-calendar:before,
    .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link,
    .site-header .navbar-collapse .navbar-nav .nav-item.parent > a, .site-header .navbar-collapse .navbar-nav .nav-item.parent > .nav-link, .site-header .navbar-collapse .navbar-nav .nav-item.parent > .nav-link > span > a { color:var(--bs-white)!important}
    
    .site-header .social-links a.nav-link span:before,
    .site-header .social-links a.nav-link { background:var(--bs-primary); color:var(--bs-white)!important }
    .site-header .social-links a.nav-link:hover,
    .site-header .social-links a.nav-link:focus { opacity:0.7 }

    .section.sec-site-tagline { padding:0!important }

}


@media (max-width: 767px) {

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

}