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

/*** General CSS ****/

body {    background-color:var(--bs-secondary);  }
.landing section a {    --bs-link-color: var(--bs-tertiary);   --bs-link-hover-color: #fff; }


a { text-decoration: underline; }
.landing a, header#site-header a, footer#site-footer a{text-decoration: none;}
.section .ps-component .archive-link a {    --bs-btn-color: var(--bs-tertiary);    font-weight: 600;    --bs-btn-hover-color: #fff;    text-transform: uppercase;   text-decoration: none; }
.section .ps-component .component-sponsor { display: none !important }
.section .ps-component .component-title {    font-size: 1.25rem;    font-weight: 700;   text-transform: uppercase; }

.internal-page main#site-main > .container {    background: #fff;   margin-top: 3rem; } 
.visually-hidden-focusable[href="#site-nav"], .visually-hidden-focusable[href="#site-footer"], .visually-hidden-focusable[href="#site-main"] { background: var(--bs-secondary);    color: #fff; }
#heading-top-stories, #heading-banners, #heading-scoreboard, #heading-Banners, #heading-more-news, #heading-Parallax, #heading-players-of-the-week, #heading-social-banners{ color: #fff;}


@media(min-width:992px){
     body {    background: url(https://theme-assets.prestosports.com/theme-assets/cc-premium/assets/images/background-texture.png) no-repeat 0 0 var(--bs-secondary);    background-attachment: fixed;    background-size: cover; }

}

/* Slick slider defaults */
.section .ps-component .slick-arrow-controls { display: flex; justify-content: center; align-items: center; margin-top: 1rem ;     margin-bottom: 0.2rem;}
.section .ps-component .slick-arrow-controls .slick-arrow { --bs-btn-bg: transparent; --bs-btn-hover-bg: transparent; position: static; display: block; height: 1.5rem !important; width: 1.5rem; max-width: 1.5rem; margin: 0; padding: 0 !important; transform: none; font-size: 1rem; line-height: calc(1rem - 2px);    --bs-link-color: var(--bs-tertiary); --bs-btn-hover-color: #fff; border: 0; border-radius: 0; filter: 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: var(--fa-family-classic); 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 }



/*header css*/

.pre-head {   background:var(--bs-secondary) !important; }
.site-title {    font-size: 1rem;    text-transform: uppercase;    font-weight: 500;   letter-spacing: 0.1rem; }

.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link { --bs-nav-link-color: var(--bs-default-color); text-transform: uppercase;    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-primary);--bs-nav-link-hover-color: var(--bs-secondary); font-size: 1.2rem;}  


/**** secondary menu css ****/
.macro-secondary-navigation nav.navbar.navbar-secondary a.navbar-brand.navbar-page-title,
.component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link{    font-family: var(--heading-font-family);    text-transform: uppercase;    font-weight: bold;    letter-spacing: 0;    --bs-navbar-brand-hover-color: var(--bs-primary);   --bs-navbar-brand-color: var(--bs-secondary); }
.macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link {    --bs-nav-link-color: var(--bs-secondary);    --bs-navbar-active-color: var(--bs-primary);    --bs-nav-link-padding-y: 0.7rem;   --bs-navbar-nav-link-padding-x: 0.7rem;     --bs-nav-link-hover-color: var(--bs-primary); }
.macro-secondary-navigation nav.navbar.navbar-secondary.navbar-expand {   --bs-navbar-padding-y: 0; }


/*** header  mobile ****/ 
.scorboard-list {    position: absolute;    left: 0;    right: 0;    top: 100%;    z-index: 9;    max-height: 80vh;    padding: 2rem 1rem;   background: #fff;     overflow-y: auto;}
.site-header .header-buttons.header-buttons-mobile {    position: static;   margin-left: auto;     margin-right: -0.8rem;}
.scorboard-list .page-details {   display: none !important; }
.scorboard-list{display:none;}
.scorboard-list .form-floating select {   margin-bottom: 1.2rem !important; }
.header-buttons-composite a.mb-scoreboard.active span.fa-calendar-days:before {    content: "\f00d";   font-weight: normal;     font-size: 1.2rem; } 
.header-buttons-composite .panels  {    position: absolute;    left: 0;    right: 0;    top: 100%;    z-index: 9;    max-height: 80vh;    background: #fff;   overflow-y: auto; }
.header-buttons-composite .ps-component.component-collapse > .layout-wrapper {   position: inherit !important; }
.header-buttons-composite .panels > .collapse.show{    padding: 2rem 1rem;}
.navbar-toggler .icon-bar, .navbar-toggler.x[aria-expanded="false"] .icon-bar:nth-of-type(2) {    width: 30px !important;   }
.navbar-dark .navbar-toggler .icon-bar {    height: 2px;    border-radius: 9px;   opacity: 1; }
.site-header .component-navbar-primary.layout-standard .navbar  .navbar-toggler.x .icon-bar:nth-of-type(3){    transform-origin: 12% 17%;}
.component-navbar-primary .navbar-dark.bg-primary .dropdown .dropdown-menu.show, .component-navbar-primary .navbar-dark.bg-primary .dropdown .dropdown-menu.collapsing {   border-bottom-color: transparent !important; }
.site-header  .mobile-menu-footer .mmf-search button, .mmf-social a.nav-link {   color: var(--bs-default-color); background: transparent !important;     border-color: var(--bs-default-color) !important;} 
.site-header  .mmf-social .page-details {   display: none !important; }
.mobile-menu-footer .form-control {    background: transparent;   color: #fff;     border-color: var(--bs-default-color) !important; }
.site-header .site-logo img {   max-height: 3rem; }
.site-header .component-navbar-primary .navbar-collapse .navbar-light .dropdown .dropdown-menu {    background: transparent !important;    border-bottom: none !important;   border-color: var(--bs-tertiary) !important; }
.site-header .menu .component-navbar-primary .navbar .navbar-collapse .level-3 .nav-link {    font-family: var(--bs-body-font-family);    text-transform: none;    font-weight: normal;   border: none; }
.site-header .component-navbar-primary.layout-standard .navbar-collapse { position: absolute; left: 0; right: 0; top: 100%; background-color: var(--bs-white); z-index: 9;    max-height: 88vh;   padding: 0 1rem; }
.site-header .header-buttons .ps-component.component-search {    height: 100%;    display: flex; }
.site-header .menu .component-navbar-primary .navbar .navbar-collapse li.nav-item.dropdown.level-3 {   border: none !important; }  
.site-header .component-navbar-primary .navbar-light .navbar-toggler {    border: none;   margin-right: -1.5rem;     opacity: 1;}
.navbar-light .navbar-toggler .icon-bar {   background-color: var(--bs-primary); }
.site-header  .mmf-social {   border: none !important; }
.site-header .component-navbar-primary .navbar-collapse .navbar-light li.nav-item.parent.dropdown.has-megamenu > .dropdown-menu.show {   border-left: 3px solid var(--bs-primary) !important; }
.site-header .menu .component-navbar-primary .navbar-collapse .navbar-nav  li.nav-item {   border-color: var(--bs-default-color) !important; } 
.site-header .menu .component-navbar-primary .navbar-collapse .navbar-nav li.nav-item.level-2.has-megamenu > .dropdown-menu.level-3 {   border-top: none !important; }
.component-navbar-primary.layout-standard .navbar li.nav-item:last-child {   border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.mobile-menu-footer .mmf-social a.nav-link {    padding: 0.5rem;   font-size: 1.2rem; }
.component-navbar-primary.layout-standard .navbar .dropdown-toggle::after {    font-size: 1.1rem;   font-weight: normal; }
.site-header .component-navbar-primary.layout-standard .navbar .navbar-toggler .icon-bar {   border-radius: 0; }
.site-header .component-navbar-primary.layout-standard .navbar .navbar-toggler .icon-bar+.icon-bar {   margin-top: 5px; }
.site-header .component-navbar-primary.layout-standard .navbar .navbar-toggler .icon-bar, .navbar-toggler.x[aria-expanded="false"] .icon-bar:nth-of-type(2) {   width: 26px !important; }
.site-header .component-navbar-primary.layout-standard .navbar  .navbar-toggler.x .icon-bar:nth-of-type(1) {   transform-origin: 12% 0%; }
.header-buttons .component-search button.btn.btn-link:focus {    --bs-btn-bg: #fff;   --bs-btn-color: var(--bs-secondary); }
     

/**** Mobile Scoreboard *****/
 
.site-header .header-buttons .header-buttons-composite button span.fa.fa-calendar:before {   font-family: var(--fa-family-classic); }
.site-header .header-buttons .header-buttons-composite button span.fa.fa-calendar {   --fa: "\f133";     font-weight: 300; }

.header-buttons-composite .component-tabs .nav-pills { width: 100%; flex-wrap: nowrap; gap: 2rem; background-color: var(--bs-primary); justify-content: center }
.header-buttons-composite .component-tabs .nav-pills li { padding:0 1rem; position: relative }
.header-buttons-composite .component-tabs .nav-pills li:last-child:before { content: ""; border-left: 2px solid rgba(var(--bs-white-rgb), 0.6); position: absolute; left: -10px; top: 0; bottom: 0; transform: skew(-40deg) }
.header-buttons-composite .component-tabs .nav-pills .nav-link { position: relative; font-size: 1.3rem; font-weight: 700; color: var(--bs-white); text-transform: uppercase; border-radius: 0 }
.header-buttons-composite .component-tabs .nav-pills .nav-link.active,
.header-buttons-composite .component-tabs .nav-pills .show > .nav-link { background: transparent }
.header-buttons-composite .component-tabs .nav-pills .nav-link.active:after,
.header-buttons-composite .component-tabs .nav-pills .show > .nav-link:after {    content: ""; height: 8px; position: absolute; left: 0; right: 0; bottom: -4px; background: var(--bs-secondary);  }
.header-buttons-composite  .component-scoreboard .event-row  a {    --bs-link-color: var(--bs-default-color); text-decoration: none;  --bs-link-hover-color:var(--bs-primary); } 
.header-buttons-composite .macro-archive-link.archive-link a.btn.btn-link {    text-transform: uppercase;    --bs-btn-color: var(--bs-default-color);    font-weight: bold;   letter-spacing: 1px; }
.header-buttons-composite  .component-scoreboard.layout-tabular .event-row{    --bs-card-border-color: var(--bs-default-color);    border-radius: 0;}

    
@media(min-width:992px){  
    .site-header .menu {  margin-left: 120px !important;   transition: all .3s ease;} 
    .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: rgba(255, 255, 255, 0.3) }
    .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 { 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-secondary);     --bs-nav-link-hover-color: var(--bs-primary); }
    .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: -2.1rem;     z-index: 9999; }
    .site-header .site-logo img {    max-height: 6rem;   transition: all 0.3s;}
    
    .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%; }
    .site-header .macro-primary-navigation .component-navbar-primary.layout-standard li.parent:not(:last-child) > .nav-link::after { content: ''; height: 25%; position: absolute; top: 50%; right: 4px; width: 1px; background-color: var(--bs-tertiary); transform: skew(-17deg) translateY(-50%); }
    .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu{        padding-top: 4rem;}
    .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-secondary); }
    .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-primary); 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;}
    .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; } 
    .site-title {    font-size: 1.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; }
    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>span:before, 
    .component-navbar-primary.layout-standard .navbar .parent>a:before { display: block; position: absolute; top: 0; content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--bs-secondary); left: 0; right: 0; margin: 0 auto; transition: all 0.5s; opacity:0;}
    .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; }
}
 
