@font-face {
    font-family: 'Boston';
    src: url('/BostonRegular-HenryHunter.otf') format('opentype');
    font-weight: 400;
    font-style: normal;

}


@font-face {
    font-family: 'BostonBold';
    src: url('/BostonBold-HenryHunter.otf') format('opentype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Hermona';
    src: url('/Hermona - Lisa Bastien.otf') format('opentype');
    font-weight: 400;
    font-style: normal;

}


:root {
    --body-font-family: 'Boston', sans-serif;
    --bs-font-sans-serif: 'Boston', sans-serif;
    --bs-body-font-family: 'Boston', sans-serif;
    --heading-font-family: 'BostonBold', sans-serif;
}



.section h2.visually-hidden,
a[href*="#site-navigation"],
a[href*="#site-main"],
a[href*="#site-footer"] { color:#fff!important }

.section.sec-sponsors h2.visually-hidden,
.section.sec-affiliates h2.visually-hidden { color:#000!important }

.section.sec-sponsors,
.section.sec-affiliates { background:#fff }
.section.sec-sponsors { margin-top:2rem}


.next-event-bar .next-event-wrapper { padding:0!important }
.next-event-bar .next-event-wrapper .component-countdown.layout-standard { padding-top:0.5rem; padding-bottom:0.5rem }

.sec-parallax .component-parallax .overlay::before { background-color:transparent}
.sec-parallax .component-parallax .layout-wrapper { min-height: 65vh }

.site-footer { background:none!important }

body  {
    
    background-image:url('/assets/Texture_-Billings_Mustangs-.png');
    background-repeat:repeat

} 

    .pre-header,
    .pre-header .site-title-bar { background:none!important }


.section .component-title { font-family:"Hermona",sans-serif; font-weight:400 }
.title-bar .site-title { font-family:"Hermona",sans-serif; font-size:2rem; font-weight:400!important; letter-spacing:0.3rem; margin-bottom:1rem}

.site-footer .copyright-privacy-links a:hover { color:var(--bs-primary)!important }

.component-aotw.layout-align,
.component-video.layout-slider,
.component-headlines.layout-grid { background:var(--bs-secondary) }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow { color:var(--bs-secondary) }
.sec-banner .component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover { color:var(--bs-tertiary)!important }

.sec-top-stories-desktop .archive-link a:hover { color:var(--bs-tertiary)}

.news-content.news-layout.grid .card .card-title a:hover { text-decoration:underline!important; color:var(--bs-secondary) }
.internal-page .site-main .btn-primary { --bs-btn-active-bg:var(--bs-secondary)}

.news-layout .card-body .entry-category { display:none }


    .sec-top-stories-desktop .archive-link a,
    .section .archive-link a,
    .section .carousel-caption-title a  {  font-family:"BostonBold",sans-serif }


@media (min-width: 992px) {

    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a { color:#000!important }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a:hover { text-decoration:underline }

    .sec-featured-athletes .component-aotw.layout-align .player .player-details:before { background:43px/contain no-repeat url(/assets/Secondary_Logo.png) }


    .pre-header .title-bar { position:relative }
    .header-pioneer-logo { position:absolute; right:0;  top:50%; margin-top:-24px }
    .header-pioneer-logo .component-banner img { max-height:60px }


    .sec-featured-athletes .component-aotw.layout-align .slick-slider button:hover { color:var(--bs-tertiary)!important }

    
}

@media only screen and (min-width:1200px) and (max-width: 1399px) {


    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item > .nav-link{ padding:1rem 0.5rem!important }
    .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 only screen and (max-width: 1199px) {


    .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 { padding:0.25rem 0.5rem!important }



}


@media (max-width: 991px) {

    body  { background:#000 }
    .site-header .macro-primary-navigation > div > div > .headers-icon-links button:hover,
    .site-header .macro-primary-navigation > div > div > .headers-icon-links a:hover { color:var(--bs-tertiary)!important}

    .section .slick-arrow:focus,
    .section .slick-arrow:hover { color:var(--bs-tertiary)!important }


    .section .component-title { font-size:1.6rem }
    .sec-recent-news .page-details .component-sponsor img, .sec-recent-videos .page-details .component-sponsor img, .sec-photo-gallery .page-details .component-sponsor img { max-height:2rem }


.section.sec-featured-athletes { padding-top:0!important; padding-bottom:0!important }
.sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button {  bottom:0rem!important }
.sec-featured-athletes .component-aotw.layout-align .slick-slider.players { padding-bottom:4rem}
    
}



@media (max-width: 767px) {

    .sec-affiliates .component-banner.layout-flex .item { flex:0 0 50%!important }

}