/* Save as /css/site.css and link only on this site */

/* ---------------------------------------
   Typography / Font setup
---------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --body-font-family: 'Archivo', sans-serif;
    --bs-font-sans-serif: 'Archivo', sans-serif;
    --bs-body-font-family: 'Archivo', sans-serif;
    /* Use same family for headings, control weight via font-weight */
    --heading-font-family: 'Archivo', sans-serif;
    --sac-color: var(--bs-dark);
}

/* ---------------------------------------
   Global layout / sections
---------------------------------------- */
section.sec-more,
section.sec-standings,
section.sec-countdown {
    display: none;
}

/*move to theme*/
.sec-videos > h2, .sec-banner > h2 { color: #fff !important }
.sec-scoreboard .layout-wrapper  .slick-arrow-controls .text { color:var(--sac-color) !important }
.sec-scoreboard .component-scoreboard.layout-standard:focus .slick-arrow-controls, .component-scoreboard.layout-standard:focus-within .slick-arrow-controls,
.sec-scoreboard .component-scoreboard.layout-standard:active .slick-arrow-controls, .component-scoreboard.layout-standard:hover .slick-arrow.next { right: -1.5rem }
.sec-scoreboard .component-scoreboard.layout-standard:focus .slick-arrow-controls, .component-scoreboard.layout-standard:focus-within .slick-arrow-controls, 
.sec-scoreboard .component-scoreboard.layout-standard:active .slick-arrow-controls, .component-scoreboard.layout-standard:hover .slick-arrow.prev { left: -1.5rem }


/* Save as /css/site.css and link only on this site */

/* Reset any previous section-level parallax backgrounds */
section.sec-top-stories::before,
section.sec-countdown::before,
section.sec-scoreboard::before {
    content: none !important;
}

/* 1) Global parallax background on the main area */
main#site-main {
    position: relative;
    z-index: 0;
}

main#site-main::before {
    content: "";
  /*  position: fixed; */
    inset: 0; /* full viewport */
    background-image: url(https://d2o2figo6ddd0g.cloudfront.net/y/8/b13vnot4rc9vx0/Texture_Background.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 1;          /* 0–1 */
    z-index: -1;
    pointer-events: none;
}

/* 2) Make all sections solid white by default (covers the parallax) */
main#site-main > section {
    background-color: #ffffff;
}

/* 3) Let ONLY these sections (and their margins/gaps) show the parallax */
main#site-main > section.sec-top-stories,
main#site-main > section.sec-countdown,
main#site-main > section.sec-scoreboard {
    background-color: transparent;
}


/* ---------------------------------------
   Header / Navigation
---------------------------------------- */
.top-nav {
    background: var(--bs-secondary);
    color: #ffffff;
}

.primary-nav-wrapper.bg-primary {
    background-color: #ffffff !important;
}

/* Top-level menu links (kept specific to avoid bleed) */
.site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link > .d-flex > a.nav-link {
    color: var(--bs-primary);
}

/* ---------------------------------------
   News Rotator (aside carousel)
---------------------------------------- */
/* Non-active cards: white background */
.aside-carousel .carousel-indicators > li:not(.active) > .card.rounded-1.bg-transparent.border-0.position-relative {
    background: #ffffff !important;
}

/* Active slide card: keep transparent */
.aside-carousel .carousel-indicators > li.active > .card.rounded-1.bg-transparent.border-0.position-relative {
    background: transparent !important;
}

/* "More Stories" / generic link-style button – scoped by class only */
a.btn.btn-link {
    background: #ffffff;
    color: var(--bs-primary);
}