@media(min-width:1200px){
    .site-header .site-logo img {    max-height: 8rem;   transition: all 0.3s;}
    .site-header .menu {  margin-left: 180px !important;   transition: all .3s ease;} 
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link {   padding: 1rem; font-size:1.1rem}
    .macro-secondary-navigation nav.navbar.navbar-secondary a.navbar-brand.navbar-page-title {    margin-left: 180px;}

   
}
 

/*** footer ****/  
.site-footer .inc-hostedby { width:13rem; margin:0 auto }
.site-footer .inc-hostedby .st0,
.site-footer .inc-hostedby .st1 { fill:var(--bs-secondary) }
.site-footer .footer-logos img { object-fit:scale-down; max-height:4.9rem;  }
.site-footer .footer-links li:first-child .nav-link:before { content:' '; margin:0 }
.site-footer .footer-links .nav-link:before { content:'|'; color:var(--bs-secondary); margin:0 10px }
.site-footer .footer-links .nav-link { padding:.25rem 0 }
.site-footer a {    --bs-nav-link-color: var(--bs-secondary);   --bs-nav-link-hover-color: var(--bs-primary);    --bs-link-color: var(--bs-secondary); --bs-link-hover-color: var(--bs-primary); }
.site-footer .footer-details { align-items:center }
.site-footer .footer-logos .component-banner.layout-flex ul {  margin-bottom:0; flex-wrap: wrap ;     flex-direction: row !important;} 
.developer-section {   border-color: var(--bs-secondary) !important; }
.social-icons-footer ul li a.nav-link {   --bs-nav-link-padding-x: 0.4rem; --bs-nav-link-padding-y: 0.2rem;}
.site-footer::before {  content: "";   background: var(--bs-white);  position: absolute;  bottom: 100%;  height: 2.5rem;  width: 100vw;   right: 77%;   transform: skew(30deg);  margin-bottom: -1px; }
.site-footer .footer-details .footer-logo img {   max-height: 8rem; }
.site-footer .footer-details {    max-width: 300px;   margin: 0 auto; }
.footer-logos .component-banner.layout-flex li.item {   max-width: 50%; }
.footer-logos .component-banner.layout-flex li.item:first-child {    max-width: 100%;   flex: 0 0 100% !important; }
.site-footer .footer-logos img{max-width:100% !important;}
.footer-logos .component-banner.layout-flex li.item:first-child img {   max-width: 15rem !important; }
.developer-logo {   order: 1; }
.copyright-section {   order: 2; }
.privacy-links  {   order: 3; }
.site-footer {   margin-top: 4rem !important; }
.site-footer .footer-details .title {   font-weight: 600 !important; }
.social-icons-footer ul li:first-child a.nav-link {   padding-left: 0; }

