@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Manrope:wght@200..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --body-font-family: 'Manrope', sans-serif;
    --bs-font-sans-serif: 'Manrope', sans-serif;
    --bs-body-font-family: 'Manrope', sans-serif;
    --heading-font-family: 'Bebas Neue', sans-serif;
}




    .pre-header .next-event-bar,
    .news-layout.grid .card-inner .entry-category,
    .schedule-view.schedule-cal .cal-day .cal-sport,
    .composite-cal .card-header .list-event-sport,
    .component-headlines.layout-grid .category,
    .sec-schedule-tabs .component-scoreboard.layout-small .card .sport-name a,
    .component-headlines.layout-stacked-carousel .date-category .category { display:none }

    .section.sec-standings .component-title { color:var(--bs-primary) }
    .section.sec-standings .component-tabs .nav-pills  { width:100%; background:#fff; margin:0!important}
    .sec-standings .page-details .component-headings { background:#fff; color:var(--bs-primary)!important }

    .sec-standings .page-details .component-headings { border-right:none}
    .sec-standings .component-standings { background:var(--bs-white)!important }
    .sec-standings .component-standings table thead th,
    .sec-standings .component-standings table tr > * { border-color:var(--bs-secondary); border-bottom-width:2px}

    .sec-recent-videos .component-video.layout-slider .card-img-overlay {   min-height: 80px; }
    .sec-standings .component-standings table tr > * { border-color:var(--bs-secondary); border-bottom-width:2px}
    
    .internal-page .btn-toolbar .btn.active, .internal-page .btn-toolbar.btn:hover, 
    .internal-page .btn-toolbar .btn:focus, .internal-page .btn-toolbar .btn:active { background:var(--bs-secondary); border-color:var(--bs-secondary); color:var(--bs-primary) }
    .internal-page .card .card-title a:hover { text-decoration:underline!important}
    
    .pre-header,
    .pre-header .site-title-bar { background:none!important }

    body {
        background-color: var(--bs-primary);
        background-image: url('/assets/Texture_-Oakland_Ballers-.png');
    }


    .sec-recent-videos .component-video.layout-slider .card-title { -webkit-line-clamp: 1 }


    .site-footer .copyright-privacy-links-section > div,
    .site-footer .copyright-privacy-links-section > div .privacy-links,
    .site-footer .copyright-privacy-links-section > div a { color:var(--bs-primary)!important }
    .site-footer .copyright-privacy-links-section a:hover { text-decoration:underline!important }
    .site-footer .title { font-family:"Bebas Neue",sans-serif; font-size:2rem!important; font-weight:400!important }



    .section.sec-sponsors,
    .site-footer .section.sec-affiliates { background:#fff }
    .site-footer { background:var(--bs-primary)!important }


    .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) }


    .section.sec-standings .ps-component, .section.sec-recent-news .ps-component, 
    .section.sec-featured-athletes .ps-component, 
    .section.sec-recent-videos .ps-component, .section.sec-photo-gallery .ps-component { background-color:var(--bs-primary)}
    
    .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,
    .sec-recent-news .page-details .component-headings, .sec-recent-videos .page-details .component-headings, .sec-photo-gallery .page-details .component-headings { border-color:var(--bs-secondary)}


    .section.sec-standings .component-tabs .nav-pills .nav-link { background:rgba(0,0,0,0.2); border-radius:0}
    .section.sec-standings .component-tabs .nav-pills .nav-link.active, .section.sec-standings .component-tabs .nav-pills .show>.nav-link { background:var(--bs-secondary)!important}
    .section.sec-standings .component-tabs .nav-pills .nav-link,
    .section.sec-standings .component-tabs .page-title{ color:var(--bs-primary) }
    .section.sec-standings .component-tabs .page-title,
    .section.sec-standings .component-tabs .nav-pills { padding:0 1rem }
    .section.sec-standings .component-tabs .page-content-header .btn-toolbar { display:none!important }
    .sec-standings .archive-link { background:#fff!important; }
    .sec-standings .archive-link a { color:var(--bs-primary) }
    .sec-standings .archive-link:hover { background:var(--bs-secondary)!important; }
    .sec-standings .archive-link:hover a { color:var(--bs-primary)!important }
    

    .section .archive-link { background:var(--bs-primary); border-color:var(--bs-secondary) }
    .section .archive-link:hover a { 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 }


    .site-footer .social-icons-footer .fa-regular.fa-bluesky,
    .site-footer .social-icons-footer .fa-regular.fa-threads { filter: invert(1) brightness(100%) }
    .site-footer .social-icons-footer .nav-link[href*="https://bsky.app/profile/oaklandballers.bsky.social"]:hover .fa-regular.fa-bluesky,
    .site-footer .social-icons-footer .nav-link[href*="https://www.threads.net/@oakland.ballers"]:hover .fa-regular.fa-threads { filter:unset }



    .site-footer .social-icons-footer .nav-link[href*="https://bsky.app/profile/oaklandballers.bsky.social"] .fa-regular.fa-bluesky::before { content: ""; display: inline-block; width: 16px;  height: 16px;  background-image: url('/assets/bluesky-brands.png'); background-size: contain; background-repeat: no-repeat; vertical-align: middle }
    .site-footer .social-icons-footer .nav-link[href*="https://www.threads.net/@oakland.ballers"] .fa-regular.fa-threads::before { content: ""; display: inline-block; width: 16px;  height: 16px;  background-image: url('/assets/threads-brands.png'); background-size: contain; background-repeat: no-repeat; vertical-align: middle }

    .site-footer .social-icons-footer .nav-link[href*="https://bsky.app/profile/oaklandballers.bsky.social"]:hover .fa-regular.fa-bluesky::before {  background-image: url('/assets/bluesky-brands_hover-n.png'); filter:unset  }
    .site-footer .social-icons-footer .nav-link[href*="https://www.threads.net/@oakland.ballers"]:hover .fa-regular.fa-threads::before { background-image: url('/assets/threads-brands-hover.png'); filter:unset }


    .sec-recent-videos .component-video.layout-slider .card-img-overlay .card-date,
    .sec-recent-news .component-headlines.layout-grid .item .details .date,
    .sec-top-stories .component-headlines.layout-basic .card .card-body .date,

    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .date { font-family:"Libre Caslon Text",sans-serif }

    .section .card-title a, .section .carousel-caption-title a { font-family:"Bebas Neue",sans-serif; font-weight:400}


    .section .component-title { font-weight:400 }
    .sec-schedule-tabs .component-tabs .page-details { background-color:var(--bs-primary)}
    .sec-schedule-tabs .component-tabs .nav-pills .nav-link { font-family:"Bebas Neue",sans-serif; font-size:1.5rem; font-weight:400 }
    .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-schedule-tabs .component-scoreboard.layout-small .card,
    .sec-schedule-tabs .component-scoreboard.layout-small .card .middle-inner,
    .sec-schedule-tabs .component-tabs .page-details { border-color:var(--bs-secondary)!important }
    .sec-schedule-tabs .component-scoreboard.layout-small .card { color:var(--bs-primary )}
     .sec-schedule-tabs .component-scoreboard.layout-small .card .status { margin-right:10px  }


    .section .archive-link a { text-transform:uppercase; font-family:"Bebas Neue",sans-serif; font-weight:400; font-size:1.75rem!important }
    .section.sec-top-stories-desktop,
    .section.sec-banner { padding-bottom:0!important }

    .sec-recent-news .related-links a { color:var(--bs-primary)}
    .sec-recent-news .related-links a:not(:last-child):after { background:var(--bs-primary)}

    .site-header .navbar-offcanvas-template .mmf-social .nav-link[href*="https://bsky.app/profile/oaklandballers.bsky.social"] .fa-regular.fa-bluesky::before { content: ""; display: inline-block; width: 16px;  height: 16px;  background-image: url('/assets/bluesky-brands.png'); background-size: contain; background-repeat: no-repeat; vertical-align: middle }
    .site-header .navbar-offcanvas-template .mmf-social .nav-link[href*="https://www.threads.net/@oakland.ballers"] .fa-regular.fa-threads::before { content: ""; display: inline-block; width: 16px;  height: 16px;  background-image: url('/assets/threads-brands.png'); background-size: contain; background-repeat: no-repeat; vertical-align: middle }
    .site-header .navbar-offcanvas-template .mmf-social .nav-link { padding:1rem }


@media (min-width: 992px) {
 
    .site-header.social-new .nav-social-links:hover, .nav-social-links.active { background:var(--bs-primary)  }
    .site-header.social-new .nav-social-links:hover .social-collapse-btn { color:#fff!important }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search:hover { background:var(--bs-primary) }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search button:hover { color:#fff }

    .site-header .macro-primary-navigation .navbar-light.bg-primary,
    .site-header .macro-primary-navigation { 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)}

    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link {   background-color: var(--bs-primary); color:#fff!important }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link > span > a.nav-link { color:#fff }


    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a, 
    .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:#fff}
    .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-color:var(--bs-primary)!important }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a:hover { text-decoration:underline }
    .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:"Bebas Neue",sans-serif; font-size:1.5rem; font-weight:400}


    .pre-header .title-bar { position:relative }
    .header-pioneer-logo { position:absolute; right:0;  top:50%; margin-top:-25px }
    .header-pioneer-logo .component-banner img { max-height:50px }
    .site-header.social-new .social-collapse-btn { color:var(--bs-primary)}
 
 
    .title-bar .site-title { font-family:"Bebas Neue",sans-serif; font-size:1.5rem; padding-bottom:1rem }
 
    .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%) }



