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



body  {

    background-image:url('/assets/Texture-17-.png');
    background-color:var(--bs-primary);
    background-position: center center;
    background-attachment: scroll;
 
}

a[href*="#site-navigation"],
a[href*="#site-main"],
a[href*="#site-footer"],
.page-heading.visually-hidden,
.section h2.visually-hidden { color:#fff!important }


    .site-header .macro-secondary-navigation .navbar.navbar-secondary .navbar-secondary-thumbnail { display:none!important }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name { color:#fff }
    
    
    .sec-recent-news .page-details .component-headings, 
    .sec-recent-videos .page-details .component-headings,
    .sec-recent-news .layout-wrapper, .sec-recent-news .page-details, .sec-recent-videos .layout-wrapper, .sec-recent-videos .page-details, 
    .sec-photo-gallery .layout-wrapper, .sec-photo-gallery .page-details,
    .sec-photo-gallery .page-details .component-headings  { border-color:var(--bs-white) }
    .section.sec-standings .ps-component, .section.sec-recent-news .ps-component, 
    .section.sec-featured-athletes .ps-component, .section.sec-recent-videos .ps-component, .section.sec-photo-gallery .ps-component {--bs-text-color-over-secondary: var(--bs-white); background:var(--bs-primary);}

    .sec-recent-news .related-links a:not(:last-child):after { background:var(--bs-primary) }
    
    .sec-banner,
    .sec-sponsors { --bs-text-color-over-secondary: var(--bs-white) }


    .sec-featured-athletes .component-title { border-color:var(--bs-secondary) }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before { background-color:transparent }

    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button:hover,
    .section .component-banner.layout-slider .slick-arrow-controls button.slick-arrow:hover,
    .component-headlines.layout-stacked-carousel .archive-link:hover a,
    .sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name:hover { color:var(--bs-secondary) }

    .sec-featured-athletes,
    .sec-featured-athletes .component-aotw.layout-align .player,
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before,
    .sec-featured-athletes .component-aotw.layout-align .player .headshot,
    .sec-featured-athletes .component-aotw.layout-align .player:after,
    .sec-featured-athletes .component-aotw.layout-align .player .player-details:after { border-color:var(--bs-secondary) }


    .site-footer { --bs-text-color-over-secondary: var(--bs-white); background:var(--bs-primary)!important }
    html.secondary-color-light .site-footer.bg-secondary.text-white { color: var(--bs-white) !important }
    .site-footer .copyright-privacy-links-section .privacy-links,
    .site-footer .copyright-privacy-links-section { color:var(--bs-primary)!important }
    .site-footer .copyright-privacy-links-section a { color:var(--bs-primary)!important }
    .site-footer a:hover, .site-footer a:focus { color:var(--bs-secondary)!important }
    .site-footer .copyright-privacy-links-section a:hover,
    .site-footer .copyright-privacy-links-section a:focus { text-decoration:underline!important; color:var(--bs-primary)!important }
 
    .site-title-bar { background:var(--bs-primary)!important }
    html.secondary-color-light .site-title-bar.bg-secondary.text-white { color: var(--bs-white) !important }

    .section .archive-link { border-color:#fff; background:var(--bs-primary) }
    .section .archive-link:hover { background:#fff }
    .section .archive-link:hover a { color:var(--bs-primary) }
    
    .sec-schedule-tabs .component-tabs .page-details { background-color:var(--bs-primary); border-color:#fff }
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link:hover,   
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link.active { background:#fff; color:var(--bs-primary)}
    .sec-schedule-tabs { --bs-text-color-over-secondary: var(--bs-white) }
    .sec-schedule-tabs .archive-link { --bs-text-color-over-secondary: var(--bs-black) }
    
    
    .sec-top-stories-desktop .archive-link a:hover { color:var(--bs-secondary)!important }
    .sec-schedule-tabs .archive-link a:hover { color:var(--bs-black)!important }

    .sec-recent-videos .component-video.layout-slider .card-img-overlay { color:#000 }

    .site-header .navbar-secondary.bg-white,
    .site-header .macro-secondary-navigation { background:var(--bs-primary)!important }
    .site-header .macro-secondary-navigation a, .site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu > a { color:#fff }
    .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 { color:var(--bs-primary) }


    .site-header .macro-secondary-navigation .navbar-secondary-thumbnail { display: none!important }
    .site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item .dropdown-menu .nav-link { color:var(--bs-primary) }
    html.secondary-color-light .site-header .macro-secondary-navigation a { color: var(--bs-white) }
    .site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) > .nav-link { color: var(--bs-white) }

    .sec-top-stories .component-headlines.layout-basic .slick-arrow-controls .pp,
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .carousel-control-pp { background:var(--bs-primary) }

    .section.sec-schedule-tabs { padding-bottom:0!important }

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


    .sec-recent-videos .component-video.layout-slider .layout-wrapper .slick-arrow-controls > button:hover { color:var(--bs-secondary) }

.sec-schedule-tabs .component-scoreboard.layout-small .slick-arrow-controls .btn:hover { color:Var(--bs-secondary)}
.sec-schedule-tabs .component-tabs .nav-pills { border-color:#fff }

@media (min-width: 992px) {

    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .stretched-link::after { display:none }

    .site-header .macro-primary-navigation { border-top:2px solid var(--bs-secondary); border-bottom:2px solid var(--bs-secondary); background:#fff!important }
 
    .site-header .macro-primary-navigation .navbar-light.bg-primary { background:#fff!important }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search button,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link,
    .site-header.social-new .social-collapse-btn,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link > span > a.nav-link { color:var(--bs-primary) }
    
    .sec-top-stories-desktop { --bs-text-color-over-secondary: var(--bs-white) }
    .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 .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 }
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item { border-color:#fff!important }

    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { border-color:var(--bs-primary); text-transform:uppercase }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle a { color:var(--bs-dark) }
    .component-navbar-split.layout-standard .navbar.navbar-expand-lg .dropdown-menu { border-top:2px solid var(--bs-secondary)}


    .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,
    .site-header.social-new .nav-social-links:hover, .nav-social-links.active,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link { background-color:var(--bs-primary); color:#fff!important }
    
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search:hover button,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link, 
    .site-header.social-new .nav-social-links:hover .social-collapse-btn, .site-header.social-new .nav-social-links.active .social-collapse-btn,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link > span > a.nav-link { color:#fff }
    

}


    .pre-header { background:#fff!important }
    .next-event-wrapper .details .specs-1 .teams:before, .next-event-wrapper .details .sport:before,
    .next-event-wrapper .component-countdown.layout-standard > div > div.contents:before, .next-event-wrapper .details .specs-3 .event-links:before,
    .next-event-wrapper .details *, .next-event-wrapper .contents * { color:var(--bs-primary) }

    .sec-schedule-tabs .component-scoreboard.layout-small .card { color:#000 }

@media (min-width: 1200px) {

    .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 { padding-left:0.3rem; padding-right:0.3rem; font-size:0.9rem}


}

@media (min-width: 1400px) {

    .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 { padding-left:0.5rem; padding-right:0.5rem; font-size:1rem}


}

@media (max-width: 991px) {

    body { background:var(--bs-primary) }    

    .title-bar { display:block!important }
    .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%) }
    .sec-top-stories { --bs-text-color-over-secondary: var(--bs-white) }
    .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)}


    .site-header .mobile-menu .navbar-offcanvas-template .nav-link { color:var(--bs-primary) }
    .sec-featured-athletes .component-aotw.layout-align .players { padding-bottom:3rem }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button { bottom:-0rem!important}
    

    .site-header .macro-primary-navigation { background:#fff!important }
    .site-header .macro-primary-navigation > div > div > .headers-icon-links a, .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-primary) }    

    .sec-schedule-tabs .component-scoreboard.layout-small .team-inner { justify-content:flex-start!important }    
    
}