@media(min-width:768px){
    .site-footer .footer-details .footer-logo img {   max-height: 6rem; }
    .site-footer .footer-details {    max-width: inherit;   margin: 0 ; }
    .site-footer .footer-logos img{max-width: 12rem !important;}
}

@media (min-width: 992px) {
    .site-footer .footer-logos .component-banner.layout-flex ul { gap: 2rem !important } 
    .copyright-section { text-align: left }
    .privacy-links { text-align: right }
    .site-footer::before {    right: 20%;   transform: skew(60deg); }
    .footer-logos .component-banner.layout-flex li.item:first-child {flex: 1 1 auto !important; }
    .developer-logo {   order: 2; }
    .copyright-section {   order: 1; }
    .site-footer {   margin-top: 6rem !important; }
}
@media only screen and (min-width: 1200px) {
     .site-footer::before { right: 60%; }
}


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


.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .carousel-caption-title {    width: 100%;   padding-right: 0 !important; }
.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-tertiary) !important;    line-height: 1.1;   font-size: 1.5rem !important; }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .carousel-caption-title a:hover {    color: #fff !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-gray); }

.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-filmstrip-controls > .d-flex {   flex-direction: row-reverse !important;     bottom: 0;     gap: 0 !important;}
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-filmstrip-controls {    bottom: -1.4rem;   justify-content: center !important; }
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-next, 
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-prev, 
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-control-pp {   color: var(--bs-tertiary); border: none; width: 25px; height: 30px; padding: 0;     font-size: 1rem;}

.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); }
.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: 1px;}
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-caption .carousel-caption-container .category { position: relative; left: auto; margin: 0 auto; margin-left: 0; }
.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; }
.component-headlines.layout-filmstrip .btn.carousel-control-prev {   order: 2;}
.component-headlines.layout-filmstrip .carousel-control-pp, .component-headlines.layout-filmstrip .carousel-control-next {   order: unset;}
.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item .carousel-caption .carousel-caption-container > .d-flex > div {   order: 1; }

