:root {
    --bs-border-color:#EAEAEA;
    --heading-font-family: "Montserrat", sans-serif;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-secondary);
    --body-font-family: 'Montserrat', sans-serif;
    --bs-font-sans-serif: 'Montserrat', sans-serif;
    --bs-body-font-family: 'Montserrat', sans-serif;
    --heading-font-family: 'Montserrat', sans-serif;
    --state-player-hover: #525252;
}

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.btn-secondary { --bs-btn-color: var(--bs-primary) !important }
.visually-hidden { color: var(--bs-primary) }
.section-dark .visually-hidden { color: var(--bs-white) }
.site-header, .sec-schedule, .sec-countdown, .sec-tabs, .sec-banners, .sec-social-banners { --bs-link-color: #fff }
.section-dark a[rel="wiki-link"] { color: #fff }
a[rel="wiki-link"]:hover { color: gray }
.waldo-display-unit:not(:has(iframe)) { display: none !important }
.macro-archive-link .btn-link { background: var(--bs-secondary); font-size: 1.125rem; border-radius: .375rem !important; padding: .5rem 1.5rem }
.macro-archive-link .btn-link:hover { background: #fff !important; color: var(--bs-primary) !important; text-decoration: none }
body .fa-twitter { --fa: "\e61b" }
.internal-page .site-main { padding-inline:1rem }
.internal-page .site-main > div { margin-block:1rem; padding:1rem; border:1px solid var(--bs-border-color); background-color:#fff }
body :focus-visible { outline: 2px solid var(--bs-tertiary) !important } 
.ps-component .archive-link a { margin-top: 1rem; --bs-btn-padding-x:1.5rem; font-weight:700; line-height:1; text-transform:uppercase; font-size: 1rem; color:var(--bs-primary) }
.ps-component .archive-link a:hover,
.ps-component .archive-link a:focus { color:var(--bs-white); background-color:var(--bs-primary); filter:brightness(100%) }

/* HEADER */

.is-pinned .title-bar .site-title { display: none !important }
.navbar-toggler .icon-bar+.icon-bar { margin-top: 7px }
.site-header .site-logo { position:absolute; top:.75rem; left:1rem;  z-index:1001 }
.site-header .site-logo img { max-height:5rem }
.site-header .title-bar .site-title { display:flex; flex-direction:column; align-items:center; font-size:.875rem; font-weight:700; padding:.5rem 0; letter-spacing:.125em; text-transform:uppercase; color:var(--bs-primary) }
.site-header .primary-nav-wrapper {  border-bottom: 2px solid var(--bs-secondary); background-color:var(--bs-primary); }
.site-header .primary-nav-wrapper > div { position:relative; display:flex; justify-content:end; min-height:5rem; padding-top:1rem; padding-bottom:1rem }
.site-header .component-navbar-primary .navbar-expand-lg > div { padding:0 }
.site-header .component-navbar-primary .navbar-brand { display:none !important }
.site-header .component-navbar-primary .navbar-toggler { border:0; border-radius:0; opacity:1 }
.site-header .component-navbar-primary .navbar-toggler:focus { box-shadow:none }
.site-header .component-navbar-primary .navbar-toggler .icon-bar { height:2px; width:30px }
.site-header .component-navbar-primary .navbar-toggler[aria-expanded="true"] .icon-bar { margin-top: 6px; }
.site-header .component-navbar-primary .navbar-toggler.x[aria-expanded="false"] .icon-bar:nth-of-type(2) { width:30px !important }
.site-header .component-navbar-primary .navbar-light .navbar-toggler .icon-bar { background-color:var(--bs-white) }
.site-header .component-navbar-primary .navbar-nav { border-bottom:5px solid var(--bs-primary); box-shadow:0 0 3px 0 rgba(0,0,0,0.16) }
.site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link.dropdown-toggle.show { border-bottom:0 !important }
.site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link,
.site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link { font-size:1rem; text-transform:uppercase; font-weight:700; color:#fff }
.site-header .component-navbar-primary .navbar-nav > .nav-item > a.nav-link:focus-within { color: var(--bs-secondary) }
.site-header .component-navbar-primary .navbar-nav .dropdown-menu { background-color:var(--bs-primary) !important }
.site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link { color:var(--bs-white) }
.site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link .fa-schedule:before { content:"\f073"; font-family:var(--fa-family-classic); font-weight:900 }
.site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link .fa-roster:before { content:"\f007"; font-family:var(--fa-family-classic) }
.site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link .fa-news:before { content:"\e473"; font-family:var(--fa-family-classic) }
.site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link .fa-facebook:before { content:"\f39e"; font-family:var(--fa-family-brands) }
.site-header .component-navbar-primary.layout-standard .navbar-nav .dropdown-toggle::after { content:'\f078'; font-weight:300; font-family:var(--fa-family-classic); font-size:1.25rem; margin-left:.325rem; transform:rotate(-90deg); color: var(--bs-secondary) }
.site-header .component-navbar-secondary .navbar { font-weight:700 }
.site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .nav-link, 
.site-header .component-navbar-secondary .navbar-brand { color:var(--bs-primary); text-transform:uppercase; font-size: 1rem }
.site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .nav-link:hover, 
.site-header .component-navbar-secondary .navbar-brand:hover{ color: var(--bs-tertiary) }
.site-header .component-navbar-secondary .navbar .dropdown-menu { background-color:var(--bs-body-bg) !important }
.site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .nav-link .fa-bars { font-size: 1.5rem; font-weight: 500; color: var(--bs-primary); }
.site-header .composite-search { position:absolute; right:1rem; top:1.5rem }
.site-header .composite-search .btn { font-size:1.25rem }
.site-header .composite-search .btn:hover,
.site-header .composite-search .btn:focus { filter:brightness(100%) }
.site-header .composite-search .btn span[class*="fa-"]:before { font-weight:800 }
.site-header .primary-nav-wrapper .nav-end .social-links a.nav-link {position: relative; font-size: 1.125rem; display: flex ; padding:1rem 3rem 1rem 1rem !important; align-items: center; justify-content: start; width: 100%; gap: 1rem; border-bottom: 1px solid #303341 !important }
.site-header .primary-nav-wrapper .nav-end .social-links li:hover a.nav-link{ color: var(--bs-secondary) }
.site-header .primary-nav-wrapper .nav-end .social-links .nav li:nth-last-child(1) a.nav-link:after{left:auto;right:0;display:none }
.site-header .primary-nav-wrapper .nav-end .nav-link, 
.site-header .primary-nav-wrapper .nav-end .btn-link { color: var(--bs-white); font-size:1.5rem; line-height:1; border: unset !important; text-transform:uppercase }
.site-header .primary-nav-wrapper .nav-end .btn-link:hover,
.site-header .primary-nav-wrapper .nav-end .btn-link:focus,
.site-header .primary-nav-wrapper .nav-end .btn-link:active { color: var(--bs-secondary) }
.site-header .primary-nav-wrapper .nav-end .social-links .component-collapse.layout-standard .component-nav.layout-standard .nav-link .fa-brands { font-size: 2rem }
.site-header .primary-nav-wrapper .nav-end .social-links .component-collapse .nav li:after { content: "\f054";font-family: var(--fa-family-classic);position: absolute;right: 1rem;color: var(--bs-white);font-size: 1rem }
.site-header .component-navbar-primary .navbar-nav > .nav-item > .dropdown-menu { background-color:var(--bs-primary) !important }
.site-header .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link.level-2 .nav-link { color: var(--bs-white) !important; text-transform: uppercase; font-size: 1.25rem }
.site-header .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent):not(:last-child) .nav-link.level-2 { border-bottom: 1px solid var(--bs-primary) }
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list .nav-item .dropdown-menu .dropdown-menu-inner .nav-link.dropdown-old-toggle:hover,
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list .nav-item .dropdown-menu .dropdown-menu-inner .nav-link.dropdown-old-toggle:focus,
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list .nav-item .dropdown-menu .dropdown-menu-inner .nav-link.dropdown-old-toggle:active,
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item.dropdown .dropdown-menu .dropdown-menu-inner .dropdown-menu-list .nav-item .nav-link.level-4:hover,
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item.dropdown .dropdown-menu .dropdown-menu-inner .dropdown-menu-list .nav-item .nav-link.level-4:focus,
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item.dropdown .dropdown-menu .dropdown-menu-inner .dropdown-menu-list .nav-item .nav-link.level-4:focus-within,
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item.dropdown .dropdown-menu .dropdown-menu-inner .dropdown-menu-list .nav-item .nav-link.level-4:active,
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-old-toggle:focus-within .nav-link { color: var(--bs-white) !important; text-decoration: none }


/**** HEADER SOCIAL***/
/*.site-header .header-buttons {   position: static }*/
.component-collapse [data-bs-toggle="collapse"] .fa:before, .fa-magnifying-glass:before { font-family: var(--fa-family-classic); font-weight: 300 }
.component-collapse .nav { flex-direction: column }
.component-collapse .nav .nav-link .label { display: block !important; position: static; margin: 0; clip: unset !important; overflow: unset; white-space: unset !important; width: auto !important; height: auto !important }
.component-collapse.layout-standard [data-bs-toggle="collapse"][aria-expanded="true"] .fa:before { content: "\f00d"; font-size: 1.7rem }
.nav-end .fa-xmark { font-size: 2rem }
.nav-end .social-links .component-collapse > .layout-wrapper > div,  
.nav-end  .composite-btn .component-collapse > .layout-wrapper > div {   gap: 0 !important}
.nav-end  .social-links .component-collapse .panels, 
.nav-end  .composite-btn .component-collapse .panels { position: absolute; left: 0; right: 0; top: calc(100%); z-index: 9; background: var(--bs-primary); overflow-y: auto }
.nav-end .social-links .component-collapse .component-nav {height: 100vh}
.nav-end  .social-links .component-collapse > .layout-wrapper, 
.nav-end  .composite-btn .component-collapse > .layout-wrapper {   position: inherit !important}
.nav-end  .social-links .component-collapse .nav { justify-content: flex-start;  text-align: left }
.nav-end  .social-links .component-collapse .nav li { display: flex ; align-items: center; gap: 1rem; width: 100% }
.nav-end  .social-links .component-collapse .nav { margin-bottom: 1rem }
.site-header .header-buttons a.composite-link span::before { font-weight: 300 }
.site-header .social-icons { display:none }
.site-header .header-buttons .col-social .btn { width: 32px }
.nav-end  .composite-btn .component-collapse .panels { background: var(--bs-primary) }
.nav-end  .composite-btn .component-collapse .panels .component-scoreboard.layout-list { padding: 1rem }
.site-footer .component-banner.layout-flex .item img { max-height: 5rem }

.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item:last-child { border-bottom: 1px solid rgb(255 255 255 / 19%) }

@media(min-width:992px){
    .nav-end  .social-links .component-collapse > .layout-wrapper { position: relative !important }
    .nav-end  .social-links .component-collapse .panels{ min-width: 200px;right: 0;left: auto }
    .is-pinned .component-navbar-primary .navbar-nav > .nav-item > .nav-link { padding: 1.75rem 1rem !important }
    .nav-end  .social-links .component-collapse .panels ul.nav { padding: 2.5rem 0 0;   margin-bottom: 0 }
    .nav-end  .social-links .component-collapse .component-nav { height: auto }
    .nav-end ul.nav li a.nav-link{ --bs-nav-link-hover-color: var(--bs-tertiary); padding:1rem !important }
    .site-footer .component-banner.layout-flex .item img { max-height: 6.75rem !important }
    .site-header .header-buttons { position: relative }
    .site-header .primary-nav-wrapper > div { display: block; padding-top:1.5rem; padding-bottom:1.5rem }
    .site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .nav-link, .site-header .component-navbar-secondary .navbar-brand { font-size: 1.25rem }
    .site-header .component-navbar-primary .navbar-nav { padding:1rem 1.75rem }
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .dropdown-menu { margin-bottom:1rem }
    .site-header .component-navbar-primary .navbar-nav > .nav-item.parent:hover .nav-link,
    .site-header .component-navbar-primary .navbar-nav > .nav-item.parent:focus .nav-link,
    .site-header .component-navbar-primary .navbar-nav > .nav-item.parent:active .nav-link,
    .site-header .component-navbar-primary .navbar-nav > .nav-item.parent:focus-within .nav-link { color: var(--bs-secondary) !important }
    .site-header .title-bar { position:relative; z-index:1001 }
    .site-header .title-bar .container { position:relative }
    .site-header .site-logo { top:-1.75rem; left: -.5rem }
    .site-header.is-pinned .site-logo { top: .75rem }
    .site-header .site-logo img { max-height:9.125rem; transition:.3s ease }
    .site-header.is-pinned .site-logo img { max-height: 4rem; }
    .site-header .primary-nav-wrapper { background-color:var(--bs-primary) }
    .site-header .primary-nav-wrapper > div { position:static; display:flex; justify-content:space-between; min-height:0; padding:0 }
    .site-header .primary-nav-wrapper .site-menu > a[rel*="wiki-link"] { color:var(--bs-white) }
    .site-header .component-navbar-primary .layout-wrapper { position:static !important }
    .site-header .component-navbar-primary .layout-wrapper > .navbar { position:static !important }
    .site-header .component-navbar-primary .navbar-nav { margin-left:9.5rem; padding:0; background-color:transparent !important; border-bottom:0; box-shadow:none }
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link,
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link { color:var(--bs-white); transition:box-shadow .3s }
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link:hover,
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link:focus,
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link:active,
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link:focus-visible,
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link:focus-within { color: var(--bs-secondary) }
    .site-header .component-navbar-primary .navbar-nav > .nav-item:hover > .nav-link .dropdown-toggle:after { transform:rotate(90deg) }
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .dropdown-menu { margin:0; border-radius:0 }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link { padding-left: 0; color:var(--bs-secondary) }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link:hover { text-decoration:underline }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-item[class*="-icon"] .nav-link:hover { color:var(--bs-tertiary) }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-toggle { text-align:left; color:var(--bs-primary) }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-toggle { font-weight:400 }
    .site-header .composite-search { position:static; align-items:center }
    .site-header .composite-search .btn { color:var(--bs-white) }
    .site-header .composite-search > a[rel*="wiki-link"] { color:var(--bs-white) }
    .site-header .component-navbar-secondary .navbar { padding-left: 9.5rem }
    .site-header .component-navbar-secondary .navbar > div { padding:0 }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item{ border-top: 1px solid rgba(0,0,0,0.125) }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item.dropdown {border-color: rgb(255 255 255 / 19%) }
    .site-header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu { width: 99.6vw; margin-left: calc(-50vw + 50%); border-top: 2px solid var(--bs-secondary); }
    .site-header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.megamenu > .megamenu-inner { max-width: var(--ps-site-width); margin: 0 auto; }
    .site-header:not(.is-pinned) .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list { margin-top: 2.5rem; margin-bottom:2rem }
    .site-header .title-bar .site-title { display:block; margin-left:10rem; font-size:1rem }
    .site-header .primary-nav-wrapper .nav-end .nav-link, .site-header .primary-nav-wrapper .nav-end .btn-link { font-size: 1.125rem }
    .site-header .component-navbar-primary .navbar-nav > .nav-item.parent:hover .dropdown-menu.level-4 .dropdown-menu-inner .dropdown-menu-list.level-4 li:not(:first-child) > .nav-link.level-4:before { content: ""; height: 1rem; width: 1px; background: var(--bs-secondary); position: absolute; top: 50%; transform: translateY(-50%); margin-left: -.35rem }
    .site-header .component-navbar-primary .navbar-nav > .nav-item.parent:hover .dropdown-menu.level-4 .dropdown-menu-inner .dropdown-menu-list.level-4 li.brand-icon > .nav-link.level-4:before { display: none !important; }
    
    
    
    
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item { width: calc(33.33% - 2rem) }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-menu { min-width: unset }
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link { font-size: .875rem }
    

    
}

@media(max-width:991px){
    .component-collapse .nav .nav-link .label { font-family: 'Pridi' }
    .nav-end { order: 1 !important }
    .nav-end .social-links .component-collapse .nav li { border-top: 1px solid var(--bs-white) }
    .nav-end .social-links .component-collapse .nav li:first-child { padding-top: 2rem; border-top-color: var(--bs-link-hover-color) }
    .site-menu { display:flex; align-items:center; order:2 }
    .site-header .component-navbar-primary .level-3 .nav-link { color: #fff !important }
    .site-header .component-navbar-primary .navbar-collapse { overflow-y: auto; margin-top:2px !important; position: absolute; top: 100%; background-color: var(--bs-primary); z-index: 1000; margin: 0 auto; width: 100dvw; margin-left: calc(50% - 50dvw); left: 0; }
    .site-header .component-navbar-primary.layout-standard .navbar li.nav-item { border-color: #fff !important }
    .site-header .component-navbar-primary.layout-standard .navbar li.nav-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.125) }
    .site-header .component-navbar-primary.layout-standard .navbar-nav .dropdown-toggle::after { color: var(--bs-white) } 
    .site-header .component-navbar-primary .navbar-nav > .nav-item.parent .nav-link { padding: 0 }
    .site-header .component-navbar-primary .navbar-nav { border-top: 1.5rem solid var(--bs-primary) }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-old-toggle > span[aria-expanded="true"] { background: var(--bs-secondary) }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-old-toggle > span[aria-expanded="true"] .nav-link { color: var(--bs-primary) !important } 
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-toggle[aria-expanded="true"]::after { color: var(--bs-primary); transform: rotate(-270deg) !important }
    .site-header .component-navbar-primary .nav-link .flex-dropdown, .site-header .component-navbar-primary .navbar-nav > .nav-item:not(.dropdown) {  padding: 1rem }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-menu { padding: 0 !important }
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link.level-2 .nav-link { font-size: 1rem !important; font-weight: 700 !important; color: var(--bs-primary) !important }
    .site-header .component-navbar-primary .level-2 .nav-link .flex-dropdown { background: #fff }
    .site-header .component-navbar-primary.layout-standard .navbar-nav .level-2 .dropdown-toggle::after{ color: var(--bs-primary) }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-old-toggle.level-2 > span[aria-expanded="true"] { background: var(--bs-white) }
    .site-header .component-navbar-primary .level-3 .nav-link .flex-dropdown { background-color: transparent !important; padding:.5rem 1rem !important }
    .site-header .component-navbar-primary .nav-item.dropdown.level-3 { border-top: unset !important }
    .site-header .component-navbar-primary .navbar-light .dropdown .dropdown-menu.show, .component-navbar-primary .navbar-light .dropdown .dropdown-menu.collapsing { border-bottom: unset !important; border-top: unset !important }
    .mmf-search input { background: transparent !important; border-top-left-radius: .5rem !important; border-bottom-left-radius: .5rem !important; height: 2.75rem } 
    .site-header .component-navbar-primary .navbar-expand-lg > div, 
    .site-header .component-navbar-primary.layout-standard .navbar, 
    .site-header .component-navbar-primary.layout-standard .layout-wrapper{ position: unset !important }
    .mmf-search input::placeholder { color: #fff !important } 
    .mmf-search .btn { background: transparent !important; color: #fff }
    .mmf-social { border-top: unset !important; padding-top: unset !important }
    .mmf-social .mmf-social-inner .nav-link .fa-brands { color: var(--bs-secondary); font-size:1.5rem }
    .mobile-menu-footer { padding: 3rem 2rem 1rem !important; }
    
    
    

}

@media only screen and (min-width:1200px) {
    .site-header .primary-nav-wrapper .site-menu { margin-right:auto }
    .site-header .secondary-nav-wrapper > div { padding:0 }
    .site-header .composite-search .btn { --bs-btn-padding-x:.5rem; font-size:1rem }
    .site-header .composite-search .btn:hover { color:var(--bs-tertiary) }
    .site-header .social-icons { display:flex; align-items:center; margin-left:1rem }
    .site-header .social-icons .component-nav.layout-standard li a { --bs-nav-link-padding-x:.5rem; color:var(--bs-white) }
    .site-header .social-icons .component-nav.layout-standard li a:hover { color:var(--bs-tertiary) }
    .site-header .social-icons > a[rel*="wiki-link"] { color:var(--bs-white) }
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link { position:relative; padding: 1.8125rem 1rem }
    .site-header .component-navbar-secondary .navbar { padding-left: 10.5rem }
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link,
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link > .flex-dropdown > .nav-link { font-size:1.25rem }
    .site-header:not(.is-pinned) .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list { margin-top: 2rem }
    
}



@media (min-width: 992px) and (max-width: 1199px) {
    
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-item[class*="-icon"] .nav-link { display: none  }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item { margin: 0 .5rem 1rem }
    
    
}
@media only screen and (min-width:1400px) {
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link { font-size: 1rem }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-item[class*="-icon"] .nav-link { padding: 0.75rem 0.5rem }
}

@media only screen and (min-width:1600px) {
    .site-header .title-bar .site-title { margin-left:11rem }
    .site-header .component-navbar-primary .navbar-nav { margin-left:11rem }
    .site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link,
    .site-header .composite-search .btn,
    .site-header .social-icons .component-nav.layout-standard li a { font-size:1.125rem }
    .site-header .component-navbar-secondary .navbar { padding-left:12rem }
}

/* SCOREBOARD */
.sec-schedule { padding-top: 2.5rem !important }
.sec-schedule .component-tabs.layout-pills .page-details .component-headings { justify-content: center !important; padding-inline: 1.5rem }
.sec-schedule .component-tabs.layout-pills .page-details .component-title { color:#fff; opacity: .25; text-transform:uppercase; display:none; font-weight: 700; position: absolute }
.sec-schedule .component-tabs.layout-pills .nav-pills { width: 100%; padding-inline: 1.5rem }
.sec-schedule .component-tabs.layout-pills .nav-pills .nav-item { flex: 1 }
.sec-schedule .component-tabs.layout-pills .nav-pills .nav-link { font-weight: 700; text-align: center; text-transform: uppercase; color: var(--bs-primary); background-color: var(--bs-white); font-size: 1.125rem; border: 2px solid var(--bs-secondary) }
.sec-schedule .component-tabs.layout-pills .nav-pills .nav-link.active { color: var(--bs-primary); background-color: var(--bs-secondary) }
.sec-schedule .component-tabs.layout-pills .nav-pills .nav-link:hover { color: var(--bs-tertiary) !important }
.sec-schedule .component-tabs.layout-pills .nav-pills .nav-link:focus,.sec-schedule .component-tabs.layout-pills .nav-pills .nav-link:active { color: var(--bs-primary) !important }
.sec-schedule .component-tabs.layout-pills .nav-pills .nav-item:first-of-type .nav-link { border-radius: var(--bs-nav-pills-border-radius) 0 0 var(--bs-nav-pills-border-radius) }
.sec-schedule .component-tabs.layout-pills .nav-pills .nav-item + .nav-item .nav-link { border-radius: 0 var(--bs-nav-pills-border-radius) var(--bs-nav-pills-border-radius) 0 }
.sec-schedule .component-scoreboard.layout-standard .slick-slide { margin-inline: .5rem }
.sec-schedule .component-scoreboard.layout-standard .card { border-radius: .375rem; border: 1px solid #fff }
.sec-schedule .component-scoreboard.layout-standard .card:hover a { color: var(--bs-white) !important } 
/*.sec-schedule .component-scoreboard.layout-standard .card a:hover { color: var(--bs-white) !important }*/
/*.sec-schedule .component-scoreboard.layout-standard .card:hover .card-header { background: var(--bs-secondary); color: #000 }*/
.sec-schedule .component-scoreboard.layout-standard .card .card-header { --bs-card-cap-bg: var(--bs-primary); border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; flex-wrap: wrap; gap: 0 !important; text-transform: none; color: var(--bs-white); font-size: 1rem; font-weight:400 }
.sec-schedule .component-scoreboard.layout-standard .card .card-header .date { font-weight: 400 !important }
.sec-schedule .component-scoreboard.layout-standard .card .card-header { --bs-card-cap-bg: var(--bs-primary); padding-top:2rem }
.sec-schedule .component-scoreboard.layout-standard .card.result .card-header { background-color: var(--bs-secondary); color: #000 }
.sec-schedule .component-scoreboard.layout-standard .card.result.meet .event-team-name { display: inline !important }
.sec-schedule .component-scoreboard.layout-standard .card .sport-name { width: 100%; max-width: 250px; font-size: 1rem; font-weight: 600; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:var(--bs-secondary) }
.sec-schedule .component-scoreboard.layout-standard .card a { text-decoration: none; color: var(--bs-secondary) !important }
.sec-schedule .component-scoreboard.layout-standard .card.result .card-body .sport-name a { color: var(--bs-primary) !important }
.sec-schedule .component-scoreboard.layout-standard .card.result:hover .card-body .sport-name a { color: var(--bs-tertiary) !important }
/*.sec-schedule .component-scoreboard.layout-standard .card .sport-name a:focus-visible,*/
/*.sec-schedule .component-scoreboard.layout-standard .card .sport-name a:hover,*/
/*.sec-schedule .component-scoreboard.layout-standard .card .sport-name a:focus,*/
/*.sec-schedule .component-scoreboard.layout-standard .card .sport-name a:active { color: var(--bs-white) }*/
.sec-schedule .component-scoreboard.layout-standard .card .macro-event-logos + .fw-bold { position: absolute; top: .5rem; left: 50%; transform: translateX(-50%) }
.sec-schedule .component-scoreboard.layout-standard .card .status:not(:empty):before { content: "|"; padding-inline: .5rem; color: var(--bs-secondary) }
.sec-schedule .component-scoreboard.layout-standard .card.result .status:not(:empty):before { color: #000 }
.sec-schedule .component-scoreboard.layout-standard .card .card-body { color: var(--bs-black) }
.sec-schedule .component-scoreboard.layout-standard .card .macro-event-logos { height: 5rem; display: flex; align-items: center; justify-content: center; margin: 0 0 .5rem !important }
.sec-schedule .component-scoreboard.layout-standard .card.upcoming .participants .site-team { display: none }
.sec-schedule .component-scoreboard.layout-standard .card.upcoming .participants .team { font-size: 1.125rem; font-weight: 400 }
.sec-schedule .component-scoreboard.layout-standard .card.upcoming .participants .vs-at-indicator { font-weight: 400 !important }
.sec-schedule .component-scoreboard.layout-standard .card .event-links:has(a) { margin: 0 -1rem -1rem; padding: .25rem; border-top: 1px solid var(--bs-secondary) }
.sec-schedule .component-scoreboard.layout-standard .card .event-links a { color: var(--bs-primary) }
.sec-schedule .component-scoreboard.layout-standard .card .event-links a:focus-visible,
.sec-schedule .component-scoreboard.layout-standard .card .event-links a:hover { color: var(--bs-secondary) }
.sec-schedule .component-scoreboard.layout-standard .card.no-more-events { color: var(--bs-black) }
.sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow .fa{ color: var(--bs-secondary); font-weight: 200 }
.sec-schedule .component-scoreboard.layout-standard, .sec-schedule .component-tabs .tab-content, .sec-schedule .component-tabs .tab-content { overflow: visible !important }
.sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow .fa:hover, .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow .fa:focus-visible { color: var(--bs-white) }
.sec-schedule .form-floating>.form-select { padding: 0 1rem !important; text-transform:uppercase; font-size: 0.875rem; height: 1.5rem !important; margin:0 !important; background-color:var(--bs-primary); color:var(--bs-white); 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4l8 8-8 8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") }



@media (min-width:1200px) {
    .sec-schedule .component-scoreboard.layout-standard .slick-list { margin: 0 }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls { display: flex; align-items: center; justify-content: center; margin-top: 2rem }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow { position: static; transform: unset; line-height: 1; height: auto; margin: 0; font-size: 1.5rem } 
}

@media (min-width:992px) {
    .sec-schedule { padding-top: 7rem !important }
    .sec-schedule .component-tabs.layout-pills { gap: 0 !important }
    .sec-schedule .component-tabs.layout-pills .page-details .component-headings { justify-content: flex-start !important; padding-inline: 0 }
    .sec-schedule .component-tabs.layout-pills .nav-pills { width: auto; margin-top: -1.5rem; margin-left: auto; margin-bottom: 0 !important }
    .sec-schedule .component-tabs.layout-pills .nav-pills .nav-link { --bs-nav-link-padding-x: 1.5rem }
    .sec-schedule .component-tabs.layout-pills .page-details .component-title { display:block; font-size: 5.125rem; top: -1.5rem; left: -2rem }
    .sec-schedule .component-tabs.layout-pills .tab-content,
    .sec-schedule .component-scoreboard.layout-standard { padding-top: 0.6rem; overflow: visible }
    .sec-schedule .component-scoreboard.layout-standard .slick-slider { margin-inline: -.25rem; padding-inline: 1.5rem }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls { display: flex; margin: 0 }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow { position: absolute; left: -.25rem !important; transform: translateY(-50%); font-size: 1.5rem; color: var(--bs-white) }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow.next { left: auto !important; right: -.25rem }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow:focus-visible,
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow:hover { color: var(--bs-tertiary) }
    .sec-schedule .form-floating { width: auto !important; position: absolute; top: -2.9rem; right: 18.5rem }
    .sec-schedule .form-floating>.form-select { padding: 0 5rem 0 1rem !important }
    .sec-schedule .component-scoreboard.layout-standard .slick-list { border: 0; margin: 0 calc(-30px - .25rem) }
}

@media (min-width:1200px) { 
    .sec-schedule .component-tabs.layout-pills .page-details .component-title { font-size: 7rem; top: -3rem; left: -1.5rem }
}

@media (min-width:1400px) {
    .sec-schedule .component-scoreboard.layout-standard .slick-slider { padding-inline: 0 }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow { left: -3.75rem !important }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .slick-arrow.next { left: auto !important; right: -3.75rem }
    .sec-schedule .component-tabs.layout-pills .page-details .component-title { left: -.5rem; font-size: 9rem; top: -5rem }
    .sec-schedule .component-scoreboard.layout-standard .card .sport-name { max-width: 300px } 
}

@media (min-width:1600px) {
    .sec-schedule .component-tabs.layout-pills .page-details .component-title { left: -2rem }
}

@media (max-width:991px) {
    .sec-schedule .component-tabs.layout-pills .nav-pills,  .sec-schedule .form-floating { max-width:25rem; margin: 0 auto; padding: 0 !important }
    .sec-schedule .form-floating { margin-top: .5rem; margin-bottom:1.5rem }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls .next, .component-scoreboard.layout-standard .slick-arrow-controls .prev { left: unset !important; right: unset !important; position: relative !important; transform: unset !important; top: unset !important; margin: 0 }
    .sec-schedule .component-scoreboard.layout-standard .slick-arrow-controls { display: flex ; justify-content: center !important; position:relative; top:1rem }
    .sec-schedule .component-scoreboard.layout-standard:focus .slick-arrow-controls, .component-scoreboard.layout-standard:focus-within .slick-arrow-controls, .component-scoreboard.layout-standard:active .slick-arrow-controls, .component-scoreboard.layout-standard:hover .slick-arrow.prev { left: unset !important; right:unset !important }
}


/* ATHLETES OF THE MONTH */
.landing .sec-player-of-the-month a[rel="wiki-link"] { color: var(--default-a) }
.sec-player-of-the-month .component-aotw.layout-inline { padding-top: 2rem; text-align: center }
.sec-player-of-the-month .component-aotw.layout-inline .component-headings { justify-content: center !important }
.sec-player-of-the-month .component-aotw.layout-inline .component-title { font-size: 1.5rem; display: block; text-transform: uppercase; max-width: 15rem; font-weight: 700; text-align: center }
.sec-player-of-the-month .component-aotw.layout-inline .component-title span:first-child, .sec-player-of-the-month .component-aotw.layout-inline .component-title span:last-child { font-size: 3.125rem }
.sec-player-of-the-month .component-aotw.layout-inline .component-title span:nth-child(2):after, 
.sec-player-of-the-month .component-aotw.layout-inline .component-title span:nth-child(3):after { content: ''; width: 1.5rem; height: .25rem; background: var(--bs-primary); position: absolute; top: 50%; transform: translateY(-50%) } 
.sec-player-of-the-month .component-aotw.layout-inline .component-title span:nth-child(2):after { left: -2.25rem } 
.sec-player-of-the-month .component-aotw.layout-inline .component-title span:nth-child(3):after { right: -2.25rem } 
.sec-player-of-the-month .component-aotw.layout-inline .component-title span { position: relative; color:var(--bs-primary) }
.sec-player-of-the-month .component-aotw.layout-inline .component-sub-title { display: none }
.sec-player-of-the-month .component-aotw.layout-inline .player { display: flex !important ; flex-direction: column-reverse; text-align:center; align-items:center; gap:1rem; margin-inline: auto; background-color: transparent !important; overflow:visible !important }
.sec-player-of-the-month .component-aotw.layout-inline .player .headshot-holder { background-size: cover; background-position: 50% 0 }
.sec-player-of-the-month .component-aotw.layout-inline .player-bio { font-size: .875rem }
.sec-player-of-the-month .component-aotw.layout-inline .player-name { font-size: 1.5rem !important; font-weight: 700; text-decoration: none; color: var(--bs-primary); text-wrap: wrap; line-height: 1.1 }
.sec-player-of-the-month .component-aotw.layout-inline .player-name:hover,
.sec-player-of-the-month .component-aotw.layout-inline .player-name:focus,
.sec-player-of-the-month .component-aotw.layout-inline .player-name:active { color: var(--bs-tertiary) !important }
.sec-player-of-the-month .component-aotw.layout-inline .player-sport { font-size: 1.125rem !important; color: var(--bs-primary) }
.sec-player-of-the-month .component-aotw.layout-inline .slick-dots, .sec-player-of-the-month .component-aotw.layout-inline .players:not(:has(.slick-next)) .slick-pp { display: none !important }
.sec-player-of-the-month .component-aotw.layout-inline .slick-arrow,
.sec-player-of-the-month .component-aotw.layout-inline .slick-pp { top: auto; bottom: .75rem !important; left: 50% !important; right: auto; height: 2rem; width: 1.5rem; margin-top: 0; transform: none; visibility: visible; color: var(--bs-primary); line-height: calc(1rem - 2px); background-color: transparent; border-radius: 0; transform: translateX(-50%) }
.sec-player-of-the-month .component-aotw.layout-inline .slick-prev { margin-left: -1.5rem }
.sec-player-of-the-month .component-aotw.layout-inline .slick-next { left: auto !important; right: 50% !important; transform: translateX(50%); margin-right: -1.5rem }
.sec-player-of-the-month .component-aotw.layout-inline .slick-arrow .fa:before,
.sec-player-of-the-month .component-aotw.layout-inline .slick-pp .fa:before { font-family: var(--fa-family-classic); font-weight: 300 }
.sec-player-of-the-month .component-aotw.layout-inline .slick-pp .fa-pause:before,.fa-circle-pause:before { content: "\f04c"; font-family: var(--fa-family-classic) }
.sec-player-of-the-month .component-aotw.layout-inline .players { position: relative; overflow: visible } 
.sec-player-of-the-month .component-aotw.layout-inline .players:after { content: ''; background: var(--bs-secondary); width: 100vw; height: 100%; position: absolute; top: 0; z-index: 0 }
.sec-player-of-the-month .component-aotw.layout-inline .players:before { content: ''; opacity: .05; background-image: url(/assets/images/pattern.png); background-size: 32rem; background-repeat: repeat; width: 100vw; top: 0; right: 100%; position: absolute; height: 100%; z-index: 0; pointer-events: none }
.sec-player-of-the-month .component-aotw.layout-inline .headshot { --bs-aspect-ratio: 120% !important }
.sec-player-of-the-month .component-aotw.layout-inline .slick-slide { padding-inline: 1rem; padding: 1.25rem 1rem }
.sec-player-of-the-month .component-aotw.layout-inline .slick-list { margin-left: unset; z-index: 1 }
.sec-player-of-the-month .component-aotw.layout-inline .team-logo { display: none }
.sec-player-of-the-month .component-aotw.layout-inline .player-attrs { color: var(--bs-primary) }
.sec-player-of-the-month .component-aotw.layout-inline .team-logo + .player-bio { margin-left : 0 }
.sec-player-of-the-month .component-aotw.layout-inline .slick-slider .slick-track { align-items: end }


@media (min-width:992px) {
    .sec-player-of-the-month .component-aotw.layout-inline { padding-top: 0; padding-block:0 }
    .sec-player-of-the-month .component-aotw.layout-inline .details-wrapper { margin-inline: 2rem }
    .sec-player-of-the-month .component-aotw.layout-inline .component-headings { justify-content: flex-start !important; text-align: left }
    .sec-player-of-the-month .component-aotw.layout-inline .component-title { line-height: 1; font-size: 2rem; max-width: 22rem }
    .sec-player-of-the-month .component-aotw.layout-inline .component-title span:first-child, .sec-player-of-the-month .component-aotw.layout-inline .component-title span:last-child { font-size: 4.375rem }
    .sec-player-of-the-month .component-aotw.layout-inline .player { vertical-align: top }
    .sec-player-of-the-month .component-aotw.layout-inline .slick-arrow,
    .sec-player-of-the-month .component-aotw.layout-inline .slick-pp { top: auto; bottom: 2.5rem !important; left: -35% !important; font-size:2rem; right: auto; transform: none }
    .sec-player-of-the-month .component-aotw.layout-inline .slick-arrow:focus-visible,
    .sec-player-of-the-month .component-aotw.layout-inline .slick-arrow:hover,
    .sec-player-of-the-month .component-aotw.layout-inline .slick-pp:focus-visible,
    .sec-player-of-the-month .component-aotw.layout-inline .slick-pp:hover { color: #525252 }
    .sec-player-of-the-month .component-aotw.layout-inline .slick-prev { margin-left: -3.25rem }
    .sec-player-of-the-month .component-aotw.layout-inline .slick-next { right: auto !important; transform: none; margin-right: 0; margin-left: 2rem }
    .sec-player-of-the-month .component-aotw.layout-inline .players .slick-list { margin: 2rem 0rem 2rem 7rem !important }
    .sec-player-of-the-month .component-aotw.layout-inline .slick-slide { padding-inline: 2.5rem }
}

@media (max-width:991px) {
    .sec-player-of-the-month .container { max-width: 100%; padding: 0 }
    .sec-player-of-the-month .component-aotw.layout-inline { position: relative }
    .sec-player-of-the-month .component-aotw.layout-inline:before { content: ''; opacity: .05; background-image: url(/assets/images/pattern.png); background-repeat: repeat; background-size: 30rem; top: 0; right: 0; position: absolute; z-index: 0; pointer-events: none; width: 100%; height: 250px } 
    .sec-player-of-the-month .component-aotw.layout-inline .slick-list { padding-bottom: 2.5rem }
    .sec-player-of-the-month .component-aotw.layout-inline .page-details { padding-bottom: .75rem }
}

@media (min-width:1200px) {
    .sec-player-of-the-month .component-aotw.layout-inline .slick-arrow,
    .sec-player-of-the-month .component-aotw.layout-inline .slick-pp { bottom: 4.5rem !important }
}

@media (min-width:1400px) {
    .sec-player-of-the-month .component-aotw.layout-inline .slick-arrow,
    .sec-player-of-the-month .component-aotw.layout-inline .slick-pp { bottom: 6.5rem !important }
}


/** TABS **/  
.sec-tabs .stories,
.sec-tabs .stories>div>div { margin-bottom:0!important }
.sec-tabs .team-standings .page-title { display:none }
.sec-tabs .team-standings table { width:100% }
.sec-tabs .component-standings.layout-standard .table>thead th, 
.sec-tabs .component-standings.layout-standard .table>thead td.separator{ background-color:var(--bs-primary);color:var(--bs-white) }
.sec-tabs .component-standings.has-col-groups thead td.team-col { background-color:var(--bs-white) }
.sec-tabs .component-tabs.layout-responsive .accordion-item:nth-child(2) .component-tabs.content-switcher-wrapper.layout-select .form-floating { margin-left: auto; margin-right: auto; width: 100% !important }
.sec-tabs .component-tabs.layout-responsive .accordion-item:nth-child(2) .component-tabs.content-switcher-wrapper.layout-select .form-floating>.form-select{ height: 2.25rem !important; color:var(--bs-primary);border-color:var(--bs-primary); 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='%23387c93' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") }
.sec-tabs .component-tabs.layout-responsive .accordion-item:nth-child(2) .component-tabs.content-switcher-wrapper.layout-select .form-floating>.form-select~label{ background-color:var(--bs-white);color:var(--bs-primary) }
.sec-tabs .component-tabs.layout-responsive .accordion-body{ padding-top:1rem!important; padding-left:0 !important; padding-right:0 !important }
.sec-tabs .component-tabs.layout-responsive .tab-content > .tab-pane { background: transparent; border:unset; border-bottom: 3px solid var(--bs-primary) }
.sec-tabs .component-tabs.layout-responsive .tab-content > .tab-pane:last-child { border-bottom: unset } 
.sec-tabs .component-tabs .tab-content .tab-pane:first-child { border-top-right-radius: 10px; overflow: hidden; border-top-left-radius: 10px } 
.sec-tabs .component-tabs .tab-content .tab-pane:last-child { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden } 
.sec-tabs .component-tabs .tab-content .accordion-button { background-color:transparent;color:var(--bs-primary); gap:.5rem; position:static; font-size:1.5rem;box-shadow:none; width:auto; text-transform: uppercase; font-weight: bold }
.sec-tabs .component-tabs .tab-content .accordion-button:after { transform:rotate(-90deg)!important; font-size:1.75rem; font-weight: 300; color: var(--bs-primary) }
.sec-tabs .component-tabs .tab-content .accordion-button:not(.collapsed)::after { transform:rotate(90deg)!important }
.sec-tabs .component-tabs .tab-content .gallery-title, 
.sec-tabs .component-tabs .tab-content .gallery-title + div > em { display: none }
.sec-tabs .component-tabs ul.nav-tabs { margin-top: 2rem; margin-bottom: 0 !important; justify-content:space-between!important;width:100%;background:var(--bs-white);border-radius:.375rem; overflow:hidden; border:none !important }
.sec-tabs .component-tabs ul.nav-tabs li .nav-link:hover { color: var(--bs-tertiary) !important; }
.sec-tabs .component-tabs ul.nav-tabs li .nav-link span { font-size:1.5rem; text-transform:uppercase }
.sec-tabs .component-tabs ul.nav-tabs li:nth-child(2) { border-left: 2px solid var(--bs-primary); border-right: 2px solid var(--bs-primary) }
.sec-tabs .component-tabs ul.nav-tabs li .nav-link { background:0 0;color:var(--bs-primary);font-weight:700;position:relative; text-align: center; border: none !important; border-radius:0 }
.sec-tabs .component-tabs ul.nav-tabs li .nav-link.active { background-color: var(--bs-secondary) }
.sec-tabs .component-tabs ul.nav-tabs li { flex: 1; display: grid }
.sec-tabs .component-tabs .page-content.news-content.news-layout { height:100%!important }
.sec-tabs .component-tabs .page-content.news-content.news-layout .btn-toolbar,
.sec-tabs .component-tabs .page-content.news-content.news-layout>div.border-top,
.sec-tabs .component-tabs .page-content.news-content.news-layout>h1 { display:none!important }
.sec-tabs .component-tabs .component-headlines.layout-card-slider .slick-arrow-controls .prev:hover, .component-headlines.layout-card-slider .slick-arrow-controls .next:hover { color: #fff }
.sec-tabs .component-gallery.layout-slider .item { padding: 0 .5rem }
.sec-tabs .component-gallery.layout-slider .slick-track { align-items:start }
.sec-tabs .component-gallery.layout-slider .slick-dots { display: none !important }
.sec-tabs .component-gallery.layout-slider .fa-chevron-left, .sec-tabs .component-gallery.layout-slider .fa-chevron-right { color: var(--bs-secondary); font-size: 1.8rem !important; font-family: var(--fa-family-classic); font-weight: 300 }
.sec-tabs .component-gallery.layout-slider .fa-chevron-left:hover,
.sec-tabs .component-gallery.layout-slider .fa-chevron-left:focus,
.sec-tabs .component-gallery.layout-slider .fa-chevron-left:active, 
.sec-tabs .component-gallery.layout-slider .fa-chevron-right:hover,.sec-tabs .component-gallery.layout-slider .fa-chevron-right:focus, 
.sec-tabs .component-gallery.layout-slider .fa-chevron-right:active { color: var(--bs-white) !important }
.sec-tabs .component-gallery.layout-slider .layout-wrapper .card-img-overlay .card-text { font-size: 1rem }
.sec-tabs .component-gallery.layout-slider .card-img-overlay { transition: unset; transform: translateY(0) !important; background-color: var(--bs-primary) !important; position: relative; padding-left: 0; flex-direction: column-reverse !important; background: linear-gradient(transparent) }
.sec-tabs .component-gallery.layout-slider .card-img-overlay .card-link:hover { color: var(--bs-secondary) !important }
.sec-tabs .component-gallery.layout-slider .card-img-overlay .card-link { font-size: 1.125rem; font-weight: 700 }
.sec-tabs .component-standings.layout-standard .table>:not(caption)>*>* { border-color: var(--bs-white); border-bottom-width: 2px }
.sec-tabs .component-standings.layout-standard .table .team-col { font-weight: bold !important }
.sec-tabs .component-headlines.layout-stacked .item {position:relative; color:var(--bs-white); background-color:var(--bs-secondary); margin-bottom:10px!important; overflow: hidden }
.sec-tabs .component-headlines.layout-stacked .item:nth-child(n+4) { display: none } 
.sec-tabs .component-headlines.layout-stacked .item .card-title{ font-size:1.15rem!important; font-weight:700;-webkit-line-clamp:2;line-height:1.2 }
.sec-tabs .component-headlines.layout-stacked .item .slide-thumbnail{border:none!important}
.sec-tabs .component-headlines.layout-stacked .item .card-title a{color:#fff; font-weight: 700; font-size: 1.125rem }
.sec-tabs .component-headlines.layout-stacked .item .card-body > div:first-child { justify-content: start !important; gap: 0.5rem !important; flex-direction: row !important; font-weight: 400 }
.sec-tabs .component-headlines.layout-stacked .item .card-body > div:first-child .category:before { content: '|'; padding-right: .5rem }
.sec-tabs .component-headlines.layout-stacked .item .card-body { text-transform: capitalize }
.sec-tabs .component-tabs .accordion-header { background-color: var(--bs-white); color: var(--bs-primary); font-size: 1.5rem; box-shadow: none; text-transform: uppercase; font-weight: bold; text-align: center; justify-content: center; display: flex; align-items: center; position: relative; } 
.sec-tabs .component-tabs .accordion-header:has([aria-expanded="true"]) { background: var(--bs-secondary) !important }

@media only screen and (min-width: 992px){
    .component-gallery.layout-slider .layout-wrapper .box-large { width: 32% !important } 
    .component-gallery.layout-slider .layout-wrapper .box-large:nth-child(n+4),
    .component-headlines.layout-stacked .item:nth-child(n+4) { display: block }
    .sec-tabs .component-headlines.layout-stacked .layout-wrapper>ul{flex-direction:row!important;flex-wrap:wrap;gap:.25rem!important; justify-content: start }
    .sec-tabs .component-headlines.layout-stacked .item{flex:0 0 auto;width:calc(33% - .25rem)!important}
    .sec-tabs .component-headlines.layout-stacked .item .card{--bs-card-border-radius:.375rem!important}
    .sec-tabs .component-headlines.layout-stacked .item .col-12{width:100%}
    .sec-tabs .component-tabs .tab-content .accordion-button { font-size:2rem;}
    .sec-tabs .component-tabs.layout-responsive .accordion-item:nth-child(2) .component-tabs.content-switcher-wrapper.layout-select .form-floating { width: auto !important; margin: 0; position: absolute; z-index: 1 }
    .sec-tabs .component-headlines.layout-stacked .item .card-body { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex ; flex-direction: column; justify-content: flex-end; background: var(--bs-dark-rgb); background: linear-gradient(180deg, transparent 0%, rgba(var(--bs-dark-rgb), .75) 70%); }
}

@media only screen and (max-width: 991px){
    .component-tabs.layout-responsive .component-tabs.content-switcher-wrapper.layout-select .tab-content>.tab-pane:not(.active.show) { display: none }
    .sec-tabs .component-gallery.layout-slider .layout-wrapper .box-large .card-img-overlay .card-text { color: var(--bs-secondary) }
}


/*TABS - HEADLINES*/
.sec-tabs .component-tabs .tab-content,
.sec-tabs .component-headlines.layout-card-slider{ overflow:visible }
.sec-tabs .component-tabs .component-headlines.layout-card-slider .card { border: none; border-radius: 0 !important }
.sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-title .item-link { color: #fff; font-size: 1.125rem; font-weight: 700; } 
.sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-title .item-link:hover,
.sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-title .item-link:focus,
.sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-title .item-link:active { color: var(--bs-secondary) }
.sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-body { color: #fff; padding-left:0; padding-right:0; } 
.sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-body .d-flex + .d-flex { flex-direction: row !important; } 
.sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-body > .d-flex > .d-flex { flex-direction: row-reverse !important; justify-content: start !important; } 
.sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-body > .d-flex > .d-flex .date { margin-left: .5rem; position: relative } 
.sec-tabs .component-tabs .component-headlines.layout-card-slider .slick-arrow-controls { display: flex ; position: absolute; align-items: center; bottom: -9rem; left: 50%; transform: translateX(-50%); }
.sec-tabs .component-tabs .component-headlines.layout-card-slider .slick-arrow-controls .prev, .component-headlines.layout-card-slider .slick-arrow-controls .next { position: static !important; color: var(--bs-secondary); margin: 0 !important; width: 3rem; font-size: 1.5rem; transform: unset; }
.sec-tabs .component-tabs .component-headlines.layout-card-slider .slick-track { gap:0 }
.sec-tabs .component-tabs .component-headlines.layout-card-slider .slick-track .slick-slide { margin: 0 .5rem }
.sec-tabs .component-tabs .component-headlines.layout-card-slider .slick-list { margin: 0 -.5rem; }
.sec-tabs .component-tabs .component-headlines.layout-card-slider .slick-arrow-controls .slick-arrow .fa:before { font-weight: 300; font-size: 1.8rem }
.sec-tabs .component-tabs.layout-responsive .tab-content > .tab-pane .instagram-media { max-width: 100% !important; border-radius:0 !important; }

@media(min-width:992px){ 
    .sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-body > .d-flex > .d-flex .date { padding-left: .75rem; margin-left: .75rem }
    .sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-body > .d-flex > .d-flex .date:before { content: ''; width: 1px; height: 80%; background: var(--bs-secondary); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
}
@media(max-width:991px){ 
    .sec-tabs .component-tabs .component-headlines.layout-card-slider .card .card-body > .d-flex > .d-flex .category { color: var(--bs-secondary) }
}

/*SEC STAT LEADER*/
.sec-stat-leaders .component-tabs .component-title { color: var(--bs-primary); background: var(--bs-white); width: 100%; font-size: 1.5rem; text-transform: uppercase; padding: .8rem 0; border-radius: .5rem; font-weight: 700 } 
.sec-stat-leaders .component-tabs .component-headings .d-flex { flex: 0 0 100% !important; justify-content: center !important; text-align: center }
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .list-group { border-radius: .5rem } 
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .list-group .list-group-item.fw-bold { text-align: center; background: var(--bs-secondary); margin-bottom: .1rem !important; color: var(--bs-primary); font-size: 1.25rem } 
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane  .leaders-card { border: none !important }
.sec-stat-leaders .form-floating { display: none; }
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .custom-tabs { border: 2px solid var(--bs-secondary); border-radius: .5rem; margin-bottom: 2rem; margin-top: 1rem; } 
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .custom-tabs .btn { background: #fff; border-radius: 0; border: none; color: var(--bs-primary); font-weight: 700; padding: .75rem 1.25rem; text-transform: uppercase; font-size: 1.125rem; } 
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .custom-tabs .btn.active { background: var(--bs-secondary); filter: none !important } 
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .custom-tabs .btn:hover { filter: none !important; color: var(--bs-tertiary) }
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .leaders-card .player-name-and-team .player-name a:hover,
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .leaders-card .player-name-and-team .player-name a:focus,
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .leaders-card .player-name-and-team .player-name a:active { color: var(--state-player-hover); text-decoration: none }
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .leaders-card .player-name-and-team .player-team,
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .leaders-card .player-logo { display: none }
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .leaders-card .stat { font-weight: bold }
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .list-group .list-group-item:last-child { background: transparent }
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .list-group .list-group-item .btn-sm { color: var(--bs-secondary); font-weight: bold; text-transform: uppercase }
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .list-group .list-group-item .btn-sm:hover,
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .list-group .list-group-item .btn-sm:focus,
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .list-group .list-group-item .btn-sm:active { color: var(--bs-white) }
.sec-stat-leaders .component-tabs .tab-content .component-stats-leaders .tab-pane .list-group > .list-group-item:nth-last-of-type(2) { border-bottom-left-radius: .5rem;  border-bottom-right-radius: .5rem }


/*SPONSORS*/
.sec-sponsors { border-bottom: 1px solid #e3e3e3; }
.sec-sponsors  .component-banner.layout-slider .slick-arrow-controls { display: flex; justify-content: center; margin-top: 2rem }
.sec-sponsors  .component-banner.layout-slider .slick-arrow-controls .btn-block { position: static; } 
.sec-sponsors  .component-banner.layout-slider .slick-arrow-controls .btn-block.pp.slick-hidden { display: none !important }
.sec-sponsors  .component-banner.layout-slider .slick-arrow-controls .btn-block.pp { display: inline-block; height: 100% !important } 
.sec-sponsors  .component-banner.layout-slider .slick-arrow-controls .btn-block.next { order: 3 }
.sec-sponsors .component-banner.layout-slider .slick-slide { padding: 1rem 2.8rem } 
.sec-sponsors .component-banner.layout-slider .slick-slide:not(first-child) { border-left: 1px solid var(--bs-border-color) } 
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .btn-block span:before { font-weight: 400; font-size: 1.5rem }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .btn-block .fa:before { font-weight: 300 }
.sec-sponsors .component-banner.layout-slider .slick-arrow-controls .btn-block:hover { color: var(--bs-tertiary) }
.sec-sponsors .component-banner.layout-slider .slick-slide.slick-current { border-left: none !important;}

@media (max-width:991px){ 
    .sec-sponsors .slick-slide.slick-current.slick-active {
        border-left: unset !important;
    }
}


.section.sec-affiliates .component-banner ul { margin: 0 } 

/*FOOTER*/
.site-footer .footer-details { font-size: 0.875rem } 
.site-footer .footer-details span.footer-title { font-weight: 700 } 
.site-footer .footer-details .footer-links .component-nav .nav li a { padding: 0; font-weight: 700 } 
.site-footer .footer-details .footer-links .component-nav .nav { padding-left: 0.2rem } 
.site-footer .footer-details .footer-links .component-nav .nav li:first-child a .label:after { border-right: 2px solid var(--bs-primary); content: ''; position: absolute; right: 0; top: 50%; height: 16px; transform: translateY(-50%) } 
.site-footer .footer-details .footer-links .component-nav .nav li:first-child a .label { position: relative; padding-right: 0.5rem; margin-right: .5rem }
.site-footer .footer-details .footer-links .nav-link:hover,.site-footer .footer-details .footer-links .nav-link:focus, .site-footer .footer-details .footer-links .nav-link:active,
.site-footer .footer-details .footer-links .nav-link:focus-within { color: var(--bs-tertiary) !important; }
.inc-hostedby svg { width: 13rem; }

@media (max-width:991px){ 
    .site-footer .d-flex  { flex-direction: column; align-items:center; gap:0 !important }
    .site-footer .disclaimer {  text-align: center }
    .footer-details .d-flex:last-child { margin: .5rem 0 !important; }
}


/*BANNER*/
.sec-banners .btn .fa-circle-pause, .sec-banners .btn .fa-chevron-left, .sec-banners .btn .fa-chevron-right { font-weight: 200 !important }
.section.sec-banners .component-banner.layout-slider .slick-track .slick-slide { padding: 0 }
.section.sec-banners .component-banner.layout-slider .slick-track .slick-slide .item .img-placeholder img { height: 100%; width:100%; object-fit: cover } 
.section.sec-banners .component-banner.layout-slider .slick-track .slick-slide .item > a { height: 100%;  width:100%; font-weight:700; } 
.section.sec-banners .component-banner.layout-slider .slick-track .slick-slide .item { height: 36rem }
.section.sec-banners .component-banner.layout-slider .slick-track .slick-slide .item .img-placeholder:before { content: ''; width: 100%; height: 82%; position: absolute; background: var(--bs-primary); background: linear-gradient( 180deg, rgba(var(--bs-primary-rgb), 0) 10%, rgba(var(--bs-primary-rgb), 0.6) 40%, rgba(var(--bs-primary-rgb), 0.85) 70%, rgba(var(--bs-primary-rgb), 1) 100% ); bottom: 0; cursor: none; transition:.5s ease }
.section.sec-banners .component-banner.layout-slider .slick-track .slick-slide:hover .item .img-placeholder:before { background: linear-gradient(  0deg,  rgba(var(--bs-primary-rgb), 1) 33%, rgba(var(--bs-primary-rgb), 0.5) 85%, rgba(var(--bs-primary-rgb), 0) 100%); height:100% }
.section.sec-banners .component-banner.layout-slider .item .item-title { top: unset; bottom: 2rem; color: var(--bs-secondary); text-transform: uppercase; font-family: var(--heading-font-family); font-size: 1.875rem; text-align: center; line-height: 1.125; text-shadow: unset; transform: unset !important }
.section.sec-banners .component-banner.layout-slider .item:hover .item-title,
.section.sec-banners .component-banner.layout-slider .item:focus .item-title,
.section.sec-banners .component-banner.layout-slider .item:active .item-title,
.section.sec-banners .component-banner.layout-slider .item:focus-within .item-title { color: var(--bs-default) }
.section.sec-banners .component-banner.layout-slider .slick-track .slick-slide:hover a { color: #fff !important }
.section.sec-banners .component-banner.layout-slider .slick-track { gap: .25rem }
.sec-banners .component-banner.layout-slider .slick-arrow-controls .slick-arrow { position: static !important; height: 2rem; display: flex; align-items: center; justify-content: center; color: var(--bs-secondary) } 
.sec-banners .component-banner.layout-slider .slick-arrow-controls { display: flex; align-items: center; justify-content: center; } 
.sec-banners .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next { order: 1 } .component-banner.layout-slider .slick-arrow-controls button:hover { color: var(--bs-tertiary) } 
.sec-banners .component-banner.layout-slider .slick-arrow-controls button { color: var(--bs-primary); width: 2.5rem; height: 2.5rem !important }

@media (min-width:992px){
    .sec-banners .component-banner.layout-slider .slick-arrow-controls { display: none !important }
}


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

@media (min-width:992px) {
    .sec-social-banners .component-nav.layout-pills .nav-pills { gap: 2rem }
    .sec-social-banners .component-nav.layout-pills .nav-pills { max-width: calc(var(--ps-site-width) - 15rem) }
    .sec-social-banners .component-nav.layout-pills .nav-item { flex: 1 0 calc(33.33% - 2rem) }
    .sec-social-banners .component-nav.layout-pills .nav-link, .sec-social-banners .component-nav.layout-pills .nav-link .label:before { font-size: 1.25rem }
}

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


/*FOOTER BANNER*/
.section.sec-affiliates .component-banner ul li { flex: 0.2 0 auto !important }
.sec-affiliates .component-banner.layout-flex .item img { max-height: 3.8rem }

@media (min-width:992px) { 
    .sec-affiliates .component-banner.layout-flex .item img { max-height: 5.8rem }
}


/* Headlines */
.component-headlines.layout-dynasty .carousel-controls .control{ opacity: 1 }
.component-headlines.layout-dynasty .carousel-controls .control .container .category, 
.component-headlines.layout-dynasty .carousel-controls .control .container .date, 
.component-headlines.layout-dynasty .carousel > .carousel-inner  .carousel-item .carousel-caption .container .category,
.component-headlines.layout-dynasty .carousel > .carousel-inner .carousel-item .carousel-caption .container .date,
.component-headlines.layout-dynasty :not(.custom-carousel-controls-wrapper) > .carousel-control-prev, 
.component-headlines.layout-dynasty :not(.custom-carousel-controls-wrapper) > .carousel-control-next, 
.component-headlines.layout-dynasty :not(.custom-carousel-controls-wrapper) > .carousel-control-pp { display: none }
.component-headlines.layout-dynasty .carousel-controls .control:after { content: ''; border-left: 1px solid #eaeaea4a; height: 65%; width: 3px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: -1.5rem; } 
.component-headlines.layout-dynasty .carousel-controls .control:first-child:after { border: none; }
.component-headlines.layout-dynasty .carousel-controls .control .control-caption-text { display: none !important; } 
.component-headlines.layout-dynasty .carousel-controls .control .control-caption-title { -webkit-line-clamp: 2; line-height: 1.6; text-transform: capitalize; }
.component-headlines.layout-dynasty .carousel-caption-title { text-transform: capitalize; font-size: 1rem;}
.component-headlines.layout-dynasty .carousel-controls .control .meta-wrapper{ margin-bottom: 0.5rem }
.component-headlines.layout-dynasty .carousel .meta-wrapper { font-size: .875rem; margin-bottom: .75rem; text-transform: capitalize } 
.component-headlines.layout-dynasty .carousel .meta-wrapper .date { padding-left: .5rem; margin-left: .5rem; position: relative } 
.component-headlines.layout-dynasty .carousel .meta-wrapper .date:before { content: ''; background: var(--bs-secondary); width: 1px; height: .75rem; position: absolute; left: 0; top: 55%; transform: translateY(-50%) } 
.component-headlines.layout-dynasty .carousel-control-next, .carousel-control-prev, .component-headlines .carousel-control-pp { position: relative; width: 2rem; height: 2rem; font-size:1.25rem; color: var(--bs-secondary); opacity: 1 } 
.component-headlines.layout-dynasty .carousel-control-next:focus, .component-headlines.layout-dynasty .carousel-control-next:hover, .component-headlines.layout-dynasty .carousel-control-prev:focus, .component-headlines.layout-dynasty .carousel-control-prev:hover{color: var(--bs-white) }
.component-headlines.layout-dynasty .custom-carousel-controls-wrapper { display: flex ; position: absolute; left: 50%; padding-left:.125rem !important; padding:0; transform: translate(-50%, -50%); bottom: 0 }
.component-headlines.layout-dynasty .custom-carousel-controls-wrapper button .fa:before { font-weight: 200 }
.component-headlines.layout-dynasty .carousel-control-next {order: 3 }
.component-headlines.layout-dynasty .carousel-item:after { background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 0) 5%, rgba(var(--bs-primary-rgb), 0.4) 25%, rgba(var(--bs-primary-rgb), 0.85) 60%, rgba(var(--bs-primary-rgb), 1) 85%, rgba(var(--bs-primary-rgb), 1) 100%) }
.component-headlines.layout-dynasty .carousel-controls { bottom: 5rem }
.component-headlines.layout-dynasty .carousel-caption { transform: translateY(0%) }

.component-headlines.layout-dynasty .carousel-controls .control .container:before { background: var(--bs-secondary) !important }
.component-headlines.layout-dynasty .carousel-caption-title .item-link:hover,
.component-headlines.layout-dynasty .carousel-caption-title .item-link:focus,
.component-headlines.layout-dynasty .carousel-caption-title .item-link:active { color: var(--bs-secondary) !important; text-decoration: none }
.component-headlines .carousel-control-pp .fa { font-family: var(--fa-family-classic) }
.sec-top-stories .component-headlines .text-reset:hover,
.sec-top-stories .component-headlines .text-reset:focus,
.sec-top-stories .component-headlines .text-reset:active { color: var(--bs-secondary) !important }

@media only screen and (min-width:992px) {
   .component-headlines.layout-dynasty .custom-carousel-controls-wrapper { bottom: 13rem }
   .component-headlines.layout-dynasty .carousel-item.active .carousel-caption { bottom:20rem; top: unset }
   .component-headlines.layout-dynasty .carousel-caption-title { font-size: 2.5rem !important; line-height: 1.5 }
   .component-headlines.layout-dynasty .carousel .meta-wrapper { font-size: 1.125rem; margin-bottom: 1.25rem } 
   .component-headlines.layout-dynasty .carousel-item.active .carousel-caption .category { font-size: 1.25rem !important }
   .component-headlines.layout-dynasty .carousel .meta-wrapper .date:before { height: 1.125rem } 
   .component-headlines.layout-dynasty .carousel-control-next, .carousel-control-prev, .component-headlines .carousel-control-pp { width: 3rem; height: 3rem; font-size:1.75rem } 
   .component-headlines.layout-dynasty .carousel .meta-wrapper .category { font-size: 1rem !important }
}

@media only screen and (min-width:991px) {
    .component-headlines.layout-dynasty .ratio-16x9 { --bs-aspect-ratio: 61% }
}

@media only screen and (max-width:575px) {
    .sec-top-stories .ps-component.component-headlines .carousel-inner .ratio { --bs-aspect-ratio: 75% !important }
    .component-headlines.layout-dynasty .carousel-caption .carousel-caption-container { top: 1rem;  position: relative }
    .component-headlines.layout-dynasty .carousel-caption-title { font-size: .875rem !important }
    .component-headlines.layout-dynasty .carousel > .carousel-inner .carousel-item .carousel-caption .container .category,
    .component-headlines.layout-dynasty .carousel > .carousel-inner .carousel-item .carousel-caption .container .date { font-size: .75rem }
}

/* AWARDS */
.sec-awards .component-awards.layout-counter .award-count { font-size: 2.375rem !important; } 
.sec-awards .component-awards.layout-counter .award-label { font-size: 1rem; font-weight: 700; display: flex; flex-direction: column; } 
.sec-awards .component-awards.layout-counter { color: var(--bs-primary); } 
.sec-awards .component-awards.layout-counter .gap-2 { padding: 2rem 0; justify-content:center; text-decoration:unset !important }
.sec-awards .component-awards.layout-counter .item { width:100% }
.sec-awards .component-awards.layout-counter .item { padding:0 !important } 
.sec-awards .component-awards.layout-counter .d-flex.gap-3 { gap:.25rem !important }
    
@media only screen and (max-width:991px) {
    .sec-awards { background-color:var(--bs-white) !important }
    .sec-awards .container { width:100% !important; max-width:100% !important }
    .sec-awards .component-awards.layout-counter .gap-2 { background:var(--bs-secondary); border-top: .25rem solid var(--bs-primary); border-bottom: .25rem solid var(--bs-primary) }
    .sec-awards .component-awards.layout-counter .item:last-child .d-flex.gap-2 { border-bottom: unset } 
    .sec-awards .component-awards.layout-counter .item:first-child .d-flex.gap-2 { border-top: unset }
}

    
@media only screen and (min-width:992px) { 
    .sec-awards .component-awards.layout-counter .gap-2 { gap: 1.25rem !important; padding: 4rem 0 }
    .sec-awards .component-awards.layout-counter .d-flex { flex-wrap:nowrap !important }
    .sec-awards .component-awards.layout-counter .award-count { font-size: 4rem !important }
    .sec-awards .component-awards.layout-counter .award-label { font-size: 1.25rem }
    .sec-awards .component-awards.layout-counter .item:first-child:before,
    .sec-awards .component-awards.layout-counter .item:first-child .nav-link:before,
    .sec-awards .component-awards.layout-counter .item:nth-child(3):after,
    .sec-awards .component-awards.layout-counter .item:nth-child(n+4), 
    .sec-awards .component-awards.layout-counter .item:first-child .d-flex:before { display: none }
    .sec-awards .component-awards.layout-counter .item { position: relative; width: 33.33%; justify-content: center; display: flex } 
    .sec-awards .component-awards.layout-counter .item:after { right: .5rem } 
    .sec-awards .component-awards.layout-counter .item:before{ left: -.25rem } 
    .sec-awards .component-awards.layout-counter .item .d-flex:before { background: white !important; left: -.5rem }
    .sec-awards .component-awards.layout-counter .item:before, 
    .sec-awards .component-awards.layout-counter .item:after, 
    .sec-awards .component-awards.layout-counter .item .d-flex:before{ content: ''; background: var(--bs-primary); width: .25rem; height: 100%; top:0; position: absolute }
    .sec-awards .component-awards.layout-counter .d-flex.gap-3 { gap:0 !important }
}


@media only screen and (min-width:1200px) { 
    .sec-awards .component-awards.layout-counter .award-label { font-size: 1.25rem }
    .sec-awards .component-awards.layout-counter .award-count { font-size: 4rem !important; } 
}

@media only screen and (min-width:1400px) {  
    .sec-awards .component-awards.layout-counter .award-count { font-size: 4.375rem !important } 
    .sec-awards .component-awards.layout-counter .award-label { font-size: 1.875rem }
}

/* BANNERS */
.sec-banner .component-banner.layout-flex .layout-wrapper ul { margin: 0 }

/* Countdown */
.sec-countdown:not(:has(.component-countdown)) { display:none } /* hide section wrapper when countdown component is not rendered */
.sec-countdown .component-countdown.layout-standard .details > div { flex-direction:column; align-items:center; text-align:center }
.sec-countdown .component-countdown.layout-standard .teams { justify-content: center !important }
.sec-countdown .component-countdown.layout-standard .event-links { justify-content: center }
.sec-countdown .component-countdown.layout-standard .details-1 img { margin: 0 !important; max-width: 7rem; }
.sec-countdown .component-countdown.layout-standard .details-2 { display:flex; flex-direction:column; align-items:center; }
.sec-countdown .component-countdown.layout-standard .details-2 > .fs-2 { font-size:1.75rem !important; line-height:1; color:var(--bs-primary) }
.sec-countdown .component-countdown.layout-standard .details-2 .sport { font-weight:700; color: var(--bs-primary) }
.sec-countdown .component-countdown.layout-standard .details-2 div[class*="specs"] { font-size:.875rem !important }
.sec-countdown .component-countdown.layout-standard .details-2 .event-links a { font-weight: 700; color: var(--bs-primary) }
.sec-countdown .component-countdown.layout-standard .countdown-container > ul { margin:0;}
.sec-countdown .component-countdown.layout-standard .countdown-container > ul > li { width:50%; line-height:1; display:flex; flex-direction:column; justify-content:center }
.sec-countdown .component-countdown.layout-standard .countdown-container > ul > li .countdown-digit { color: var(--bs-primary); font-size: 4.375em !important }
.sec-countdown .component-countdown.layout-standard .countdown-container > ul > li .countdown-label { font-size: 1rem; font-weight:500; text-transform:uppercase }
.sec-countdown .component-countdown.layout-standard { background: #fff; }
.sec-countdown .component-countdown.layout-standard > div > .details { background: var(--bs-secondary); padding:2.5rem; }
.sec-countdown .component-countdown.layout-standard .details-2 .specs-1 { order: 3; }
.sec-countdown .component-countdown.layout-standard .details-2 .specs-2 { display: flex; flex-direction: row-reverse; justify-content: start; } 
.sec-countdown .component-countdown.layout-standard .details-2 .specs-2 .status { padding-left: .5rem; margin-left: .5rem; position: relative; } 
.sec-countdown .component-countdown.layout-standard .details-2 .specs-2 .status:before { content: ""; width: 1px; background: var(--bs-primary); height: 70%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.sec-countdown .component-countdown.layout-standard > div { gap: 0 !important }
.sec-countdown .component-countdown.layout-standard > div > .contents { align-self: stretch } 
.sec-countdown .component-countdown.layout-standard .contents .countdown-container, 
.sec-countdown .component-countdown.layout-standard .contents .countdown, 
.sec-countdown .component-countdown.layout-standard .contents .countdown-keys,
.sec-countdown .component-countdown.layout-standard .countdown-container > ul > li { height: 100% }


@media only screen and (min-width:992px) {
    .sec-countdown .component-countdown.layout-standard > div { position:relative; overflow:hidden }
    .sec-countdown .component-countdown.layout-standard .details > div { flex-direction:row; text-align:left; gap:4rem !important }
    .sec-countdown .component-countdown.layout-standard .details-1 { max-width:7rem }
    .sec-countdown .component-countdown.layout-standard .details-1 img { max-width:none; max-height:none; width:100%; height:100%; object-fit:cover; object-position:100% 100% }
    .sec-countdown .component-countdown.layout-standard .details-2 > .fs-2 { font-size:1.875rem !important; text-transform:uppercase }
    .sec-countdown .component-countdown.layout-standard .details-2 div[class*="specs"] { font-size:1rem !important; text-transform:initial; font-weight:400 }
    .sec-countdown .component-countdown.layout-standard .teams { justify-content:flex-start !important }
    .sec-countdown .component-countdown.layout-standard .event-links { justify-content:flex-start }
    .sec-countdown .component-countdown.layout-standard .details-2 .event-links a { font-weight:400 }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul > li { line-height:1.25 }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul > li .countdown-digit { font-size:4rem !important }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul > li .countdown-label { font-size:1.25rem }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul { margin:0; border-right: 1rem solid var(--bs-secondary); border-radius: 0 !important }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul > li { width:25%  }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul > li { border-right: 1px solid #e2e2e2 }
    .sec-countdown .component-countdown.layout-standard .details-2 { align-items: start }
}

@media only screen and (min-width:1400px) {
    .sec-countdown .component-countdown.layout-standard .details-2 > .fs-2 { font-size:2rem !important }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul > li .countdown-digit { font-size:5rem !important }
}

@media only screen and (max-width:991px) {
    .sec-countdown .container { max-width: 100% !important; padding:0 !important }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul  { flex-wrap:wrap !important; max-width:350px; row-gap:2rem; margin:0 auto; padding-top:2rem; padding-bottom:2rem }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul > li { width:calc(50% - 2rem) !important }
    .sec-countdown .component-countdown.layout-standard .countdown-container > ul > li:nth-child(odd) { border-right: 1px solid #e2e2e2 }
}

/* PARALLAX */
.component-parallax .overlay .page-title { font-weight:700; font-size: 3.125rem !important; text-shadow: 1px 2px 4px black;  text-transform: uppercase }

@media only screen and (min-width:992px) {
    .component-parallax .layout-wrapper { min-height:65vh }
    .component-parallax .overlay .page-title { font-size: 8.125rem !important }
}


/* STANDINGS */
.sec-standings .page-details .component-title { font-weight:700; color:var(--bs-primary) }
.sec-standings .component-tabs .form-floating:before { content:'\f078'; font-weight:900; font-family:var(--fa-family-classic); font-size:1em; 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-responsive { position:relative; overflow-y:auto; max-height:20.5rem }
.sec-standings .component-standings table { margin:0 }
.sec-standings .component-standings table thead th { font-weight:500 }
.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(--bs-border-color) }

@media only screen and (min-width:992px) {
    .sec-standings .component-tabs .form-floating { display:flex; align-self:flex-end; margin-top:-3.5em !important; width:auto !important; margin:0; min-width:17.5% }
    .sec-standings .component-tabs .form-floating .form-select { border-radius:0; border-color:var(--bs-border-color) }
    .sec-standings .component-standings .table-responsive { border:1px solid var(--bs-border-color) }
    .sec-standings .component-standings table tr > * { background-color:transparent }
    .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(0,0,0,0.03) }
    .sec-standings .component-standings table thead * { border-color:var(--bs-border-color) }
    .sec-standings .component-standings table tbody * { border:0 }
}

/* PLAYERS OF THE WEEK */
.section.sec-players-of-the-week .layout-wrapper { overflow:hidden; text-align:center }
.section.sec-players-of-the-week .component-aotw.layout-standard:before { content:''; position:absolute; left:50%; transform:translateX(-50%); width:65px; height:40px; background-color:var(--bs-primary) }
.section.sec-players-of-the-week .layout-wrapper:before { content:''; position:relative; display:block; top:0; left:50%; transform:translateX(-50%); width:40px; height:50px; background-color:var(--bs-white); border:2px solid var(--bs-secondary); border-width:0 5px }
.section.sec-players-of-the-week .details-wrapper { margin-block:1rem }
.section.sec-players-of-the-week .page-details .component-title { padding:0; line-height:1.25em; font-weight:700 }
.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 { position:static; text-align:left !important; color:var(--bs-body-color) }
.section.sec-players-of-the-week .player-details .player-name { font-weight:700; color: var(--bs-body-color) }
.section.sec-players-of-the-week .player-details .player-name:hover { text-decoration:underline }
.section.sec-players-of-the-week .player-details .player-sport { font-weight: 700; color: var(--bs-primary) }
.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; font-size:1.25rem; line-height:normal; color:var(--bs-primary); border:0; border-radius:0 }
.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) }
.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-next .fa:before,
.section.sec-players-of-the-week .slider-navigation .btn.slick-prev .fa:before { content: "\f04b"; font-family: var(--fa-family-classic); font-weight: 900 }
.section.sec-players-of-the-week .slider-navigation .btn.slick-prev .fa { transform: rotate(180deg) }

@media only screen and (min-width:576px) {
    .section.sec-players-of-the-week .players { gap:1rem; justify-content:center }
    .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 }
}

@media only screen and (min-width:768px) {
    .section.sec-players-of-the-week .component-aotw.layout-standard { position: relative }
    .section.sec-players-of-the-week .component-aotw.layout-standard:before { position: absolute; top:-1rem; height: auto; bottom: -1rem }
    .section.sec-players-of-the-week .layout-wrapper:has(.slider-navigation) { overflow:visible }
    .section.sec-players-of-the-week .layout-wrapper:before { position: absolute; top: -1rem; height: auto; bottom: -1rem }
    .section.sec-players-of-the-week .page-details { position:relative; padding:4rem 1rem; text-align:center; background-color:var(--bs-secondary) }
    .section.sec-players-of-the-week .details-wrapper { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin:0; display:flex; align-items:center }
    .section.sec-players-of-the-week .details-wrapper:before { content:''; position:absolute; top:-1rem; bottom:-1rem; left:50%; transform:translateX(-50%); width:66px; height:auto; border-left:15px solid var(--bs-secondary); border-right:15px solid 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 }
    .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:4rem; width:100% }
}

@media only screen and (min-width:992px) {
    .section.sec-players-of-the-week .page-details { padding-block: 5rem }
    .section.sec-players-of-the-week .page-details .component-title { font-size:2.25rem }
    .section.sec-players-of-the-week .slider-navigation { bottom: 5.5rem }
}

@media only screen and (min-width:1200px) {
    .section.sec-players-of-the-week .page-details { padding-block: 6rem }
    .section.sec-players-of-the-week .page-details .component-title { font-size:2.75rem }
    .section.sec-players-of-the-week .slider-navigation { bottom: 6.25rem }
}

@media only screen and (min-width:1400px) {
    .section.sec-players-of-the-week .page-details { padding: 6rem 4rem }
    .section.sec-players-of-the-week .slider-navigation { bottom: 8.75rem }
}

/* TABS */
.tabs-social-container { border-top:1px solid var(--bs-border-color) }
.sec-tabs .component-tabs .nav-pills { width:100% }
.sec-tabs .component-tabs .nav-pills .nav-item { position:relative; flex:1 1 auto; text-align:center }
.sec-tabs .component-tabs .nav-pills .nav-item + .nav-item:before {  content:""; position:absolute; top:0; left:0; bottom:0; width:1px; background-color:var(--bs-border-color) }
.sec-tabs .component-tabs .nav-pills .nav-link { font-weight:700; color:var(--bs-gray); background-color:transparent }
.sec-tabs .component-tabs .nav-pills .nav-link.active { color:var(--bs-primary) }
.sec-tabs .component-headlines.layout-card-slider { margin-bottom: 5rem }

@media only screen and (min-width:992px) {
    .sec-tabs .component-tabs .nav-pills .nav-item { padding:0 2rem }
    .sec-tabs .component-tabs .nav-pills .nav-item:first-of-type { padding-left:0 }
    .sec-tabs .component-tabs .nav-pills .nav-link { --bs-nav-link-padding-x:0; font-size:1.25rem }
    .sec-tabs .component-headlines.layout-card-slider { margin-bottom: 5rem }
}

@media only screen and (min-width:1200px) {
    .tabs-social-container { border:0 }
    .tabs-social-container > div > .col { border:1px solid var(--bs-border-color) }
    .sec-tabs { border:0 }
    .sec-tabs .component-tabs .nav-pills { width:auto; line-height:1 }
}

/* MORE NEWS */
.component-headlines.layout-grid .grid { row-gap:1rem }
.component-headlines.layout-grid .item:nth-of-type(n+4) { display:none !important }
.component-headlines.layout-grid .item .thumbnail { width:100% }
.component-headlines.layout-grid .item .thumbnail:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 70%); }
.component-headlines.layout-grid .item .details { position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; justify-content:flex-end; width:auto; padding:1rem; color:var(--bs-white); transition:background-color .3s }
.component-headlines.layout-grid .item .details > div:first-of-type { flex-direction:row !important; gap:0 !important }
.component-headlines.layout-grid .item .details .category:before { content:'\a0/\a0' }
.component-headlines.layout-grid .item .details .card-title a { display:block; font-size:1rem; line-height:1.25; color:var(--bs-white) }
.component-headlines.layout-grid .item .details .card-title a:focus-visible:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:0.25rem solid #ebb567 }

@media only screen and (min-width:768px) {
    .component-headlines.layout-grid .grid { gap:1rem !important; }
    .component-headlines.layout-grid .item { flex:0 0 calc(50% - .5rem) !important }
    .component-headlines.layout-grid .item:nth-of-type(n+4) { display:block !important }
}

@media only screen and (min-width:992px) {
    .component-headlines.layout-grid .item:hover .details { background-color:rgba(var(--bs-secondary-rgb),.65) }
}

/* VIDEOS */
.component-video.layout-cards { --grid-gap:1rem }
.component-video.layout-cards .items { margin:-1rem }
.component-video.layout-cards .item .card-title { font-size:1rem !important; font-weight:700; line-height:1.25 }
.component-video.layout-cards .item .card-img-overlay { background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 70%); transition:background-color .3s }

@media only screen and (min-width:768px) {
    .component-video.layout-cards .item:first-of-type { --size:100% }
    .component-video.layout-cards .item + .item { --size:50% }
}

@media only screen and (min-width:992px) {
    .component-video.layout-cards .item:hover .card-img-overlay { background-color:rgba(var(--bs-secondary-rgb),.65) }
}