/*
.site-header .navbar-nav .nav-link.active { font-weight:bold !important; }

.component-banner.layout-flex .item:first-child img, .component-banner.layout-flex .item:last-child img {   max-height: 7rem; }

.site-header .macro-tertiary-navigation .nav-item .nav-link {   color: var(--bs-primary) !important; }
.site-header .macro-tertiary-navigation li:not(:first-child)::before {   color: var(--bs-primary); }

.site-header .macro-secondary-navigation li:not(:first-child)::before{display:none;}

.site-footer .footer-details-wrapper .text.text-primary >p.address, .site-footer .footer-details-wrapper .text.text-primary >p.phone {   color: #000 !important; }


*/

/* Custom CSS to be placed after Bootstrap's stylesheet */
@media only screen and (max-width:991px) {
    .ratio-for-mobile-cleared {
        --bs-aspect-ratio: initial; /* Reset the variable */
        position: initial; /* Override Bootstrap's positioning */
    }
    .ratio-for-mobile-cleared > * {
        position: initial;
        width: 100%;
        height: auto; /* Allow height to adjust naturally */
    }
}


table.dataTable tbody tr>.dtfc-fixed-start,table.dataTable tbody tr>.dtfc-fixed-end { background:white !important }

/*******************************/
/* REMOVE AFTER DEPLOYMENT     */
/*******************************/
:root {
    --bs-link-hover-color: #000;
}
body{
    background-color:var(--bs-grey-bg-color);
    background-image:url('/assets/images/bg_grey_pattern.jpg') ;
}

.site-header .macro-primary-navigation a.site-logo { margin-bottom: -3.5rem; }
.site-header .macro-primary-navigation a.site-logo img { vertical-align:top; transition:all .2s; max-height: 8rem;  }

.internal-page #site-main { background:transparent; }
.site-footer { background:#fff; }
.site-header .stat-nav-btn-link ul.nav li a { border-radius: 0.375rem; text-transform:uppercase; color: var(--bs-primary); padding: 0.5rem 1.5rem; background-color: var(--bs-white); font-weight:bold; }
.site-header .stat-nav-btn-link ul.nav li a:hover { background-color: var(--bs-secondary); color:#fff; }

.bg-dark-overlay { background:rgba(0,0,0,0.2); color:#fff; --bs-link-color: #fff; --bs-link-hover-color: #fff; }
.site-footer .footer-logos img { object-fit:scale-down; max-height:3rem }
.site-footer .footer-logos img[alt="PrestoSports"] { max-height:2rem; }

.site-header .mobile-menu .navbar-offcanvas-template .accordion-button::after, .site-header .mobile-menu .navbar-offcanvas-template .accordion-button:after{color:#000;}

@media only screen and (min-width: 992px) {
    .component-navbar-primary.layout-standard .navbar .dropdown-menu.level-4 .nav-item:not(.parent) .nav-link {
        font-size:0.875rem;
        padding: 0.75rem 0.5rem;
    }
    .site-header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu {
        background: var(--bs-primary);
        background: linear-gradient(0deg, rgba(0,0,0, 0.2) 0%, rgba(var(--bs-primary-rgb), 0) 100%);
    }
     .site-header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu .megamenu-inner .bg-primary {
        background:transparent !important;
    }
    .site-header .macro-secondary-navigation.bg-dark-overlay{
        background: linear-gradient(270deg, rgba(0,0,0, 0.3) 0%, rgba(var(--bs-primary-rgb), 0) 100%);
    }
    .sec-title-wrap.text-bg-secondary {
        background: linear-gradient(90deg, rgba(0,0,0, 0.3) 0%, rgba(var(--bs-secondary-rgb), 0) 100%);
    }
}

.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-old-toggle {
    font-weight:normal;
}

.text-bg-primary { background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important; --bs-link-color: #fff; --bs-link-hover-color: #fff; }
.text-bg-secondary { background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important; --bs-link-color: #fff; --bs-link-hover-color: #fff;}
    
.macro-tertiary-navigation { --bs-link-color:var(--bs-primary); --bs-link-hover-color:var(--bs-secondary) }

/*******************************/
/* END REMOVE AFTER DEPLOYMENT */
/*******************************/


/* IM NOT SURE WHAT THE POINT OF THIS IS FOR */ 
/* The Ad's are controlled via a site setting to turn on and off */
/* So this method if disabling them is incorrect and only creates a liability with our impression metrics */
/*
.waldo-display-unit {    display: none !important; }
.waldo-display-unit {    min-height: 0 !important;   background: #eaebec !important; }
*/