.section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item.active .carousel-caption {    position: relative !important;   margin-top: -13% !important;     bottom: 0;}
.section.sec-top-stories {   background: #000; }
.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%); }
.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%); }

@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 {   background: #262626; }
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-item:after {   background:linear-gradient(0deg, rgb(38 38 38) 17%, rgb(38 38 38 / 0%) 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: #000;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control .img-placeholder {   opacity: 0.5; }
    .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.5; font-size: 1.875rem !important; }
    .section.sec-top-stories .ps-component .archive-link a {   margin-bottom: 0rem;         margin-top: 0.9rem;}
    .section.sec-top-stories .ps-component .img-placeholder{box-shadow:none;}
    .section.sec-top-stories .component-headlines.layout-filmstrip .carousel-filmstrip-controls{    bottom: -2rem;}

}




/******* Next event *******/

.component-countdown.layout-matchup .event-col .sport {   text-transform: none; }
.component-countdown.layout-matchup .event-title {   font-size: 1.8rem; }
.component-countdown.layout-matchup  .event-status {   text-transform: none; }
.component-countdown.layout-matchup .countdown-digit span {    border: 2px solid #fff; }
.component-countdown.layout-matchup .countdown-digit {    background: var(--bs-secondary);  border-top: 2px solid #fff !important;  border-bottom: 2px solid #fff !important; }
.component-countdown.layout-matchup li:first-child .countdown-digit {   border-left: 2px solid #fff; }
.component-countdown.layout-matchup li:last-child .countdown-digit {   border-right: 2px solid #fff; }
.component-countdown.layout-matchup .team-logo {   max-width: 50px; }
.component-countdown.layout-matchup .logo-col .team-name {    text-transform: none;   font-size: 0.875rem; }
.component-countdown.layout-matchup {   padding-block: 1rem; }
.component-countdown.layout-matchup .event-status {   font-size: 0.875rem; }
.component-countdown.layout-matchup .event-details {   letter-spacing: 0.5px; }
.component-countdown.layout-matchup .logo-col {   gap: 0.5rem; }

@media(min-width:768px){
        .component-countdown.layout-matchup .countdown-digit span, .component-countdown.layout-matchup li:not(:first-child) .countdown-digit::before {   font-size: 3rem;} 
}
@media(min-width:992px){ 
        .component-countdown.layout-matchup .event-title {   font-size: 2.3rem; }
        .component-countdown.layout-matchup .team-logo {   max-width: 80px; }
        .component-countdown.layout-matchup .logo-col .team-name {    text-transform: uppercase;   font-size: 1rem; }
        .component-countdown.layout-matchup .countdown-digit span {    width: 45px; }
        .component-countdown.layout-matchup {   padding-block: 1.1rem; }
        .component-countdown.layout-matchup .event-status {   font-size: 0.9rem; }
        .component-countdown.layout-matchup .event-col {   gap: 0.5rem;}
        .component-countdown.layout-matchup .countdown-digit {   --countdown-digit-offset: 0.4rem; }

}



/**** Banner *******/
 
.sec-banners  .component-banner.layout-slider .slick-slide {   padding: 0.3rem 0.4rem; }
 
@media(min-width:992px){
    .sec-banners .component-banner.layout-slider {    max-width: calc(var(--ps-site-width) - 19rem);   margin: 0 auto; }
    
}


/* scoreboard */
.sec-scoreboard { position: relative;}
.sec-scoreboard .image-overlay { display: none }
.sec-scoreboard .component-tabs .nav-pills { width: 100%; flex-wrap: nowrap; gap: 2rem; background-color: var(--bs-primary); justify-content: center }
.sec-scoreboard .component-tabs .nav-pills li { padding:0 1rem; position: relative }
.sec-scoreboard .component-tabs .nav-pills li:last-child:before { content: ""; border-left: 2px solid rgba(var(--bs-white-rgb), 0.6); position: absolute; left: -10px; top: 0; bottom: 0; transform: skew(-40deg) ;     border-color: var(--bs-secondary);}
.sec-scoreboard .component-tabs .nav-pills .nav-link { position: relative; font-size: 1.35rem; font-weight: 700; color: var(--bs-white); text-transform: uppercase; border-radius: 0 }
.sec-scoreboard .component-tabs .nav-pills .nav-link.active,
.sec-scoreboard .component-tabs .nav-pills .show > .nav-link { background: transparent }
.sec-scoreboard .component-tabs .nav-pills .nav-link.active:after,
.sec-scoreboard .component-tabs .nav-pills .show > .nav-link:after {    content: ""; height: 8px; position: absolute; left: 0; right: 0; bottom: -4px; background: var(--bs-tertiary);  }
.sec-scoreboard .component-scoreboard .event-row { border-color:#999; border-radius:0; color:var(--bs-tertiary);     --bs-card-bg: transparent;     color: #fff;}
.sec-scoreboard .component-scoreboard .event-row  a {    --bs-link-color: var(--bs-tertiary); text-decoration: none;  --bs-link-hover-color: #fff; } 
.sec-scoreboard .component-scoreboard .event-row .score { font-weight:400 }
.sec-scoreboard .component-scoreboard .event-row .score.winner { color:var(--bs-tertiary); font-weight:700 }
.sec-scoreboard .component-scoreboard .event-row .event-teams .venue-marker { color: var(--bs-tertiary); border-color: rgba(var(--bs-tertiary-rgb), 1) !important } 
.sec-scoreboard .component-scoreboard .archive-link a {   filter: none; } 
.sec-scoreboard .component-scoreboard .event-row .score {   color: #fff; }

@media (min-width:1200px) {
    .sec-scoreboard {}
    .sec-scoreboard > div { display: flex; flex-wrap: wrap; max-width: none; padding: 0 }
    .sec-scoreboard .image-overlay { position: relative; z-index: 2; width: 54%; padding-right: .25rem; display: flex; flex-direction: column; background: var(--bs-primary); clip-path: polygon(0 -1px, 100% -1px, 50% calc(100% + 1px), 0% calc(100% + 1px)) ; padding: 3px;  padding-left: 0;}
    .sec-scoreboard .image-overlay > div { flex: 1; background: none no-repeat 0 0; background-size: cover; clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%) }
    .sec-scoreboard .image-overlay + .ps-component { width: 50%; margin-left: -4% }
    .sec-scoreboard .component-scoreboard { padding: 2rem 2rem 1rem; min-height: 450px }
    .sec-scoreboard .component-scoreboard .layout-wrapper { flex-grow: 1 }
    .sec-scoreboard .component-scoreboard .event-row .event-cols { font-size: .75rem }
    .sec-scoreboard .component-scoreboard .event-row .sport-name { font-size: .875rem }
    .sec-scoreboard .component-tabs .nav-pills { margin-top: 1.8rem }
    .sec-scoreboard .component-tabs .nav-pills li { padding: 0 4rem }
    .sec-scoreboard .component-tabs .nav-pills .nav-link { padding: 0.8rem 1rem }
}

@media (min-width:1400px) {
    .sec-scoreboard .image-overlay { width: 58%; clip-path: polygon(0 -1px, 100% -1px, 60% calc(100% + 1px), 0% calc(100% + 1px)) }
    .sec-scoreboard .image-overlay > div { clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%) }
    .sec-scoreboard .image-overlay + .ps-component { width: 46%; margin-left: -4% }
}



/****** Banner Carousel *****/

.banner-full .carousel-indicators {   display: none; }
.banner-full .component-banner.layout-carousel {   padding-bottom: 3rem; }
.banner-full .component-banner.layout-carousel .carousel-control-next, .banner-full .component-banner.layout-carousel .carousel-control-prev, 
.banner-full .component-banner.layout-carousel .carousel .carousel-control-pp { bottom: -3rem; top: auto; width: 40px; height: 40px;color: var(--bs-tertiary); font-size: 1.4rem; padding: 0; line-height: 40px;}
.banner-full .component-banner.layout-carousel .carousel-control-prev{left: calc(50% - 35px) !important;}
.banner-full .component-banner.layout-carousel .carousel-control-next{ right: auto;   left: calc(50% + 35px) !important;}
.banner-full .component-banner.layout-carousel .carousel .carousel-control-pp{left: 50% !important;   right: auto !important;}
.banner-full .component-banner.layout-slider .slick-slide {   padding: 0 0rem; }


/* More news */
.sec-more-news { margin-top: 1rem }
.sec-more-news .component-headlines.layout-card-slider .page-details {    padding: 0.5rem 1rem 0.3rem;   background: var(--bs-primary);}
.sec-more-news .component-headlines.layout-card-slider .component-title { position: relative; padding-right: 1rem; color: #fff }
 .sec-more-news .component-headlines.layout-card-slider .slick-track { gap: 0 }
.sec-more-news .component-headlines.layout-card-slider .card {    border: 1px solid #fff;   border-radius: 0 !important; }
.sec-more-news .component-headlines.layout-card-slider .card-body {     padding: 1rem;  color: #fff }
.sec-more-news .component-headlines.layout-card-slider .card-body > div > div:first-child {    flex-direction: row-reverse !important;    display: flex !important;    justify-content: flex-end !important;   gap: 1.5rem; }
.sec-more-news .component-headlines.layout-card-slider .card-body > div > div:first-child {  font-size: 1rem }
.sec-more-news .component-headlines.layout-card-slider .card .date,
.sec-more-news .component-headlines.layout-card-slider .card .category { display: inline;     position: relative; }
.sec-more-news .component-headlines.layout-card-slider .card .date:before { content: "/"; padding: 0; color: var(--bs-default-color); position: absolute; left: -1rem; }
.sec-more-news .component-headlines.layout-card-slider .card-title { font-size: 1.125rem !important }
.sec-more-news .component-headlines.layout-card-slider .card-title a { font-weight: 600; --bs-link-color: var(--bs-tertiary); --bs-link-hover-color: #fff; font-size: 1.3rem;     line-height: 1.2;} 
.sec-more-news .component-headlines.layout-card-slider .card .slide-thumbnail { position: relative }
.sec-more-news .component-headlines.layout-card-slider .related-links { display: flex; justify-content: center; gap: 1rem; z-index: 1 }
.sec-more-news .component-headlines.layout-card-slider .related-links a { position: relative; margin: 0 !important; text-decoration: none;  --bs-link-color: var(--bs-tertiary); --bs-link-hover-color: #fff;  }
.sec-more-news .component-headlines.layout-card-slider .related-links a + a:before { content: "/"; position: absolute; left: calc(-.5rem - 2px); color: var(--bs-default-color); }  
.sec-more-news .component-headlines.layout-card-slider .archive-link { display: none }
.sec-more-news .component-archive-link a {    --bs-link-color: #fff;    --bs-link-hover-color: var(--bs-tertiary);   text-transform: uppercase; }
.sec-more-news .component-headlines.layout-card-slider .card-body > .d-flex {   gap: 0rem !important; }

@media (min-width:768px) {
    .sec-more-news .component-headlines.layout-card-slider .slick-list { margin-inline: -0.6rem }
    .sec-more-news .component-headlines.layout-card-slider .slick-slide { padding-inline: 0.7rem }
    .sec-more-news .component-headlines.layout-card-slider .card-body {  text-align: left; line-height: 1.25 }
    .sec-more-news .component-headlines.layout-card-slider .related-links { justify-content: flex-start }
    .sec-more-news .component-headlines.layout-card-slider .slick-slide > div, .sec-more-news .component-headlines.layout-card-slider .slick-slide > div .item {   height: 100%; }
}

@media (min-width:992px) {
    .sec-more-news .component-headlines.layout-card-slider .component-title { font-size: 1.51rem;         font-weight: 600; }
    .sec-more-news .component-headlines.layout-card-slider .card-body{text-align: left;}
    .sec-more-news .component-headlines.layout-card-slider .card .slide-thumbnail {   border-bottom: 1px solid #fff !important; }
    .sec-more-news .component-headlines.layout-card-slider .card-body > .d-flex {   gap: 0.5rem !important; }
    .section.sec-more-news .ps-component .slick-arrow-controls{margin-top:1.5rem;}
    }

@media (min-width:1200px) {
    .sec-more-news .component-headlines.layout-card-slider .card-body > div > div:first-child { font-size: 1rem } 
}



/**** parallax ***/

.component-parallax.layout-standard .overlay {   display: none; }
.component-parallax .layout-wrapper {   min-height: 30vh; }


@media(min-width:992px){
    .component-parallax .layout-wrapper {   min-height: 50vh; }
}

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

.section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider {    background: #fff;    border-left: 2rem solid var(--bs-primary);   border-right: 2rem solid var(--bs-primary);padding-top: 2rem; padding-bottom: 2rem; }

.section.sec-players-of-the-week  .component-aotw.layout-bio .player-details .player-bio {    flex-direction: column-reverse;   max-width: 430px;     margin-left: 0;     color: var(--bs-primary);     gap: 2px;     font-size: 1rem;}
.section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider { background-color: #fff; border-left: 2rem solid var(--bs-primary); border-right: 2rem solid var(--bs-primary); padding-top: 2rem; padding-bottom: 2rem; }
.section.sec-players-of-the-week .component-aotw.layout-bio .player-headshot {    width: 100%;    min-width: 100px;   max-width: inherit; }
.section.sec-players-of-the-week .component-aotw.layout-bio .player-details .player-name {    font-size: 1.6rem;    text-transform: none;    --bs-link-color: var(--bs-primary);   --bs-link-hover-color:var(--bs-secondary);margin-bottom: -5px;     font-weight: 600;}
.section.sec-players-of-the-week .component-aotw.layout-bio .player-details .player-bio .synopsis {    font-size: 1.4rem;    font-weight: normal;    line-height: 1.4;    -webkit-line-clamp: 4;     margin-bottom: 1rem;}
.section.sec-players-of-the-week .component-aotw.layout-bio .slick-pp {    left:  50px !important;   right: auto; }
.section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider .slick-next {    right: auto;   left:  90px !important; }
.section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider .slick-prev {   left: 10px; }
.section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider:before { content: ""; width: 30%; height: 100%; background: var(--bs-primary); position: absolute; right: 0; top: 0; z-index: 0; bottom: 0rem; }

.component-aotw.layout-bio .slick-slider .slick-next, .component-aotw.layout-bio .slick-slider .slick-prev, .section.sec-players-of-the-week .component-aotw.layout-bio .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); }


.section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider:before {    width: 100%;   height: 30%; }
.section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider {   border: none;     padding: 2rem;}
.section.sec-players-of-the-week .component-aotw.layout-bio .player {   flex-direction: column; }
.section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider .slick-next {   left: calc(50% + 30px) !important;right: auto;  }
.section.sec-players-of-the-week .component-aotw.layout-bio .slick-pp {   left: 50% !important;right: auto;  }
.section.sec-players-of-the-week  .component-aotw.layout-bio .slick-slider .slick-prev {   left: calc(50% - 30px) !important;right: auto;}
.section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider .btn {    display: flex !important;    justify-content: center !important;   align-items: center !important; }

.component-aotw.layout-bio .player-details {   padding-inline:  0; padding-top:1rem;}

@media(min-width:767px){
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider:before {    width: 30%;   height: 100%;   padding-inline:0;}
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider{    border-left: 2rem solid var(--bs-primary);  border-right: 2rem solid var(--bs-primary);         padding-inline: 0;}
    .section.sec-players-of-the-week .component-aotw.layout-bio .player {   flex-direction: row-reverse;}
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-pp {    left:  50px !important;   right: auto; }
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider .slick-next {    right: auto;   left:  90px !important; }
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider .slick-prev {   left: 10px !important; }
    .section.sec-players-of-the-week .component-aotw.layout-bio .player-headshot {width: 35%;}
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider{ background-image: url(https://theme-assets.prestosports.com/theme-assets/cc-premium/assets/images/texture-featured-athlete.png); background-repeat: no-repeat;}
}

@media(min-width:992px){
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider:after { content: ""; width: 0; height: 0; border-top: 25px solid transparent; border-left: 25px solid var(--bs-primary); border-bottom: 25px solid transparent; display: block; position: absolute; top: 50%; transform: translateY(-50%); }
    .section.sec-players-of-the-week .component-aotw.layout-bio .player-details .player-bio .synopsis{   font-size: 1.8rem;  line-height: 1.8;}
    .section.sec-players-of-the-week .component-aotw.layout-bio .player-details .player-name{font-size: 2rem; }
    .section.sec-players-of-the-week .component-aotw.layout-bio .player-details .player-bio{    font-size: 1.2rem;}
    
}

@media(min-width:1200px){
    .section.sec-players-of-the-week .component-aotw.layout-bio .player-details .player-bio{    margin-left: 9rem;}
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider .slick-prev {   left: 8.5rem !important; }
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-pp {    left: calc(8.5rem + 30px) !important;  }
    .section.sec-players-of-the-week .component-aotw.layout-bio .slick-slider .slick-next {  left: calc(8.5rem + 60px) !important; }
    .component-aotw.layout-bio .slick-slider .slick-next, .component-aotw.layout-bio .slick-slider .slick-prev, .section.sec-players-of-the-week .component-aotw.layout-bio .slick-pp{ bottom:2rem !important;}
}

@media(min-width:1400px){
    .component-aotw.layout-bio .slick-slider .slick-next, .component-aotw.layout-bio .slick-slider .slick-prev, .section.sec-players-of-the-week .component-aotw.layout-bio .slick-pp{    bottom: 5rem !important;}
}



/************ Socials ************/ 
.sec-social-banners .component-nav.layout-pills .nav-pills { gap: 1rem; max-width: 320px; 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: 1.5rem; font-weight: 600; text-transform: uppercase; line-height: 1em; background-color: var(--bs-primary); border: 2px solid transparent; border-radius: .75rem; transition: all .25s ease-in-out; --bs-nav-link-color: #fff;     --bs-nav-link-hover-color: var(--bs-tertiary); }
.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 ;     font-weight: normal;}
.sec-social-banners .component-nav.layout-pills .nav-link .label:after { content: "\f054"; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; font-family: var(--fa-family-classic); font-weight: 400 }
 

.sec-social-banners .component-nav.layout-pills .nav-link:after { display: flex ; flex: 0 0 6rem; align-items: center; justify-content: center; width: 6rem; height: 4rem; font-size: 13rem; z-index: 1; content: ""; }
.sec-social-banners .component-nav.layout-pills .nav-link:before { content: ""; position: absolute; left: -16.5%; top: 19%; transition: all .25s ease-in-out; display: flex;    flex: 0 0 6rem;    align-items: center; justify-content: center; height: 5rem; width: 6rem; font-family: var(--fa-family-brands); font-size: 13rem; z-index: 1;  font-weight: normal; }
.sec-social-banners .component-nav.layout-pills .nav-link[href*="instagram"]:before { content: "\f16d" }
.sec-social-banners .component-nav.layout-pills .nav-link[href*="facebook"]:before { content: "\f09a" }
.sec-social-banners .component-nav.layout-pills .nav-link[href*="twitter"]:before,
.sec-social-banners .component-nav.layout-pills .nav-link[href*="x.com"]:before { content: "\e61b" }
.sec-social-banners .component-nav.layout-pills .nav-link[href*="youtube"]:before { content: "\f167" }
.sec-social-banners .component-nav.layout-pills .nav-link:hover {   border-color: var(--bs-tertiary); }

@media (min-width:992px) { 
    .sec-social-banners .component-nav.layout-pills .nav-pills { gap: 1.6rem }
    .sec-social-banners .component-nav.layout-pills .nav-pills { max-width: calc(var(--ps-site-width) - 15rem) }
    .sec-social-banners .component-nav.layout-pills .nav-item { flex: 1 0 calc(33.33% - 2rem) }
    .sec-social-banners .component-nav.layout-pills .nav-link .label:after{    right: 1.5rem;}
    .sec-social-banners .component-nav.layout-pills .nav-link:before{    left: -15%}
}

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


/********* stats leader ***********/

.sec-stat-leaders .page-details {    background: var(--bs-primary);  border: 1px solid var(--global-border-color);     position: relative;     border: none;} 
.sec-stat-leaders .page-details .component-title {    font-size: 1.563rem;   padding: 0.6rem 0.75rem 0.4rem;  text-transform: uppercase;  font-weight: bold;}
.sec-stat-leaders .form-floating label {   display: none; }
.sec-stat-leaders .form-floating .form-select {    background-color: var(--bs-secondary);   color: #fff;    border-radius: 0;    text-transform: none;   font-size: 1rem;   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");     padding-top: 0rem; padding-bottom: 0rem;     height: 35px;     max-width: 80%;     margin: 0 auto;}
.sec-stat-leaders .form-floating .form-select option {    background: var(--bs-white);   color: var(--bs-dark); }
.sec-stat-leaders .component-stats-leaders select.form-select {    border-color:var(--global-border-color);    padding: 0.8rem 2.25rem .8rem .75rem;   border-radius: 0; background-size: 22px 15px; background-color: var(--bs-secondary);  color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); text-overflow:ellipsis ;}

.sec-stat-leaders .component-stats-leaders .list-group-item {   background: #fff; color: var(--bs-secondary); padding-left: 0.65rem;}
.sec-stat-leaders .component-stats-leaders .list-group-item:first-child {   background: var(--bs-primary);color:#fff; }
.sec-stat-leaders .component-stats-leaders .leaders-card{   color: #fff;}
 .sec-stat-leaders .component-stats-leaders .list-group-item a.btn-sm { width: 100%; border: 1px solid var(--global-border-color); border-radius: 0; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);font-family: var(--heading-font-family); letter-spacing: 0px; font-size: 1.2rem; --bs-btn-bg: transparent;     font-weight: bold;     --bs-btn-color: var(--bs-tertiary);     --bs-btn-hover-color: #fff; filter: none; --bs-link-hover-color:#fff}
.sec-stat-leaders .component-stats-leaders .list-group-flush>.list-group-item:last-child {   padding: 0; }
.sec-stat-leaders .component-stats-leaders .leaders-card {   border: none !important; }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card > .d-flex.flex-column.justify-content-center.p-3 {    color: var(--bs-primary);   font-family: var(--heading-font-family); }
.sec-stat-leaders .component-stats-leaders .list-group-flush>.list-group-item:first-child {   margin-bottom: 1.5rem !important;font-family: var(--heading-font-family);   /* text-transform: uppercase; */ border: 1px solid var(--global-border-color); font-size: 1.1rem;}
.sec-stat-leaders .component-stats-leaders .list-group-flush>.list-group-item:first-child:after {    content: "";    background: var(--bs-tertiary);    height: 2rem;    width: 2px;    position: absolute;    top: calc(100% + 1px);    left: 0;    right: 0;   margin: 0 auto; }
.sec-stat-leaders .component-stats-leaders .list-group-item:not(.list-group-item:last-child) {    border-left: 1px solid var(--global-border-color);   border-right: 1px solid var(--global-border-color);    border: none; }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item .logo-holder{display:none;}
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a{color:var(--bs-white);font-weight:bold;font-size:1.1rem;}
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a:hover{color:var(--bs-white);}
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item .stat, .component-stats-leaders.layout-standard .leaders-card .list-group-item .team{/*color:var(--bs-white);*/ opacity: 1;   --bs-link-hover-color: var(--bs-secondary);   --bs-link-color: var(--bs-default-color);}
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item .team:hover {   opacity: 1; }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type {  position:relative; margin-top:1.5rem !important;     background: transparent; }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type:before { content:''; position:absolute; left:50%; bottom:calc(100% + 0px); height:1.5rem; width:1px; background-color:var(--bs-tertiary); transform:translateX(-50%) }
.sec-stat-leaders .component-stats-leaders.layout-standard .d-flex .leaders-card:nth-child(n+5) { display: none !important; }
.sec-stat-leaders .component-stats-leaders .list-group-item:nth-child(2) {   border-top: 1px solid var(--global-border-color); }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item .team {   font-weight: 300; }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type + .list-group-item {   padding-top: 1.5rem; }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:nth-last-child(2) {   padding-bottom: 1.5rem;    border-bottom: 1px solid var(--global-border-color); }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a:hover {   opacity: 0.9; }
.sec-stat-leaders .component-stats-leaders .list-group-item .player-name a {    --bs-link-hover-color: var(--bs-secondary);   --bs-link-color: var(--bs-default-color);}
.sec-stat-leaders .form-floating .form-select {   display: none; }
.sec-stat-leaders .component-stats-leaders .list-group-item:last-child a.btn-sm {   text-transform: uppercase; }


@media only screen and (min-width:992px) {
     .sec-stat-leaders .form-floating {position: absolute; left: auto; top: -4.05rem; width: auto !important; right: 1rem; }
     .sec-stat-leaders .form-floating .form-select { margin:0 !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); text-overflow:ellipsis ; padding-top: 0.5rem;    padding-bottom: 0.5rem; height: 37px; max-width: 100%;}
    .sec-stat-leaders .page-details .component-title{ font-weight: 600;}
}

@media(max-width:567px){
     .section-stat-leaders .page-details .component-headings {   justify-content: center !important; }
     .section-stat-leaders .form-floating {    margin-top: -20px;    background: var(--bs-secondary);    margin-bottom: 20px;   padding: 10px 10px 0;         display: none;}
    .section-stat-leaders .component-tabs .tab-content .tab-pane .item.leaders-card + .item {   margin-top: 1rem; }
    
}