@font-face {

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

}

@font-face {

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

}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('/Gotham-Bold.ttf') format('truetype');
    font-weight: normal;
    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: 'Roboto Slab', serif;
}


.section .component-title, 
.title-bar .site-title { font-family:"Glacier-Regular",sans-serif; font-weight:400!important }


    .section .archive-link a,
    .site-footer .title,
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link,
    .sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name,
    .section .component-title, .section .carousel-caption-title a,
    .section .carousel-caption-title a { font-family:'Roboto Slab', serif; }



.next-event-wrapper .component-countdown { margin:0 }



body {

    background-color: var(--bs-primary);
    background-image: url('/assets/Texture_-Glacier_Range_Riders-.png');
    background-size: 100% auto;
    background-position: top center;
    
    
}


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

    .section.sec-sponsors,
    .site-footer .section.sec-affiliates { background:#fff; color:#000!important }
    .site-footer { background:var(--bs-primary)!important }
    .site-footer .footer-text { max-width:500px }  
    .site-footer .footer-details-wrapper .component-banner.layout-flex { display:none!important }

    .sec-recent-videos .component-video.layout-slider .card-title { -webkit-line-clamp: 1 }
     
    .section.sec-recent-news,
    .section.sec-photo-gallery,
    .section.sec-featured-athletes { display:none }
     
    .section .archive-link,
    .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)}


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

    .sec-banner { padding-bottom:0!important }
    .sec-banner .component-banner.layout-slider { max-width:900px; margin:0 auto }
    .sec-banner .component-banner.layout-slider .slick-arrow-controls .slick-arrow.slick-hidden { display:none }
    .sec-banner .component-banner.layout-slider .slick-track .slick-slide { padding:1rem 0.5rem!important }

    .sec-recent-videos .component-video.layout-slider .card-img-overlay a, .sec-recent-videos .component-video.layout-slider .card-img-overlay .card-title { color:var(--bs-secondary)!important}

    .section .component-banner.layout-slider .slick-arrow-controls button.slick-arrow:hover,
    .sec-recent-videos .component-video.layout-slider .layout-wrapper .slick-arrow-controls > button:hover { color:var(--bs-tertiary)}
    
    .section .archive-link a:hover { color:var(--bs-tertiary)}
    .section.sec-banner { padding-top:1rem }

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


    .sec-schedule-tabs .component-tabs .page-details { background:var(--bs-primary); border-color:var(--bs-secondary) }
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link.active { background:var(--bs-secondary)}
    .sec-schedule-tabs .component-scoreboard.layout-small .slick-arrow-controls .btn:hover { color:var(--bs-tertiary) }

    .sec-schedule-tabs .component-scoreboard .body-top > .d-flex {  padding-right:1rem }
    .sec-schedule-tabs { padding-bottom:0!important }
    .sec-recent-videos .archive-link a:hover { background:var(--bs-secondary); color:#fff!important }

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


    section:not(.sec-sponsors) h2.visually-hidden,
    a[href*="#site-navigation"],
    a[href*="#site-main"],
    a[href*="#site-footer"] { color:#fff!important }
    section.sec-affiliates h2.visually-hidden { color:#000!important }


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

    .site-header .macro-primary-navigation { background:var(--bs-secondary)!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:var(--bs-secondary)!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%) }

    .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:"Gotham-Bold",sans-serif; }

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

}


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

    .site-header .macro-primary-navigation > .container { max-width:100% }
    .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.895rem; padding:1rem 0.5rem }


}

@media only screen and (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:0.9rem; padding:1rem 0.4rem }

}

@media only screen and (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 { font-size:1rem; padding:1rem 0.5rem }

}

@media (max-width: 991px) {

    .site-header .macro-primary-navigation { background:var(--bs-secondary)!important; }
    .offcanvas-header {  font-family:"Glacier-Regular",sans-serif; font-weight:400!important }

    .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 .offcanvas-header { background-color:var(--bs-secondary);  color:#fff;}

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

    .site-header .mobile-menu .navbar-offcanvas-template .accordion-flush .accordion-item .nav-link { color:#000 }

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

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

    .sec-schedule-tabs .component-tabs .nav-pills { border-color:var(--bs-secondary)}   

}