:root {
    --font-family: 'Poppins', sans-serif;
    --body-font-family: var(--font-family);
    --bs-font-sans-serif: var(--font-family);
    --bs-body-font-family: var(--font-family);
    --heading-font-family: var(--font-family);
    --site-global-bg: rgba(var(--bs-primary-rgb),1);
    --site-global-gradient: linear-gradient(0, rgba(var(--bs-primary-rgb),1) 0%, rgba(var(--bs-primary-rgb),1) 100%);
    --bs-body-bg: var(--bs-secondary);
    --bs-body-bg-gradient: linear-gradient(0, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
    --global-bg-color: #ffffff;
    --global-border-color: rgba(0,0,0,0.15);
    --global-border-color-rgb : 170, 170, 170;
    --bs-grey-color: rgba(0,0,0,0.15);
    --video-bg-color: #d8d8d8;
    --text-muted: #444444;
    --bs-link-color:var(--bs-primary);
    --bs-link-hover-color:var(--bs-primary);
}
.bg-dark.text-white a.text-white {
    color:inherit !important;
}

html{
    background: var(--bs-body-bg);
    color: var(--bs-white);
    --bs-link-color:var(--bs-white);
    --bs-link-hover-color:var(--bs-light);
}

body{
    background: var(--bs-body-bg);
    background: var(--bs-body-bg-gradient);
    color: var(--bs-white);
    --bs-link-color:var(--bs-white);
    --bs-link-hover-color:var(--bs-light);
}
/*****************/
/* ADA COLOR FIX */
/*****************/

html.primary-color-light {
    --bs-link-color: var(--bs-black);
    --bs-link-hover-color: var(--bs-dark);
}

html.secondary-color-light,
html.secondary-color-light body {
    --bs-link-color: var(--bs-black);
    --bs-link-hover-color: var(--bs-dark);
    color:var(--bs-dark);
}

/* elements with white colored backgrounds. */
html.primary-color-light .site-footer .footer-details-wrapper,
html.primary-color-light .site-footer .developer-section,
html.primary-color-light .section.main .section,
html.primary-color-light .site-main > .container.bg-white,
html.primary-color-light body .section,
html.primary-color-light .site-footer .section,
html.primary-color-light .site-header.social-new .social-wrapper .nav-link,
html.primary-color-light .sec-schedule-tabs .component-scoreboard.layout-clean .event-team-name > span.vs-at-indicator,
html.primary-color-light .site-footer .inc-hostedby .st0,
html.primary-color-light .site-footer .inc-hostedby .st1 {
    color: var(--bs-black) !important;
    --bs-link-color: var(--bs-black);
    --bs-link-hover-color: var(--bs-dark);
}

html.primary-color-light .site-footer .inc-hostedby .st0,
html.primary-color-light .site-footer .inc-hostedby .st1{
    fill: var(--bs-black);
}

/* elements with primary colored backgrounds. */
html.primary-color-light .bg-primary.text-white,
html.secondary-color-light .bg-secondary.text-white,
html.primary-color-light .title-bar,
html.primary-color-light .site-header .bar,
html.primary-color-light .sec-countdown .component-countdown.layout-matchup .event-details,
html.primary-color-light .site-header .macro-secondary-navigation .navbar-brand,
html.primary-color-light .site-header .macro-primary-navigation.bg-secondary,
html.primary-color-light .site-header .macro-secondary-navigation,
html.primary-color-light .component-navbar-secondary.layout-standard .navbar .flexible-menu .flexible-dropdown-menu.dropdown-menu-right,
html.primary-color-light .site-header .menu-header > span,
html.primary-color-light .site-footer .copyright-privacy-links-section,
html.secondary-color-light .site-footer .copyright-privacy-links-section .text-white,
html.primary-color-light .site-header,
html.primary-color-light .ps-component .archive-link {
    color: var(--bs-black) !important;
    --bs-link-color: var(--bs-black);
    --bs-link-hover-color: var(--bs-dark);
}

html.primary-color-light .site-header .nav-link{
    --bs-nav-link-color: var(--bs-black);
    --bs-nav-link-hover-color: var(--bs-dark);
    --bs-navbar-active-color: var(--bs-dark);
}

html.primary-color-light .ps-component .archive-link a, .sec-member-logos .panel-control-bar button{
    border-color: #000;
    color: var(--bs-black) !important;
}
html.primary-color-light  .site-header .headers-icon-links .btn-link {
    --bs-btn-color: var(--bs-black);
    --bs-btn-hover-color: var(--bs-dark);
}

html.primary-color-light .macro-primary-navigation.bg-secondary .navbar-dark .navbar-toggler .icon-bar {
    background-color: rgba(0,0,0, 1);
}

html.primary-color-light .sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .item a.text-white,
html.primary-color-light .sec-schedule-tabs .archive-link:before,
html.primary-color-light .bg-dark.text-white a.text-white {
    color:var(--bs-black) !important;
}

html.secondary-color-light .sec-schedule-tabs .component-scoreboard.layout-clean .card-inner > div.event-date-and-status,
html.secondary-color-light .sec-schedule-tabs .component-scoreboard.layout-clean .card-heading,
html.secondary-color-light .sec-social-stream .item .social-widgets-wrap .social-embed-content,
html.secondary-color-light .component-archive-link a{
    --bs-btn-color: var(--bs-black);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-link-color: var(--bs-black);
    --bs-link-hover-color: var(--bs-dark);
}

html.secondary-color-light .sec-schedule-tabs .component-scoreboard.layout-clean .card-inner > div.event-date-and-status,
html.secondary-color-light .sec-schedule-tabs .component-scoreboard.layout-clean .card-heading {
    color:var(--bs-black) !important;
}

html.secondary-color-light .component-headings .component-title,
html.secondary-color-light .sec-social-stream .item .social-widgets-wrap .social-embed-icon span,
html.secondary-color-light .sec-social-stream .item .social-widgets-wrap .social-embed-content,
html.secondary-color-light .sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name,
html.secondary-color-light .sec-featured-athletes .component-aotw.layout-align .player-details .player-bio a:hover:after,
html.secondary-color-light .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button,
html.secondary-color-light .sec-schedule-tabs .component-scoreboard.layout-clean .card-inner > div.event-date-and-status,
html.secondary-color-light .sec-schedule-tabs .component-scoreboard.layout-clean .card-heading,
html.secondary-color-light .sec-schedule-tabs .component-scoreboard.layout-clean .event-links a,
html.secondary-color-light .sec-parallax .component-parallax .page-title,
html.secondary-color-light .component-countdown.layout-matchup .countdown-digit,
html.secondary-color-light .sec-top-stories-desktop .component-hero.layout-split .grouping:first-of-type .date-sport .sport.breadcrumb-item,
html.secondary-color-light .sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .date-sport .sport.breadcrumb-item,
html.secondary-color-light .component-archive-link a,
html.secondary-color-light .sec-recent-news .component-headlines.layout-card-slider .category {
    color:var(--bs-black);
}

html.primary-color-light .ps-component .archive-link a:hover,
html.primary-color-light .sec-member-logos .panel-control-bar button:hover {
    color: var(--bs-black) !important;
}

html.secondary-color-light .sec-featured-athletes .component-aotw.layout-align .player-details .player-bio a:after {
    border-color:var(--bs-black);
}

@media (min-width: 992px) {
    html.primary-color-light .site-header .macro-secondary-navigation .navbar-brand {
        --bs-navbar-brand-color: var(--bs-black);
        --bs-navbar-brand-hover-color: var(--bs-dark);
    }
    html.primary-color-light .site-header .component-navbar-split.layout-standard .navbar .megamenu .dropdown-menu-inner [data-flex="true"] > .nav-item:not(.brand-icon):not(:nth-child(3)) > .nav-link:after {
        border-color: rgba(0,0,0,0.2);
    }
    html.primary-color-light .site-header.social-new .nav-social-links:hover .social-collapse-btn,
    html.primary-color-light .site-header.social-new .nav-social-links.active .social-collapse-btn {
        color: var(--bs-black);
    }
}

/*****************/
/* END COLOR FIX */
/*****************/

.section .bg-secondary { --bs-link-color:#fff; --bs-link-hover-color:#eaeaea; }

.section.main .section,
.site-main > .container.bg-white {  color:var(--bs-dark); --bs-link-color:var(--bs-primary); --bs-link-hover-color:var(--bs-dark); }

body .section,
.site-footer .section,
.site-footer .footer-details-wrapper { background-color: var(--global-bg-color); color:var(--bs-dark); --bs-link-color:var(--bs-primary); --bs-link-hover-color:var(--bs-dark); }

.section.main {
    background:transparent;
    color:inherit;
}
.section.main .section:first-child {
    border-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.site-footer .developer-section {
    border-radius: var(--bs-border-radius) !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

/*GLOBAL RESETS*/
.title-bar,
.site-header .bar,
.sec-countdown .component-countdown.layout-matchup .event-details {
    background-color: var(--site-global-bg);
    background: var(--site-global-gradient);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-link-color: var(--bs-white);
    --bs-link-hover-color: var(--bs-light);
}

html.secondary-color-light .sec-countdown .component-countdown.layout-matchup .event-details {
    color: var(--bs-white) !important;
    --bs-link-color: var(--bs-white);
    --bs-link-hover-color: var(--bs-light);
}
.fa-facebook:before { content: "\f39e" }
.fa-bars:before, .fa-navicon:before,
.fa-magnifying-glass:before, .fa-search:before { font-family: var(--fa-family-classic) }
.slick-pp.pp span.fa, .slick-arrow.pp span.fa { font-weight: bold }
.container { --bs-gutter-x:3rem }
.title-bar { z-index: 1021; border-bottom:1px solid rgba(255,255,255,.2) }
.fa-regular.fa-circle-pause, .fa-regular.fa-play, .fa-chevron-left:before, .fa-chevron-right:before { font-weight: 900; font-size: 1.5rem; font-family: var(--fa-family-classic) }
.fa-chevron-left:before { content: '\f137' }
.fa-play:before { content: "\f144" }
.fa-chevron-right:before { content: '\f138' }
.fa-circle-pause:before, .fa-pause-circle:before, .fa-pause:before { content: "\f28b" }

.ps-component .archive-link{
    color:var(--bs-primary) !important; --bs-link-color:var(--bs-primary); --bs-link-hover-color:var(--bs-primary);
}
.ps-component .archive-link a,
.sec-member-logos .panel-control-bar button { text-decoration: none; --bs-btn-padding-x: 1.5rem; --bs-btn-padding-y: .35rem; font-weight: 600; line-height: 1; text-transform: uppercase;
    border: 2px solid var(--bs-primary); border-radius: 35px; color: var(--bs-primary)!important; }
.ps-component .archive-link a:hover,
.sec-member-logos .panel-control-bar button:hover { background-color: var(--bs-primary); color: var(--bs-white) !important; filter: brightness(1) }
.ps-component .card-title a { display: block }
.ps-component .card-title a:focus-visible { box-shadow: inset 0 0 0 2px #ebb567 !important; outline: 0 !important }
.landing .site-main .section:not(:has(.ps-component)), .landing .site-main div.container:not(:has(.ps-component)) { display: none }

@media (min-width: 992px) {
    .ps-component .archive-link a { --bs-btn-padding-x: 2rem; --bs-btn-padding-y: .75rem }
}

/*Slick Dots*/
.slick-slider .slick-dots button,
.component-gallery.layout-slider .slick-dots button { display:flex; width:100%; height:100%; justify-content:center; align-items:center }
.slick-slider .slick-dots button:before, 
.component-gallery.layout-slider .slick-dots button:before { content:''; position:static; display:block; width:10px; height:10px; border-radius:100%; border:1px solid var(--bs-secondary); background-color:var(--bs-secondary); opacity:1 }
.slick-slider .slick-dots li,
.component-gallery.layout-slider .slick-dots li { width:1rem; height:1rem }
.slick-slider .slick-dots,
.component-gallery.layout-slider .slick-dots { position:static; margin:1rem 0 }
.slick-slider .slick-dots li.slick-active button:before,
.component-gallery.layout-slider .slick-dots li.slick-active button { background-color:unset }
.slick-arrow-controls button.slick-arrow { display: flex; align-items: center; justify-content: center; text-decoration: none }

/** HEADER **/
.site-header {
    background:var(--bs-primary);
    --bs-link-color: var(--bs-white);
    --bs-link-hover-color: var(--bs-light);
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    --bs-border-color: rgba(255,255,255,0.2);
}

.site-header .macro-primary-navigation.bg-secondary,
.site-header .macro-secondary-navigation, .component-navbar-secondary.layout-standard .navbar .flexible-menu .flexible-dropdown-menu.dropdown-menu-right {
    background-color: var(--site-global-bg);
    background: var(--site-global-gradient);
    color: var(--bs-white);
    --bs-link-color: var(--bs-white);
    --bs-link-hover-color: var(--bs-light);
}

.site-header .macro-secondary-navigation a.nav-link:hover, .site-header .macro-secondary-navigation a.nav-link:focus, 
.site-header .macro-secondary-navigation .navbar-brand:hover, .site-header .macro-secondary-navigation .navbar-brand:focus { filter: brightness(85%); }

.site-header .macro-secondary-navigation .navbar-brand { --bs-navbar-brand-color: var(--bs-white); --bs-navbar-brand-font-size:1rem; font-weight:400; padding: 0 }
.site-header .menu-header > span { color: var(--bs-white); font-weight: 600 !important }
.site-header .menu-header .fa-xmark { padding-right: .5rem }
.site-header .nav-link {
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: var(--bs-white);
    --bs-nav-link-hover-color: var(--bs-white);
    --bs-navbar-color: var(--bs-white);
    --bs-navbar-active-color: var(--bs-white);
    text-transform: uppercase;
}
.site-header .bar { --bs-border-color: rgba(255,255,255,0.2); padding-top:1.5rem; display:none; }
.site-header .component-navbar-split.layout-standard .dropdown-menu.megamenu > div { max-width: var(--ps-site-width); margin: 0 auto }
.site-header .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-old-toggle { font-weight: normal }
.site-header .macro-secondary-navigation { border-top:1px solid rgba(255,255,255,0.2); }
.site-header .macro-secondary-navigation nav { padding: 0 }
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard ul.navbar-nav { align-items:center }
.site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu a span.fas.fa-bars { font-weight: normal } 
.site-header .macro-secondary-navigation .nav-link, .site-header .macro-secondary-navigation .navbar-brand { text-transform: initial }
.site-header .headers-icon-links { width:auto }
.site-header .headers-icon-links .btn-link { --bs-btn-color: var(--bs-white) }
.site-header.logo-sm .site-logo { position:unset; transform: unset }
.component-navbar-split.layout-standard { font-size:1.15rem; }
.component-navbar-split.layout-standard .navbar .navbar-nav .nav-item.parent .nav-link { padding: 0.75rem 0.75rem }
.component-navbar-split.layout-standard .navbar .navbar-nav .nav-link { padding: 0.5rem 0.75rem }
.component-navbar-split.layout-standard .navbar .navbar-nav .nav-link:first-of-type { position:relative }
.component-navbar-split.layout-standard .navbar .navbar-nav .nav-link .nav-link { position: static }
.component-navbar-split.layout-standard .navbar .navbar-nav .nav-link .nav-link:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0 }
.component-navbar-split.layout-standard .navbar-nav.top-level > li .nav-link { --bs-nav-link-font-weight: 600 }
.component-navbar-split.layout-standard .navbar .dropdown-toggle::after { transform: rotate(0deg); transition: transform 0.25s; font-weight:900; margin: 0.25rem; font-family: var(--fa-family-classic); content: "\f0d7"; background-image: none; display: flex ; font-size: 0.75rem; justify-content: center; align-items: center; border:unset !important }
.component-navbar-split.layout-standard .navbar .dropdown-menu li.nav-item:not(:first-child), .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { border:unset }
.component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item .nav-link { text-transform: capitalize; font-weight: normal }
.component-navbar-split.layout-standard .navbar .navbar-brand { margin: 0; padding: 0; border: unset; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 2.25rem }
.component-navbar-split.layout-standard .navbar .navbar-brand img { height:4rem; max-height:4rem }
.component-navbar-split.layout-standard .navbar-toggler { padding: 0; border: unset; height: 3rem }
.component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list .dropdown-menu.level-3:not(.show) { background: transparent !important }
.component-navbar-split.layout-standard .navbar-dark li.nav-item:not(:first-child), .component-navbar-split.layout-standard .navbar-dark ul.navbar-nav.top-level:last-of-type > li.nav-item:first-child { border: unset}
.component-navbar-split.layout-standard .navbar>.container-fluid { padding: 0 }
.ps-component.component-search input { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important }
.mmf-social { border-top: unset !important }

@media (min-width: 992px) {
    .site-header .bar { padding-top:4.5rem; border-top:0 !important; display:block; }
    .site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu a span[class=sr-only] { position:unset; width:auto; height:auto; order:-1 }
    .site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu a span.fas.fa-bars:before { content:"\f078"; padding-left:.5rem; font-size:.85rem }
    .site-header .component-navbar-split.layout-standard .navbar .megamenu .dropdown-menu-inner [data-flex="true"] > .nav-item:not(.brand-icon):not(:nth-child(3)) > .nav-link:after { content:''; height:25%; position:absolute; top:50%; right:-.5px; transform:translate(0%,-50%); border-right:2px solid rgba(255,255,255,0.2) }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .dropdown-menu-inner ul[data-flex=true] > li.brand-icon > a { padding: 0.5rem }
    .component-navbar-split.layout-standard .navbar .navbar-brand { top: -1.75rem  }
    .component-navbar-split.layout-standard .navbar .navbar-brand img { height:6rem; max-height:6rem }
    .navbar-expand-lg .navbar-collapse { padding: 0 5rem }
    .site-header .navbar-nav .nav-link.active,
    .site-header .navbar-nav .show>.nav-link {
        border-bottom: 2px solid rgba(255,255,255,0.0.7);
    }
    .site-header .macro-secondary-navigation .navbar-brand { --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-hover-color: var(--bs-white);  }
    .component-navbar-split.layout-standard .navbar .navbar-brand { margin-top: -3.7rem; position: static; transform: unset }
    .component-navbar-split.layout-standard .navbar .navbar-nav .nav-link:hover,
    .component-navbar-split.layout-standard .navbar .navbar-nav .nav-link:focus { --bs-nav-link-hover-color: rgba(255,255,255,.75) }
    .component-navbar-split.layout-standard .navbar .navbar-nav .nav-link:hover .dropdown-toggle:after,
    .component-navbar-split.layout-standard .navbar .navbar-nav .nav-link:focus .dropdown-toggle:after { transform: rotate(-180deg); transition: transform .25s }

}
@media (max-width: 991px) {
    .site-header .navbar-collapse.show { transform: translateX(0) }
    .component-navbar-split.layout-standard .navbar-nav.top-level > li .nav-link [aria-expanded="true"]:before { content: ''; position: absolute; background-color: rgba(var(--bs-white-rgb), 0.15) !important; width: 100%; height: 100%; top: 0; left: 0; z-index: -1 }
    .site-header .navbar-collapse { position: fixed; overflow-y:auto; display:block !important; left: 0; top: 0; width: 100%; height: 100vh !important; background-color: var(--site-global-bg); background: var(--site-global-gradient); z-index: 1; transform: translateX(-100%); transition: transform 0.3s cubic-bezier(0, 0.55, 0.45, 1) }
}


/*Social Logo*/
.nav-social-links ul { align-items: center; flex-wrap:nowrap }
.nav-social-links ul li a { color:var(--bs-white); display:flex; align-items:center }
.nav-social-links ul li:hover { background-color:var(--bs-white) }
.nav-social-links ul li:hover a { color:var(--bs-primary) }
.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link { padding:.5rem; text-align:center }
.component-navbar-split.layout-standard .nav-social-links .component-nav.layout-standard .nav-link > span { display: block !important; min-width: 1rem }
.nav-social-links, .nav-social-links > div, .nav-social-links > div > div, .nav-social-links ul, .nav-social-links ul li, .nav-social-links ul li a { height: 100% }
.site-header .macro-primary-navigation .nav-social-links { display: none }


/*Site Header Social Icons Collapsable*/
.site-header.social-new .social-collapse-btn i { position: relative; top: 1px }
.site-header.social-new .social-wrapper { --bs-nav-link-font-size: 1rem; position: absolute; z-index:1; top: 100%; height: 0 !important; overflow: hidden; transition: .5s ease; right: 0; left: 0; min-width: 200px; background: var(--bs-white) }
.site-header.social-new .social-wrapper a { color: var(--bs-primary) }
.site-header.social-new .social-wrapper .nav-link { color: var(--bs-primary); display: flex; align-items: center; gap: .5rem; }
.site-header.social-new .social-wrapper .nav-link:hover { background-color: rgba(0, 0, 0, 0.05) }
.site-header.social-new .social-wrapper .nav-link .fa-brands { display: flex; justify-content: center }
.site-header.social-new .social-wrapper .component-nav .layout-wrapper .nav li { border-bottom: 1px solid rgba(0,0,0,0.2); }
.site-header.social-new .social-wrapper .component-nav .layout-wrapper .nav { display: block }
.site-header.social-new .nav-social-links.active .social-collapse-btn > i:before { content: '\e59b' !important }
.site-header.social-new .nav-social-links.active .social-wrapper { height: 100vh !important; z-index: 100 }
.site-header.social-new .nav-social-links .component-nav, 
.site-header.social-new .nav-social-links .layout-wrapper, 
.site-header.social-new .nav-social-links .layout-wrapper .nav, 
.site-header.social-new .nav-social-links .component-nav.layout-standard .nav-link { height: 100% }
.site-header.social-new .nav-social-links .component-nav.layout-standard .nav-link { display: flex; align-items: center }
.site-header.social-new .nav-social-links .component-nav.layout-standard .nav-link .label { display:block !important }
.component-navbar-split.layout-standard .navbar-nav.top-level { width: 100% }
.component-navbar-split.layout-standard ul.navbar-nav.top-level:first-of-type { justify-content: end }
@media only screen and (min-width: 992px){  
    .site-header.social-new .nav-social-links:hover .social-wrapper,
    .site-header.social-new .nav-social-links.active .social-wrapper { height: auto !important; box-shadow: 0 5px 10px 0px rgb(0 0 0 / 20%) }
    .site-header.social-new .nav-social-links { height: 100%; display: flex; align-items: center; cursor: pointer; justify-content: center }
    .site-header.social-new .nav-social-links:hover, .nav-social-links.active{ background-color: var(--bs-white) }
    .site-header.social-new .social-wrapper { left: auto }
    .site-header.social-new .social-wrapper .nav-link .fa-brands { font-size: 1rem; }
    .site-header.social-new .social-wrapper .nav-link { }
    .site-header.social-new .social-wrapper .component-nav .layout-wrapper .nav li:last-child { border-bottom: unset }
    .site-header.social-new .nav-social-links { position: relative }
    .site-header.social-new .nav-social-links:hover .social-collapse-btn, 
    .site-header.social-new .nav-social-links.active .social-collapse-btn{ color: var(--bs-primary) }
    .site-header.social-new .social-collapse-btn i { top: 0 }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle .nav-link { font-size: 1.15rem; font-weight: 600 }
    .component-navbar-split.layout-standard .navbar .dropdown-menu.level-2, .component-navbar-split.layout-standard .navbar .dropdown-menu.level-3, .component-navbar-split.layout-standard .navbar .dropdown-menu.level-4 {background-color: var(--site-global-bg); background: var(--site-global-gradient) }
    .component-navbar-split.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu { width: 100vw; margin-left: calc(-50vw + 50%) }

}



/*Main Component*/
.component-archive-link a { text-decoration:none; text-transform:uppercase; color:var(--bs-secondary); font-weight: 500 }
.component-archive-link a:hover { color:var(--bs-primary) }
.section.main { padding-top:1.5rem; }
.component-headings .component-title { font-weight:600; text-transform:uppercase; color: var(--bs-secondary) }
.component-headings { position: relative; overflow:hidden; }
.ps-component > .page-details .component-headings > div {  z-index: 1; padding-right: 1rem }
section.section .arrows-centered .slick-arrow-controls { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: .25rem }
section.section .arrows-centered .slick-arrow-controls button.slick-arrow { transform: unset; position: static; margin-top: 0; height: 2rem }

@media (max-width: 575px) {
    html.internal-page .site-main { padding: 0 1.5rem }
    .section.main { padding:1.5rem 1.5rem 0 }
}

@media (min-width: 576px) {
    .ps-component.content-switcher-wrapper > .page-details .component-headings {
        margin-right: 240px;
    }
}
@media (min-width: 992px) {
    .section.main { padding-top:2rem }
    .ps-component.content-switcher-wrapper > .page-details .component-headings {
        margin-right: 25%;
    }
    .ps-component > .page-details .component-headings .component-title:after { margin-left:1rem; content: ''; position: absolute; top: 50%; transform: translateY(-50%); border-top: 1px solid var(--global-border-color); width: 100%; height: 2px }
}

/*Top Stories Desktop*/
.sec-top-stories-desktop .component-hero.layout-split .grouping:first-of-type .item { background: var(--bs-secondary); border-radius: 10px }
.sec-top-stories-desktop .component-hero.layout-split .grouping:first-of-type .image a.ratio { --bs-aspect-ratio: 100% }
.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .details { position: unset !important; flex: 1 1 auto; display: flex; flex-direction: column-reverse; justify-content: space-between }
.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .item {
    background:#fff;
    border: 1px solid var(--global-border-color);
    border-radius: 10px;
    height: 100%; display: flex; flex-direction: column;
    color:#000;
    --bs-link-color: var(--bs-primary);
    --bs-link-color: var(--bs-dark);
}
.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .item a.text-white{
    color:var(--bs-primary) !important;
}
.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .item a.text-white:hover{
    color:var(--bs-dark) !important;
}

.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .item .details a.title {  }
.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .date-sport .sport.breadcrumb-item { position: absolute; left: -1rem; background-color: var(--bs-secondary); color: var(--bs-white); padding: 2px 10px }
.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .row { height: 100% }
.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .row > div { height: calc(50% - var(--bs-gutter-y) / 2) }
.sec-top-stories-desktop .component-hero.layout-split .date-sport .date { text-transform:uppercase }
.sec-top-stories-desktop .component-hero.layout-split .grouping:first-of-type .date-sport .sport.breadcrumb-item { background-color: var(--bs-white); width: max-content; color: var(--bs-secondary); padding: 2px 10px; position:absolute; bottom:8rem }
.sec-top-stories-desktop .component-hero.layout-split .grouping:first-of-type .details { display: grid; flex-direction: column-reverse }
.sec-top-stories-desktop .component-hero.layout-split .grouping:first-of-type .date-sport { order:2; margin-top: 0.25rem }
.sec-top-stories-desktop .component-hero.layout-split .details .related-links a { color:var(--bs-white); font-size:1rem }
.sec-top-stories-desktop .component-hero.layout-split .grouping:first-of-type a:hover { color:var(--bs-light) !important }
.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .item:hover { border-color:var(--bs-secondary) }
.sec-top-stories-desktop .component-hero.layout-split .grouping:last-of-type .details .date-sport .date { color: var(--text-muted) }

/*Top Stories*/
.sec-top-stories .component-headlines.layout-basic .slick-arrow-controls .pp .fa-play:before { content: "\f144" }
.sec-top-stories .component-headlines.layout-basic .slick-arrow-controls .pp .fa-pause:before { content: "\f28b" }
.sec-top-stories .component-headlines.layout-basic .slick-arrow-controls .pp span:before { font-family: var(--fa-family-classic) }
.sec-top-stories .component-headlines.layout-basic .slick-arrow-controls .pp span { font-size: 1.5rem }
.sec-top-stories .component-headlines.layout-basic .item { border: 1px solid var(--global-border-color) !important; border-radius: 10px !important; height: 100%; justify-content: start !important }
.sec-top-stories .component-headlines.layout-basic .item .slide-thumbnail { border: 0 !important }
.sec-top-stories .component-headlines.layout-basic .item p.card-text { display: none! important }
.sec-top-stories .component-headlines.layout-basic .item .card-body > div > div:first-of-type { order:1; justify-content:flex-end !important }
.sec-top-stories .component-headlines.layout-basic .item .row > * { margin-top:0 }
.sec-top-stories .component-headlines.layout-basic .item .card-body > div > div:first-of-type .category { position:absolute; background-color:var(--bs-secondary); color:var(--bs-white); padding:.125rem 1rem; left:0 }
.sec-top-stories .component-headlines.layout-basic .item .card-body .card-title a { font-weight:500; color:var(--bs-secondary) }
.sec-top-stories .component-headlines.layout-basic .item .card-body .card-title { font-size: 1.25rem !important }
.sec-top-stories .component-headlines.layout-basic .date,
.sec-top-stories .component-headlines.layout-basic .category { text-transform:uppercase }
.sec-top-stories .component-headlines.layout-basic .slick-arrow-controls button.slick-arrow.next { order: 1 }
.sec-top-stories .component-headlines.layout-basic .date { font-size: .875rem; color: var(--text-muted) }
.sec-top-stories .component-headlines.layout-basic .slick-track .slick-slide { display: flex }
.sec-top-stories .component-headlines.layout-basic .slick-track .slick-slide > div { flex: 1 1 auto }

/*Recent News*/
.sec-recent-news .component-headlines.layout-card-slider .layout-wrapper .slick-slide > div, 
.sec-recent-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item { height:100% }
.sec-recent-news .component-headlines.layout-card-slider .component-sponsor,
.sec-recent-news .component-headlines.layout-card-slider p.card-text { display:none !important }
.sec-recent-news .component-headlines.layout-card-slider .page-details,
.sec-recent-news .component-headlines.layout-card-slider .date { text-transform: uppercase }
.sec-recent-news .component-headlines.layout-card-slider .card-body > div > div:first-of-type { order: 1 }
.sec-recent-news .component-headlines.layout-card-slider .category { position:absolute; left: 0; background-color: var(--bs-secondary); color: var(--bs-white); padding: 2px 10px }
.sec-recent-news .component-headlines.layout-card-slider .card .card-title a { font-weight:500 }
.sec-recent-news .component-headlines.layout-card-slider .card { border: 1px solid var(--global-border-color); background:#fff !important; }
.sec-recent-news .component-headlines.layout-card-slider .card:hover { border-color:var(--bs-secondary) }
.sec-recent-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item .slide-thumbnail > div > div { transition: transform 1s ease }
.sec-recent-news .component-headlines.layout-card-slider .layout-wrapper .slick-slider .item:hover .slide-thumbnail > div > div { transform: scale(1.125) }
.sec-recent-news .component-headlines.layout-card-slider .date { font-size:.875rem; color: var(--text-muted) }
.sec-recent-news .component-headlines.layout-card-slider { gap: .5rem !important }
.sec-recent-news .component-headlines.layout-card-slider .slick-arrow-controls { gap: 3.5rem }

@media only screen and (max-width: 575px){
    .sec-recent-news .component-headlines.layout-card-slider .slick-track { gap:0 }
}

@media only screen and (min-width: 576px){
    .sec-recent-news .component-headlines.layout-card-slider .layout-wrapper .slick-slide:first-child { margin-left: -1rem }
    .sec-recent-news .component-headlines.layout-card-slider .layout-wrapper .slick-slide:last-child { margin-right: -1rem }
}

@media only screen and (min-width: 992px){
    .sec-recent-news .component-headlines.layout-card-slider .slick-arrow-controls { display: none }
}

/*Countdown*/
.sec-countdown:not(:has(.component-countdown)) { display:none } /* hide section wrapper when countdown component is not rendered */
.sec-countdown > div { border-radius:10px }
.sec-countdown .component-countdown.layout-matchup .team { margin:0; padding:0 }
.sec-countdown .component-countdown.layout-matchup .event-details { border-top-left-radius:10px; border-top-right-radius:10px; flex-direction: row !important; justify-content: space-between !important; padding: 1rem; font-weight: 600; position: relative }
.sec-countdown .component-countdown.layout-matchup .team:after,
.sec-countdown .component-countdown.layout-matchup .countdown-digit:before{ display: none }
.sec-countdown .component-countdown.layout-matchup .layout-container { justify-content: space-between !important; padding: 1rem; gap: 0 !important }
.sec-countdown .component-countdown.layout-matchup .sport { order: -1; text-transform: capitalize }
.sec-countdown .component-countdown.layout-matchup .event-title { font-size: 1.25rem !important; font-weight: 600 !important; text-align:center }
.sec-countdown .component-countdown.layout-matchup .team-name { font-size:1rem; font-weight:500; text-transform:capitalize }
.sec-countdown .component-countdown.layout-matchup .countdown { font-weight:500 }
.sec-countdown .component-countdown.layout-matchup li:first-child .countdown-digit,
.sec-countdown .component-countdown.layout-matchup li:last-child .countdown-digit { border:0; padding:0 }
.sec-countdown .component-countdown.layout-matchup .countdown-digit span,
.sec-countdown .component-countdown.layout-matchup .countdown-digit { border:0; background-color:transparent; padding:0 }
.sec-countdown .component-countdown.layout-matchup .countdown-label,
.sec-countdown .component-countdown.layout-matchup .countdown-digit span { margin-left:0 }
.sec-countdown .component-countdown.layout-matchup .countdown-digit { min-width: 60px; justify-content: center; font-weight:600 }
.sec-countdown .component-countdown.layout-matchup .countdown-label { font-size: .875rem; text-transform: capitalize !important }
.sec-countdown .component-countdown.layout-matchup .component-sponsor { position: absolute; right: 1rem }
.sec-countdown .component-countdown.layout-matchup .component-sponsor img { max-width: 4rem }
.sec-countdown .component-countdown.layout-matchup .event-status { text-align: right }
.sec-countdown .component-countdown.layout-matchup .grid { max-width: 100% }
.sec-countdown .component-countdown.layout-matchup .event-teams { padding: 1rem; position: relative; align-items: center }
.sec-countdown .component-countdown.layout-matchup .countdown-digit span { width: auto }
.sec-countdown .component-countdown.layout-matchup .countdown > li:not(:last-child) { border-right: 1px solid var(--global-border-color) !important }
.sec-countdown .component-countdown.layout-matchup .countdown > li { padding: 0 .5rem }
.sec-countdown .component-countdown.layout-matchup .event-teams .team-logo img { max-height: 5rem }
.sec-countdown .component-countdown.layout-matchup .logo-col { flex-direction: column; gap: .25rem }
.sec-countdown .component-countdown.layout-matchup .team-2.logo-col .team-logo { order:0 }
.sec-countdown .component-countdown.layout-matchup .countdown-keys { margin: 0 }
.sec-countdown .component-countdown.layout-matchup .event-col { gap: 0 }
.sec-countdown .component-countdown.layout-matchup .event-details > .team { width: 100%; position: absolute; top: 4rem; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 1rem }
.sec-countdown .component-countdown.layout-matchup .event-col > .event-details + .countdown-keys { padding: 4rem 2rem 2rem }

@media only screen and (min-width: 992px) {
    .sec-countdown .component-countdown.layout-matchup .event-status { padding-right: 5rem }
    .sec-countdown .component-countdown.layout-matchup .event-details > div { flex: 0 0 33% }
    .sec-countdown .component-countdown.layout-matchup .countdown-digit span { font-size: 2.5rem }
    .sec-countdown .component-countdown.layout-matchup .event-col > .event-teams + .countdown-keys { position: absolute; top: 50%; left: 50%; transform: translate(-50%, calc(-50% + 28px)) }
    .sec-countdown .component-countdown.layout-matchup .countdown > li { padding: 0 1rem }
    .sec-countdown .component-countdown.layout-matchup .logo-col { max-width: 250px }
    .sec-countdown .component-countdown.layout-matchup .event-details > .team { top: 5.5rem }
}

@media only screen and (min-width: 1200px) {
    .sec-countdown .component-countdown.layout-matchup .event-teams { margin: 0 2rem }
    .sec-countdown .component-countdown.layout-matchup .logo-col { max-width: 350px }
}

@media only screen and (max-width: 991px) {
    .sec-countdown .component-countdown.layout-matchup .event-teams { padding:1rem }
    .sec-countdown .component-countdown.layout-matchup .countdown-keys { padding: 0 1rem 1rem }
    .sec-countdown .component-countdown.layout-matchup .event-details { padding: 0.5rem }
    .sec-countdown .component-countdown.layout-matchup .event-title, .sec-countdown .component-countdown.layout-matchup .component-sponsor { display:none !important }
    .sec-countdown .component-countdown.layout-matchup .event-teams .vs-at { display: block }
    .sec-countdown .component-countdown.layout-matchup .event-teams { justify-content: center }
    .sec-countdown .component-countdown.layout-matchup .logo-col { flex: 1 }
}

@media only screen and (max-width: 575px) {
    .sec-countdown .component-countdown.layout-matchup .event-details { font-size: .875rem }
}

/*Parallax*/
.sec-parallax .component-parallax .layout-wrapper { min-height: 31vh }
.sec-parallax .component-parallax .page-title { font-weight: 600; color: var(--bs-secondary) }
.sec-parallax .component-parallax .overlay::before { background: rgba(0,0,0,0.1) }

/*Scoreboard*/
.sec-schedule-tabs .component-tabs { gap:.5rem!important }
.sec-schedule-tabs .slick-dotted.slick-slider { margin-top:0; margin-bottom:0 }
.sec-schedule-tabs .archive-link a { border:0; border-radius:0; --bs-btn-padding-x: .5rem; line-height: initial;
    --bs-btn-padding-y: .5rem;  margin-bottom: 0.5rem; }
.sec-schedule-tabs .archive-link a > .text { display:none;}
.sec-schedule-tabs .archive-link { display:flex; position:absolute; right:0; top:auto; bottom:100%; z-index:1 }
.sec-schedule-tabs .archive-link:hover:before { color:var(--bs-primary) !important; }
.sec-schedule-tabs .component-scoreboard.layout-clean .event-location-diamond { display:none }
.sec-schedule-tabs .component-scoreboard.layout-clean .card-body .card-inner { gap:.25rem!important }
.sec-schedule-tabs .component-scoreboard.layout-clean .team-logos .logo-holder:not(.default-logo-holder) { padding:10px; background-color:var(--bs-grey-color); border-radius:100%; margin:0 -5px; filter:drop-shadow(0px 3px 9px rgba(0,0,0,.13)) }
.sec-schedule-tabs .component-scoreboard.layout-clean .team-logos { gap:0!important }
.sec-schedule-tabs .component-scoreboard.layout-clean .team-logos .logo-holder img { max-height:3rem }
.sec-schedule-tabs .component-scoreboard.layout-clean .event-links { padding-top:5px; border-top:1px solid var(--global-border-color) }
.sec-schedule-tabs .component-scoreboard.layout-clean .event-links a { color:var(--bs-secondary) }
.sec-schedule-tabs .component-scoreboard.layout-clean .event-team-name > span { font-weight:600!important }
.sec-schedule-tabs .component-scoreboard.layout-clean .event-team-name > span.vs-at-indicator { color: var(--bs-primary) }
.sec-schedule-tabs .component-scoreboard.layout-clean .component-scoreboard .event-links a { color:var(--bs-primary) }
.sec-schedule-tabs .component-scoreboard.layout-clean .slick-list { border:0 }
.sec-schedule-tabs .component-scoreboard.layout-clean .slick-track .slick-slide.card { --bs-card-bg:#fff; --bs-card-color: #000; margin:0 1px; border:1px solid var(--global-border-color); border-radius:10px;}
.sec-schedule-tabs .component-scoreboard.layout-clean .card-inner > div.event-date-and-status,
.sec-schedule-tabs .component-scoreboard.layout-clean .card-heading {
    --bs-link-color:#fff;
    --bs-link-hover-color:#eaeaea;
    padding: 1rem;
    font-size:.875rem!important;
    background-color:var(--bs-secondary);
    color:#fff !important;
    width:100%;
    text-align:left;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.sec-schedule-tabs .component-scoreboard.layout-clean .card-body {
    padding:1rem;
}
.sec-schedule-tabs .component-scoreboard.layout-clean .card-inner > div.event-date-and-status{ right:0; display:flex; gap:.25rem; font-size:.8rem!important; z-index:1; color:var(--bs-white) }
.sec-schedule-tabs .component-scoreboard.layout-clean .macro-event-logos { padding-top:1rem; margin-top:0 !important; }
.sec-schedule-tabs .component-scoreboard.layout-clean .card-inner > div.event-date-and-status .date { font-size:.8rem!important; font-weight:normal!important }
.sec-schedule-tabs .component-scoreboard.layout-clean .card-inner > div.event-date-and-status .status:before { content:"|"; padding-right:.25rem; position:relative; top:-1px }
.sec-schedule-tabs .component-scoreboard.layout-clean .card-inner .sport-name a { color:var(--bs-white) !important; max-width:55%; display:-webkit-box!important; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-weight:normal }
.sec-schedule-tabs .component-scoreboard.layout-clean .macro-line-scores.participants .team-inner { justify-content:start!important }
.sec-schedule-tabs .component-scoreboard.layout-clean,
.sec-schedule-tabs .component-tabs .tab-content { overflow:visible }
.sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills { position: absolute; top: -2.75rem; right: 2rem; background-color: transparent; margin-bottom:0 !important }
.sec-schedule-tabs .ps-component > .page-details .component-headings:after { width: calc(100% - 5rem) }
.sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills {
    --bs-nav-pills-link-color: var(--bs-primary);
    --bs-nav-pills-link-active-color: var(--bs-primary);
    --bs-nav-pills-link-active-bg: transparent;
}
.sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills li a.active { background-color: transparent }
.sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills li a { text-transform: uppercase; font-weight: 600 }
.sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills li a.active,
.sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills li a:hover,
.sec-schedule-tabs .component-scoreboard.layout-clean .event-links a:hover { color: var(--bs-primary); text-decoration:none }
.sec-schedule-tabs .component-scoreboard.layout-clean .slick-arrow-controls { position: relative; padding-top: 1rem; gap: 1rem; left: unset !important; right: unset !important }
.sec-schedule-tabs .component-scoreboard.layout-clean .slick-arrow-controls:after,
.sec-schedule-tabs .component-scoreboard.layout-clean .slick-arrow-controls:before { content:''; width:100%; border:1px solid var(--global-border-color); position:absolute; left:0; top:.75rem }
.sec-schedule-tabs .component-scoreboard.layout-clean .slick-arrow-controls:after { top:3.2rem }
.sec-schedule-tabs .component-tabs .component-sponsor { display: none !important }
.sec-schedule-tabs .component-scoreboard.layout-clean .slick-arrow-controls button.slick-arrow.next { order: 1 }

@media (max-width: 991px) {
    .sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills li a { padding: 0.5rem }
}

@media (max-width: 425px) {
    .sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills { position:unset }
    .sec-schedule-tabs .component-tabs { gap:0 !important }
    .sec-schedule-tabs .archive-link { top: 0.25rem }
    .sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills li:first-child a { padding-left: 0 }
}

@media (min-width: 576px) {
    .sec-schedule-tabs .component-scoreboard.layout-clean .slick-track .slick-slide.card { margin:0 5px }
    .sec-schedule-tabs .component-scoreboard.layout-clean .slick-track .slick-slide.card.slick-active:first-of-type { margin-left:0 }
    .sec-schedule-tabs .component-scoreboard.layout-clean .slick-track .slick-slide.card.slick-active:last-of-type { margin-right:0 }
}

@media (min-width: 992px) {
    .sec-schedule-tabs .slick-dotted.slick-slider { margin-bottom:0 }
    .sec-schedule-tabs .component-tabs .layout-wrapper > div > ul.nav-pills { top: -3rem; right: 3rem }
}

/*Featured Athletes*/
.sec-featured-athletes .component-headings .component-title { color:var(--bs-white); text-align:left }
.sec-featured-athletes .component-aotw.layout-align .player .player-details { align-items:flex-start; text-transform: capitalize; padding:1rem 1.5rem }
.sec-featured-athletes .component-aotw.layout-align .player .player-details .player-bio { position: relative; flex-direction:row; flex-wrap: wrap; align-items:center; justify-content: flex-start; column-gap: 0; font-weight:600 }
.sec-featured-athletes .component-aotw.layout-align .player .player-details .player-sport { width: 100%; text-align: left; font-weight:normal }
.sec-featured-athletes .component-aotw.layout-align .player-attrs .jersey { padding-right: 5px; font-size: 1.5rem }
.sec-featured-athletes .component-aotw.layout-align .player .headshot { border:0; transform:unset }
.sec-featured-athletes .component-aotw.layout-align .player .headshot .headshot-holder { border:0; transform:unset }
.sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name { color:var(--bs-white); font-weight: 600; text-align:left }
.sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-dots { display: none !important }
.sec-featured-athletes .component-aotw.layout-align .player-details .player-bio a:after { content:'View More'; text-transform:uppercase; position:absolute; top:85px; left:0; display:block; font-size:1rem; width:max-content; padding:.45rem 2.5rem; border:1px solid var(--bs-white); border-radius:35px }
.sec-featured-athletes .component-aotw.layout-align .player-details .player-bio a:hover:after { background-color:var(--bs-white); color:var(--bs-secondary) }
.sec-featured-athletes .component-aotw.layout-align .player-attrs { order:-1 }
.sec-featured-athletes .component-aotw.layout-align .player .player-headshot { margin-left: auto; min-width: 200px; max-width: 200px;  max-height: 260px; min-height: 260px }
.sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button { color: var(--bs-white); background-color: transparent; top: auto!important; height: 2rem!important; border: 0; bottom: 1rem!important; font-size: 1.5rem; transform: unset; padding: 0!important; display: flex; align-items: center; justify-content: center }
.sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button:hover { color:var(--bs-primary) }
.sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button.slick-prev { left: 1.5rem!important }
.sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button.slick-pp { left: 3.5rem!important }
.sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button.slick-next { left: 5.5rem!important }

@media (min-width: 992px){
    .sec-featured-athletes .component-aotw.layout-align .player .player-details { padding:3rem; margin-bottom: 5rem }
    .sec-featured-athletes .component-aotw.layout-align .player-attrs .jersey { padding-right: 10px }
    .sec-featured-athletes .component-aotw.layout-align .player .player-headshot { max-width: 400px; min-width: 400px; max-height: 400px; min-height: 400px; padding-right: 3rem }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button { bottom: 5rem!important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button.slick-prev { left: 3rem!important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button.slick-pp { left: 5.5rem!important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button.slick-next { left: 8rem!important }
}

@media (min-width: 1200px) {
    .sec-featured-athletes .component-aotw.layout-align .player .player-details { padding: 5rem }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button.slick-prev { left: 5rem!important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button.slick-pp { left: 7.5rem!important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider.players > button.slick-next { left: 10rem!important }
}

@media (max-width: 991px){
    .sec-featured-athletes .component-aotw.layout-align .player .player-headshot { width:50%; margin-top:6rem }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details { position:absolute; gap:0; top: 0; left: 0 }
    .sec-featured-athletes .component-aotw.layout-align .player-details .player-bio a:after { top:3.5rem; padding:.25rem 1.5rem }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details .player-bio { gap:0 }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name,
    .sec-featured-athletes .component-aotw.layout-align .player-attrs .jersey { font-size:1rem }
}

/*Standings*/
.sec-standings .content-switcher-wrapper.layout-select { gap: 0.5rem !important }
.sec-standings .component-tabs .form-floating:before {content:'\f0d7'; font-weight:900; font-family:var(--fa-family-classic); font-size:1.25em; color:var(--bs-primary); position:absolute; right:1rem; top:50%; transform:translateY(-50%); margin-top:-.55rem }
.sec-standings .component-tabs .form-floating label { display:none }
.sec-standings .component-tabs .form-floating .form-select { position:relative; height:auto; padding-top:.625rem; font-weight:600; background:none }
.sec-standings .component-standings table { margin:0; --bs-table-border-color: var(--global-border-color) }
.sec-standings .component-standings table thead th { font-weight:500; text-transform: capitalize }
.sec-standings .component-standings table thead th.group-head { font-size:1rem; font-weight:600 }
.sec-standings .component-standings table thead th.col-head { font-weight:500 }
.sec-standings .component-standings.has-col-groups .team-col { width:35% }
.sec-standings .component-standings table thead { position:sticky; left:0; top:0; right:0; background-color:var(--bs-white) }
.sec-standings .component-standings table thead tr:last-of-type { box-shadow: 0 0 0 1px var(--global-border-color) }
.sec-standings .component-standings table tbody tr:last-of-type * { border: 0 }
.sec-standings .component-standings .table-responsive { border: 1px solid var(--global-border-color); border-radius: 10px }

@media only screen and (min-width:992px) {
    .sec-standings .component-tabs .form-floating { width:auto !important; min-width:17.5% }
    .sec-standings .component-tabs .form-floating .form-select { border-radius: 10px; border-color: var(--global-border-color) }
    .sec-standings .component-standings table tr > * { background-color: var(--global-bg-color) }
    .sec-standings .component-standings table .conference-head,
    .sec-standings .component-standings table .conference-col-head,
    .sec-standings .component-standings table .conference-col-field { background-color: rgba(var(--global-border-color-rgb),.5) !important }
}

/*Stat Leaders*/
.sec-stats-leaders .ps-component { gap:.5rem !important }
.sec-stats-leaders .component-tabs .form-floating:before { content:'\f0d7'; font-weight:900; font-family:var(--fa-family-classic); font-size:1.25em; color:var(--bs-primary); position:absolute; right:1rem; top:50%; transform:translateY(-50%); margin-top:-.55rem }
.sec-stats-leaders .component-tabs .form-floating label { display:none }
.sec-stats-leaders .component-tabs .form-floating .form-select { position:relative; height:auto; padding-top:.625rem; font-weight:600; background:none }
.sec-stats-leaders .layout-wrapper .form-select { border:1px solid var(--global-border-color); border-radius:10px; font-size:.875rem; margin-bottom:1rem !important }
.sec-stats-leaders .leaders-card { border-color:var(--global-border-color) !important; border-radius:10px; overflow:hidden }
.sec-stats-leaders .leaders-card .list-group-item { border-bottom-color:var(--global-border-color); background-color:var(--global-bg-color) }
.sec-stats-leaders .leaders-card .list-group-item a { color:var(--bs-body-color) }
.sec-stats-leaders .leaders-card .list-group-item a:hover { color:var(--bs-primary) }
.sec-stats-leaders .macro-archive-link a { font-weight:600 }

@media only screen and (min-width:992px) {
    .sec-stats-leaders .ps-component { gap:1rem !important }
    .sec-stats-leaders .component-tabs .form-floating { position: absolute; top: -3.5rem; right: 0; z-index: 1; width:auto !important; min-width:17.5% }
    .sec-stats-leaders .component-tabs .form-floating .form-select { border-radius:10px; border-color:var(--global-border-color) }
}

/*Recent Videos*/
.sec-recent-videos,
.sec-recent-videos .ps-component > .page-details .component-headings > div { background-color: var(--video-bg-color) }
.sec-recent-videos .component-video.layout-cards .ratio { border-radius: 10px }
.sec-recent-videos .component-video.layout-cards .ready .item .card-img-overlay { position:unset; background-color:transparent; padding:1rem 0; font-weight: 600 }
.sec-recent-videos .component-video.layout-cards .ready .item:first-of-type { width:100% }
.sec-recent-videos .component-video.layout-cards .ready .item:first-of-type .card-title { font-size: 1.5rem !important }
.sec-recent-videos .component-video.layout-cards .ready .item:first-of-type .card-img-overlay { border-radius:0; justify-content:center!important }
.sec-recent-videos .component-video.layout-cards .ready .item:first-of-type .card { flex-direction:column; justify-content:space-between }
.sec-recent-videos .component-video.layout-cards .items { gap:.25rem; justify-content: space-between }
.sec-recent-videos .component-video.layout-cards .ready .item:nth-child(n+6) { display: none }
.sec-recent-videos .component-video.layout-cards .ready .item:not(:first-of-type) { flex: 0 0 calc(50% - 0.25rem) }
.sec-recent-videos .component-video.layout-cards .ready .item .card.bg-dark.text-white {
    background-color:transparent!important;
    color: var(--bs-dark) !important;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-dark);
}
.bg-dark.text-white a.text-white {
    color: var(--bs-primary) !important;
}
.bg-dark.text-white a.text-white:hover{
    color: var(--bs-dark) !important;
}

.sec-recent-videos .component-video.layout-cards .ready .item .card > .ratio { background-color: var(--bs-secondary);}
.sec-recent-videos .component-video.layout-cards .fa-youtube { font-family: var(--fa-family-classic); border: 0; border-radius: 100%; background-color: var(--bs-primary); width:3rem; height:3rem }
.sec-recent-videos .component-video.layout-cards .fa-youtube:before { content: "\f144"; position: absolute; color: var(--bs-white) }
.sec-recent-videos .component-video.layout-cards .fa-youtube:after { content: "\f144"; color: var(--bs-secondary) }
.sec-recent-videos .component-video.layout-cards .video-btn-overlay { opacity:1 }
.sec-recent-videos .component-video.layout-cards .card-date { order: 1; font-weight: normal; text-transform: uppercase; font-size: .9rem }

@media (min-width: 992px) {
    .sec-recent-videos .component-video.layout-cards .ready .item:first-of-type .card { flex-direction:row; gap:1rem }
    .sec-recent-videos .component-video.layout-cards .ready .item:first-of-type .card > div { flex:0 0 49% }
    .sec-recent-videos .component-video.layout-cards .ready .item:first-of-type { margin-bottom: 1rem }
    .sec-recent-videos .component-video.layout-cards .items { gap:.5rem }
    .sec-recent-videos .component-video.layout-cards .ready .item:not(:first-of-type) { flex: 0 0 calc(25% - .5rem) }
}

@media (max-width: 991px) {
    .sec-recent-videos .component-video.layout-cards .ready .item:nth-child(n+4) { display: none }
    .sec-recent-videos .component-video.layout-cards .ready .item .card-img-overlay { padding-bottom:0 }
}

/*Photo Gallery*/
.sec-photo-gallery .component-gallery.layout-slider .card { border-radius: 10px !important; overflow: hidden; border: 0 }
.sec-photo-gallery .component-gallery.layout-slider .item { padding: 0 0.5rem }
.sec-photo-gallery .component-gallery.layout-slider .component-sponsor { display: none !important }
.sec-photo-gallery .component-gallery.layout-slider .card:before { transition: background-color .3s }
.sec-photo-gallery .component-gallery.layout-slider .item:hover .card:before { background-color: rgba(var(--bs-secondary-rgb),.65) }
.sec-photo-gallery .component-gallery.layout-slider .item:hover .card-img-overlay { background:none }
.sec-photo-gallery .component-gallery.layout-slider .item .card-date { text-transform: uppercase }
.sec-photo-gallery .component-gallery.layout-slider .slick-arrow-controls button.slick-arrow { padding:0 }
.sec-photo-gallery .component-gallery.layout-slider .slick-arrow-controls { gap:3rem }

@media (min-width: 992px) {
    .sec-photo-gallery .component-gallery.layout-slider .slick-arrow-controls { display:none }
}

/*Social Stream*/
.social-stream-wrap { background-color: var(--global-bg-color) }
.social-stream-wrap .component-social.layout-hub { gap: 0 !important }
.sec-social-stream .item { margin-top:0 }
.sec-social-stream .item .social-widgets-wrap { background-color:transparent!important; padding:0!important }
.sec-social-stream .item .social-widgets-wrap .social-embed-icon { padding-bottom:0!important; margin-bottom:.5rem }
.sec-social-stream .item .social-widgets-wrap .social-embed-icon span { color:var(--bs-secondary) ; font-size:1.25rem!important; position:relative; display:block; text-align:right; padding:.5rem }
.sec-social-stream .item .social-widgets-wrap .social-embed-icon span:after { position:absolute; left:2rem; top:.5rem; font-weight:600; font-family:var(--bs-body-font-family); text-transform:uppercase }
.sec-social-stream .item#component-social-widget-twitter .social-widgets-wrap .social-embed-icon span:after { content:'Twitter' }
.sec-social-stream .item#component-social-widget-facebook .social-widgets-wrap .social-embed-icon span:after { content:'Facebook' }
.sec-social-stream .item#component-social-widget-instagram .social-widgets-wrap .social-embed-icon span:after { content:'Instagram' }
.sec-social-stream .item#component-social-widget-youtube .social-widgets-wrap .social-embed-icon span:after { content:'Youtube' }
.sec-social-stream .item .social-widgets-wrap .social-embed-content { background-color:var(--bs-secondary); --bs-link-color:#fff; --bs-link-hover-color:#eaeaea; color:#fff;  border:.5rem solid var(--bs-grey-color); min-height: 525px; max-height: 525px; padding: 1rem 1rem 0 }
.sec-social-stream .item .social-widgets-wrap { margin-left: 0!important; margin-right: 0!important; margin-bottom: 0 !important }

@media (max-width: 576px) {
    .sec-social-stream .item .social-widgets-wrap .social-embed-content { margin-left: calc(var(--bs-gutter-x) * .5)!important; margin-right: calc(var(--bs-gutter-x) * .5) !important }
}

@media (max-width: 991px) and (min-width: 576px) {
    .sec-social-stream .item .social-widgets-wrap { padding-right: calc(var(--bs-gutter-x) * .5) !important; padding-left: calc(var(--bs-gutter-x) * .5) !important }
}

@media (min-width: 992px) {
    .sec-social-stream .item .social-widgets-wrap .social-embed-content { padding: 1.5rem 1.5rem 0 }
    .sec-social-stream .item .social-widgets-wrap { margin-left:.5rem!important; margin-right:.5rem!important }
}

/*Banner*/
.sec-banner .component-banner.layout-slider .slick-arrow-controls .slick-arrow { left:unset; right:unset }
.sec-banner .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next { order:1 }

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

/*Footer*/
.site-footer .footer-details-wrapper,
.site-footer .developer-section {
    background-color: var(--global-bg-color);
    color:var(--bs-dark);
    --bs-link-color:var(--bs-primary);
    --bs-link-hover-color:var(--bs-dark);
}
.site-footer .footer-details-wrapper { display:flex; justify-content:space-between; align-items:center; flex-direction:column }
.site-footer .inc-hostedby { width:13rem; margin:0 auto }
.site-footer .inc-hostedby .st0,
.site-footer .inc-hostedby .st1 { fill:var(--bs-primary) }
.site-footer .footer-logos img { object-fit:scale-down; max-height:4rem; max-width: 7rem !important }
.site-footer .social-icons-footer .nav-link { padding:0; margin:5px 15px 0 0 }
.site-footer .footer-links li:first-child .nav-link:before { content:' '; margin:0 }
.site-footer .footer-links .nav-link:before { content:'|'; color:rgba(0,0,0,0.2); margin:0 0.25rem; background:transparent;}
.site-footer .footer-links .nav-link { padding:.5rem 0; background:transparent; }
.site-footer .footer-logos .component-banner.layout-flex ul { gap: 0 !important; flex-direction:row !important; margin-bottom:0; flex-wrap: wrap }
.site-footer .footer-details .footer-logo { margin-right:20px }

@media (max-width: 575px) {
    .site-footer { padding: 0 1.5rem }
    .site-footer .footer-logos .component-banner.layout-flex .item { flex: 0 0 30%!important }
    .site-footer .footer-logos img { max-width: 6rem !important }
}

@media (max-width: 991px) {
    .site-footer .footer-logos .component-banner.layout-flex .item { padding:.5rem }
}

@media (min-width: 992px) {
    .site-footer .privacy-links { margin-left:10px  }
    .site-footer .footer-logos .component-banner.layout-flex ul { gap: 2rem !important }
    .site-footer .copyright-privacy-links-section { height: 2.65rem; justify-content:start !important }
}

@media (min-width: 1200px) {
    .site-footer .footer-details-wrapper { flex-direction:row }
    .site-footer .footer-details { align-items:center }
}

/*Member Logos*/
.sec-member-logos ul.navbar-nav { gap: 0.5rem !important }
.sec-member-logos li.nav-item { border: 1px solid var(--global-border-color); border-radius: 10px }
.sec-member-logos li.nav-item:where(:focus, :hover, :active) { box-shadow: 0px 1px 3px rgba(var(--bs-secondary-rgb), 0.47) }
.sec-member-logos .panel-control-bar ~ div ul li { flex: 1 1 120px !important }


/*Affiliates*/
.sec-affiliates .component-banner.layout-slider .item a { margin: .25rem }
.sec-affiliates .component-banner.layout-slider .item img { max-height: 5rem }
.sec-affiliates .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next { order:1 }
.sec-affiliates .component-banner.layout-slider .slick-arrow-controls { margin-top:1rem }

html:not(.primary-color-light) .preloader{
    background-color: rgba(var(--bs-primary-rgb), 0.9) !important;
}
html:not(.secondary-color-light) .preloader-animation {
    border-left-color: rgba(var(--bs-secondary-rgb), 0.9);
    border-right-color: rgba(var(--bs-secondary-rgb), 0.9);
}
html:not(.primary-color-light):not(.secondary-color-light) .preloader.rotate .preloader-animation::before{
    background:transparent !important;
    border: 3px solid rgba(255,255,255, 0.2) !important;
    border-top-color: var(--bs-white) !important;
}