/* ---------------------------------------
   Scoreboard
---------------------------------------- */
.sec-scoreboard .layout-wrapper ul.nav {
    background-image: url(https://d2o2figo6ddd0g.cloudfront.net/2/e/0b2uq9smrst8va/Texture_Component_Header-1-.png);
}

.sec-scoreboard .layout-wrapper ul.nav a.nav-link.active {
    background: #c9c9c9;
    color: #000000;
}

button.next.btn-block.btn.btn-link.slick-arrow.slick-next,
button.prev.btn-block.btn.btn-link.slick-arrow.slick-prev {
    color: #ffffff;
}

.sec-scoreboard .macro-archive-link a.btn.btn-link {
    background-color: #ffffff !important;
}

/* ---------------------------------------
   Video & Gallery headers
---------------------------------------- */
.videos .page-details,
.gallery .page-details {
    background-image: url(https://d2o2figo6ddd0g.cloudfront.net/2/e/0b2uq9smrst8va/Texture_Component_Header-1-.png);
}

/* ---------------------------------------
   Footer
---------------------------------------- */
footer#site-footer {
    background-image: none;
}

#site-footer .footer-details .text,
#site-footer .footer-details ul.nav {
    color: var(--bs-secondary);
}

/* ---------------------------------------
   Component banner (logo strip)
---------------------------------------- */
.component-banner.layout-flex .item img {
    max-height: 8rem;
}

