body { 
    background:var(--bs-secondary) url("/assets/Texture.png") no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

.visually-hidden-focusable,
.visually-hidden { color:var(--bs-white) }
.section.sec-sponsors .visually-hidden,
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .prev .visually-hidden, 
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .next .visually-hidden,
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .pp .visually-hidden{  color:var(--bs-black) }

.site-header .title-bar .site-title { background:url("/assets/BSU_Logo_Wordmark.png") no-repeat 0% 50%; background-size:700px auto; text-indent: 730px }


.section.sec-players-of-the-week .page-details .component-headings { text-transform:uppercase; order:2  }
/*mod*/
.component-scoreboard.layout-small .slick-arrow-controls .slick-arrow span:last-child, 
.section.sec-players-of-the-week .slider-navigation .btn span:last-child { color: #000 !important }
/*mod*/

@media only screen and (min-width: 992px) {
    
    .site-header { background-color:transparent !important }
    .site-header .title-bar {
        background: black;
    }
    .site-header .title-bar .site-title {
        color: var(--bs-white);
        text-transform: capitalize;
        font-size: 25px;
    }
    
    .secondary-nav-wrapper.bg-white { background-color: transparent !important; --bs-bg-opacity: 0 !important }
    .site-header.is-pinned .secondary-nav-wrapper{ background-color: var(--bs-black) !important }
    .site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .nav-link,
    .site-header .component-navbar-secondary .navbar-brand,
    .site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .nav-link { color:var(--bs-white) !important }
    .site-header .component-navbar-secondary .navbar .dropdown-menu { background-color: var(--bs-black) !important }


    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list { flex-wrap: nowrap !important }
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .dropdown-menu.megamenu > div { max-width:none }
}

@media only screen and (max-width:991px) {

 body { background:var(--bs-secondary) !important }
 .site-header { background-color: var(--bs-black) !important }
 
 .site-header .component-navbar-primary .navbar-light .navbar-toggler .icon-bar,
  .component-headlines.layout-stacked-carousel .carousel .carousel-indicators [data-bs-target] { background-color:var(--bs-white) !important }
 .component-headlines.layout-stacked-carousel .carousel .carousel-inner .carousel-item .carousel-caption,
 .component-headlines.layout-stacked-carousel .carousel .carousel-inner .carousel-item .carousel-caption-title a { color:var(--bs-white) !important }
 
 .site-header .composite-search .btn { --bs-btn-color: var(--bs-white) }
 
}

.members-nav {
    background: black;
    color: var(--bs-white);
    --bs-link-color:#fff;
    --bs-link-hover-color: #ccc;
}
.members-nav .component-navbar-image:hover img,
.members-nav .component-navbar-image:focus-within img{
    filter: grayscale(100%);
    opacity:0.5;
}

.members-nav .component-navbar-image a:hover img,
.members-nav .component-navbar-image a:focus img{
    filter: grayscale(0);
    opacity:1;
}

.navbar-secondary-thumbnail{
    display: none !important;
}


/*********************************************************
OVERRIDE TO FLIP THE BACKGROUND COLORS FOR NEWS ROTATOR
*********************************************************/
.component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item:not(.active), 
.ps-component .archive-link a {
    background-color: white;
}

/*********************************************************
OVERRIDE TO FLIP THE BACKGROUND COLORS FOR AOTW
*********************************************************/

.sec-players-of-the-week > .container.bg-secondary {
    background-color: var(--bs-primary) !important;
}

.section.sec-players-of-the-week .layout-wrapper:before,
.section.sec-players-of-the-week .details-wrapper:before {
    border-color: var(--bs-primary) ;
}

.section.sec-players-of-the-week .component-aotw.layout-standard:before {
    background-color: var(--bs-secondary);
}

@media only screen and (min-width: 768px) {
    .section.sec-players-of-the-week .page-details {
        background-color: var(--bs-primary) !important;
    }
}

.section.sec-players-of-the-week .slider-navigation .btn {
    color: #fff ;
}

.section.sec-players-of-the-week .player-details{
    text-align: left !important;
}

.component-aotw ~ a[rel="wiki-link"] {
    color: var(--bs-white) !important;
}

.section.sec-players-of-the-week .page-details .component-headings {
    color: var(--bs-secondary);
}

/*********************************************************
END OVERRIDE TO FLIP THE BACKGROUND COLORS FOR AOTW
*********************************************************/


/*********************************************************
START OVERRIDE TO FLIP THE BACKGROUND COLORS FOR PARALLAX
*********************************************************/
.component-parallax .bars {
    display: none;
}

/*********************************************************
END OVERRIDE TO FLIP THE BACKGROUND COLORS FOR PARALLAX
*********************************************************/


/*********************************************************
START OVERRIDE TO FLIP THE BACKGROUND COLORS FOR SPONSORS
*********************************************************/
section.section.sec-sponsors {
    background-color: white;
}

.tabs-social-container.container-xl.mt-3.mt-lg-5.p-0 {
    margin-top: 0px !important;
}


.members-nav .component-navbar-image img, 
.members-nav .component-navbar-image img{
    filter: grayscale(100%);
    opacity: 0.9;
}
@media only screen and (min-width: 992px) {
    .members-nav .component-navbar-image img, 
    .members-nav .component-navbar-image img {
        filter: grayscale(100%);
        opacity: 0.5;
    }
}

.section-sponsors .slick-slide img,
.sec-sponsors .slick-slide img{
    filter: grayscale(100%);
    opacity: 0.5;
}

.section-sponsors .slick-slide:hover img,
.sec-sponsors .slick-slide:hover img,
.section-sponsors .slick-slide:focus-within img,
.sec-sponsors .slick-slide:focus-within img{
    filter: grayscale(0);
    opacity: 1;
}