@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --body-font-family: 'Montserrat', sans-serif;
    --bs-font-sans-serif: 'Montserrat', sans-serif;
    --bs-body-font-family: 'Montserrat', sans-serif;
    --heading-font-family: "Fjalla One", system-ui;
}

/****** General CSS *****/
.ps-component .archive-link a.btn.btn-link {    --bs-btn-padding-x: 2rem;    font-weight: normal;    line-height: 1;    text-transform: uppercase;    border: 1px solid var(--bs-primary);    border-radius: 0;    width: 100%;    --bs-btn-padding-y: 1rem;    font-family: var(--heading-font-family);   font-size: 1.3rem;     color: var(--bs-primary); }
.ps-component .archive-link a.btn.btn-link:hover {    background: var(--bs-primary);    color: #fff !important;    filter: none; }

.section .component-title {  padding: 1rem 1.5rem;  font-weight: 400;  text-transform: uppercase; color: var(--bs-white);}

:focus-visible {    outline-color: var(--bs-primary) !important;   box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 50%) !important; }

@media(min-width:992px){
    .ps-component .archive-link a.btn.btn-link  { font-size: 1.2rem;}
}
@media(min-width:1200px){
    html.internal-page main#site-main {   min-height: 30vh; }
}
@media(min-width:1400px){
      .section .component-title { font-size: 2.75rem;}
}
@media(max-width:767px){
    .section .component-title {   font-size: 2rem; }
}


/**** site title css ****/

