:root {
    --body-font-family: 'Roboto', sans-serif;
    --bs-font-sans-serif: 'Roboto', sans-serif; 
    --heading-font-family: 'Roboto', sans-serif; 
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-secondary);
    --global-border-color:var(--bs-primary); 
    --bs-default-color:#757575;
    --bs-dark:#222222; 
}


.landing body a[rel="wiki-link"] { color: var(--bs-default-color) }
.internal-page .site-main { flex: 1; margin-top: 3rem }
.internal-page .site-main > div { padding-block: 1rem; border: 1px solid var(--bs-border-color); background: #fff;  }
.skip-link { z-index: 109; position: absolute; left:0; top:0; border-radius: 0 }
.site-header { z-index: 99 }
.site-main { z-index: 89 }
.site-footer { z-index: 79 }
#heading-top-stories, #heading-scoreboard, #heading-Banners, #heading-parallax, #heading-photo-gallery, #heading-social-banners{background:#000; color:#fff;}
.developer-logo .inc-hostedby .sr-only{background:#000; color:#fff;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{   font-weight: normal; }

html.internal-page{ --bs-link-color: var(--bs-primary);}
.landing body header#site-header a[rel="wiki-link"], .landing body .site-footer a[rel="wiki-link"] {   color: var(--bs-tertiary); }

.inc-hostedby .sr-only { background:#fff; color:var(--bs-primary);}

@media(min-width:992px){
     body { background: url(/images/setup/Texture.png) no-repeat 0 0 var(--bs-white); background-attachment: fixed; background-size: cover }
} 

a { text-decoration: none }

/* COLOR CONTRAST */
.landing .section-dark { color: #fff; --bs-link-color: #fff; --bs-link-hover-color: #fff }
.landing .section-dark a,
.landing .section-dark .btn-link,
.landing .section-dark .btn { filter: none }
.landing .section-dark a:focus,
.landing .section-dark .btn:focus,
.landing .section-dark .btn:active { color: #fff }


/* COMPONENT DEFAULTS */
.section .ps-component [class*="archive-link"] a { font-size: 1.1rem; font-weight: bold; text-transform: uppercase; text-decoration: none;  }
.section .ps-component [class*="archive-link"] a:hover { color: var(--bs-default-color)}
.section .ps-component .component-title { font-size: 1.6rem; font-weight: normal; text-transform: uppercase }
.section .ps-component .component-sponsor { display: none !important }
.section .ps-component a { transition: all .25s }
.ps-component .archive-link a { font-weight: 700; text-transform: none; --bs-btn-color: var(--bs-primary);  border-radius: 0;     --bs-btn-hover-color: var(--bs-tertiary); }
.ps-component .archive-link a:focus-visible,
.ps-component .archive-link a:hover {   }

@media(min-width:992px){
   .section .ps-component .component-title  {font-size:1.75rem}
   .section .ps-component [class*="archive-link"] a { font-size: 1.5rem;}
}

/* Slick slider defaults */
.section .ps-component .slick-arrow-controls { display: flex; justify-content: center; align-items: center; margin-top: 0.6rem ;     margin-bottom: 0.2rem; gap: 0;}
.section .ps-component .slick-arrow-controls .slick-arrow { --bs-btn-bg: transparent; --bs-btn-hover-bg: transparent; position: static; display: block; height: 2rem !important; width: 2rem; max-width: 2rem; margin: 0; padding: 0 !important; transform: none; font-size: 1.35rem; line-height: calc(1rem - 2px);  --bs-link-color: var(--bs-primary); --bs-btn-hover-color: var(--bs-black); border-radius: 0;  filter: none; border: none }
.section .ps-component .slick-arrow-controls .slick-arrow.slick-hidden { display: none }
.section .ps-component .slick-arrow-controls .slick-arrow.slick-disabled { opacity: .3; pointer-events: none } 
.section .ps-component .slick-arrow-controls .slick-arrow .fa:before { font-family: "Font Awesome 6 Sharp"; font-weight: 900 }
.section .ps-component .slick-arrow-controls .slick-arrow .fa-circle-pause:before { content: "\f04c" }
.section .ps-component .slick-arrow-controls .prev { order: 1 }
.section .ps-component .slick-arrow-controls .pp { order: 2 }
.section .ps-component .slick-arrow-controls .next { order: 3 }
.section .ps-component .slick-arrow-controls .slick-arrow .fa:before {    font-family: "Font Awesome 6 Sharp";   font-weight: 900; }



/*header css*/

.pre-head {   background:var(--bs-secondary) !important; }
.site-title {    font-size: 1rem;    text-transform: uppercase;    font-weight: 500;   letter-spacing: 0; }
.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link { --bs-nav-link-color: var(--bs-white); text-transform: none;    font-weight: 600; font-family: var(--heading-font-family); font-size: 1.2rem; --bs-nav-link-hover-color: var(--bs-secondary); position: relative;}
.site-header .component-navbar-primary.layout-standard .navbar, .site-header .component-navbar-primary.layout-standard .layout-wrapper { position: static !important; }
.site-header .component-navbar-primary.layout-standard .megamenu-inner {  max-width: var(--ps-site-width); margin: 0 auto; }
.site-header .social-links ul li a.nav-link {   --bs-nav-link-padding-x: 0.3rem;     --bs-nav-link-color: var(--bs-white);--bs-nav-link-hover-color: #fff; font-size: 1.2rem;}  

.site-header  .macro-secondary-navigation nav.navbar.navbar-secondary a.navbar-brand.navbar-page-title,
.site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link{    color: var(--bs-primary);    text-transform: uppercase;   font-weight: 500; }
.site-header nav.navbar.navbar-secondary {   padding: 0; }
.site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link{padding: 1rem 0.75rem;}
.site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover, .site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) a.nav-link.active {    background: var(--bs-primary);   color: #fff;}


/****** mobile menu *****/

.site-header .component-navbar-primary.layout-standard .navbar-collapse { background: #fff; display: block !important; height: 100% !important; left: 0; padding: 1.5rem 1rem; padding-top: 1.5rem; padding-top: 3rem; overflow-y: auto; position: fixed; top: 0; transform: translate(-100%, 0);transition: .2s ease; width: 100%; z-index: 10; }
.site-header .component-navbar-primary .navbar-collapse.collapse.show {   transform: translate(0, 0); }
.site-header .component-navbar-primary.layout-standard .menu-active .navbar-toggler {  left: .5rem;  position: fixed; top: 0;    box-shadow: none;}
.site-header .component-navbar-primary.layout-standard .menu-active .navbar-toggler { z-index: 100;}
.site-header .macro-primary-navigation > .container > .d-flex > .d-flex > .menu.desktop-menu .navbar-toggler {    position: absolute;    left: 0;    top: 50%;   transform: translateY(-50%); padding: 0;  border: none; color: #fff; box-shadow: none; opacity: 1;}
.site-header .component-navbar-primary.layout-standard .layout-wrapper {   position: relative !important;}
.site-header  .navbar-light .navbar-toggler .icon-bar {   background: #fff;}
.site-logo img {   max-height: 4rem;     padding-block: 6px;}
.site-header .macro-primary-navigation > .container > .d-flex > .d-flex .site-logo {    order: 2;   margin: 0 auto; }
.site-header .macro-primary-navigation > .container > .d-flex > .d-flex > .menu.desktop-menu .menu-active .navbar-toggler {    left: auto;    position: fixed;    top: 17px;    transform: none;   right: 1rem;    padding: 0;     box-shadow: none;}
.site-header .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link {    --bs-nav-link-color: var(--bs-primary);    font-weight: normal;   font-size: 1rem; }
.component-navbar-primary .navbar-light .dropdown .dropdown-menu.show {    background: #fff !important;    border-bottom: none !important;   border-color: var(--bs-tertiary) !important; }
.component-navbar-primary .navbar-light .dropdown .dropdown-menu, 
.component-navbar-primary .navbar-light .dropdown .dropdown-menu.show,
.component-navbar-primary .navbar-light .dropdown .dropdown-menu.collapsing {    background: #fff !important;    border-bottom: none !important;   border-color: var(--bs-tertiary) !important; }
.mmf-social-inner .component-title , .mmf-social-inner .page-details{   display: none !important; }
.mmf-social-inner .ps-component {   gap: 0 !important; }
.mmf-social {   border: none !important; }
.mmf-search button.btn.btn-link {   color: var(--bs-secondary); }
.site-header .macro-primary-navigation .navbar-brand {display:none !important;}
.site-header .macro-primary-navigation .navbar-brand { display:block !important;   position: fixed;    z-index: 15;    color: #fff;    padding: 10px;    background: var(--bs-primary);    left: 0;    top: 0;    width: 100%;   text-transform: uppercase;  transform: translate(-100%, 0);transition: .45s ease;     opacity: 0;     padding-bottom: 0.4rem;} 
.site-header .menu-active .navbar-brand{ transform: translate(0, 0);opacity:1;}
.site-header .layout-wrapper:not(.menu-active) .navbar-toggler .icon-bar {   height: 3px; }
.component-navbar-primary.layout-standard .navbar .dropdown-toggle::after {   font-size: 1rem;}
.mobile-menu-footer {   gap: 0.2rem !important; }
.mmf-social-inner a.nav-link {   padding-inline: 0.5rem;}

@media(min-width:992px){  
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link{    text-transform: uppercase;}
    .site-header .menu {  margin-left: 11rem !important;   transition: all .3s ease;} 
    .site-header.is-pinned .menu.desktop-menu {   margin-left: 10rem !important; }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-toggle::after { display: none }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex=true] > li > a { position: relative }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex=true] > li.nav-item:not(.brand-icon) > a:after { content: ''; height: 40%; position: absolute; top: 50%; left: -.5px; transform: translateY(-50%); border: 1px solid var(--bs-tertiary) }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex=true] > li.nav-item:first-child > a:after { display: none }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle a { font-size: 1.3rem; text-transform: uppercase }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-old-toggle,
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle, 
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item > a { padding-left: 0 }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-menu li.nav-item:hover,
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu ul[data-column="true"] > li.nav-item:hover { background-color: transparent }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-menu li.nav-item:not(:first-child) { border-top-color: transparent }
    .site-header .component-navbar-primary.layout-standard .dropdown-menu, 
    .site-header .component-navbar-primary.layout-standard .dropdown-menu ul { border-radius: 0; /*background-color: var(--bs-tertiary) !important */ } 
    .site-header .component-navbar-primary.layout-standard li.parent:hover > .nav-link, .site-header .component-navbar-primary.layout-standard li.parent:focus > .nav-link, .site-header .component-navbar-primary.layout-standard li.parent:active > .nav-link { background-color:var(--bs-white) } 
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega=true] > .nav-item > .dropdown-old-toggle { margin-bottom:.85rem; border-bottom-color:var(--bs-secondary);         padding-bottom: 0.2rem; }
    .site-header  .component-navbar-primary.layout-standard .navbar .navbar-nav .level-3 .nav-link {    font-size: 1rem;    font-family: var(--body-font-family); text-transform: none; padding: 0.2rem 0.5rem; --bs-nav-link-color: var(--bs-tertiary);     --bs-nav-link-hover-color: var(--bs-white); }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav .level-4 .nav-link {   font-weight: normal; }
    .site-header.is-pinned .site-logo {   top: 2px;}
    .site-header.is-pinned .site-logo img {   max-height: 3rem; }
    .site-header .site-logo { position: absolute; top: 0rem;     z-index: 9999; }
    .site-header .site-logo img {    max-height: 3.5rem;   transition: all 0.3s;     padding-block: 0;}
    
    .header-buttons .component-search button.btn.btn-link {    --bs-btn-bg: var(--bs-primary);    --bs-btn-color: #fff;    --bs-btn-border-radius: 0;   height: 100%; }
    .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu{        padding-top: 2rem;}
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li.nav-item:not(.brand-icon) > a::after { content: ''; height: 40%; position: absolute; top: 50%; left: -.5px; transform: translateY(-50%); border: 1px solid var(--bs-white); opacity:0.8; }
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item.dropdown.level-3> span.nav-link>span>a.nav-link.dropdown-old-toggle {    font-size: 1.2rem;   font-weight: bold; }
    .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item.dropdown{        margin-bottom: 0.3rem;}
    
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link {   padding: 1rem 0.5rem; }
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link { --bs-nav-link-color: var(--bs-white); text-transform: uppercase;    font-weight: 600; font-family: var(--heading-font-family); font-size: 1rem; --bs-nav-link-hover-color: #fff; position: relative;}
    /*  .site-header .component-navbar-primary .navbar-collapse .navbar-light .dropdown .dropdown-menu.level-2{        background-color: var(--bs-tertiary) !important;} */
    .site-header .component-navbar-primary.layout-standard .navbar-collapse { position: static; background: transparent; max-height: inherit; padding: 0; display: flex !important; transform: none; height: auto; }
    .site-title {    font-size: 1.5rem;         padding-right: 0.5rem;}
    .site-header .component-navbar-primary .navbar-collapse .navbar-light li.nav-item.parent.dropdown.has-megamenu > .dropdown-menu.show {   border-left: none !important; }
    .pre-head {   background: transparent !important; }
 /*   .site-header .component-navbar-primary .navbar-collapse .navbar-light li.nav-item.parent.dropdown.has-megamenu > .dropdown-menu {   border-top: 1px solid var(--bs-secondary); } */
    header#site-header.is-pinned .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu {   padding-top: 0rem !important; }
    .component-navbar-primary.layout-standard .navbar li.nav-item:last-child {   border-bottom: none; }
    
    .component-navbar-primary.layout-standard .navbar .parent.dropdown:hover>span:before, .component-navbar-primary.layout-standard .navbar .parent:hover>a:before {   opacity: 1; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-inner .carousel-item {   max-height: 100vh; }
    
    .site-header .component-navbar-primary.layout-standard li.parent:hover > .nav-link >span> a.nav-link,  .site-header .component-navbar-primary.layout-standard li.parent:hover > a.nav-link {   color: var(--bs-primary);}
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-multicols="2"] > li.nav-item {   border: none; }
    .site-header .fa-brands.fa-facebook::before { content: "\f39e" !important; }
    .site-header .header-buttons .ps-component.component-search {    height: 100%;    display: flex; }
    .site-header  .header-buttons .component-search button.btn.btn-link:hover {    background: #fff;    color: var(--bs-primary);   filter: none;}
    .site-header  .social-links .ps-component, .social-links .ps-component .layout-wrapper {   height: 100%; }
    .site-header .social-links .ps-component .layout-wrapper ul.nav {    height: 100%;   align-items: stretch; }
    .site-header .social-links .ps-component .layout-wrapper ul.nav li {    display: flex;    align-items: center;   padding-inline: 0.2rem;}
    .social-links .ps-component .layout-wrapper ul.nav li:hover {    background: #fff;   color: var(--bs-primary); }
    .social-links .ps-component .layout-wrapper ul.nav li:hover > a {    color: var(--bs-primary); }
    header#site-header {   border-block: 2px solid var(--bs-secondary); }
    .site-header .component-navbar-primary.layout-standard .navbar, .site-header .component-navbar-primary.layout-standard .layout-wrapper { position: static !important; }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link { --bs-nav-link-color: var(--bs-white); text-transform: uppercase;    font-weight: 600; font-family: var(--heading-font-family); font-size: 1rem; /*--bs-nav-link-hover-color: var(--bs-secondary);*/ position: relative;}
    .component-navbar-primary .navbar-light .dropdown .dropdown-menu, .component-navbar-primary .navbar-light .dropdown .dropdown-menu.show, 
    .component-navbar-primary .navbar-light .dropdown .dropdown-menu.collapsing {   background: var(--bs-primary) !important; }
    .sports-home header#site-header {    border-bottom: none;   box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);}
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-menu li.nav-item.brand-icon span.fa-brands.fa-twitter:before {   content: "\e61b"; }
}
 
@media(min-width:1200px){
    .site-header .site-logo img {    max-height: 4.8rem;   transition: all 0.3s;}
    .site-header .menu {  margin-left: 14rem !important;   transition: all .3s ease;} 
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link {   padding: 0.875rem 1rem; font-size:1rem}
    .macro-secondary-navigation nav.navbar.navbar-secondary a.navbar-brand.navbar-page-title {    margin-left: 0;}  
    .site-header .site-logo {  top: -2.1rem;  }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link{font-size:1rem;}
    
    
    .site-header .component-navbar-primary.layout-standard li.parent.dropdown  > span.nav-link {   padding: 0; }
    .site-header .component-navbar-primary.layout-standard li.parent.dropdown  > span.nav-link >span {   padding: 0.875rem 1rem; }
    .site-header .component-navbar-primary.layout-standard li.parent.dropdown > span.nav-link >span[aria-expanded="true"] > a {    color: var(--bs-primary); }
    .site-header .component-navbar-primary.layout-standard li.parent.dropdown > span.nav-link >span[aria-expanded="true"] {   background: #fff; }


    
}
@media(min-width:1400px){
    .site-header .site-logo img {    max-height: 5.5rem; }
    .site-header .menu {  margin-left: 17rem !important; } 
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link { font-size:1.2rem}
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link{font-size:1.2rem;}
}
@media(max-width:567px){
  /*.component-navbar-primary.layout-standard .navbar .dropdown-menu li.nav-item.dropdown.has-megamenu.level-2 > .nav-link {    background-color: #eeeeee;   padding-left: 5px; } */
    .component-navbar-primary.layout-standard .navbar .dropdown-menu li.nav-item.dropdown.has-megamenu.level-2 > .nav-link > span:not(.collapsed) {   background-color: #eeeeee; }
    .component-navbar-primary.layout-standard .navbar .dropdown-menu li.nav-item.dropdown.has-megamenu.level-2 > .nav-link > span {    padding-block: 0.5rem;   padding-left: 5px; }
    .component-navbar-primary.layout-standard .navbar .dropdown-menu li.nav-item.dropdown.has-megamenu.level-2 > .nav-link {   padding: 0; }
    
}



/***** News Rotator ****/


.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .carousel-caption-title {    width: 100%;   padding-right: 0 !important;     -webkit-line-clamp: 2;}
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item .carousel-caption .carousel-caption-container > .d-flex {    text-align: center;    max-width:90%;   margin: 0 auto !important; position:relative;     padding-top: 2rem;}
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .carousel-caption-title a {    color: var(--bs-primary) !important;    line-height: 1.1;   font-size: 1.2rem !important; }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .carousel-caption-title a:hover {    color:var(--bs-default-color)!important;   text-decoration: none;}

.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .date {    position: absolute;    left: 36%;    right: auto;    margin: 0 auto;   top: 0;     }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .category {    position: absolute;    top: 0;   left: 52%; padding-left: 1rem;}

.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .category:before {    content: "|";    position: absolute;    left: 0;   color: var(--bs-black); }

 
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-next:hover, 
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-prev:hover, 
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-pp:hover {   color: var(--bs-white);     background: var(--bs-primary);}
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-filmstrip-controls button.btn .fa::before {   font-weight: 900; }

.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .date { position: relative; order: 0 !important; left: auto; margin: 0 auto; margin-right: 0;     letter-spacing: 0;}
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .category { /*order: 2; */position: relative; left: auto; margin: 0 auto; margin-left: 0; }
/*.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .carousel-caption-title {   order: 3; } */
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item .carousel-caption .carousel-caption-container > .d-flex {    flex-direction: row !important;    flex-wrap: wrap;    justify-content: center !important;   align-items: center !important; }
 .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item .carousel-caption .carousel-caption-container > .d-flex > * {   order: 1; }
 .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item .carousel-caption .carousel-caption-container .related-links {   z-index: 1; }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item .carousel-caption {    position: relative !important;   margin-top: -13% !important;     bottom: 0;} 
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item:after {   background: linear-gradient(0deg, rgb(0 0 0) 31%, rgb(38 38 38 / 10%) 100%); background: linear-gradient(180deg, rgba(var(--bs-white-rgb), 0) 0%, rgba(var(--bs-white-rgb), 0) 7%, rgba(var(--bs-white-rgb), 0) 30%, rgba(var(--bs-white-rgb), 0.4) 50%, rgba(var(--bs-white-rgb), 0.9) 70%, rgba(var(--bs-white-rgb), 1) 100%);
        background: linear-gradient(180deg, rgba(var(--bs-white-rgb), 0) 0%, rgba(var(--bs-white-rgb), 0) 7%, rgba(var(--bs-white-rgb), 0.3) 30%, rgba(var(--bs-white-rgb), 0.5) 50%, rgba(var(--bs-white-rgb), 1) 60%, rgba(var(--bs-white-rgb), 1) 100%);
}
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-inner {   background: transparent !important; }
.section.sec-top-stories .ps-component .archive-link a {   margin-bottom: 1rem; }
.section.sec-top-stories .ps-component .img-placeholder {   box-shadow: inset 0px 20px 10px 0px rgb(0 0 0 / 73%); }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .date, 
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .category{font-weight:400;}
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item .carousel-caption {   color: var(--bs-black); }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-pp {   display: none; }

.section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control {    max-width: 30px;    height: 4px !important;    background: var(--bs-primary) !important;    box-shadow: none;   border-width: 0 !important;opacity: 1; }
.section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control.active {   background: var(--bs-secondary) !important; }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-indicators {   gap: 0.5rem !important; }
.section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control .img-placeholder {   display: none; }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-indicators {    position: relative;   margin-bottom: 0; }
.sec-top-stories .component-headlines .carousel.slide > .d-lg-block.d-none {   display: block !important; }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item .carousel-caption .carousel-caption-container > .d-flex p.card-text.leadin {   line-height: 1.5; }

@media(min-width:992px){
    .section.sec-top-stories  .component-headlines.layout-filmstrip .carousel-item .carousel-caption .carousel-caption-container > .d-flex {  max-width: 70%; } 
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item:after { background:linear-gradient(180deg, rgba(var(--bs-white-rgb), 0.1) 0%, rgba(var(--bs-white-rgb), 0.2) 7%, rgba(var(--bs-white-rgb), 0.3) 30%, rgba(var(--bs-white-rgb), 0.6) 50%, rgba(var(--bs-white-rgb), 0.9) 70%, rgba(var(--bs-white-rgb), 1) 100%);}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item.active .carousel-caption {    position: absolute !important;   margin-top: 0 !important;         bottom: 12.5rem;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control .category { position: absolute; bottom: 0; z-index: 1; text-indent: initial; color: #fff; font-weight: bold; text-shadow: 0px 0px 7px rgb(0 0 0); left: 0.6rem; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-controls .control.active {   border-color: var(--bs-primary) !important; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control {    opacity: 1;   border-width: 2px !important;     background: var(--bs-white);         --bs-border-color: var(--bs-secondary) !important;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control .img-placeholder {   opacity: 0.5;         transition: all 0.5s;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control:hover .img-placeholder {   opacity: 1;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-controls .control.active .img-placeholder {   opacity: 1;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .carousel-caption-title a { line-height: 1.3; font-size: 1.875rem !important; }
    .section.sec-top-stories .ps-component .archive-link a {   margin-block: 0rem;     text-transform: uppercase;         padding-block: 0;}
    .section.sec-top-stories .ps-component .img-placeholder{box-shadow:none;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-filmstrip-controls{    bottom: -2rem;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-inner .carousel-item {   max-height: 100vh; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-filmstrip-controls, .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-filmstrip-controls > .d-flex {   position: unset !important; }
    
    .section.sec-top-stories  .component-headlines.layout-filmstrip .carousel-control-pp { position: absolute !important; top: 0; right: 0 !important; z-index: 2; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease; text-decoration: none; background: rgba(var(--bs-primary-rgb), 0.3);}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-indicators {   margin-bottom: 0; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-pp {   display: flex; }

    .section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control {    max-width: 318px;    height: auto !important;    width: auto !important;    background: var(--bs-white) !important;    border-width: 2px !important; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control.active {   background: var(--bs-secondary) !important; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-indicators {   gap: 1rem !important; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control .img-placeholder {   display: block; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-indicators {    position: absolute;   margin-bottom: 1rem; }
    
    .section.sec-top-stories .component-headlines {   gap: 0 !important;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .carousel-caption-title {   -webkit-line-clamp: 2; }
    
     .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-prev,  .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-next { position: absolute !important; top: 50%; transform: translate(-50%); left: 2rem !important; color: var(--bs-primary); border: none; font-size: 1.2rem;         opacity: 0 !important; transition:all 0.5s;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-next {    right: 0 !important;   left: auto !important; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel.slide:hover .carousel-control-next, .section.sec-top-stories .component-headlines.layout-filmstrip .carousel.slide:hover .carousel-control-prev, .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-prev:focus, .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-next:focus{opacity: 1 !important;}
}

@media(max-width:567px){
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item:after{
        background:linear-gradient(180deg, rgba(var(--bs-white-rgb), 0) 0%, rgba(var(--bs-white-rgb), 0) 7%, rgba(var(--bs-white-rgb), 0.3) 30%, rgba(var(--bs-white-rgb), 1) 50%, rgba(var(--bs-white-rgb), 1) 60%, rgba(var(--bs-white-rgb), 1) 100%);
    }
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .date,
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .category{margin:0;font-size: 0.95rem;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .category{}
    .section.sec-top-stories > .container {   padding-inline: 0; }
}

/* SCOREBOARD */
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body { padding: 0 }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner { gap: 0 !important }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .macro-event-logos .team-logos { gap: .5rem !important }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .macro-event-logos .team-logos img { max-width: 4.75rem }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner > .fs-5.fw-bold { order: 1; background: var(--bs-primary);     padding-top: 0.5rem; }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .event-date-and-status { order: 2; background: var(--bs-primary); color: #fff; display: flex; align-items: center; justify-content: center; position: relative; padding-bottom: .75rem; font-size: 0.75rem; margin-top: -1px }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .event-date-and-status .date { font-size: 0.75rem !important; font-weight:normal !important }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .macro-event-logos { order: 3 }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .macro-line-scores { order: 4; padding: 0 1rem .5rem }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .event-links { order: 5; margin: 0 .5rem; border-top: 1px solid var(--bs-tertiary); padding: .5rem }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner > .fs-5.fw-bold a { color: var(--bs-white) !important; font-size: 1rem ;    text-transform: uppercase; font-weight: bold;}
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .event-date-and-status .status { padding-left: .5rem; margin-left: .5rem; position:relative }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .event-date-and-status .status:before { content: ''; background: var(--bs-tertiary); width: 1px; height: 65%; position: absolute; left: -.5px; top: .2rem }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .slick-dots { display: none !important }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .slick-track {    gap: 0.8rem;}
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .event-location-diamond { display: none }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card { border: 1px solid var(--bs-secondary); border-radius: .5rem; overflow: hidden }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .slick-dotted.slick-slider { margin-top: unset; margin-bottom: unset }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean { overflow:visible }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .macro-line-scores .vs-at-indicator { color: var(--bs-primary) }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .macro-event-notes.small { display: none }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card.bg-final { background: #DDDDDD }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner > .fs-5.fw-bold a:hover { color: var(--bs-tertiary) !important }
.sec-scoreboard .component-tabs .p-3 { color: var(--bs-white) }

.sec-scoreboard .component-tabs .form-floating .form-select {    width: 180px;    line-height: 1;    text-transform: none;    color: var(--bs-primary);    height: auto !important;    padding: 7px 7px;    font-size: 1rem;    margin-bottom: 0 !important;    border-color: var(--bs-primary);    border-radius: 6px;   background: #fff; font-weight: 500;}
.sec-scoreboard.component-tabs .component-scoreboard.layout-clean .teams-filter{ position: absolute; top: -3.55rem; right: 0; width: 49% }
.sec-scoreboard .component-tabs .teams-filter select { width: 100% }
.sec-scoreboard .form-floating { max-width: 49% }
.sec-scoreboard .component-tabs { --tabs-height: 2.25rem; --top-offset: calc(-2.25rem - 1px) }
.sec-scoreboard .component-tabs .nav-pills .nav-item .nav-link { display: flex; align-items:center; height: var(--tabs-height);  font-weight: 700; border-radius: 0; color: var(--bs-secondary); border-bottom: 1px solid var(--bs-secondary); padding: 0; padding-right: 2rem; text-transform:uppercase; border-width:3px; font-size:1.3rem }
.sec-scoreboard .component-tabs .nav-pills .nav-item .nav-link.active {     color: var(--bs-primary);    border-color: var(--bs-primary);    background: transparent; }
.sec-scoreboard .component-tabs .nav-pills .nav-item .nav-link:hover { color: var(--bs-primary) }
.sec-scoreboard .component-tabs .nav-pills .nav-item .nav-link.active:hover { color: var(--bs-primary) }
.sec-scoreboard .component-tabs .nav-pills + .tab-content { overflow: visible }
.sec-scoreboard .component-tabs .form-floating .form-select, 
.sec-scoreboard .component-tabs .nav-pills + .tab-content table tr th { text-transform: uppercase }
.sec-scoreboard .component-tabs .nav-pills + .tab-content table tr:last-child td, .component-tabs .nav-pills + .tab-content table tr:last-child th { border-color: #fff }
.sec-scoreboard .component-tabs .form-floating:hover .form-select,
.sec-scoreboard .component-tabs .form-floating .form-select:focus-visible,
.sec-scoreboard .component-tabs .teams-filter select:focus-visible{ color: var(--bs-secondary) }
.sec-scoreboard .component-tabs .form-floating:after { font-family: "Font Awesome 6 Pro"; content: "\f078"; position: absolute; right: .5rem; top: 46%; transform: translateY(-50%); color: var(--bs-primary) }
.sec-scoreboard .component-tabs .teams-filter:after { top: 50% !important }
.sec-scoreboard .component-tabs .form-floating:hover:after { color: var(--bs-secondary) }
.sec-scoreboard .component-tabs .form-floating label { display: none }
.sec-scoreboard .component-tabs .teams-filter select { padding-left: 0.5rem; -webkit-appearance: none; -moz-appearance: none }
.sec-scoreboard .component-tabs .nav-pills + .tab-content .component-standings  .table>:not(caption)>*>* { background: unset; }
.sec-scoreboard .component-tabs .nav-pills + .tab-content .component-standings table thead tr .group-head:first-of-type { background: rgba(255, 255, 255, 0.05) }
.sec-scoreboard .component-tabs .nav-pills + .tab-content .component-standings table { border: 1px solid #fff; margin-bottom: 0; background: var(--bs-primary) !important; color: #fff }
.sec-scoreboard .component-scoreboard.layout-clean .slick-list {   border: none; }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card-body .card-inner .macro-event-logos .team-logos .logo-holder:first-child {   display: none; }
.sec-scoreboard .component-tabs .nav-pills .nav-item:last-child .nav-link {   padding-right: 1rem; }
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean {   gap: 0 !important;   }

.sec-scoreboard .component-tabs.content-switcher-wrapper ul.nav-pills {   margin-inline: auto; }
.sec-scoreboard .form-floating {    max-width: 200px;   margin: 0 auto 17px; }
.sec-scoreboard .component-tabs .form-floating .form-select {   width: 100%;}
.section.sec-scoreboard .ps-component [class*="archive-link"] a {    padding-top: 0;}
/*.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card:hover {   background: var(--bs-tertiary); } */
.sec-scoreboard .component-tabs .component-scoreboard.layout-clean .card.result {   background: var(--bs-tertiary); }

@media (min-width:576px) {
    .sec-scoreboard .component-tabs .component-scoreboard.layout-clean .teams-filter{ top:-2.8rem }
    .sec-scoreboard .component-tabs .component-scoreboard.layout-clean .teams-filter { min-width: 175px }
}

@media(min-width:992px) { 
    .sec-scoreboard .component-tabs .component-scoreboard.layout-clean .teams-filter,
    .sec-scoreboard .form-floating{ position: absolute; top: -3.25rem; width: auto !important; right: 1rem }
    .sec-scoreboard .container {          padding-inline: 4rem; }
    .sec-scoreboard .ps-component .slick-arrow-controls {    display: flex;    flex-direction: row;    justify-content: center;    gap: 1rem;    width: 100%;    position: static;    margin-top: 1rem;   overflow: visible;         margin: 0;}
    .sec-scoreboard .ps-component .slick-arrow-controls button.btn{    position: absolute;    top: 50%;    transform: translateY(-50%);   opacity:1;         --bs-btn-hover-color: var(--bs-secondary);}
    .sec-scoreboard .ps-component .slick-arrow-controls button.next.btn-block.btn.btn-link.slick-next.slick-arrow {    left: auto;   right: -2.5rem; }
    .sec-scoreboard .ps-component .slick-arrow-controls button.prev.btn-block.btn.btn-link.slick-prev.slick-arrow {   left: -2.5rem;}
    .sec-scoreboard .component-tabs.layout-pills ul.nav.nav-pills {   margin-left: 1rem;         margin-bottom: 0.8rem !important;}
    .sec-scoreboard .component-tabs .component-scoreboard.layout-clean {   gap: 1rem !important; }
      .sec-scoreboard .component-tabs.content-switcher-wrapper ul.nav-pills {   margin-inline: 0; }
      .sec-scoreboard .component-tabs .form-floating .form-select{    width: 180px;}
      .sec-scoreboard .component-tabs .nav-pills .nav-item .nav-link{font-size: 1.7rem;}
      
}
@media(max-width:567px){
    .sec-scoreboard .component-tabs.content-switcher-wrapper ul.nav-pills {   margin-inline: auto;         margin-bottom: 0.7rem !important; }
    .sec-scoreboard .form-floating {    max-width: 216px;   margin: 0 auto 17px; }
    .sec-scoreboard .component-tabs .form-floating .form-select {   width: 100%;}
    .sec-scoreboard .component-tabs .component-scoreboard.layout-clean .slick-list {    overflow: visible !important;    max-width: 80%;   margin: 0 auto; }
}




/********* players of the week *********/

.section.sec-players-of-the-week .component-aotw.layout-align .slick-slider {   padding:0;    border: none; }
 .section.sec-players-of-the-week  .component-aotw.layout-align .player-details .player-bio {    flex-direction: column;   max-width: 430px;     margin-left: 0;     color: var(--bs-black);     gap: 2px;     font-size: 1rem;     align-items: flex-start;     text-align: left;}
 .section.sec-players-of-the-week .component-aotw.layout-align .player-headshot {   width: 35%;    min-width: 100px;   max-width: inherit;          border-inline: 4px solid var(--bs-primary);     padding: 0;}
.section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-name {    font-size: 1.6rem;    text-transform: uppercase;    --bs-link-color: var(--bs-primary);   --bs-link-hover-color:var(--bs-secondary);margin-bottom: -5px;     font-weight: 600;     order: 0;}
.section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-bio .synopsis {    font-size: 1.4rem;    font-weight: normal;    line-height: 1.4;    -webkit-line-clamp: 4;     margin-bottom: 1rem;     text-transform: none;}
  
.section.sec-players-of-the-week .component-aotw.layout-align .slick-slider .slick-prev {   left: 10px; }
.component-aotw.layout-align .slick-slider .slick-next, .component-aotw.layout-align .slick-slider .slick-prev, 
.section.sec-players-of-the-week .component-aotw.layout-align .slick-pp { bottom: 1.5rem !important; height: 30px; width: 30px; line-height: 30px !important; padding: 0 !important; --bs-btn-color: var(--bs-primary); --bs-btn-hover-bg: transparent; --bs-btn-hover-color: var(--bs-secondary); --bs-btn-active-color: var(--bs-secondary); --bs-btn-active-bg :transparent;     transform: none;     top: auto !important;     bottom: 0 !important; font-size: 1.3rem;    border: none;}
.section.sec-players-of-the-week .component-aotw.layout-align .slick-slider:before {    width: 100%;   height: 30%; } 
.section.sec-players-of-the-week .component-aotw.layout-align .player {   flex-direction: row;         align-items: stretch !important;}
.section.sec-players-of-the-week .component-aotw.layout-align .slick-slider .slick-next {   left: calc(50% + 30px) !important;right: auto;  }
.section.sec-players-of-the-week .component-aotw.layout-align .slick-pp {   left: 50% !important;right: auto;  }
.section.sec-players-of-the-week  .component-aotw.layout-align .slick-slider .slick-prev {   left: calc(50% - 30px) !important;right: auto;}
 
.component-aotw.layout-align .player-details {   padding-inline:  0; padding-top:1rem;}
.sec-players-of-the-week {    border-top: 5px solid var(--bs-primary);   border-bottom: 5px solid var(--bs-primary);}

.section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-bio .player-sport {    text-transform: uppercase;    font-size: 1.5rem;    color: var(--bs-secondary);   margin-bottom: 1.25rem; }
.section.sec-players-of-the-week .component-aotw.layout-align .component-headings .component-title {    background: var(--bs-primary);    font-size: 1.3rem;    padding: 5px 15px;   border-radius: 7px;    color: #fff; }
.section.sec-players-of-the-week .component-aotw.layout-align .component-headings p.component-sub-title.m-0 {   display: none; }

.component-aotw.layout-align .player .headshot {    transform: none;   border: none; }
.component-aotw.layout-align .player .headshot .headshot-holder img {    max-width: 100% !important;   max-height: 100% !important; }
.component-aotw.layout-align .player .headshot .headshot-holder {    transform: none !important;   scale: none; }
.component-aotw.layout-align .player .player-details {    justify-content: flex-start !important;    align-items: flex-start !important;   padding-left: 0;}
.component-aotw.layout-align .player .headshot .headshot-holder, .component-aotw.layout-align .player .headshot, .component-aotw.layout-align .player .player-headshot .headshot-wrapper{height:100%;}
.component-aotw.layout-align .slick-slider .slick-dots {   display: none !important; }
.section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-bio .synopsis {   display: none !important; }
.component-aotw.layout-align .player .player-details {   padding-block: 4rem; }

@media(min-width:767px){
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-slider:before {    width: 30%;   height: 100%;   padding-inline:0;}
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-slider{ padding-inline: 0;} 
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-pp {    left:  50px !important;  }
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-slider .slick-next {    right: auto;   left:  90px !important; }
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-slider .slick-prev {   left: 10px !important; }
    .section.sec-players-of-the-week .component-aotw.layout-align .player-headshot {width: 35%;}
  
}

@media(min-width:992px){
    .section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-bio .synopsis{   font-size: 1rem;  line-height: inherit;}
    .section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-name{font-size: 3rem; }
    .section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-bio{    font-size: 1.2rem;}
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-slider:before {    content: "";    width: 70%;    height: 100%;    position: absolute;    right: 0;    top: 0;    z-index: 0;    bottom: 0rem;    background-image: url(/assets/images/Secondary_Logo.png);    background-repeat: no-repeat;    background-size: cover;    background-position: center right;    opacity: 0.05;   filter: grayscale(1); z-index:-1;}
    .section.sec-players-of-the-week .component-aotw.layout-align .component-headings {   /* position: absolute;    left: calc(35% + 9rem);    top: 20%;   z-index: 1; */}
    .component-aotw.layout-align .player .player-details {   padding-left: 8rem;  padding-block: 8rem;}
    .component-aotw.layout-align .slick-slider .slick-next, .component-aotw.layout-align .slick-slider .slick-prev, .section.sec-players-of-the-week .component-aotw.layout-align .slick-pp { top: auto;   border: none;bottom:2rem !important; }
    .component-aotw.layout-align .player .player-details{    padding-left: 8rem;         gap: 0.7rem;}
    .section.sec-players-of-the-week .component-aotw.layout-align .player {   flex-direction: row-reverse !important;}
    .section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-bio .synopsis {   display: block !important; }
    .section.sec-players-of-the-week .component-aotw.layout-align .component-headings .component-title {background: #000; }
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-slider .slick-prev {   left: calc(35% + 8rem) !important; }
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-pp {    left: calc(35% + 8rem + 30px) !important;  }
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-slider .slick-next {  left: calc(35% + 8rem + 60px) !important; }
    .section.sec-players-of-the-week .component-aotw.layout-align .player-headshot{    border-inline: 5px solid var(--bs-primary);}

}

@media(min-width:1200px){
    .section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-bio{    margin-left: 0;}
    .component-aotw.layout-align .slick-slider .slick-next, .component-aotw.layout-align .slick-slider .slick-prev, .section.sec-players-of-the-week .component-aotw.layout-align .slick-pp{ bottom:2rem !important;}
}
 
@media(max-width:567px){
    .component-aotw.layout-align .player .player-details{padding-inline: 0.5rem;}
    .sec-players-of-the-week {   border: none; }
    .sec-players-of-the-week .component-aotw .slick-list {    border-top: 3px solid var(--bs-primary);   border-bottom: 3px solid var(--bs-primary); }
    .section.sec-players-of-the-week .component-aotw.layout-align .slick-slider {   padding-bottom: 3rem; }
    .section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-bio .player-sport{    font-size: 1rem;}
    .section.sec-players-of-the-week .component-aotw.layout-align .component-headings .component-title {   font-size: 0.875rem;}
    .section.sec-players-of-the-week .component-aotw.layout-align .player-headshot {    width: 44%; }
    .section.sec-players-of-the-week .component-aotw.layout-align .player-details .player-name {   font-size: 1.2rem; }
}


/* Countdown */
.sec-next-event > .container > .ps-component.component-countdown.layout-standard { color:var(--bs-white); background-color: var(--bs-primary); border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important }
.sec-next-event .component-countdown.layout-standard > div { padding:1rem }
.sec-next-event .component-countdown.layout-standard .details > div { flex-direction:column; text-align:center }
.sec-next-event .component-countdown.layout-standard .details-1 img { margin-right:0 !important }
.sec-next-event .component-countdown.layout-standard .details-2 .teams { justify-content:center !important }
.sec-next-event .component-countdown.layout-standard .details-2 .event-links { justify-content:center }
.sec-next-event .component-countdown.layout-standard .details-2 { text-transform:none }
.sec-next-event .component-countdown.layout-standard .details-2 > .title { font-size:2.5rem !important; line-height:1;   ;         text-transform: uppercase;}
.sec-next-event .component-countdown.layout-standard .details-2 .specs-1 { font-weight:700 }
.sec-next-event .component-countdown.layout-standard .countdown-keys ul li { min-width:25%; border-right:0 !important }
.sec-next-event .component-countdown.layout-standard .countdown-keys ul li  + li { border-left:1px solid var(--bs-white) }
.sec-next-event .component-countdown.layout-standard .countdown-digit { font-size:2.5rem !important; color:var(--bs-white) }
.sec-next-event .component-countdown.layout-standard .countdown-label { font-weight:500 }
.sec-next-event .component-countdown.layout-standard .event-links a { padding:0; text-decoration:underline; color:var(--bs-white) }
.sec-next-event .component-countdown.layout-standard .event-links a + a { margin-left:1rem } 
.sec-next-event .component-countdown.layout-standard .details-2 .sport {   font-weight: bold; }
.sec-next-event .component-countdown.layout-standard .details-2 .specs-1 {   font-weight: normal; }

@media only screen and (min-width:992px) {
    .sec-next-event .component-countdown.layout-standard > div { position:relative; overflow:hidden; padding: 0;         align-items: stretch !important; }
    .sec-next-event .component-countdown.layout-standard .details > div { flex-direction:row; text-align:left;         height: 100%; }
    .sec-next-event .component-countdown.layout-standard .details-1 {position:absolute; left:-3rem; top:-3rem; bottom:-3rem; width:300px;        padding-right: 2rem;}
    .sec-next-event .component-countdown.layout-standard .details-1 img { max-width:none; max-height:none; width:100%; height:100%; object-fit: contain; object-position:center }
    .sec-next-event .component-countdown.layout-standard .details-2 { margin-left:270px }
    .sec-next-event .component-countdown.layout-standard .details-2 .teams { justify-content:flex-start !important; font-weight: normal; }
    .sec-next-event .component-countdown.layout-standard .details-2 .event-links { justify-content:flex-start }
    .sec-next-event .component-countdown.layout-standard .countdown-keys ul { margin:0 }
    .sec-next-event .component-countdown.layout-standard .countdown-digit { font-size:3.5rem !important; line-height:1 }
    .sec-next-event .component-countdown.layout-standard .countdown-label { font-size:1.375rem; opacity: 1;  text-transform: none !important; }
    .sec-next-event .component-countdown.layout-standard .countdown-keys ul li{padding-block: 3.5rem;}
    .sec-next-event .component-countdown.layout-standard .countdown-keys ul li  { border-left:1px solid var(--bs-white) }

}

@media only screen and (min-width:1400px) {
   /* .sec-next-event > .container { max-width:1245px } */
    .sec-next-event .component-countdown.layout-standard .details-2 > .title { font-size:2.75rem !important }
    .sec-next-event .component-countdown.layout-standard .countdown-digit { font-size:4rem !important }
}

@media(max-width:567px){
    .sec-next-event .component-countdown.layout-standard .countdown-label{opacity:1;}
}


/**** banner1 css ***/


.section.sec-banner .component-banner a {   border: 2px solid transparent; }
.section.sec-banner .component-banner a:hover {    transform: none;   border: 2px solid var(--bs-secondary); }
.section.sec-banner .component-banner > .layout-wrapper >ul {    margin-bottom: 0.5rem; }


@media(min-width:1200px){
    .section.sec-banner .component-banner.layout-flex > .layout-wrapper >ul .item {   flex: 0 0 auto !important;        max-width: 33.33%; }
}

@media(max-width:567px){
    .section.sec-banner .component-banner.layout-slider .slick-slide {   padding: 0; }
}





/* SOCIAL BANNERS */
.sec-social-banners { margin-top: 2rem }
.sec-social-banners .component-nav.layout-pills .nav-pills { gap: 1rem; max-width: 315px; margin: 0 auto }
.sec-social-banners .component-nav.layout-pills .nav-item { flex: 1 0 100%; border-radius: .75rem; overflow: hidden }
.sec-social-banners .component-nav.layout-pills .nav-link { position: relative; overflow: hidden; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 1rem; padding: 2rem 1rem 2rem 0; font-size: 2rem; font-weight: 700; text-transform: uppercase; line-height: 1em; color: var(--bs-primary); background-color: #fff; border: 2px solid var(--bs-primary); border-radius: .75rem; transition: all .25s ease-in-out }
.sec-social-banners .component-nav.layout-pills .nav-link .label { z-index: 1 }
.sec-social-banners .component-nav.layout-pills .nav-link .label:before { content: "Follow us on"; display: block; font-size: 1rem }
/*.sec-social-banners .component-nav.layout-pills .nav-link .label:after { content: "\f054"; position: absolute; top: 50%; transform: translateY(-50%); right: 1.5rem; font-family: "Font Awesome 6 Sharp"; font-weight: 400 } */
.sec-social-banners .component-nav.layout-pills .nav-link:after {    display: flex; flex: 0 0 4rem; align-items: center; justify-content: center; width: 4rem; height: 4rem; font-family: "Font Awesome 6 Brands"; font-size: 2.5rem; z-index: 1; color: var(--bs-primary); background-color: #fff; border-radius: 50%; margin-right: 1rem; margin-left: 1rem; }
.sec-social-banners .component-nav.layout-pills .nav-link[href*="instagram"]:after { content: "\f16d" }
.sec-social-banners .component-nav.layout-pills .nav-link[href*="facebook"]:after { content: "\f39e";  font-weight: 400; }
.sec-social-banners .component-nav.layout-pills .nav-link[href*="twitter"]:after,
.sec-social-banners .component-nav.layout-pills .nav-link[href*="x.com"]:after { content: "\e61b" }
.sec-social-banners .component-nav.layout-pills .nav-link[href*="youtube"]:after { content: "\f167" }
.sec-social-banners .component-nav.layout-pills .nav-link:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 6rem; background-color: var(--bs-primary); transition: all .25s ease-in-out; z-index: 0 }
.sec-social-banners .component-nav.layout-pills .nav-link:hover,
.sec-social-banners .component-nav.layout-pills .nav-link:focus-visible { color: #fff; text-decoration: none }
.sec-social-banners .component-nav.layout-pills .nav-link:hover:before,
.sec-social-banners .component-nav.layout-pills .nav-link:focus-visible:before { width: 100% }

@media (min-width:992px) {
    .sec-social-banners { margin-top: 4rem }
    .sec-social-banners .component-nav.layout-pills .nav-pills { gap: 2rem }
    .sec-social-banners .component-nav.layout-pills .nav-pills { max-width: calc(var(--ps-site-width) - 15rem);         justify-content: center; }
    .sec-social-banners .component-nav.layout-pills .nav-item { flex: 1 0 calc(33.33% - 2rem);         max-width: 325px; }
    .sec-social-banners .component-nav.layout-pills .nav-link{    padding: 2.5rem 1rem 2.5rem 0;}
   /* .sec-social-banners .component-nav.layout-pills .nav-pills{    max-width: 320px;} */
}

@media (min-width:1400px) {
    .sec-social-banners .component-nav.layout-pills .nav-item { flex: 1 0 calc(25% - 2rem) }
}




/********* Footer Css **********/

.site-footer .developer-section a { --bs-nav-link-color: var(--bs-tertiary); --bs-nav-link-hover-color:var(--bs-white); --bs-link-color: var(--bs-tertiary); --bs-link-hover-color: var(--bs-white);}
.site-footer  a { --bs-nav-link-color: var(--bs-primary); --bs-nav-link-hover-color:var(--bs-tertiary); --bs-link-color: var(--bs-primary); --bs-link-hover-color: var(--bs-tertiary);}
.site-footer  .component-banner.layout-flex .item img {    object-fit: scale-down;   max-height: 4rem;     max-width: 11rem;}
.site-footer .section.sec-banners .item a, .site-footer .section.sec-banners .item a img {   width: 100%; }
.site-footer .inc-hostedby {    width: 13rem;  }
.site-footer .inc-hostedby .st0,
.site-footer  .inc-hostedby .st1 { fill:#fff }
.footer-details-wrapper {   border-color: var(--bs-primary) !important; }
.site-footer .developer-section .copyright-section, .site-footer .developer-section .copyright-section small.copyright-text {  /* font-size: 0.875rem !important; */     letter-spacing: 1px; }
.site-footer .footer-socials a.nav-link {    --bs-link-color: #fff;    --bs-nav-link-color: #fff;   padding-inline: 0.5rem; }
.site-footer .developer-section .copyright-section span.privacy-links {   color: #fff !important; }
.site-footer .developer-section a:hover {   text-decoration: underline !important;}

@media(min-width:991px){
  /* .site-footer .affiliate-logos .component-banner.layout-flex {   width: 65%; }*/
   .footer-details-wrapper .title {   font-size: 1.05rem !important; }
   .site-footer .component-banner.layout-flex ul {   margin-bottom: 0; }
   .site-footer .component-banner.layout-flex ul {   gap: 4rem !important; }
   .site-footer .developer-section .copyright-section span.privacy-links {   display: block;}
   .footer-logo {   margin-right: 2rem; }
   
}

@media(max-width:567px){
    
    .site-footer .component-banner.layout-flex .item img { max-width: 9rem;   width: 100%; } 
    .footer-logo {   margin-bottom: 1.5rem; }
    .footer-logo img {   max-height: 4rem; }
    .site-footer .inc-hostedby {    width: 11rem; }
    .site-footer .developer-section .copyright-section span.privacy-links {   display: block;}
    .affiliate-logos > .container > .d-flex {   gap: 0.5rem !important; }
    .affiliate-logos .component-banner.layout-flex ul.list-unstyled.d-flex{   gap: 1.5rem !important; }
}