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


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

    .component-countdown.layout-matchup .event-details .sport,	
    .section-photo-gallery .component-gallery.layout-flex .card-sport,
    .sec-schedule-tabs .component-scoreboard.layout-small .card .sport-name a,
    .component-scoreboard.layout-tabular .sport-name,
    .news-layout.grid .card-inner .entry-category,
    .schedule-view.schedule-cal .cal-day .cal-sport,
    .composite-cal .card-header .list-event-sport,
    .component-headlines.layout-grid .category,
    .component-headlines.layout-stacked-carousel .date-category .category { display:none }


    .site-footer .title,
    .site-header .site-title { text-transform:uppercase }
    
    .site-footer .footer-logo img { max-height:5rem }
    .site-footer:before { right: 60%; transform:skew(50deg)}

    .section-social-icons .component-headings { display:none!important }


    .section-wrapper.section-hero { display:none }
    .section-schedule-results .component-tabs .nav-pills { background:var(--bs-primary) }    
    .section-schedule-results .component-tabs .nav-pills .nav-link.active:after, .section-schedule-results .component-tabs .nav-pills .show > .nav-link:after { background:var(--bs-secondary)}
    
    .section-schedule-results .component-scoreboard .layout-wrapper .events { max-height:400px; overflow:auto }

    .archive-in-header .component-archive-link { background-color:var(--bs-primary) }
    html.secondary-color-light .component-title, 
    html.secondary-color-light .site-header .component-navbar-secondary .navbar-brand, 
    html.primary-color-light .component-title, 
    html.primary-color-light .site-header .component-navbar-secondary .navbar-brand { color:var(--bs-primary)!important}


    html.secondary-color-light .section-schedule-results .component-tabs .nav-pills .nav-link,  
    html.primary-color-light .section-schedule-results .component-tabs .nav-pills .nav-link { color:#fff!important }

    html.secondary-color-light .section-banners .component-banner.layout-slider .slick-arrow-controls .prev, 
    html.secondary-color-light .section-banners .component-banner.layout-slider .slick-arrow-controls .next, 
    html.secondary-color-light .archive-link .btn-link, 
    html.primary-color-light .section-banners .component-banner.layout-slider .slick-arrow-controls .prev, 
    html.primary-color-light .section-banners .component-banner.layout-slider .slick-arrow-controls .next,
    html.primary-color-light .archive-link .btn-link { background:var(--bs-primary); color:#fff }


    .section-featured-athletes .component-aotw.layout-align .component-title span:nth-child(2), 
    .section-featured-athletes .component-aotw.layout-align .component-title span:nth-child(3) { color:var(--bs-primary)}


.section-social-icons .nav li a { color:var(--bs-primary); background:#fff}
.section-social-icons .nav li a:hover, .section-social-icons .nav li a:focus { background:var(--bs-secondary); color:var(--bs-primary) }



.site-footer .social-icons-footer a:hover { color:var(--bs-tertiary)}
.site-header .social-links a:focus,
.site-header .social-links a:hover { background:var(--bs-secondary); color:var(--bs-primary)!important }
    
    .section-event-countdown .component-countdown.layout-matchup .countdown-label { color:#fff!important; opacity:1 }
    .section-featured-athletes h2.visually-hidden { color:#fff!important }
    .section-social-icons h2.visually-hidden { color:#000!important }
    
@media only screen and (min-width:992px) {

    .site-header { border-bottom:none; padding-bottom:0 }
    .site-header .site-title,
    .site-header .primary-nav-wrapper a { opacity:1 }
    .site-header .site-logo { padding:1rem 2rem 1rem 0; }
    .site-header .site-logo img { max-height:90px}

     .section-featured-athletes .component-aotw.layout-align:before { background-image:url(/images/setup/Secondary_Logo.png); right:-300px; width:350px }

    .site-header .header-buttons button { color:var(--bs-primary) }

    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link { font-size:0.9rem!important; text-transform:uppercase; padding:1.5rem 0.5rem; background:var(--bs-primary); font-weight:600 }
    .component-aotw.layout-align .player .headshot .headshot-holder img { max-width:300px; max-height:350px; }



}

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

    .site-header .site-logo img { max-height:60px }
    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link { font-size:0.875rem!important; padding:1.5rem 0.4rem }
    .site-header .header-buttons,
    .site-header .social-links { display:none!important }

}


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

    .site-header .site-logo img { max-height:70px }

}


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

    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link { font-size:1rem!important;  padding:1.5rem 0.65rem }

}

.section-videos,
.section-parallax { display:none!important }
.section-more-news .macro-archive-link { display:none!important }

    a[href*="wiki"] { background:var(--bs-primary); color:#fff }

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

    .section-standings table thead th:nth-of-type(1) { text-indent:0 }
    
    .site-header { border-color:var(--bs-tertiary); border-width:20px}
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link { text-transform:uppercase; font-weight:700 }
    .site-header .menu-active .navbar-brand,
    .site-header .navbar-toggler { height:70px!important; background:var(--bs-primary)!important }
    .site-header .menu-active .navbar-toggler { height:70px!important }

    .section-container .page-details { background-color:var(--bs-primary) }
    html.secondary-color-light .component-title, html.secondary-color-light .site-header .component-navbar-secondary .navbar-brand, html.primary-color-light .component-title, html.primary-color-light .site-header .component-navbar-secondary .navbar-brand { color:#fff!important }

    .site-footer .component-banner.layout-flex .item img { max-width:180px!important }

    .section-featured-athletes { margin-bottom:0!important }
    .section-featured-athletes .component-aotw.layout-align .players { padding-bottom:1.3rem}
    .section-featured-athletes .component-aotw.layout-align .slick-dots { position:absolute!important; bottom:0rem; background:#fff }

    .section-social-icons .page-details { display:none!important }
    .site-header .menu-active .navbar-brand { font-weight:900 }

   
    
}

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

    .section-featured-athletes .component-aotw.layout-align .component-title span:first-child, .section-featured-athletes .component-aotw.layout-align .component-title span:last-child { font-size:1.5rem }
    .section-featured-athletes .component-aotw.layout-align .player-sport { width:80% }

}