@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&display=swap'); 


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


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

 .site-title-bar { background:var(--bs-primary)!important; padding-bottom:1rem }
    .title-bar .site-title { background:url("/assets/SecondaryFB.png") no-repeat 50% 50%; background-size:100px auto; text-indent:-9999px }
    
    .title-bar .site-title {
    padding: 1.25rem 0;
}


.section h2.visually-hidden,
a[href*="#site-main"],
a[href*="#site-navigation"],
a[href*="#site-footer"] { color:#fff!important }

.section.sec-top-stories-desktop .pp .sr-only,
.section.sec-affiliates h2.visually-hidden,
.section.sec-sponsors h2.visually-hidden { color:#000!important }


.section.sec-recent-news .archive-link:hover { background:var(--bs-secondary) }
.section.sec-recent-news .archive-link:hover a { color:var(--bs-primary)!important}
.site-footer .social-icons-footer .nav-link:hover { color:var(--bs-secondary)!important }

    .site-title-bar { background:var(--bs-primary)!important; padding-bottom:1rem }
    .title-bar .site-title { color: var(--bs-secondary) !important }

    
    .pre-header { background:var(--bs-secondary)!important }
    .next-event-wrapper .details *, .next-event-wrapper .contents * { color:var(--bs-primary)}


    .site-footer { background:var(--bs-primary)!important }
    .site-footer .developer-logo .component-banner.layout-flex { display:none!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.sec-sponsors,
    .site-footer .section.sec-affiliates { background:#fff }

    .section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow { color:var(--bs-primary)}
    .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-banner .component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover { color:var(--bs-secondary) }

   .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 2rem!important }
    .sec-banner .component-banner.layout-slider .slick-track .slick-slide .item {  border:2px solid #fff }
    
    .component-headlines.layout-grid,
    .sec-recent-news .page-details,
    .sec-schedule-tabs .component-tabs .page-details,
  

.sec-social-stream .item .social-widgets-wrap .social-embed-icon {
    background-color: var(--bs-tertiary);
}

    .section .archive-link { background-color:var(--bs-primary); transition: background-color .2s ease-in-out }
    .section .archive-link:hover { background-color: var(--bs-secondary) }
    .section .archive-link a { color: var(--bs-white); transition: all .2s ease-in-out }
    .section .archive-link:hover a { color:var(--bs-primary)}


    .sec-recent-news .layout-wrapper, .sec-recent-news .page-details,
    .sec-schedule-tabs .component-tabs .page-details,
    .sec-schedule-tabs .component-scoreboard.layout-small .card,
    .sec-schedule-tabs .component-scoreboard.layout-small .card .middle-inner,
   
    
    
    .sec-schedule-tabs .component-scoreboard.layout-small .card { color:var(--bs-primary)}
    

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

 
    .sec-photo-gallery,
    .sec-recent-videos,
    .section.sec-featured-athletes { display:none!important }
    
.sec-social-stream .item .social-widgets-wrap .social-embed-content {    max-height: 500px;   overflow-y: scroll;}





.section.sec-recent-news { padding-top:0!important }
.sec-schedule-tabs .component-scoreboard.layout-small .slick-arrow-controls .slick-arrow:hover { color:var(--bs-secondary)}

.section.sec-top-stories,
.section.sec-top-stories-desktop,
.section.sec-banner { --bs-text-color-over-secondary: var(--bs-white) }
.section.sec-top-stories .component-headlines.layout-basic .slick-arrow-controls .pp { background-color: var(--bs-primary) }
html.secondary-color-light .site-footer.bg-secondary.text-white { color: var(--bs-white) !important; --bs-text-color-over-secondary: var(--bs-white) }
.sec-schedule-tabs .component-tabs .nav-pills .nav-link {   background: var(--bs-tertiary);     color: #fff;}
.sec-schedule-tabs .component-scoreboard.layout-small .slick-arrow-controls .btn {   color: #fff;}


@media (min-width: 992px) {


    .site-header .macro-primary-navigation { border-color:var(--bs-secondary)}
    .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),.6) }
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item { border-color: #fff!important }


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

    .site-header.is-pinned .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img { margin-top:0.125rem }
    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .carousel-control-pp { background:var(--bs-primary)}
    .section .archive-link { background-color: var(--bs-primary) !important }
    .section .archive-link:hover { background-color: var(--bs-secondary) !important }

}



@media (min-width: 992px) and (max-width:1199px) {
    
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link > span > a.nav-link { padding:0 !important; }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link { padding:1rem 0.5rem }

}


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

    .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) {
    
    .site-header .mobile-menu .offcanvas-header { background:var(--bs-primary); color:#fff }
    .site-header .mobile-menu .navbar-offcanvas-template .accordion-flush .accordion-item .nav-link { color:var(--bs-primary)}

    .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),.79) 64.04%,var(--bs-primary) 100%) }
    .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)}


    .component-search  .input-group .btn { color:#000!important }

    .sec-schedule-tabs .component-tabs .nav-pills { background:var(--bs-primary)}
.component-headlines.layout-basic .archive-link { background:none!important }


}

@media (max-width: 576px) {

    .sec-social-stream .item .social-widgets-wrap .social-embed-icon { border:2px solid var(--bs-primary)}
    

}