@font-face {

    font-family: 'Neue_Norm';
    src: url('/XXII_Neue_Norm_Cnd_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

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

}


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



body  {
    background-color:var(--bs-primary);
    background-image:url('assets/Texture.png');
}



    .section.sec-sponsors,
    .site-footer .section.sec-affiliates { background:#fff }
    .site-footer { background:var(--bs-primary)!important; color:#fff }

    .site-footer .copyright-privacy-links-section,
    .site-footer .copyright-privacy-links-section a,
    .site-footer .copyright-privacy-links-section .text-secondary { color:var(--bs-primary)!important }
    .site-footer .copyright-privacy-links-section a:hover { text-decoration:underline!important }



    .pre-header .site-title-bar { background:var(--bs-primary)!important }
    .next-event-bar { background:var(--bs-secondary)}
    .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)!important }
    .next-event-wrapper .details *, .next-event-wrapper .contents * { font-size:1.25rem!important }    
    
    
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link.active,
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link:hover { background:var(--bs-secondary); color:var(--bs-primary)}

    .sec-schedule-tabs .component-scoreboard.layout-small .card { color:var(--bs-primary) }

    .section .archive-link,
    .sec-schedule-tabs .component-tabs .page-details,
    .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:var(--bs-secondary); background:var(--bs-primary)}


    .section.sec-banner,
    .section.sec-featured-athletes { display:none }

    .section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow { color:var(--bs-primary)} 
    .section.sec-banner .component-banner.layout-slider .slick-arrow-controls .slick-arrow.slick-hidden,
    .section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.slick-hidden { display:none }
    .section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover { color:var(--bs-tertiary)}

    .sec-schedule-tabs .component-scoreboard.layout-small .slick-arrow-controls .slick-arrow:hover,
    .sec-recent-videos .component-video.layout-slider .layout-wrapper .slick-arrow-controls > button:hover { color:var(--bs-secondary)}
    .section.sec-recent-videos {  padding-bottom:0!important }

    .sec-recent-news .component-headlines.layout-grid .item .details,
    .sec-recent-videos .component-video.layout-slider .card-img-overlay { color:var(--bs-primary)}
    .sec-recent-news .card-title a,
    .sec-recent-videos .component-video.layout-slider .card-img-overlay a, .sec-recent-videos .component-video.layout-slider .card-img-overlay .card-title { color:#357983!important }


    .section .archive-link a { font-size:2rem }
    .section .archive-link a:hover { color:var(--bs-secondary)}


    .site-footer .social-icons-footer .nav-link { padding: 5px 10px 5px 0 }
    .site-footer { font-size:1.25rem }
    .site-footer .social-icons-footer .nav-link { padding: 5px 10px 5px 0 }
     

    .sec-schedule-tabs .component-scoreboard.layout-small .card .middle-inner,
    .sec-schedule-tabs .component-scoreboard.layout-small .card { border-color:var(--bs-secondary)!important}
     
     
    .section.sec-recent-news .archive-link a:hover,
    .section.sec-photo-gallery .archive-link a:hover,
    .section.sec-recent-videos .archive-link a:hover { background:var(--bs-secondary); color:var(--bs-primary)!important }
     
    .sec-affiliates .component-banner.layout-flex .item a[href*="pioneer"] img { max-height:5rem!important }

@media (min-width: 992px) {
    

    .sec-schedule-tabs .component-scoreboard.layout-small .card { font-size:1.25rem }
    .sec-schedule-tabs .component-tabs .page-details { padding:.65rem 1rem }
    .section .component-title, .section .carousel-caption-title a { font-size:2.5rem!important}
    
    .site-header .macro-primary-navigation { background:#fff!important }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard > .layout-wrapper > nav,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard > .layout-wrapper > nav .navbar-nav { background:#fff!important }

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



    .pre-header .title-bar { position:relative }
    .header-pioneer-logo { position:absolute; right:0;  top:50%; margin-top:-23px }
    .header-pioneer-logo .component-banner img { max-height:46px }


    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link { background-color:var(--bs-secondary) }

    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link > span > a.nav-link { color: var(--bs-primary)!important }

    .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) }

    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu, 
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu ul { background:var(--bs-secondary)!important }

    
    .title-bar .site-title { font-size:1.75rem }
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link { font-size:1.35rem }

    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search:hover { background:var(--bs-secondary) }
    .site-header.social-new .nav-social-links:hover, .nav-social-links.active { background:var(--bs-secondary) }

}

@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 { font-size:1.25rem }

}



@media (max-width: 991px) {

    .site-header .mobile-menu .navbar-offcanvas-template .offcanvas-header { background:var(--bs-secondary); color:var(--bs-primary) }
    .site-header .mobile-menu .navbar-offcanvas-template .accordion-flush .accordion-item .nav-link { color:var(--bs-primary) }
    .site-header .mobile-menu .navbar-offcanvas-template .offcanvas-header .btn-close { filter:unset }

    .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%) }


    .site-header .macro-primary-navigation { background-color:#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-tabs .nav-pills { border-color:var(--bs-secondary); background:var(--bs-primary)}
   

    .pre-header .title-bar { display:block!important }
    .pre-header .title-bar .header-pioneer-logo { display:none }


    .site-header .mobile-menu .navbar-offcanvas-template .accordion-flush .accordion-item .nav-link { font-family:"Neue_Norm_Bold",sans-serif }
    .site-header .macro-primary-navigation > div > div > .headers-icon-links > div { gap:0 }

    .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)}

    .sec-schedule-tabs .component-tabs .nav-pills .nav-link,
    .section .component-headings .component-title { font-size:2rem }

}