@import url('https://fonts.googleapis.com/css2?family=Russo+One&family=Source+Sans+3:wght@200..900&display=swap');


:root {
    --body-font-family: 'Source Sans 3', sans-serif;
    --bs-font-sans-serif: 'Source Sans 3', sans-serif;
    --bs-body-font-family: 'Source Sans 3', sans-serif;
    --heading-font-family: 'Russo One', sans-serif;
}


    .site-footer .footer-details .text .title { font-weight:normal }

    .site-main { background:url(/assets/Texture-10-.png) repeat 50% 0; background-size:100% auto }


    .ps-component .archive-link a { background:var(--bs-white); font-family:"Russo One",sans-serif }

    .tabs-social-container > div > .col,
    .section.sec-sponsors,
    .section.sec-tabs { background:#fff; color:var(--bs-primary) }

    .site-header .title-bar { background:var(--bs-secondary) }
    .site-header .title-bar .site-title { color:var(--bs-tertiary); font-family:"Russo One",sans-serif; font-weight:normal }

    .component-headlines.layout-stacked-carousel .carousel .carousel-control-pp { color:var(--bs-primary); border-color:var(--bs-primary) }


    .section.sec-players-of-the-week .page-details,
    .section.sec-players-of-the-week > .container { background:var(--bs-primary)!important}
    .section.sec-players-of-the-week .component-aotw.layout-standard:before { background:var(--bs-tertiary) }
    .section.sec-players-of-the-week .layout-wrapper:before { background:var(--bs-secondary); border-color:var(--bs-primary)}
    .component-headlines.layout-stacked-carousel .carousel .carousel-control-pp { color:var(--bs-primary); border-color:var(--bs-primary) }
    .section.sec-players-of-the-week .slider-navigation .btn { color:var(--bs-white) }
    .section.sec-players-of-the-week .layout-wrapper:before { border-color:var(--bs-primary) }
    .section.sec-players-of-the-week .details-wrapper:before { border-color:var(--bs-primary)}
    .section.sec-players-of-the-week .player-details .player-name { font-family:"Russo One",sans-serif; color:var(--bs-primary) }
    .section.sec-players-of-the-week .player-details .player-sport { color:var(--bs-secondary) }



    .sec-social-stream .page-details .component-title,
    .sec-tabs .component-tabs .nav-pills .nav-link,
    .section.sec-players-of-the-week .page-details .component-title { text-transform:uppercase; font-family:"Russo One",sans-serif; font-weight:normal }

    .component-scoreboard .event-links a:hover, .component-scoreboard .event-links a:focus,
    .pre-header .component-scoreboard .archive-link .btn:hover, .pre-header .component-scoreboard .archive-link .btn:focus { color:var(--bs-secondary)}


    .section.sec-affiliates,
    .component-parallax .bars.bars-right span, .component-parallax .bars.bars-left span, .component-parallax.layout-standard .overlay:before { display:none }


    .site-footer .footer-details .text .title { font-family: "Russo One",Sans-Serif }


    .sec-social-stream .component-tabs .nav-pills .nav-link { color:var(--bs-secondary)}
    .sec-social-stream .component-tabs .nav-pills .nav-link:hover,
    .sec-social-stream .component-tabs .nav-pills .nav-link:focus,
    .sec-social-stream .component-tabs .nav-pills .nav-link.active { color:var(--bs-primay) }


    .site-header .secondary-nav-wrapper { background:var(--bs-secondary)!important }
    .site-header .component-navbar-secondary .navbar-brand,
    .site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .nav-link { color:#fff }
    .site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .dropdown-menu .nav-link  { color:var(--bs-primary) }

    .sec-banner .component-banner.layout-flex .item { border:1px solid #fff }


    .site-footer a:focus,
    .site-footer a:hover { color:#bababa!important }

    .section.sec-players-of-the-week .slider-navigation .btn:hover { background:none; color:#bababa }


@media only screen and (min-width: 992px) {
    
    .section.sec-sponsors { margin-top:3rem }

    .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item { background:#fff }
    .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active { border-color:var(--bs-primary)!important }

    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link, 
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link { font-family:"Russo One",sans-serif; text-transform:uppercase; font-weight:normal }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link { color:var(--bs-primary)}
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle a { font-family:"Russo One",sans-serif; color:var(--bs-secondary); font-weight:normal; font-size:1.5rem }
    .site-header .component-navbar-primary .navbar-nav > .nav-item:hover > .nav-link, .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link.show { box-shadow: inset 0 -.5rem 0 0 var(--bs-white); }


    .site-header .title-bar .site-logo img { max-height:11rem; max-width:10rem }
    .site-header .title-bar .site-logo { top:1.4rem }
    .site-header .title-bar .site-title { margin-left:11.5rem }
    .site-header .component-navbar-primary .navbar-nav { margin-left:11rem }

    .site-header .component-navbar-secondary .navbar { padding-left:12.5rem }

    .site-footer .hostedby-logos .component-navbar-image ul { gap:2rem!important}
    .site-footer .hostedby-logos .component-navbar-image li:first-child img { max-height:7rem!important }
    .site-footer .hostedby-logos .component-navbar-image li:first-child ~ li img { max-height:10rem!important }
    .site-footer .inc-hostedby { width:25rem }


    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link,
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link:hover,
    .site-header .social-icons .component-nav.layout-standard li a:hover,
    .site-header .composite-search .btn:hover { color:#bababa!important }

    .site-header .component-navbar-secondary .navbar-brand:hover, 
    .site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .nav-link:hover { color:#bababa }
    .site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .dropdown-menu .nav-link:hover { color:#000 }
    
}

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

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link { padding:0.75rem .5rem; font-size:0.8rem }
    .site-header .social-icons .component-nav.layout-standard li a { --bs-nav-link-padding-x: .2rem; }

}

@media only screen and (min-width: 1200px) and (max-width:1399.99px) {

    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link { padding:0.75rem .75rem; font-size:0.9rem }
    .site-header .social-icons .component-nav.layout-standard li a { --bs-nav-link-padding-x: .2rem; }

}


@media (max-width: 991px) {

    .site-header .primary-nav-wrapper { background:var(--bs-primary)}
    .site-header .composite-search .btn { color:#fff }
    .site-header .component-navbar-primary .navbar-light .navbar-toggler .icon-bar { background-color:#fff }


    .site-main { background:var(--bs-secondary)}
    .component-headlines.layout-stacked-carousel .carousel .carousel-inner .carousel-item .carousel-caption-title a,
    .component-headlines.layout-stacked-carousel .carousel .carousel-inner .carousel-item .date { color:#fff!important }
    .component-headlines.layout-stacked-carousel .carousel .carousel-indicators [data-bs-target] { background-color:var(--bs-tertiary)}


    .site-footer .footer-details { background-color:var(--bs-primary)!important }

    .site-footer .hostedby-logos {  align-items:center }

    .section.sec-sponsors { margin-top:1.5rem }

    .sec-tabs .component-tabs .nav-pills .nav-link { text-align:left; padding-left:0  }


    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link, 
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link { color:var(--bs-primary)}

}