.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .fa-regular.fa-threads { display:none!important }
.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link[href*="https://www.threads.net/@oakland.ballers"] { position: relative }
.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link[href*="https://www.threads.net/@oakland.ballers"] .label { padding-left:2.25rem }
.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link[href*="https://www.threads.net/@oakland.ballers"]::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px; /* Set your image width */
  height: 22px; /* Set your image height */
  background-image: url('/assets/threads-brands.png');
  background-size: contain;
  background-repeat: no-repeat;
}


.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .fa-regular.fa-bluesky { display:none!important }
.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link[href*="https://bsky.app/profile/oaklandballers.bsky.social"] { position: relative }
.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link[href*="https://bsky.app/profile/oaklandballers.bsky.social"] .label { padding-left:2.25rem }
.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link[href*="https://bsky.app/profile/oaklandballers.bsky.social"]::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px; 
  height: 22px; 
  background-image: url('/assets/bluesky-brands.png');
  background-size: contain;
  background-repeat: no-repeat;
}

    
}

    .section.sec-featured-athletes,
    .section.sec-photo-gallery { display:none }

    .sec-recent-videos .component-video.layout-slider .card-img-overlay .card-date { color:var(--bs-primary)}

    a[href*="wiki"] { background:#fff!important ; color:var(--bs-primary)!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 }

    .sec-top-stories-desktop .component-headlines.layout-stacked-carousel .carousel-control-pp { background-color:var(--bs-primary)}


    .sec-recent-news .archive-link a:hover,
    .sec-standings .archive-link a:hover,
    .sec-recent-videos .archive-link a:hover {background:var(--bs-secondary); color:var(--bs-primary)!important; }
    .sec-recent-videos .slick-arrow:hover { color:var(--bs-secondary)!important }


@media (min-width: 992px) {

    .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 (max-width: 991px) {

    .site-header .macro-primary-navigation { background-color:#fff!important; --bs-link-color:var(--bs-primary)!important  }
    .site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle=offcanvas] span:before { color:var(--bs-primary)}       
    .site-header .mobile-menu .navbar-offcanvas-template .accordion-flush .accordion-item .nav-link { color:var(--bs-primary); text-transform:uppercase; font-family:"Bebas Neue" }
    .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%)}

    .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)}
    .site-header .macro-primary-navigation > div > div > .headers-icon-links a:hover,
    .site-header .macro-primary-navigation > div > div > .headers-icon-links button:hover { color:var(--bs-secondary) }

    .sec-recent-news .page-details .component-headings .component-title,
    .sec-standings .page-details .component-headings .component-title,
    .sec-recent-videos .page-details .component-headings .component-title { font-size:1.75rem!important }
 
    
}