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


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



    .pre-head-section .sec-scoreboard .body-middle .middle-inner span.vs-at-indicator { color:var(--bs-primary)!important }
    .pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls span.fa:before { color:var(--bs-tertiary)!important }

    .sec-featured-headlines .component-headlines.layout-featured-slider .slick-arrow-controls button  { color:var(--bs-tertiary)!important }
    .site-footer .footer-right.affiliate-logos li img { max-height:6rem }
    .site-footer .footer-links .nav-link:hover span { color:var(--bs-primary)!important  }
.site-footer span.privacy-links a:hover { color: var(--bs-tertiary) !important }


    .site-header .social-links a.nav-link span:before { color:var(--bs-white)}
    .site-tagline span { font-style:normal; font-weight:600!important }
    
    
    .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .btn span:before,
    .sec-featured-athlete .component-aotw.layout-bio .slick-slider .btn span:before { color:var(--bs-tertiary)}
    .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .btn:hover span:before,
    .sec-sponsors .component-banner.layout-slider .slick-arrow-controls .btn:focus span:before,
    .sec-featured-athlete .component-aotw.layout-bio .slick-slider .btn:hover span:before,
    .sec-featured-athlete .component-aotw.layout-bio .slick-slider .btn:focus span:before { color:var(--bs-primary)}


    .section.sec-banner { margin:0!important }
    .sec-text-banner .component-text-banner.layout-standard .item-box a:before { background-color: rgba(var(--bs-primary-rgb),.7) }

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

    .pre-head-section .sec-scoreboard .body-top .sport-type,
    .sec-featured-athlete .component-aotw.layout-bio .player-details .player-name { color:var(--bs-tertiary)!important }
    .sec-featured-athlete .component-aotw.layout-bio .component-headings .component-title:after { background:var(--bs-tertiary) }
    .sec-featured-athlete .component-aotw.layout-bio .player-details .player-sport { background:var(--bs-primary); max-width:350px; padding:0 0.5rem; color:var(--bs-secondary)}

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

    .section.sec-text-banner { background:var(--bs-secondary); padding-top:1rem!important }

    .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:var(--bs-secondary)}
    .sec-featured-headlines .component-headlines.layout-featured-slider .card .card-title a { color:var(--bs-primary) }
    .sec-featured-headlines .component-headlines.layout-featured-slider .archive-link a { background:var(--bs-tertiary) }
    
    
    .site-footer { background:var(--bs-white)!important }
    .site-footer .footer-details .text { color:var(--bs-primary) }
    .site-footer .footer-links > div ul a { color:var(--bs-tertiary)!important }
    .site-footer > .d-flex:first-child { border-top:2px solid var(--bs-primary); border-bottom:2px solid var(--bs-primary) }
    .site-footer .footer-right,
    .site-footer .footer-links ul { border-color:var(--bs-primary) }
    .social-icons-footer ul a { background-color:var(--bs-tertiary) }

.site-header .macro-secondary-navigation .navbar-page-title { color:var(--bs-primary)}


    .sec-featured-headlines .component-headlines.layout-featured-slider .slick-arrow-controls button:hover,
    .sec-featured-headlines .component-headlines.layout-featured-slider .slick-arrow-controls button:focus { color:var(--bs-primary)!important}

.sec-tabs .macro-archive-link:focus a, .sec-tabs .archive-link:focus a,
.sec-tabs .macro-archive-link:hover a, .sec-tabs .archive-link:hover a { color:var(--bs-tertiary)!important }    

.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover,
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:focus { color:var(--bs-tertiary) }

.component-navbar-secondary .navbar .dropdown-menu { background:var(--bs-primary)!important }
 .component-text-banner.layout-standard ul li { background:var(--bs-primary)!important }
    .pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slick-arrow { color:var(--bs-primary)!important }

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

.component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu,
.component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu .navbar-light.bg-primary,
.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list,
.component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"],
.component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu { background:var(--bs-white)!important }
.component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu a { color:var(--bs-primary)!important }

    .site-header .macro-primary-navigation .component-navbar-primary.layout-standard .navbar .megamenu .dropdown-menu-inner ul[data-flex=true] > li.nav-item:not(.brand-icon):not(:last-child) > a:after { content: ''; height: 25%; position: absolute; top: 50%; right: -0.5px; transform: translate(0%,-50%); border-right: 2px solid var(--bs-white); border-color:var(--bs-primary)!important}

.component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu { border-top:15px solid var(--bs-primary)!important }

.site-tagline span { font-size:2.75rem!important }

.sec-featured-athlete .component-aotw.layout-bio .component-headings .component-title { font-size:3rem }
.sec-featured-athlete .component-aotw.layout-bio .component-headings .component-title:before  { right:-3.57rem }

.site-header .component-navbar-primary.layout-standard .dropdown-menu.megamenu { max-width:100% }


}

    .site-header .macro-secondary-navigation .navbar-secondary { width:100% }
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .flexible-menu .nav-item:not(.parent) .nav-link:focus,
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .flexible-menu .nav-item:not(.parent) .nav-link:hover { text-decoration:underline}
.section.sec-site-tagline h2.visually-hidden { color:var(--bs-primary)!important }


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

.site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle=offcanvas] span:before  { color:var(--bs-white) !important }
.site-header .component-navbar-secondary.layout-standard .navbar-nav > li.nav-item > .nav-link { color:var(--bs-black) }
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item.more-dropdown .nav-link { color:var(--bs-white) }

.sec-tabs .component-tabs.layout-responsive .tab-content .accordion-item .accordion-button { background:var(--bs-primary)}

.site-header .macro-primary-navigation > div { background:var(--bs-primary)}
.site-header .mobile-menu .navbar-offcanvas-template .offcanvas-header { background:var(--bs-white)}
.site-header .mobile-menu .offcanvas-title { color:var(--bs-primary)}
.site-header .mobile-menu .navbar-offcanvas-template .offcanvas-header .btn-close { filter:unset; opacity:1 }

.ps-component.component-headlines { background:var(--bs-secondary)}


}