@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


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

.inc-hostedby .visually-hidden { color:#fff }

.component-parallax .bars.bars-right span, .component-parallax .bars.bars-left span, .component-parallax.layout-standard .overlay:before { display:none }
.sec-standings .component-tabs .form-floating {   display: none !important; }
.tabs-social-container:not(:has(.ps-component)) {   display: none;}
.section:not(:has(.ps-component)) {   display: none;}
.section.sec-banner {    margin-top: 0 !important;}
section.section.sec-players-of-the-week {   margin-bottom: 2rem;}
.sec-standings .component-standings .table-responsive {   max-height: inherit;}


@media(min-width:768px){
    .section.sec-players-of-the-week .page-details {   padding-block: 0;}
    .section.sec-players-of-the-week .page-details {   gap: 0 !important;}
    .section.sec-players-of-the-week .page-details .component-sponsor .component-sponsor-block img {   max-height: 6rem;}
    .section.sec-players-of-the-week .page-details {   padding-block: 3rem;}
    .section.sec-players-of-the-week .slider-navigation {   bottom: 1rem;}
}


@media only screen and (min-width: 992px) {
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .dropdown-menu {margin: 0;border-radius: 0;background-color: var(--bs-primary) !important;}
    .component-headlines.layout-stacked-carousel .carousel .carousel-inner .carousel-item .ratio {   --bs-aspect-ratio: 57%;}
    .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu.level-2 ul.navbar-light.megamenu-list.level-2 {   max-width: 50%;}
    .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu.level-2 ul.navbar-light.megamenu-list.level-2 .dropdown-menu.level-3 {   background: transparent !important;}
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-item[class*="-icon"] .nav-link {   color: #fff;}
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item.level-2.has-megamenu > span.nav-link.dropdown-old-toggle.level-2 {   padding-block: 0 !important;}
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item.dropdown.has-megamenu.level-2.has-megamenu {   margin-bottom: 0;}
    .section.sec-players-of-the-week .page-details {   padding-block: 3rem;}
    .section.sec-players-of-the-week .slider-navigation {   bottom: 2.5rem;}
    .section.sec-players-of-the-week .page-details .component-sponsor .component-sponsor-block img {   max-height: 8rem;}
    
}

@media only screen and (min-width: 992px) {
    .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link {color: white;}
}

@media(min-width:1200px){
    .section.sec-players-of-the-week .page-details {   padding-block: 3rem;}
    .section.sec-players-of-the-week .slider-navigation {   bottom: 2rem;}
}

@media(min-width:1400px){
        .section.sec-players-of-the-week .slider-navigation {   bottom: 6rem;}
        .section.sec-players-of-the-week .page-details {   padding-block: 6rem;}
}

    
.site-footer .footer-details {
    background-color: var(--bs-primary);
}

/*********************************************************
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 .page-details {    flex-direction: column-reverse;}
}

.section.sec-players-of-the-week .slider-navigation .btn {
    color: #fff ;
}

/*********************************************************
END OVERRIDE TO FLIP THE BACKGROUND COLORS FOR AOTW
*********************************************************/