/* ---------------------------------------
   Desktop tweaks (≥ 992px)
---------------------------------------- */
@media screen and (min-width: 992px) {
    .site-header .social-links::before {
        background-image: url(https://d2o2figo6ddd0g.cloudfront.net/g/k/aag03jacn0j6jv/Texture_Header-2-.png) !important;
    }

    .top-nav > .container {
        padding-top: 15px;
        padding-bottom: 15px;
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    /* If you intended a 3rem headline somewhere, add the selector, e.g.:
    .site-header .site-name {
        font-size: 3rem !important;
    }
    */
}   

/* ---------------------------------------
   Wiki links
---------------------------------------- */
header .menu a[rel="wiki-link"],
header .header-buttons a[rel="wiki-link"] {
    color: var(--bs-black);
    z-index: 9;
}


main#site-main::before {   background-image: url(/assets/Texture_Background.png);}
.sec-scoreboard .layout-wrapper ul.nav {   background-image: url(/assets/Texture_Component_Header-1-.png);}
.videos .page-details, .gallery .page-details{   background-image: url(/assets/Texture_Component_Header-1-.png);}


section.section.sec-more-news, .sec-aotw, .sec-sponsors {   display: none !important;}
.sec-scoreboard .layout-wrapper ul.nav {   margin-bottom: 0.5rem !important; border: none;}
.component-scoreboard.layout-standard .card {   border-color: var(--bs-black);}
.sec-scoreboard .component-scoreboard.layout-standard .card .card-body .fs-5 .sport-name a {   color: var(--bs-primary);}
.sec-videos .archive-link a.btn.btn-link {    border: none;   padding-inline: 1rem;}
.sec-scoreboard .macro-archive-link a.btn.btn-link {   border: none;}
section.section.sec-videos.videos, .sec-banner {   background: var(--bs-secondary);}
section.section.sec-photo-gallery, .banner-second {   background: #fff;}
.section.sec-banner {   margin-bottom: 0 !important;}
.container.container-social {   background: #fff;     max-width: 100%;}
.social-stream .social-embed-content {   border-color: #EAEDED;}
.footer-logos {   display: none;}
footer#site-footer {   border-top: 1px solid #000;}

.footer-details .media img {   max-height: 6rem;}
#site-footer .footer-details .text .title {   font-size: 1.2rem !important;}
#site-footer .footer-details .text p.address {   font-weight: normal !important;}
#site-footer ul.nav a.nav-link {   color: var(--bs-secondary);}
#site-footer ul.nav a.nav-link:hover {   color: var(--bs-primary);}
.affiliate-logos ul.list-unstyled .item img {   max-height: 4rem;}
.macro-secondary-navigation {   background: #464646;}
.macro-secondary-navigation .container-fluid > img.navbar-secondary-thumbnail {   display: none !important;}
.macro-secondary-navigation a.nav-link:hover, .macro-secondary-navigation a.nav-link.active {    background: var(--bs-primary);   color: #fff;}





/*.section.sec-video-parallax { min-height:600px; height:50vh; position:relative } */
.section.sec-video-parallax .container-fluid { position: absolute; left: 0; right: 0; top: 0; bottom: 0; clip: rect(0, auto, auto, 0);}
.section.sec-video-parallax .video-parallax{ position: fixed!important; bottom: 0; right: 0; top:0; height: auto; width: auto; min-height: 100%; min-width: 100%; /* z-index: -9999; */ }
.section.sec-video-parallax .component-parallax .layout-wrapper {   min-height: 56vh;}


.social-stream .component-social .social-widgets .item .social-widgets-wrap .social-embed-icon span.fab.fa-youtube:after {    content: "";    position: absolute;    content: 'YOUTUBE';    left: .75rem;    top: .9rem;    font-size: 1.25rem;    font-weight: bold;   font-family: var(--bs-body-font-family);}
.social-stream .component-social .social-widgets .item {   width: 100%;}
.social-stream .component-social .social-widgets .item .card-body-inner {    justify-content: flex-start;   text-align: l;}

section.section.sec-video-parallax {    position: relative; }

 .secondary-navigation {   background: #464646 !important;}
.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active {   border-color: #c9c9c9 !important;}
footer#site-footer .privacy-links .nav li:after {   background: var(--bs-secondary);}
.section.sec-video-parallax .video-parallax .overlay {   opacity: 0 !important;}

@media(min-width:992px){
    .top-nav .title {   font-weight: normal;} 
    .macro-primary-navigation a.site-logo img{top: 0.5rem; max-height: 5.25rem;}
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link span.dropdown-toggle:after {   color: var(--bs-primary) !important;}
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li > a.nav-link.level-4:hover {   color: #fff !important;}
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li > a.nav-link.level-4 {   color: #C9C9C9;}
    
}


@media(max-width:991px){
    .header-buttons a.d-block.d-lg-none.btn.btn-link {   color: var(--bs-primary);}
    .site-header .menu .navbar > .container-fluid > button.navbar-toggler.x span.icon-bar {   background: var(--bs-primary);}
    .site-header .menu .ps-component > .layout-wrapper > .navbar > .container-fluid > .collapse > .navbar-dark > .nav-item > .nav-link > .d-flex > a.nav-link {   color: #fff;}
    .component-headlines.layout-stacked-carousel .left-col button.btn.carousel-control-next, .component-headlines.layout-stacked-carousel .left-col button.btn.carousel-control-prev{   background: #fff;}
    .sec-photo-gallery {   padding-top: 1rem !important;}
    main#site-main::before {   background: var(--bs-secondary);}
    .component-headlines.layout-stacked-carousel .carousel-caption {    background: var(--bs-secondary);   color: #fff !important;}
    .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex .carousel-caption-title .item-link, .component-headlines.layout-stacked-carousel .category, 
    .component-headlines.layout-stacked-carousel .date, .component-headlines.layout-stacked-carousel .carousel-caption > .d-flex p.carousel-caption-text {   color: #fff !important;}
    .component-headlines.layout-stacked-carousel .date:before {   background-color: #fff;}
    .section.sec-video-parallax .video-parallax {   position: relative !important;}
    .sec-scoreboard {   margin-bottom: 3rem;}
   header#site-navigation  .navbar-dark .navbar-toggler .icon-bar {   background: var(--bs-primary);}
    
}

@media(max-width:767px){
    section.section.sec-social-stream.social-stream {   padding-inline: 0 !important;}
    .component-scoreboard.layout-standard .slick-arrow {    position: relative;    bottom: auto;    margin: 0 !important; left: 0 !important; right: 0 !important;   top: 0 !important;  transform: none;}
    .component-scoreboard.layout-standard .slick-arrow-controls {    display: flex;   justify-content: center;}
    .macro-primary-navigation a.site-logo {   top: 0.85rem;}
    .macro-primary-navigation a.site-logo img {   max-height: 4.3rem;}
    .internal-page .macro-primary-navigation a.site-logo img {   max-height: 4.3rem;}
    .internal-page .macro-primary-navigation a.site-logo {   top: 0.85rem;}
}

/*.sec-videos, .sec-banner {*/
/*    color: #fff;*/
/*}*/