.title-bar .title {    display: none;    font-family: var(--heading-font-family); letter-spacing: 0.1rem; text-transform: uppercase; text-shadow: 1px 0 #000000, -1px 0 #000000, 0 1px #000000, 0 -1px #000000, 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;     font-weight: 400;}
.title-bar  .header-links .nav .nav-link {  font-family: var(--heading-font-family);  font-weight: normal;  text-transform: uppercase; color:var(--bs-primary);     display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; flex-direction: row; gap: 0.2rem; }
.title-bar .header-links .nav .nav-link:after {    margin: 0.25rem;    margin-left: 0.25rem;    font-family: "Font Awesome 6 Pro";    content: "\f054";    background-image: none;   font-size: 0.75rem; }
.social-icons .component-nav a.nav-link {   padding: 0 6px; }
.header-links-right .search:before { content: ""; position: absolute; left: 2px; width: 2px; height: 1.1rem; background: #000; top: 48%; transform: translateY(-50%); }
.header-links-right .search {   position: relative; }
.header-links-right .search button.btn.btn-link {   font-size: 0.875rem;}

/******* header css *****/
.site-header .component-navbar-split.layout-standard .navbar-brand { font-family:var(--heading-font-family); text-transform:uppercase; color:var(--bs-white) }
.site-header .component-navbar-split.layout-standard .navbar-toggler { --bs-navbar-toggler-border-color:rgba(255,255,255,.1); color:var(--bs-white);     border: none; }
.site-header .component-navbar-split.layout-standard .navbar-toggler .icon-bar { background-color:var(--bs-white) }
.site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > a ,
.site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > span.nav-link > span > a.nav-link { --bs-nav-link-color:rgba(0,0,0,1); --bs-nav-link-hover-color:rgba(0,0,0,1); position:relative;
font-family:var(--heading-font-family);  text-transform:uppercase;  font-weight: normal;   }
.site-header .component-navbar-split.layout-standard .navbar-nav.top-level ~ a[rel="wiki-link"] { color:var(--bs-white) }

.site-header .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-toggle { font-family:var(--heading-font-family); text-transform:uppercase; color:var(--bs-primary) }
.site-header .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-toggle { font-family:var(--heading-font-family) }
.site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .nav-link { color:var(--bs-primary) ; font-size: 1rem;}
.component-navbar-split.layout-standard .navbar .nav-link {   font-size: 1.15rem; }
.site-header .component-navbar-split.layout-standard .navbar .nav-item[class*="-icon"] .nav-link { color:var(--bs-primary) }
.site-header .component-navbar-split.layout-standard .navbar-brand {position: absolute; width: 120px; left: 50%; top: 0; z-index: 2; text-align: center; transform: translateX(-50%);    padding-top: 0;   justify-content: center !important; }
.site-header .component-navbar-split.layout-standard .navbar-brand img {   max-height: 4.5rem; }
.site-header  .component-navbar-split.layout-standard .navbar-collapse {   background: #fff; padding:1rem; }
.site-header .component-navbar-split.layout-standard .navbar-toggler {    height: 79px;   box-shadow: none !important;     opacity: 1;}
.site-header .component-navbar-split.layout-standard .navbar > .container-fluid {    padding-left: 0;   padding-right: 0; }
.site-header a.composite-link {    color: #fff;    position: absolute;   right: 15px;      top: 28px; }
.site-header .component-navbar-split.layout-standard .navbar-brand .navbar-title-text {   display: none; }
   
    
/*** primary menu css ***/
.component-navbar-split.layout-standard .navbar .nav-link {    padding-left: 0.5rem;   padding-right: 0.5rem; }
.component-navbar-split.layout-standard .navbar .dropdown-menu li.nav-item:not(:first-child) {   border-color: var(--bs-dark) !important; }

 
/**** secondary menu csss ******/
.site-header .macro-secondary-navigation { order:4 }
.site-header .component-navbar-secondary .navbar-page-title { position:relative; z-index:1; font-family:var(--heading-font-family); font-size:1.125rem; font-weight:700; text-transform:uppercase; padding-right:1.5rem }
.site-header .component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-link { --bs-nav-link-color:var(--bs-white); --bs-nav-link-hover-color:var(--bs-white);  }
.site-header .component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-link:hover { text-decoration:underline }

/**** Mobile primary Menu Css ****/
.site-header  .mobile-menu .navbar-offcanvas-template > button.btn>span:last-child {    display: none; }
.site-header  .mobile-menu .navbar-offcanvas-template > button.btn {   color: #fff; font-size: 1.5rem;}
.headers-icon-links a.composite-link {    padding: 4px;   margin-right: 10px; }
.site-header  .mobile-menu .navbar-offcanvas-template .offcanvas-fluid.offcanvas {    width: 100%;   margin-top: 79px; }
.site-header  .mobile-menu .navbar-offcanvas-template .offcanvas-fluid.offcanvas .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000;
border: 0; border-radius: .375rem; opacity: 1;background-color: #fff; }
.site-header  .mobile-menu .offcanvas-header {    padding: 0; }
.site-header  .mobile-menu .offcanvas-header > h5 {   display: none; }
.site-header  .mobile-menu .navbar-offcanvas-template .nav-link {    color: #000 !important;    font-family: var(--heading-font-family);    text-transform: uppercase;   font-weight: normal; padding-top: 0.5rem; padding-bottom: 0.5rem;}
.site-header  .mobile-menu .navbar-offcanvas-template .submenu-wrapper .nav-link {    font-family: var(--body-font-family);    text-transform: none;   font-weight: 500; color: var(--bs-primary) !important; }
.site-header  .mobile-menu .navbar-offcanvas-template .nav-link  {    color: #000 !important;    font-family: var(--heading-font-family);    text-transform: uppercase;   font-weight: normal; }
.site-header  .headers-icon-links a.composite-link {    padding: 4px;   margin-right: 10px; }
.site-header  .headers-icon-links button.btn.btn-link, .headers-icon-links a {   color: #fff; }
.site-header  .mobile-menu  .offcanvas-header button.btn-close  {    position: absolute;    top: -45px;   left: 11px; }
.site-header .navbar-offcanvas-template .accordion-item {   border: none; } 
.site-header a.offcanvas-navigation-logo {   display: none; }
.site-header > div {  display: flex; flex-direction: column; }
.site-header .macro-primary-navigation {  z-index: 2; order: 2;}
.site-header .macro-secondary-navigation { order: 4; }
.site-header .title-bar { order: 3; }

@media only screen and (min-width: 768px) {
  .title-bar .nav .nav-link {  padding-left: 0.3rem;   padding-right: 0.3rem;}
}

@media only screen and (min-width:992px) {
    
    .title-bar .title { display: block; }
    .site-header .component-navbar-split.layout-standard .navbar-brand .navbar-title-text { display:none }
    .site-header .component-navbar-split.layout-standard .navbar .navbar-brand-centered {   top:-1.2rem; padding:0; margin:0; border:0;         transition: all 0.5s; z-index: 9999;}
    .site-header .component-navbar-split.layout-standard .navbar > div { position:relative; }
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > a{padding: 0.95rem 1.5rem; font-size: 1.25rem;}
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > span.nav-link {   padding: 0.95rem 0.75rem; font-size: 1.25rem; }
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li + li > a:before { content:''; position:absolute; top:0; bottom:0; left:0; width:2px; background-color:var(--bs-white); transform:skew(-20deg) }
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li:last-child > a:after {content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 2px; background-color: var(--bs-white); transform: skew(-20deg); } 
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li:first-child > a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background-color: var(--bs-white); transform: skew(-20deg); }
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > span.nav-link > span> a.nav-link:before {content: ''; position: absolute; top: -1.16rem; bottom: -1.1rem; left: -2rem; width: 2px; background-color: var(--bs-white); transform: skew(-20deg); }
    .site-header .component-navbar-split.layout-standard .navbar .dropdown-menu.level-4 .nav-item .nav-link { font-size:0.875rem;}
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level { margin:0 5rem 0 0 }
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level ~ .navbar-nav.top-level { margin:0 0 0 5rem }
    .site-header .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-toggle { font-size:1rem; border-bottom-color:var(--bs-primary) }
    .site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover { text-decoration:underline }
    .site-header .component-navbar-split.layout-standard .navbar .nav-item[class*="-icon"] .nav-link:hover { color:var(--bs-white); background-color:var(--bs-primary) }
    .site-header .component-navbar-split.layout-standard .navbar .dropdown-menu { border-radius:0 }
    .site-header .component-navbar-secondary { margin-top:0 }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle a.nav-link {  font-size: 1.25rem;}
    .component-navbar-split.layout-standard .navbar .navbar-brand-centered img {  max-height: 6rem;         transition: all 0.5s;}
    header#site-header.is-pinned .component-navbar-split.layout-standard .navbar .navbar-brand-centered img {   max-height: 5.5rem;   }  
    .site-header.is-pinned .component-navbar-split.layout-standard .navbar .navbar-brand-centered {   top: -1rem; }
    .header-links-right .search button.btn.btn-link {   font-size: 0.875rem; }
    .header-links-right .search:before {    content: "";    position: absolute;    left: 0px;    width: 2px;    height: 1.1rem;    background: #000;    top: 50%;   transform: translateY(-50%); }
    .header-links-right .search {    position: relative;   margin-left: 10px;}
    .title-bar .nav .nav-link:hover, .title-bar button:hover {   color: #000; }
    .site-header .title-bar { order: 2; }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle a.nav-link {   color: var(--bs-dark); }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle {   border-bottom: 5px solid var(--bs-dark); }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle a.nav-link {    color: var(--bs-dark);    text-transform: uppercase;   
    font-family: var(--heading-font-family);    font-weight: normal; ;}
    .site-header .component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-item:not(:first-child) a:before { content: ''; position: absolute; height: 40%; top: 50%; left: -.5px; transform: translate(0%,-50%); border-right: 2px solid #fff; }
    .site-header .component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-item:not(:first-child) a{position:relative;}
    .site-header .component-navbar-split.layout-standard .navbar-collapse {   background: var(--bs-secondary); padding:0; }
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > a ,
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > span.nav-link > span> a.nav-link { --bs-nav-link-color:rgba(255,255,255,1); --bs-nav-link-hover-color:rgba(255,255,255,1);}
     .title-bar .header-links-right {    width: auto !important;    flex-wrap: nowrap;   flex-direction: row;}
    .title-bar .header-links-right .social-icons {    border-top: navajowhite;   margin-top: 0; }
    .title-bar .header-links-right .search {    background: transparent;   width: auto; }
    .title-bar .header-links-right .search span.sr-only {   position: absolute; } 
    header#site-header.is-pinned {   box-shadow: 0px 0px 5px 0px rgba(var(--bs-white-rgb), .6); }
    .site-header .component-navbar-split.layout-standard .navbar .dropdown-toggle::after {   filter: invert(1); color: #000;} 
    header#site-header.is-pinned {    box-shadow: 0px 0px 5px 0px rgba(var(--bs-dark-rgb), .6);  }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list > li.nav-item {width: 50% !important; margin: 0 !important;  padding: 0.5rem;}
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list > li.nav-item:nth-child(3) { max-width: 50% !important;}
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list {    max-width: var(--ps-site-width);   margin: 0 auto; } 
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li + li > a:before { content: ""; position: absolute; background: #000; width: 1px; height: 1rem; top: 50%; transform: translateY(-50%); left: 0; }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li > a {   position: relative; } 
    .ps-component.component-hero .g-lg-2, .ps-component.component-hero .gx-lg-2 {   --bs-gutter-x: 0.3rem; --bs-gutter-y: 0.2rem;}
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > a.nav-link:hover, 
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > a.nav-link:focus, 
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > span.nav-link > span> a.nav-link:focus,
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > span.nav-link > span> a.nav-link:hover{ /*  text-decoration: underline !important; */ opacity:0.9; }
    html.landing.site-home header {   padding: 1rem 0; }
    header {   padding-top: 1rem; }
    
    .site-header .component-navbar-split.layout-standard .navbar > .container-fluid > .navbar-collapse > ul > li.dropdown:hover > .dropdown-menu:not(.show) {   display: none; } 
    .site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .level-4 .nav-link:hover:after {   width: calc(100% - 1.2rem); }
    .site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .level-4 .nav-link:after { content: ""; position: absolute; left: 50%;bottom: 11px; width: 0; height: 1px; transform: translateX(-50%); background: var(--bs-primary); transition: .25s; }
    .site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .level-4 .nav-link:hover { text-decoration: none; }
    
    .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .level-3 >div>ul>li>span>span> .nav-link:after {content: ""; position: absolute; left: 50%; bottom: -1px; width: 0; height: 1px; transform: translateX(-50%); background: var(--bs-primary); transition: .25s; }
    .site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .level-3 >div>ul>li>span>span> .nav-link {    position: relative;}
    .site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .level-3 >div>ul>li>span>span> .nav-link:hover:after {    width: calc(100%); }
    .site-header .component-navbar-split.layout-standard .navbar .nav-item:not(.parent) .level-3 >div>ul>li .nav-link:hover {   text-decoration: none !important; }
    
    .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover:after {   width: calc(100% - 1rem); }
    .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:after {    content: "";    position: absolute;    left: 50%;    bottom: 6px;    width: 0;    height: 1px;    transform: translateX(-50%);    background: var(--bs-white);   transition: .25s; }
    .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover {   text-decoration: none; }
    .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link {   font-size: 1.125rem;position: relative; }
}

@media(min-width:1200px){
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level > li > a {   padding: 0.95rem 2.5rem; }
}
@media(min-width:1400px){
    .site-header .component-navbar-split.layout-standard .navbar-nav.top-level ~ .navbar-nav.top-level {    margin-left: 7rem;   padding-left: 2rem; }
}
@media(max-width:991px){
    .component-navbar-split.layout-standard .navbar li.nav-item:not(:first-child),
    .component-navbar-split.layout-standard .navbar ul.navbar-nav.top-level:last-of-type > li.nav-item:first-child {   border: none !important; }
    .component-navbar-split .navbar-light .dropdown .dropdown-menu.show, .component-navbar-split .navbar-light .dropdown .dropdown-menu.collapsing {   border: none !important; }
    .site-header .component-navbar-split.layout-standard .navbar-collapse {    overflow-y: auto;   max-height: calc(100vh - 70px); }
   .mobile-menu-footer .mmf-social:before { content: ""; background: #000; width: calc(100% + 4rem); height: 1px; position: absolute; left: -2rem; bottom: auto; top: 0; }
   .mobile-menu-footer  .mmf-social {   border: none !important;     position: relative;}
}

/***** news rotator *****/
.component-hero.layout-split .item .details .date-sport {   flex-direction: row; }
.component-hero.layout-split .item .details .date-sport span.date.breadcrumb-item {    margin-right: 0.5rem;    position: relative;   padding-right: 0.5rem; }
.component-hero.layout-split .item .details .date-sport span.date.breadcrumb-item:after { position: absolute; content: ''; height: 1rem;width: 1px; background: rgba(var(--bs-light-rgb),var(--bs-text-opacity)); right: 0; top: 2px;  }
.component-hero.layout-split .item .details .related-links a {   color: var(--bs-white);}
.component-hero.layout-split .item .image a:after{    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 0%) 35%, rgb(0 0 0 / 18%) 51%, rgb(0 0 0 / 36%) 66%, rgba(0, 0, 0, 1) 100%);}
.component-hero.layout-split .item .details a.title:hover {    filter: none; }
.component-hero.layout-split .item .details a.title {    filter: brightness(95%);   transition: all 0.5s;     text-transform: uppercase;}
.component-hero.layout-split .item:hover .details a.title, .component-hero.layout-split .item:focus .details a.title {   text-decoration: underline; }
.component-hero.layout-split .archive-link a.btn.btn-link {   max-width: 90%; }
.component-hero.layout-split  .archive-link {   padding: 1rem 0 !important; }
.component-hero.layout-split .item:hover .details a.title, .component-hero.layout-split .item:focus .details a.title {   opacity: 0.8; }
.component-hero.layout-split .item .details a.title:hover, .component-hero.layout-split .item .details a.title:focus {    opacity: 1; }
section.section.sec-top-stories .ps-component.component-hero > .layout-wrapper > .row .grouping:first-child {    padding-left: 0;   padding-right: 0; }
.component-hero.layout-split .grouping:not(:first-child) .item .details .date-sport span.date.breadcrumb-item:after {filter: invert(1); }
.component-hero.layout-split .grouping:first-child .item .details .title {   font-size: 1.2rem; }
.component-hero.layout-split .item .details {   background: rgba(0, 0, 0, 0.01); }


@media(min-width:768px){
      section.section.sec-top-stories .ps-component.component-hero > .layout-wrapper > .row .grouping:first-child {    padding-left: calc(var(--bs-gutter-x) * .5);   padding-right: calc(var(--bs-gutter-x) * .5); }
}
@media(min-width:992px){
    .component-hero.layout-split .item .details a.title {    font-size: 1.2rem;    text-transform: uppercase;   letter-spacing: 0.3px;font-weight: 400; }
    .component-hero.layout-split .archive-link a.btn.btn-link {   max-width: 100%;         text-decoration: none;}
    .component-hero.layout-split  .archive-link {   padding: 0 !important; }
    .component-hero.layout-split .grouping:not(:first-child) .item .details .date-sport span.date.breadcrumb-item:after {filter: invert(0); }

}
@media only screen and (max-width: 767px) {
    .component-hero.layout-split .item .details .sport {       font-size: .75rem; }
    .component-hero.layout-split .item .details .date-sport span.date.breadcrumb-item:after {    height: 0.75rem;   top: 3px; }
    .component-hero.layout-split .item .details .title {   font-size: 1.1rem;}
}
 

/******** countdown **********/

.ps-component.component-countdown.layout-standard > div.d-flex {   align-items: stretch !important; }
.ps-component.component-countdown.layout-standard .contents > .countdown-keys, .ps-component.component-countdown .countdown-container {   height: 100%; }
.ps-component.component-countdown .countdown-container ul.countdown {    align-items: stretch !important;    height: 100%;   margin: 0; }
.ps-component.component-countdown .countdown-container ul.countdown >li {    display: flex;    flex-wrap: wrap;    flex-direction: column;    align-items: center;   justify-content: center; font-family: var(--heading-font-family);}
.ps-component.component-countdown .details .details-2 .title { margin-bottom: .5rem; font-family: var(--heading-font-family); font-weight: normal !important; font-size: 2rem !important; line-height: 1; color: var(--bs-white); text-transform: uppercase; }
.ps-component.component-countdown .details {   padding: 1rem 0 0.5rem; }
.ps-component.component-countdown .details .details-2 {    text-transform: uppercase;   font-size: 1rem; }
.ps-component.component-countdown .details .details-2 .teams.double {   font-size: 1rem; }
.ps-component.component-countdown .details .details-2 .sport{   font-size: 1rem !important; }
.ps-component.component-countdown .details .details-1 {   display: none; }
.ps-component.component-countdown .details .details-2 {   text-align: center; }
.ps-component.component-countdown .details .details-2 .teams.double {   justify-content: center !important; } 
section.section.sec-countdown a[rel="wiki-link"] {   color: var(--bs-white); }
.ps-component.component-countdown .countdown-container ul.countdown >li {   padding: 2rem 0; }
.ps-component.component-countdown.layout-standard .contents > .countdown-keys {    border-left: 1px solid #fff;   border-right: 1px solid #fff; }
.ps-component.component-countdown.layout-standard .contents {    border-top: 1px solid #fff;    border-bottom: 1px solid #fff;   padding: 0 1rem; }

@media(min-width:768px){
    .ps-component.component-countdown .details .details-1 {   display: block; }
    .ps-component.component-countdown .details .details-2 {   text-align: left;font-weight: 300; }
    .ps-component.component-countdown .details .details-2 .title {   font-size: 2.5rem !important; }
    .ps-component.component-countdown .details .details-2 .teams.double {   justify-content: flex-start !important; }
    .ps-component.component-countdown.layout-standard .contents > .countdown-keys{border:none;}
    .ps-component.component-countdown .details {   padding: 2.3rem 0; }
}

@media(min-width:992px){
    .ps-component.component-countdown .details .details-1 img {    max-width: 10rem;   max-height: 10rem; } 
    .section.sec-countdown .component-countdown.layout-standard .countdown-digit { font-size:3.5rem !important; line-height:1;         font-weight: 400;         margin-bottom: 0.3rem;         min-width: 60px;}
    .section.sec-countdown .component-countdown.layout-standard .countdown-label { font-size:1.375rem;         font-weight: 400; }
    .ps-component.component-countdown .countdown-container ul.countdown >li:first-child {   border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .ps-component.component-countdown .countdown-container ul.countdown >li:last-child {   border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
    .ps-component.component-countdown.layout-standard .contents {border:none; padding:0;}
    .ps-component.component-countdown .details {   padding: 2rem 0; }
}

@media(max-width:767px){ 
    section.section.sec-countdown {   padding-bottom: 2rem !important; }
}

/***** Scoreboard *****/
.section.sec-scoreboard { position:relative }
.section.sec-scoreboard .page-details > div { justify-content:center !important }
.section.sec-scoreboard .layout-wrapper > div { align-items:center !important }
.section.sec-scoreboard a { text-decoration:none; color:var(--bs-white) }
.section.sec-scoreboard a:hover { text-decoration:underline }
.section.sec-scoreboard .component-tabs { gap:0 !important }
.section.sec-scoreboard .component-tabs .tab-content { overflow:visible }
.section.sec-scoreboard .nav-pills .nav-item:not(:last-child) { margin-right:2rem }
.section.sec-scoreboard .nav-pills .nav-link { position:relative; padding:.25rem; font-weight:normal; line-height:normal; text-transform:uppercase; text-decoration:none; color:var(--bs-white); background-color:transparent !important; border-radius:0; font-family: var(--heading-font-family); }
.section.sec-scoreboard .nav-pills .nav-link:after { content:''; position:absolute; left:50%; bottom:-1px; width:0; height:1px; transform:translateX(-50%); background:var(--bs-white); transition:.25s }
.section.sec-scoreboard .nav-pills .nav-link:hover:after { width:calc(100%) }
.section.sec-scoreboard .nav-pills .nav-link.active {  border-bottom:1px solid }
.section.sec-scoreboard .nav-pills .nav-link.active:after { display:none }
.section.sec-scoreboard .form-floating .form-select { width:auto; height:auto; margin:.5rem auto 1.5rem !important; padding-top:.4rem; padding-bottom:.4rem; font-size:.75rem; line-height:normal; text-transform:uppercase }
.section.sec-scoreboard .archive-link { display:none }
.component-scoreboard.layout-standard { gap:0 !important }
.component-scoreboard.layout-standard .slick-list { border:0 }
.component-scoreboard.layout-standard .card { color:var(--bs-white); background-color:transparent; border:0 !important }
.component-scoreboard.layout-standard .slick-active + .slick-active .card-body:after { content:''; position:absolute; top:1rem; left:0; bottom:1rem; width:1px; background-color:var(--bs-primary) }
.component-scoreboard.layout-standard .card a { color:var(--bs-white) }
.component-scoreboard.layout-standard .card a:hover { text-decoration:underline }
.component-scoreboard.layout-standard .card .card-header {     font-size: 1.2rem; color: var(--bs-white); background-color: var(--bs-primary); font-family: var(--heading-font-family); letter-spacing: 1px; font-weight: 400;}
.component-scoreboard.layout-standard .card .card-body { position:relative }
.component-scoreboard.layout-standard .card .logo-holder { display:flex; align-items:center; min-height:5rem }
.component-scoreboard.layout-standard .card .macro-event-notes { min-height:4.5em }
.component-scoreboard.layout-standard .card .event-links {  min-height: 2em; font-size: .875rem; padding-top: 0.5rem;/* border-top: 1px solid #5a5a5a; */ margin-top: 1em; }
.component-scoreboard.layout-standard .card .event-links a { margin:0 .5rem; white-space:nowrap }
.component-scoreboard.layout-standard .card .event-team-name { display:block !important }
.component-scoreboard.layout-standard .slick-arrow-controls { display:flex; justify-content:center; gap:1rem; background-color:var(--bs-white) }
.component-scoreboard.layout-standard .slick-arrow { position:static; width:auto; height:auto; line-height:normal; margin:1rem 0; padding: 0.2rem 3rem; font-size:1.25rem; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); border:1px solid var(--bs-primary); border-radius:0 ; 
font-size: 1.3rem; width: 44%; max-width: 170px;}
.component-scoreboard.layout-standard .slick-arrow:hover,
.component-scoreboard.layout-standard .slick-arrow:focus,
.component-scoreboard.layout-standard .slick-arrow:active { filter:brightness(100%); color:var(--bs-white); border-color:var(--bs-white);     background: var(--bs-primary); }
.component-scoreboard.layout-standard .slick-arrow .fa:before { font-weight:400 }
.component-scoreboard.layout-standard .slick-arrow-controls button { background-color:transparent }
.section.sec-scoreboard .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");    }
.section.sec-scoreboard .form-floating .form-select option {    background: var(--bs-white);   color: var(--bs-dark); }
.component-scoreboard.layout-standard .slick-active + .slick-active .card-body:after {   background-color: var(--bs-white); }
.section.sec-scoreboard .archive-link a.btn.btn-link {    border: none;  padding-top: 0.5rem;}
.section.sec-scoreboard .archive-link a.btn.btn-link:hover {    color: var(--bs-secondary) !important;    background: none;      text-decoration: none;}
.component-scoreboard.layout-standard .card .card-header {    border-color: #aeaeae;   border-top: 1px solid #aeaeae; }
.component-scoreboard.layout-standard .card .macro-event-notes {   display: none; }

.component-scoreboard.layout-standard .card-header > span {   padding-top: 1px; }
.component-scoreboard.layout-standard .card {   min-height: 329px; }
.component-scoreboard.layout-standard .card .card-body .macro-line-scores {   opacity: 0.9; }


.component-scoreboard.layout-standard .slick-track .card +.card.event-box.no-more-events > span{    border-left: 1px solid #aeaeae;      font-weight: bold;  }

.component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow.slick-hidden {    display: block !important;    pointer-events: none;   opacity: 0.5; }


@media only screen and (min-width:992px) {
    .section.sec-scoreboard .page-details > div { justify-content:left !important }
    .section.sec-scoreboard .nav-pills { position:absolute; right:1.25rem; top:-3rem; margin:0 !important;  font-family: var(--heading-font-family); }
    .section.sec-scoreboard .form-floating { position:absolute; left:13rem; top:-2.9rem; width:auto !important }
    .section.sec-scoreboard .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 ; }
    .section.sec-scoreboard .archive-link { display:block; background-color:var(--bs-white);         border: none; }
    .component-scoreboard.layout-standard .slick-arrow { font-size:1.5rem; padding:0.2rem 8rem; width:auto; max-width:inherit;}
    .component-scoreboard.layout-standard .card .card-header {font-size: 1rem;}
}

@media only screen and (min-width:1400px) {
    .section.sec-scoreboard .nav-pills { top:-3.8rem }
    .section.sec-scoreboard .form-floating { left:14rem; top:-3.8rem }
    .section.sec-scoreboard .nav-pills .nav-link { font-size:1.25rem }
    .section.sec-scoreboard .archive-link a { font-size:1.25rem }
}

@media(max-width:767px){
    .component-scoreboard.layout-standard .card .card-header {    border-top: 1px solid #fff;   border-bottom: 1px solid #fff; }
    .component-scoreboard.layout-standard .card .card-body .macro-line-scores .team  .team-inner {   justify-content: center !important;         filter: brightness(0.7); }
    .component-scoreboard.layout-standard .card .card-body .macro-line-scores .team  .team-inner > * {   width: auto !important; flex: none !important; font-weight: normal;}
    
}

/***** parallax css*****/
.component-parallax .parallax .parallax-card.card .page-title {   font-family: var(--heading-font-family);background:rgba(0,0,0,0.01); }
.component-parallax .overlay::before {    background: rgba(0, 0, 0, 0.1); }
.component-parallax .layout-wrapper {  min-height: 30vh; }
.component-parallax.layout-standard .overlay .parallax-card .thumbnail img {   max-height: 4rem; }
.component-parallax.layout-standard .overlay {  padding: 0; }

@media only screen and (min-width:992px) {
    .component-parallax .parallax .parallax-card.card .page-leadin {   font-size: 1.2rem; background:rgba(0,0,0,0.01);}
    .component-parallax .parallax .parallax-card img.img-fluid {   max-height: 10rem; }
    .component-parallax .layout-wrapper {  min-height: 60vh; }
    .component-parallax.layout-standard .overlay .parallax-card .thumbnail img {   max-height: 8rem; }
    .component-parallax.layout-standard .overlay {  padding: 2rem; }
    
}

/********* stats leader ***********/
section.section.sec-stat-leaders .page-details {   background: var(--bs-primary); } 
section.section.sec-stat-leaders .page-details .component-title {    font-size: 2rem;   padding: 0.8rem 0.75rem 0.6rem; }
section.section.sec-stat-leaders .form-floating label {   display: none; }
section.section.sec-stat-leaders .form-floating .form-select {    background-color: var(--bs-primary);   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;}
section.section.sec-stat-leaders .form-floating .form-select option {    background: var(--bs-white);   color: var(--bs-dark); }
section.section.sec-stat-leaders .component-stats-leaders select.form-select {    border-color: var(--bs-secondary);    padding: 0.8rem 2.25rem .8rem .75rem;   border-radius: .2rem; background-size: 22px 15px; }

.component-stats-leaders .list-group-item {   background: var(--bs-secondary); color: #fff; padding-left: 0.65rem;}
.component-stats-leaders .leaders-card{   color: #fff;}
.component-stats-leaders .list-group-item a.btn-sm {    color: #fff;    background: var(--bs-primary);    width: 100%;    border: 2px solid var(--bs-primary);   border-radius: 0; }
.component-stats-leaders .list-group-item a.btn-sm { color: var(--bs-primary); width: 100%; border: 2px solid var(--bs-primary); border-radius: 0; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);font-family: var(--heading-font-family);text-transform: uppercase; letter-spacing: 0px; font-size: 1.2rem; background: #fff; }
.component-stats-leaders .list-group-flush>.list-group-item:last-child {   padding: 0; }
.component-stats-leaders .list-group-item a.btn-sm:hover {    background: var(--bs-primary);    color: #fff;   filter: brightness(100%); }
.component-stats-leaders .leaders-card {   border: none !important; }
.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); }
.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(--bs-primary); font-size: 1.1rem;}
.component-stats-leaders .list-group-flush>.list-group-item:first-child:after {    content: "";    background: var(--bs-primary);    height: 2rem;    width: 2px;    position: absolute;    top: calc(100% + 1px);    left: 0;    right: 0;   margin: 0 auto; }
.component-stats-leaders .list-group-item:not(.list-group-item:last-child) {    border-left: 1px solid var(--bs-primary);   border-right: 1px solid var(--bs-primary); }
.component-stats-leaders.layout-standard .leaders-card .list-group-item .logo-holder{display:none;}
.component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a{color:var(--bs-white);font-weight:bold;font-size:1.1rem;}
.component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a:hover{color:var(--bs-white);}
.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: 0.9;}
.component-stats-leaders.layout-standard .leaders-card .list-group-item .team:hover {   opacity: 1; }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type {  position:relative; margin-top:1.5rem !important;  }
.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-primary); transform:translateX(-50%) }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type:after { content:''; position:absolute; left:0; right:0; bottom:calc(100% + 1px + 1.5rem); height:1px; background-color:var(--bs-primary) }
.component-stats-leaders.layout-standard .d-flex .leaders-card:nth-child(n+5) { display: none !important; }
.component-stats-leaders .list-group-item:nth-child(2) {   border-top: 1px solid var(--bs-primary); }
.component-stats-leaders.layout-standard .leaders-card .list-group-item .team {   font-weight: 300; }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type + .list-group-item {   padding-top: 1.5rem; }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:nth-last-child(2) {   padding-bottom: 1.5rem; }
.component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a:hover {   opacity: 0.9; }

@media only screen and (min-width:992px) {
    section.section.sec-stat-leaders .form-floating {position: absolute; left: auto; top: -4.05rem; width: auto !important; right: 1rem; }
    section.section.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%;}
    
}

@media(max-width:767px){
    section.section.sec-stat-leaders .page-details .component-headings {   justify-content: center !important; }
    section.section.sec-stat-leaders .form-floating {    margin-top: -20px;    background: var(--bs-primary);    margin-bottom: 20px;   padding: 10px 10px 0; }
}


/****** Players of the Week *******/
.section.sec-players-of-the-week .layout-wrapper { overflow:hidden; padding:1rem; text-align:center; border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;  /*   background: var(--bs-primary); */ }
.section.sec-players-of-the-week .component-aotw.layout-standard:before { content:''; position:absolute; left:50%; transform:translateX(-50%); width:65px; height:49px; background-color:var(--bs-secondary) }
.section.sec-players-of-the-week .layout-wrapper:before { content:''; position:relative; display:block; top:calc(-1rem - 1px); left:50%; transform:translateX(-50%); width:40px; height:50px; background-color:var(--bs-white); border:2px solid var(--bs-primary); border-width:0 5px }
.section.sec-players-of-the-week .details-wrapper { margin-bottom:1rem }
.section.sec-players-of-the-week .page-details .component-title { padding:0; line-height:1 }
.section.sec-players-of-the-week .page-details .component-headings { justify-content:center !important }
.section.sec-players-of-the-week .players > .player + .player { margin-top:1rem }
.section.sec-players-of-the-week .player { max-width:none; vertical-align:top }
.section.sec-players-of-the-week .headshot { background-color:var(--bs-whte) !important }
.section.sec-players-of-the-week .headshot .headshot-holder { background-repeat:no-repeat; background-position:center; background-size:cover }
.section.sec-players-of-the-week .player-details { line-height:1; color:var(--bs-white); text-transform:uppercase;     background: transparent !important;     filter: brightness(100%);}
.section.sec-players-of-the-week .player-details .player-name { font-family:var(--heading-font-family); font-weight:700 }
.section.sec-players-of-the-week .player-details .player-name:hover { text-decoration:none !important }
.section.sec-players-of-the-week .player-details .player-sport { font-size:.875rem }
.section.sec-players-of-the-week .player-details a { color:var(--bs-white) }
.section.sec-players-of-the-week .slick-slider { margin:0 0 1rem }
.section.sec-players-of-the-week .slider-navigation { display:flex; gap:.5rem; justify-content:center; margin-top:1rem }
.section.sec-players-of-the-week .slider-navigation .btn { position:static; transform:none; width:auto; height:auto; padding:0 3rem; font-size:1.25rem; line-height:normal; color:var(--bs-primary); border-color:var(--bs-primary); border-radius:0 ;    width: 40%;    max-width: 150px;}
.section.sec-players-of-the-week .slider-navigation .btn:hover,
.section.sec-players-of-the-week .slider-navigation .btn:focus,
.section.sec-players-of-the-week .slider-navigation .btn:active { filter:brightness(100%); color:var(--bs-white); border-color:var(--bs-white); background: var(--bs-primary); }
.section.sec-players-of-the-week .slider-navigation .btn.slick-pp { display:block; width:2.5rem; height:auto !important; padding:0; flex:0 0 2.5rem }
.section.sec-players-of-the-week .slider-navigation .btn.slick-prev .fa:before,
.section.sec-players-of-the-week .slider-navigation .btn.slick-next .fa:before { font-weight:400 }
.section.sec-players-of-the-week .page-details .component-headings p.component-sub-title {   display: none; }
.section.sec-players-of-the-week .headshot:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background:linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 0%) 35%, rgb(0 0 0 / 18%) 51%, rgb(0 0 0 / 85%) 82%, rgba(0, 0, 0, 1) 100%)}
.section.sec-players-of-the-week .player-details:hover {   filter: brightness(80%); }
.section.sec-players-of-the-week .slider-navigation {    background: #fff;    position: absolute;    width: 100%;    left: 0;    right: 0;    bottom: 0;   padding: 21px 0; }
.section.sec-players-of-the-week .layout-wrapper {    padding-bottom: 3rem;   border: none !important; }
section.section.sec-players-of-the-week a[rel="wiki-link"] {   color: #fff; }
.section.sec-players-of-the-week .players { display:flex !important; gap:1rem; justify-content:center; flex-direction: row; }
.section.sec-players-of-the-week .players:has(.slider) { margin-bottom:1rem }
.section.sec-players-of-the-week .players > div { width:calc(50% - .5rem); max-width:calc(50% - .5rem) }
.section.sec-players-of-the-week .players > .player + .player { margin-top:0 }
.section.sec-players-of-the-week .slick-slider { margin:0 }
.section.sec-players-of-the-week .slider-navigation { margin:0 } 
.section.sec-players-of-the-week .slider-navigation .btn.slick-pp { padding:0 }
.section.sec-players-of-the-week .players:has(.slider) {    padding-bottom: 1rem;   margin-bottom: 1.5rem; }
.section.sec-players-of-the-week .player-details {    position: relative;    background: var(--bs-secondary) !important;   left: 0; }
.section.sec-players-of-the-week .headshot:after {   background: transparent; }
.section.sec-players-of-the-week .player-details .player-sport {    filter: brightness(0.8);    font-size: 0.75rem;   margin-top: 4px;}



@media only screen and (min-width:768px) {
    .section.sec-players-of-the-week .component-aotw.layout-standard:before { display:none }
    .section.sec-players-of-the-week .layout-wrapper:has(.slider-navigation) { overflow:visible; margin-bottom:3rem;         padding-bottom: 1rem; }
    .section.sec-players-of-the-week .layout-wrapper:before { display:none }
    .section.sec-players-of-the-week .page-details { position:relative; padding:1rem; text-align:center; background-color:var(--bs-primary) }
    .section.sec-players-of-the-week .details-wrapper { position:absolute; overflow:hidden; left:50%; top:0; bottom:0; transform:translateX(-50%); height:100%; margin-bottom:0; display:flex; align-items:center }
    .section.sec-players-of-the-week .details-wrapper:before { content:''; position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%); width:3rem; height:auto; background-color:var(--bs-white); border-left:.5rem solid var(--bs-primary); border-right:.5rem solid var(--bs-primary); box-shadow:0 0 0 .5rem var(--bs-secondary); transform:translateX(-50%) }
    .section.sec-players-of-the-week .players { justify-content:space-between }
    .section.sec-players-of-the-week .players:has(.slider) { margin-bottom:0;     padding-bottom: 0; }
    .section.sec-players-of-the-week .players > div { width:calc(30% - .5rem); max-width:calc(30% - .5rem) }
    .section.sec-players-of-the-week .slider-navigation { position:absolute; left:0; bottom:-4.5rem; width:100% }
    .section.sec-players-of-the-week .slider-navigation .btn { padding:0 4rem;    width: auto; max-width: inherit; }
}

@media only screen and (min-width:992px) {
    .section.sec-players-of-the-week .slider-navigation .btn { font-size:1.5rem; padding:0.2rem 8rem }
    .section.sec-players-of-the-week .slider-navigation .btn.slick-pp { padding:0 }
    .section.sec-players-of-the-week .layout-wrapper:has(.slider-navigation){        padding-bottom: 1.5rem;}
    .section.sec-players-of-the-week .player-details {    position: absolute;    background: transparent !important;   left: 10px; }
    .section.sec-players-of-the-week .headshot:after {  background:linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 0%) 35%, rgb(0 0 0 / 18%) 51%, rgb(0 0 0 / 85%) 82%, rgba(0, 0, 0, 1) 100%) }
    .section.sec-players-of-the-week .player-details .player-sport {    filter: brightness(1);    font-size: 1rem;   margin-top: 0px;}
    
    .section.sec-players-of-the-week .headshot {   transition: all 1s ease; }
    .section.sec-players-of-the-week .headshot:hover {   transform: scale(1.1); }
}

@media only screen and (min-width:1400px) {
    .section.sec-players-of-the-week > .container { max-width:1245px }
    .section.sec-players-of-the-week .details-wrapper { width:35% }
      .section.sec-players-of-the-week .page-details .component-title { font-size:3rem;         line-height: 1.2; }
    .section.sec-players-of-the-week .page-details { padding:2rem 5rem } 
}
 

/* Videos */
.section.sec-videos .component-headings { justify-content:center !important }
.component-video.layout-cards .layout-wrapper { padding:0 0.8rem }
.component-video.layout-cards { position:relative; gap:0 !important }
.component-video.layout-cards { --grid-gap:0.25rem !important }
.component-video.layout-cards .items { margin:-.25rem }
.component-video.layout-cards .item:nth-of-type(n+4) { display:none }
.component-video.layout-cards .sm .item { --size: 50% !important }
.component-video.layout-cards .sm .item:nth-of-type(4n+1) { display:block }
.component-video.layout-cards .md .item { --size: 33.33% !important }
.component-video.layout-cards .md .item:nth-of-type(n+4) { display:block }
.component-video.layout-cards .card { overflow:hidden }
.component-video.layout-cards .card .ratio { --bs-aspect-ratio:100% }
.component-video.layout-cards .card .ratio:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.65) }
.component-video.layout-cards .card .card-img-overlay { --bs-card-img-overlay-padding:1.5rem; background-color:transparent; text-shadow:1px 1px 3px #000 }
.component-video.layout-cards .card .card-img-overlay:after { content:''; position:absolute; left:50%; bottom:.75rem; width:0; height:1px; transform:translateX(-50%); background:var(--bs-white); transition:.5s }
.component-video.layout-cards .card:hover .card-img-overlay:after { width:calc(100% - 3rem) }
.component-video.layout-cards .card .play-btn .fab { font-family:"Font Awesome 6 Pro"; font-weight:900 }
.component-video.layout-cards .card .play-btn .fa-youtube:before { content:'\f04b' }
.component-video.layout-cards .card .play-btn { transition:all .5s ease 0s }
.component-video.layout-cards .card:hover .play-btn { color:var(--bs-white); opacity:1; transform:scale(1.1) }
.component-video.layout-cards .card .ratio { transition:transform .5s ease 0s }
.component-video.layout-cards .card:hover .ratio { transform:scale(1.125) }
.component-video.layout-cards .card .card-title { text-transform: uppercase; -webkit-line-clamp: 3; font-size: 1rem !important; font-weight: normal; font-family: var(--heading-font-family); }
.component-video.layout-cards .card .card-date { font-size:.875rem; text-transform:uppercase }
.component-video.layout-cards .archive-link { margin:1rem }
.component-video.layout-cards .archive-link a.btn.btn-link {    color: var(--bs-white);    padding-right: 0;    padding-left: 0;   border: none; }
.section.sec-videos a[rel="wiki-link"] {   color: #fff; }
.section.sec-videos .component-title {   padding: 1rem 1.5rem 1rem 0.5rem; }
#h2-videos{background-color:var(--bs-primary); color:#fff;}



@media only screen and (min-width:992px) {
      .component-video.layout-cards .card .card-img-overlay a.stretched-link.text-white {    max-height: 50px;    overflow: hidden;   display: block; }
      .component-video.layout-cards .layout-wrapper {   padding: 0 1.5rem; }
      .component-video.layout-cards .archive-link a.btn.btn-link:hover {   text-decoration: none; }
    .component-video.layout-cards .archive-link a.btn.btn-link:after { content: ''; position: absolute; left: 50%; bottom: 10px; width: 0; height: 1px; transform: translateX(-50%); background: var(--bs-white); transition: .25s; }
    .component-video.layout-cards .archive-link a.btn.btn-link:hover:after {    width: calc(100%); }

    
}
@media only screen and (min-width:1200px) {
    .section.sec-videos .component-headings { justify-content:left !important }
    .component-video.layout-cards .archive-link { position:absolute; right:1.5rem; top:1.25rem; margin:0 }
    .component-video.layout-cards .layout-wrapper { padding:0 0.5rem 1rem }
  
}

@media only screen and (min-width:1400px) {
    .component-video.layout-cards .archive-link { top:1.2rem }
    .component-video.layout-cards .archive-link a { font-size:1.25rem }
}

/* Social */
.section.sec-social-stream .component-headings { justify-content:center !important }
.section.sec-social-stream .layout-wrapper { padding:0 1rem 1rem }
.section.sec-social-stream .component-tabs { gap:0 !important }
.section.sec-social-stream .component-tabs .nav-pills { margin:0 auto }
.section.sec-social-stream .component-tabs .nav-link { position:relative; padding:.25rem .75rem; line-height:normal; font-size:1.75rem; color:var(--bs-white) }
.section.sec-social-stream .component-tabs .nav-link.active { color:#fff; background-color:transparent; border-bottom:1px solid; border-radius:0 }
.section.sec-social-stream .component-tabs .nav-link:before { font-family:"Font Awesome 6 Brands" }
.section.sec-social-stream .component-tabs .nav-link[href*="twitter"]:before { content:"\f099" }
.section.sec-social-stream .component-tabs .nav-link[href*="facebook"]:before { content:"\f39e" }
.section.sec-social-stream .component-tabs .nav-link[href*="instagram"]:before { content:"\f16d" }
.section.sec-social-stream .component-tabs .nav-link:not(.active):after { content:''; position:absolute; left:50%; bottom:-1px; width:0; height:1px; transform:translateX(-50%); background:var(--bs-white); transition:.25s }
.section.sec-social-stream .component-tabs .nav-link:hover:after { width:calc(100%) }
.section.sec-social-stream .component-tabs .nav-link span { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important }
.section.sec-social-stream .component-tabs div[class*="content-facebook"] { text-align:center }
.section.sec-social-stream .component-tabs div[class*="content-twitter"] { background-color:var(--bs-primary); border-radius:12px } /* 12px border radius is to match the twitter embed radius */
.section.sec-social-stream a[rel="wiki-link"] {color: #fff; }
#h2-social-stream{background-color:var(--bs-primary); color:#fff;}



@media only screen and (min-width:1200px) {
    .section.sec-social-stream .component-headings { justify-content:flex-start !important }
    .section.sec-social-stream .component-tabs .nav-pills { position:absolute; top:-3.7rem; right:1.5rem }
    .section.sec-social-stream .component-tabs .tab-pane {    height: 564px;    overflow: scroll;   max-height: 600px; }
}

@media only screen and (min-width:1400px) {
    .section.sec-social-stream .component-tabs .nav-pills { top:-4.2rem }
}


/******* banner *********/

.section.sec-banner:before { content: ""; width: 100%; height: 100%; background-color: var(--bs-secondary); background-image: url(https://theme-assets.prestosports.com/theme-assets/centenary-premium/assets/Smoke_Texture.png); position: absolute; left: 0; top: 0;     background-size: cover;}
.section.sec-banner .component-banner ul li a { position:relative; overflow:hidden; display:inline-block; vertical-align:top; border:1px solid rgba(255,255,255,0.65) ; border-radius: 7px;}
.section.sec-banner .component-banner ul li img { transition:transform .5s ease 0s }
.section.sec-banner .component-banner ul li:hover img { transform:scale(1.125) } 
.section.sec-banner .component-banner { overflow:visible }
.section.sec-banner .component-banner ul { margin:0; gap:1rem !important }
.section.sec-banner > .container.p-0 {    z-index: 1;   position: relative; }
.section.sec-banner .item .item-title { max-width: 180px; margin: 0 auto; top: auto;bottom: 0rem; text-transform: uppercase; font-size: 1.5rem; line-height: 1; font-family: var(--heading-font-family);   font-weight: normal; }
.section.sec-banner .component-banner.layout-flex .item .item-title:after{  content: '';  position: absolute;  left: 50%;  bottom: -5px;  width: 0;  height: 2px;  transform: translateX(-50%);  background: var(--bs-white); transition: all .4s ease-out; }
.section.sec-banner .component-banner .item:hover .item-title::after {  width: calc(80%); }
.section.sec-banner .component-banner.layout-flex ul li.item { width: 45%; }
.section.sec-banner .component-banner.layout-flex ul {  flex-direction: row !important; flex-wrap: wrap; }
.section.sec-banner .component-banner.layout-flex ul li a { aspect-ratio: 1/1;}
.section.sec-banner .component-banner.layout-flex ul li a::before {  content: '';  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background-color: rgba(0,0,0,0.375);  z-index: 1; background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 0%) 48%, rgb(0 0 0 / 28%) 70%, rgb(0 0 0 / 70%) 82%, rgba(0, 0, 0, 1) 100%); }

@media(min-width:992px){
    .section.sec-banner .component-banner.layout-flex ul li.item{   width: 20%; }
    .section.sec-banner .component-banner.layout-flex ul li a { aspect-ratio: auto;}
   .section.sec-banner .item .item-title {    font-size: 3rem; bottom: -1.3rem; }
   .section.sec-banner .component-banner ul{gap:.25rem !important}
}


/******* Footer css ********/
/* Footer */ 
.site-footer{border-color:#000 !important;}
.site-footer .branding { display:none; position:relative; width:2rem; margin:0 3rem 0 .75rem }
.site-footer .branding span { position:absolute; top:-3rem; right:0; bottom:-3rem; left:0; background-color:var(--bs-primary) }
.site-footer .branding span:before,
.site-footer .branding span:after { content:""; position:absolute; left:-.75rem; top:0; bottom:0; width:.5rem; background-color:var(--bs-secondary) }
.site-footer .branding span:after { left:auto; right:-.75rem }
.site-footer .footer-details img { max-height:7rem }
.site-footer .affiliate-logos .component-banner.layout-flex ul { flex-direction:row !important; flex-wrap:wrap; margin:0; gap:3rem !important }
.site-footer .affiliate-logos .component-banner.layout-flex .item img {     max-height: 6rem;  width: auto;  max-width: 250px; }
.site-footer .footer-details .title { font-weight:normal; text-transform:uppercase;     font-family: var(--heading-font-family); }
.site-footer .footer-details .text { max-width:25rem }
.site-footer .footer-details .text > :last-child { margin:0 }
.site-footer .footer-details .component-nav { align-items:center }
.site-footer .footer-details .component-nav a { padding:0; color:var(--bs-primary) }
.site-footer .footer-details .component-nav a:hover { color:var(--bs-secondary); }
.site-footer .footer-details .component-nav li + li { margin-left:1rem }
.site-footer .inc-hostedby { width:14rem }
.site-footer .inc-hostedby .st0,
.site-footer .inc-hostedby .st1 { fill:var(--bs-white) }
.site-footer .copyright a:hover { text-decoration:underline !important }
.site-footer .copyright .disclaimer { display:flex; flex-direction:column; gap:.25rem }
.site-footer .footer-details .text {   font-size: 1.2rem; }

.site-footer .affiliate-logos .component-banner.layout-flex .item img {   width: 100%; }
.component-banner.layout-flex .item {   max-width: 47%; }
.site-footer .affiliate-logos .component-banner.layout-flex ul {   gap: 1rem !important; }

@media only screen and (min-width:768px) {
    .site-footer .affiliate-logos .component-banner.layout-flex ul { flex-wrap:nowrap }
    .site-footer .copyright .disclaimer { flex-direction:row; gap:1rem }
    .site-footer .footer-details .text {   font-size: 1rem; }
    .site-footer .affiliate-logos .component-banner.layout-flex .item img {   width: auto; }
    .component-banner.layout-flex .item {   max-width: inherit; }
    .site-footer .affiliate-logos .component-banner.layout-flex ul {   gap: 3rem !important; }
}

@media only screen and (min-width:992px) {
    .site-footer .branding { display:block }
    .site-footer .footer-details .component-nav { align-items:flex-start }
    .site-footer .affiliate-logos ul { flex-wrap:nowrap }
    .site-footer .inc-hostedby { width:12rem }
}
@media(min-width:1200px){
    footer#site-footer > .container-fluid {    padding-top: 2.5rem !important;   padding-bottom: 2.5rem !important; }
    .site-footer .branding span{    top: -2.5rem;  bottom: -2.5rem;}
}



/**** sponsores ******/


/* Sponsors */
.section.sec-sponsors .btn-link { color:var(--bs-primary) }
.section.sec-sponsors .slick-dotted.slick-slider { margin-bottom:4rem }
.section.sec-sponsors .slick-dots { bottom:-4rem }
.section.sec-sponsors .slick-dots li.slick-active button:before { background-color:var(--bs-primary) }
.section.sec-sponsors .slick-slide { position:relative; padding:0 3rem }
.section.sec-sponsors .slick-initialized .slick-slide { display:flex; justify-content:center; align-items:center }
.section.sec-sponsors .slick-active + .slick-active:before  { content:""; position:absolute; left:0; top:0; bottom:0; width:1px; background-color:#666666 }
.section.sec-sponsors .slick-list { padding-block:.25rem } 
.section.sec-sponsors .component-banner.layout-slider .layout-wrapper { padding:3rem 0 }
.section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow { left:50% !important; transform:translateX(calc(-50% - 5rem)); right:auto; top:auto; bottom:.75rem !important; width:1.75rem; height:1.75rem !important; font-size:1.25rem; line-height:1.75rem; color:var(--bs-primary); border-radius:0; transition:all .2s linear; filter:none }
.section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover { color:var(--bs-secondary) }
.section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next { transform:translateX(calc(-50% + 5rem)); right:auto }
.section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp { transform:translateX(-50%); left:50% !important; right:auto !important }

.section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp .fa-circle-pause:before { content:'\f04c'; font-family:"Font Awesome 6 Pro"; font-weight:900 }
.section.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp .fa-play:before { font-weight:900 }
.section.sec-sponsors .component-banner.layout-slider:focus .slick-arrow-controls .slick-arrow,
.section.sec-sponsors .component-banner.layout-slider:focus-within .slick-arrow-controls .slick-arrow,
.section.sec-sponsors .component-banner.layout-slider:active .slick-arrow-controls .slick-arrow,
.section.sec-sponsors .component-banner.layout-slider:hover .slick-arrow-controls .slick-arrow { bottom:.75rem !important }

@media(min-width:576px){
}

/******** photo gallery *********/

.section.sec-photo-gallery {    background-color: var(--bs-secondary);   background-image: url(https://theme-assets.prestosports.com/theme-assets/centenary-premium/assets/Smoke_Texture.png);    background-position: bottom left;   background-size: cover; position:relative;}
.section.sec-photo-gallery .component-gallery .macro-archive-link a.btn.btn-link {    border: none;    color: #fff;    font-weight: normal;   font-size: 1.5rem; }
.section.sec-photo-gallery .component-gallery .macro-archive-link {   border: none; }
.section.sec-photo-gallery .component-gallery .macro-archive-link a.btn.btn-link:hover {    color: var(--bs-primary) !important;   background: transparent;     text-decoration: none;}
.section.sec-photo-gallery .component-sponsor {   display: none !important; }
.section.sec-photo-gallery .layout-wrapper .box-large .card:hover .card-img-overlay {    justify-content: flex-end !important;   align-items: flex-start; }
.section.sec-photo-gallery  .layout-wrapper .box-large .card:hover .card-img-overlay .card-title {    width: 100%;    border-bottom: 1px solid #fff;   text-align: left; }
.section.sec-photo-gallery  .layout-wrapper .box-large .card:hover .card-img-overlay .card-title a {    font-family: var(--heading-font-family);    display: block;   text-transform: uppercase; }
.section.sec-photo-gallery > .container {    z-index: 1;   position: relative;}
.section.sec-photo-gallery .component-headings {   justify-content: center !important; }
.section.sec-photo-gallery .component-headings {    justify-content: center !important;   margin-bottom: 0; }
.section.sec-photo-gallery:before { content: ""; background: var(--bs-primary); border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; width: 100%; height: 4rem; position: absolute; }
.section.sec-photo-gallery:after { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; }
#h2-photo-gallery{background-color:var(--bs-primary); color:#fff;}

@media(min-width:992px){
    .section.sec-photo-gallery .component-headings .component-title {    font-size: 2rem;   padding-top: 0.8rem; }
    .section.sec-photo-gallery .component-headings{margin-bottom: 0rem;}
    .section.sec-photo-gallery:after{background: rgba(0, 0, 0, 0.2)}
   
}
@media(max-width:575px){
    .component-gallery.layout-flex .layout-wrapper .box-large {   width: 100%; }
    .component-gallery.layout-flex .layout-wrapper .box-large{        padding: 2px 10px;}
}

.inc-hostedby .sr-only{background:#000; color:#fff;}

/********* sports page css*************/

.photos-banner-wrapper:before {    content: "";    width: 100%;    height: 100%;    background-color: var(--bs-secondary);    background-image: url(https://theme-assets.prestosports.com/theme-assets/centenary-premium/assets/Smoke_Texture.png);    position: absolute;    left: 0;    top: 0;   background-size: cover; }
.photos-banner-wrapper .sec-photo-gallery {   background: transparent !important; }
.photos-banner-wrapper .sec-banner:before { display:none !important; }
.photos-banner-wrapper .sec-photo-gallery:after{display:none;}
.photos-banner-wrapper .sec-photo-gallery .component-gallery .macro-archive-link a.btn.btn-link:hover {   color: #fff !important; }