@font-face {
    font-family: 'Wanted-M45';
    src: url('/Wanted M54.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'EBGaramond-Bold';
    src: url('/EBGaramond-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'EBGaramond-Regular';
    src: url('/EBGaramond-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'square_slabserif';
    src: url('/square_slabserif_711_bold_bt.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

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


    .section.sec-social-stream { max-width:550px; margin:0 auto }


    a[href*="#site-navigation"],
    a[href*="#site-main"],
    a[href*="#site-footer"],
    .page-heading.visually-hidden,
    .section h2.visually-hidden { color:#fff!important }
    .section.sec-member-logos h2.visually-hidden { color: #000!important }
    
    .site-footer .footer-details-wrapper a:hover, 
    .site-footer .footer-details-wrapper  a:focus,
    .section .component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover,
    .sec-schedule-tabs .component-scoreboard.layout-small .slick-arrow-controls .btn:hover,
    .sec-schedule-tabs .component-scoreboard .event-links a:hover, .sec-schedule-tabs .component-scoreboard .event-links a:focus,
    .sec-top-stories-desktop .archive-link a:hover, .sec-schedule-tabs .archive-link a:hover { color:#ffcc33!important }

    .site-footer .copyright-privacy-links a { text-decoration:underline!important }

    .sec-standings .archive-link { background:#fff }
    .sec-standings .archive-link a { color:var(--bs-primary)}
    .sec-featured-athletes,
    .section.sec-recent-news,
    .sec-recent-videos { display:none }

    .next-event-wrapper .component-countdown.layout-standard > div > div.contents:before,
    .next-event-wrapper .component-countdown.layout-standard .countdown-container > ul { display:none!important }
    .next-event-wrapper .details .specs-1 .teams:before, .next-event-wrapper .details .sport:before { color:#ffcc33 }

    .title-bar .site-title { padding:1rem 0 1.25rem; font-family:"square_slabserif",sans-serif; font-weight:400!important; font-size:1.5rem }


    .sec-schedule-tabs .component-tabs .nav-pills .nav-link,
    .sec-schedule-tabs .component-scoreboard.layout-small .card .sport-name,
    .sec-social-stream .item#component-social-widget-instagram .social-widgets-wrap .social-embed-icon span:after,
    .sec-social-stream .item .social-widgets-wrap .social-embed-icon span,
    .section .component-title, .section .carousel-caption-title a { font-family:"square_slabserif",sans-serif; font-weight:400!important }

    .sec-schedule-tabs .component-tabs .page-details { border-color:#fff }

    .section .archive-link,
    .sec-social-stream .item .social-widgets-wrap .social-embed-icon,
    .sec-standings .content-switcher-wrapper,
    .sec-standings .page-details .component-headings,
    .sec-recent-news .page-details .component-headings, .sec-recent-videos .page-details .component-headings, .sec-photo-gallery .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 { border-color:#fff!important }


    .section .component-banner.layout-slider .slick-arrow-controls .slick-arrow.slick-hidden { display:none }
    .container.social-stream-wrap { padding-bottom:2.5rem }


.page-details .component-sponsor {
    position: relative
}

.page-details .component-sponsor-block:before {
    content: '';
    background: var(--bs-white);
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    margin-left: -1rem;
}


    .page-details .component-headings { border-right:none!important }

    .sec-schedule-tabs .component-tabs .nav-pills .nav-link:hover { background-color:var(--bs-primary) }


    .site-header .macro-secondary-navigation,
    .site-header .macro-secondary-navigation .navbar.navbar-secondary { background:#b6b6b7!important }


@media (min-width: 992px) {

    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { text-transform:uppercase }

    .macro-secondary-navigation .ul-wrapper { max-width:600px }

    .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 { font-family:"square_slabserif",sans-serif; font-weight:400!important }

    .site-header .macro-primary-navigation { border-top-color:#ffcc33; border-bottom-color:#ffcc33 }

    .component-navbar-split.layout-standard .navbar .navbar-brand-centered,
    .component-navbar-split.layout-standard .navbar .navbar-brand img,
    .component-navbar-split.layout-standard .navbar .navbar-brand-centered img { max-height:7rem !important }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img { margin-top:-1.2rem; margin-bottom:-1.9rem; height: calc(100% + 3rem) }

    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active { border-color:#ffcc33!important }


    .sec-schedule-tabs .component-tabs .nav-pills .nav-link { height:63px; line-height:63px }
    .sec-schedule-tabs .component-tabs .nav-pills { right:2px; top:-66px }
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link:hover { background-color:var(--bs-primary) }

}

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

    .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 { font-size:0.875rem }

}

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

    .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 { font-size:1rem }

}

@media (max-width: 991px) {

    .section .slick-dots li button:before, .section .component-video.layout-slider .slick-dots button, .section .carousel-indicators [data-bs-target] { background-color:#ffcc33 }

}