:root {
    --body-font-family: 'Poppins', sans-serif;
    --bs-font-sans-serif: 'Poppins', sans-serif;
    --bs-body-font-family: 'Poppins', sans-serif;
    --heading-font-family: 'Poppins', sans-serif;
    --bs-alternative: #1E225A;
}

:focus-visible { outline: 2px solid var(--bs-primary) !important; box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), .5) !important }

/* LAYOUT ADJUSTMENTS */
a:hover { color: #757575 }
.landing body { background: var(--bs-primary) }
.landing body [rel="wiki-link"] { color: #fff }
.landing body .bg-white [rel="wiki-link"] { color: #000 }
.landing body [rel="wiki-link"]:hover { color: #ccc !important } 
.landing .site-main > div { margin-block: 0 !important }
.landing .grid-item.scoreboard { grid-column: span 1; order: 1 }
.landing .grid-item.top-stories { grid-column: span 1 }
.section .ps-component p { font-size: 0.75rem }
.component-scoreboard.layout-clean, .component-gallery { gap: .25rem !important }
.section.media-tabs .slick-arrow-controls { display: none !important }
.macro-archive-link.archive-link a:hover { color: var(--bs-secondary) !important }
.macro-archive-link.archive-link a { text-transform: uppercase; color: var(--bs-tertiary) }
.scrolled .site-header .site-logo img { max-height: 3.25rem !important; transition:.3s ease; }
.ps-component select { color: var(--bs-alternative) !important }
.slick-hidden { display: none !important }
.slick-hidden + .pp { display: none !important }


@media (min-width: 1200px) {
    .landing .grid-item.top-stories { order: 2 }
}

.internal-page .site-main { flex: 1; margin-top: 3rem }
.internal-page .view-switch .btn-primary.active,
.internal-page .toggle-buttons .btn.active,
.internal-page .subscribe_links .btn:hover{ background: var(--bs-primary); color: var(--bs-white) } 
.internal-page .view-switch .btn-primary, 
.internal-page .toggle-buttons .btn{ background: var(--bs-white); color: var(--bs-primary); border-color: var(--bs-primary) }
.skip-link { z-index: 109; position: absolute; left:0; top:0; border-radius: 0 }
.site-header { z-index: 99; background:var(--bs-primary) }
.site-main { z-index: 89 }
.site-footer { z-index: 79 }
.primary-navigation [rel="wiki-link"] { display: flow-root }
.navbar-expand-lg .navbar-collapse { flex-direction: column }
.internal-page .secondary-navigation-inner { align-items:center !important }

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

/* COMPONENT DEFAULTS */
.section .ps-component [class*="archive-link"] a { font-weight: 700 }
.section .ps-component .component-title { font-size: 1.25rem; font-weight: 700 }
.section .ps-component .component-sponsor,
.section .ps-component .component-archive-link { display: none !important }
.section .ps-component .btn { border-radius: 0 }
.section .ps-component a { text-decoration: none; transition: color .25s }


/* SLICK SLIDER DEFAULTS */
.section .ps-component .slick-arrow-controls { display: flex; justify-content: center; align-items: center; margin-top: 1rem; gap: .5rem }
.section .ps-component .slick-arrow-controls .slick-arrow { position: static; display: block; height: 2rem !important; margin: 0; transform: none; font-size: 1rem; line-height: normal; border: 1px solid var(--bs-border-color); filter: none; border-radius: 50%;color: var(--bs-tertiary) }
.section .ps-component .slick-arrow-controls .slick-arrow:hover,
.section .ps-component .slick-arrow-controls .slick-arrow:active { border-color: var(--bs-secondary); color: var(--bs-secondary) }
.section.text-bg-secondary .ps-component .slick-arrow-controls .slick-arrow:hover,
.section.text-bg-secondary .ps-component .slick-arrow-controls .slick-arrow:active { color: var(--bs-tertiary) }
.section .ps-component .slick-arrow-controls .slick-arrow .fa:before { font-family: "Font Awesome 6 Sharp"; font-weight: 900 }
.section .ps-component .slick-arrow-controls .slick-arrow .fa-circle-pause:before { content: "\f04c" }
.section .ps-component .slick-arrow-controls .prev { order: 1 }
.section .ps-component .slick-arrow-controls .pp { order: 2 }
.section .ps-component .slick-arrow-controls .next { order: 3 }

/* HEADER */
.site-header .pre-header .members-nav li .dropdown-menu { background: var(--bs-primary); border-radius: unset; border: 1px solid #fff; color: #fff; padding: 0.75rem !important }
.site-header .pre-header .members-nav li .dropdown-menu .nav .nav-link { padding: 0 }
.site-header .pre-header .members-nav li .dropdown-menu .nav .nav-link:hover,
.site-header .pre-header .members-nav li .dropdown-menu .nav .nav-link:focus { color: var(--bs-secondary) }
.site-header .pre-header .members-nav li .dropdown-menu .details { border-bottom: 1px solid var(--bs-secondary) }
.site-header .pre-header .members-nav li .dropdown-menu .details .leadin { display: none }
.site-header .pre-header .members-nav li .dropdown-menu:before { content: ''; width: 18px; height: 18px; background: var(--bs-primary); position: absolute; top: -3.5px; left: 50%; transform: translate(-50%); border-left: 1px solid #ffff; border-top: 1px solid #ffff; rotate: 45deg }
.site-header .pre-header .members-nav li .dropdown-menu .details .title { font-size: 1rem; text-transform: uppercase; font-weight: 700 }
.site-header .pre-header .members-nav .nav-item { transition: filter 0.3s ease }
.site-header .pre-header .members-nav .nav-item.dropdown { padding-bottom: 1.5rem }
.site-header .pre-header .members-nav .navbar { padding-block: 1rem 0; z-index:100000 }
.site-header .pre-header .members-nav .panel-control-bar button, .section.associate-members .panel-control-bar button { font-size: 1rem; text-transform: uppercase; border-color: var(--bs-tertiary); color: var(--bs-tertiary); background-color: var(--bs-primary); filter: none; text-align: left; padding: .5rem 1rem; border-radius: 0 }
.site-header .pre-header .members-nav .panel-control-bar button[aria-expanded="true"] { color: #fff; border-color: #fff }
.site-header .pre-header .members-nav .panel-control-bar button, .section.associate-members .panel-control-bar button { display: flex; align-items: center; justify-content: space-between }
.site-header .pre-header .members-nav .panel-control-bar button:after, .section.associate-members .panel-control-bar button:after { content: "\f078"; font-family: 'Font Awesome 6 Pro' }
.site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu.show:after {height: 100% }
.site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu.level-3 .nav-link:hover { color: var(--bs-secondary) }
.site-header .component-navbar-primary.layout-standard .navbar-brand { display: none !important }
.site-header .component-navbar-primary.layout-standard .menu-active { z-index: 1 }
.site-header .component-navbar-primary.layout-standard .menu-active .navbar-brand { display: flex !important; text-transform: uppercase }
.site-header .component-navbar-primary.layout-standard .navbar-toggler { border: 0; box-shadow: none}
.site-header .component-navbar-primary.layout-standard .menu-active .navbar-toggler { z-index: 100 }
.site-header .component-navbar-primary.layout-standard .navbar-toggler .icon-bar { height: 2px; width: 1.5rem !important; background-color: #fff }
.site-header .component-navbar-primary.layout-standard .menu-active .navbar-toggler:before { content: "\f057"; font-family: "Font Awesome 6 Pro"; font-weight: 300; color: #fff; font-size: 2rem }
.site-header .component-navbar-primary.layout-standard .menu-active .navbar-toggler .icon-bar { display: none }
.site-header .component-navbar-primary.layout-standard .navbar .nav-item.parent > .nav-link > .d-flex:after { content: ''; width: 4px; height: 0; position: absolute; left: -1.5rem; top: 2.5%; pointer-events: none }
.site-header .component-navbar-primary.layout-standard .navbar-toggler[aria-expanded="true"] .icon-bar:nth-of-type(2) { opacity: 0 }
.site-header .component-navbar-primary.layout-standard .navbar a.nav-link.dropdown-old-toggle:focus-visible:before { outline: 2px solid var(--bs-tertiary) !important; box-shadow: 0 0 0 0.25rem rgba(var(--bs-tertiary-rgb), .5) !important }
.site-header .component-navbar-primary.layout-standard .navbar .nav-item.parent > .nav-link { text-transform: uppercase; position: static }
.site-header .component-navbar-primary.layout-standard .navbar .parent.dropdown.has-megamenu:hover .dropdown-toggle:after { transform: rotate(-180deg); transition: transform 0.25s; color: var(--bs-secondary) }
.site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu.level-3 .nav-link { font-size: 1rem; font-weight: normal }
.site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li.nav-item { justify-content: space-between }
.site-header .component-navbar-primary.layout-standard .navbar .dropdown-old-toggle > span[aria-expanded="true"] .dropdown-toggle { color: var(--bs-tertiary) }
.site-header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.level-2 .nav-link { color: var(--bs-white) }
.site-header .component-navbar-primary.layout-standard .navbar.navbar-expand-lg .dropdown-menu.level-2 .nav-link:hover { color: var(--bs-secondary) }
.site-header .component-navbar-secondary.layout-standard { text-transform: uppercase }
.site-header .component-navbar-secondary.layout-standard .navbar-brand { font-weight: 700; text-transform: uppercase; padding: 0 }
.site-header .component-navbar-secondary.layout-standard a:hover, 
.site-header .component-navbar-secondary.layout-standard a:focus-visible, 
.site-header .component-navbar-secondary.layout-standard a:focus,
.site-header .component-navbar-secondary.layout-standard a:active { color: var(--bs-secondary) }
.site-header .component-navbar-secondary.layout-standard .nav-item .nav-link { font-weight: 700 }
.site-header .component-navbar-secondary.layout-standard .navbar .dropdown-menu { background-color: var(--bs-secondary) !important }
.site-header .component-navbar-secondary.layout-standard .navbar .dropdown-menu li.nav-item { border-color: rgba(255, 255, 255, 0.125) }
.site-header .component-navbar-secondary.layout-standard .navbar .dropdown-menu .nav-link { padding-block: .5rem }
.site-header .ps-component.component-search.layout-input .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { background: transparent !important; color: var(--bs-tertiary); border-radius: 0 !important; border-color: var(--bs-tertiary) !important }
.site-header .ps-component.component-search.layout-input input::placeholder { text-transform: uppercase; font-size: 1rem }
.site-header .component-search.layout-modal .btn-link { padding-left: .35rem; color: var(--bs-white); filter: unset !important }
.site-header .component-search.layout-modal .btn-link:hover { color: var(--bs-secondary) }
.site-header .quick-links li a { padding-inline: .5rem; font-size: 1.5rem; color: #fff }
.site-header .quick-links li a:focus { outline: 2px solid var(--bs-tertiary) !important; box-shadow: 0 0 0 0.25rem rgba(var(--bs-tertiary-rgb), .5) !important }
.site-header .mmf-social { border-top: unset !important }
.site-header .mmf-social .mmf-social-inner .nav-link span { font-size: 1.125rem; color: var(--bs-tertiary) }
.site-header .mmf-social .mmf-social-inner .nav-link { padding: .75rem }
.site-header .mobile-nav-active .component-navbar-primary .navbar-collapse .dropdown-menu { height: auto }
.site-header .mobile-nav-active .component-navbar-primary .navbar-collapse { height: auto }
.site-header .mobile-menu-footer { padding: 0 !important; margin-top: 3rem }
.site-header .site-nav { width: 100%; z-index: 100 }
.site-header .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link { color: var(--bs-secondary) }
.site-header.bg-active { background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 1) 100%, rgba(var(--bs-primary-rgb), 0) 100%) !important }
.site-header a, .site-header .dropdown-toggle { color: #fff }
.site-header .component-navbar-primary.layout-standard .navbar .dropdown-old-toggle { text-transform:uppercase }
.site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu.level-4 .nav-item.brand-icon { display: none }
.site-header .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link:focus {  color: var(--bs-secondary) }
.internal-page .site-header .pre-header .members-nav .navbar { padding-bottom: 0 }
.internal-page .site-header .primary-navigation { padding: .75rem 0 !important }
.internal-page .site-header .pre-header .members-nav .nav-item.dropdown { padding-bottom: 1rem !important }
.site-header .component-navbar-primary.layout-standard .navbar .nav-item .level-2 > span .nav-link { color: #fff !important }
.site-header .site-logo img { transition: .3s ease }

@media (min-width: 576px) {
    .site-header .pre-header .members-nav .panel-control-bar, .section.associate-members .panel-control-bar{ max-width: 540px }
}

@media (min-width: 992px) {
    .site-header .section.associate-members .container { margin-top: 1rem }
    .scrolled .site-header .primary-navigation { position: fixed !important; width: 100%; top: 0; background: var(--bs-primary); padding: 0.5rem 0 !important; margin-top: unset !important }
    .site-header .logo-wrapper { z-index:10000 }
    .secondary-navigation .container { justify-content: end !important; padding:0 border-bottom: 2px solid var(--bs-white) }
    .scrolled .secondary-navigation .container { border-bottom: unset }
    .scrolled .secondary-navigation { border-bottom: 2px solid var(--bs-white) }
    .site-header .component-navbar-secondary.layout-standard .navbar-secondary { padding-block: 0 }
    .landing .secondary-navigation-inner { border-bottom: 1px solid #fff; }
    .scrolled .site-header .component-navbar-secondary.layout-standard { display: none }
    .landing .site-header.scrolled .site-logo img {
    max-height: 3.75rem;
}

}

@media (min-width: 768px) {
    .site-header .pre-header .members-nav .panel-control-bar, .section.associate-members .panel-control-bar{ max-width: 720px }
}

@media (max-width: 991px) {
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-old-toggle > span[aria-expanded="true"] a { color: var(--bs-tertiary) }
    .site-header .component-navbar-primary.layout-standard .navbar li.nav-item.parent { border-bottom: 1px solid var(--bs-tertiary); color: #fff; font-size: 1.5rem; font-weight: 700 }
    .site-header .component-navbar-primary.layout-standard .navbar-collapse { background: var(--bs-primary); display: block !important; height: 100% !important; left: 0; padding: 1.5rem; padding-top: 5rem; overflow-y: auto; position: fixed; top: 0; transform: translate(-100%, 0); transition: .2s ease; width: 100%; z-index: 10 }
    .site-header .site-logo img { max-height: 2.75rem }
    .site-header .quick-links li a { font-size: 1.25rem }
    .site-header .component-navbar-primary.layout-standard .menu-active .navbar-toggler { left: .5rem; position: fixed; top: 0 }
    .site-header .component-navbar-primary .navbar-collapse.collapse.show { transform: translate(0, 0) }
    .site-header .site-nav { max-width: 3.75rem; margin-right: auto }
    .site-header .pre-header .members-nav .panel-control-bar { margin: 0 auto; padding-top: .75rem }
    .component-navbar-primary .navbar-light .dropdown .dropdown-menu.show.level-3,
    .component-navbar-primary .navbar-light .dropdown .dropdown-menu.collapsing.level-3 { border-top: unset !important; border-bottom: unset !important }
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item.parent > .nav-link > [aria-expanded="true"]:after { height: 95% !important; background: var(--bs-secondary) }
    .landing .secondary-navigation-inner { width: 100% !important; }
    .site-header .primary-navigation > .container { position: relative }
    .site-header .logo-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
    .site-header .nav-wrapper { width: 100% }
    .site-header .component-navbar-secondary.layout-standard .navbar-brand { font-size: 1rem }
    .site-header .component-navbar-secondary.layout-standard .nav-item .nav-link { padding-block: 0.5rem !important}
    .sport-home .site-header .logo-wrapper { top: 20% }
    .internal-page .secondary-navigation { display: none;}
    .site-header .component-navbar-primary.layout-standard .navbar-toggler { padding-left: 0;}
    .site-header .quick-links .nav li:last-child .nav-link { padding-right: 0 }
}

@media (max-width: 330px) { 
    .site-header .site-logo img { height: 1.75rem }
}


@media (min-width:992px) {
    .site-header .pre-header .members-nav .navbar-nav, .associate-members .navbar-nav { flex-wrap: nowrap !important; gap: 0 !important }
    .site-header .pre-header .members-nav li.nav-item,
    .associate-members .navbar-nav .nav-item { width: 100% }
    .site-header .pre-header .members-nav li:hover .hovered-img-placeholder { transform: scale(1.5); opacity: 0 }
    .landing .site-header { background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 1) 17%, rgba(var(--bs-primary-rgb), 0) 100%); position: fixed !important; top: 0; left: 0; width: 100% }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu.level-3 .nav-link {color: var(--bs-tertiary) }
    .site-header .quick-links ul { flex-wrap: nowrap }
    .site-header .quick-links li a { font-size: 1rem }
    .site-header .quick-links li a:hover,
    .site-header .quick-links li a:focus { color: var(--bs-secondary) }
    .site-header .site-nav { width: auto }
    .site-header .component-navbar-primary.layout-standard .menu-active .navbar-brand { display: none !important }
    .site-header .component-navbar-primary.layout-standard .layout-wrapper { position: static !important }
    .site-header .component-navbar-primary.layout-standard .layout-wrapper > .navbar { position: static }
    .site-header .component-navbar-primary.layout-standard .layout-wrapper > .navbar > div { padding-inline: calc(var(--bs-gutter-x) * .5 + .5rem); padding-left: 0 !important; }
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item.parent > .nav-link { position: relative; padding-block: 1rem; white-space: nowrap; font-weight: 700 }
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item:hover .nav-link,
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item:focus .nav-link,
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item .nav-link:hover,
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item .nav-link:focus { color: var(--bs-secondary) }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu li { border-color: transparent; background: transparent !important }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu .nav-link { padding: .25rem 0 }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu.level-3 .nav-link { font-size: 1rem }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu.level-4 { min-width: 0 }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu.level-4 .nav-link { font-size: .875rem }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown .dropdown-menu.level-4 .nav-item + .nav-item .nav-link:before { content: "|"; padding-inline: .5rem .25rem; color: #fff }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu { padding: 2rem }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner { max-width: var(--ps-site-width); margin-inline: auto; }
    .sport-home body:not(.scrolled)  .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner,
    .internal-page body:not(.scrolled) .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner { padding-top: 2rem }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list { margin: 0; gap: 3rem; flex-wrap: nowrap }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list > li { margin: 0 }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { margin-bottom: .5rem; border-color: var(--bs-secondary) }
    .site-header .component-navbar-primary.layout-standard .navbar .parent .nav-link:hover .dropdown-toggle { color: var(--bs-secondary) }
    .landing .site-header .site-logo img { max-height: 6rem }
    .site-header .nav-wrapper { width: 90%;}
}


@media (min-width:1200px) {
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-old-toggle { max-width:190px }
    .site-header .social-icons ul { flex-wrap: nowrap }
    .site-header .social-icons li a { padding: 0 .5rem; color: #fff }
    .site-header .social-icons li a .fa-facebook:before { content: "\f39e" }
    .site-header .social-icons li a:hover,
    .site-header .social-icons li a:focus { color: var(--bs-secondary) }
    .site-header .social-icons li a:focus-visible { outline: 2px solid var(--bs-secondary) !important; box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), .5) !important }
}

@media (max-width:1199px) {
    .site-header .component-navbar-primary.layout-standard .layout-wrapper > .navbar > div { padding: 0 }
}

@media (min-width:1400px) {
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item.parent > .nav-link { font-size: 1rem; padding: 1rem .5rem }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-old-toggle { max-width:280px }
    .site-header .quick-links li a, .site-header .social-icons li a { font-size: 1rem }
}

/* FOOTER */
.site-footer .site-logo img { max-height: 5.25rem }
.site-footer .title { font-weight: 700; font-size: 1.125rem; line-height: 1.25em }
.site-footer .disclaimer, 
.site-footer .address,
.site-footer .footer-links { font-size: .875rem; text-align: center  }
.site-footer .disclaimer { text-align: center }
.site-footer .affiliate-logos ul { flex-direction: column !important; gap: 1.5rem !important; margin-top: 2.5rem; margin-bottom:0 }
.site-footer .affiliate-logos li img { max-height: 2.5rem }
.site-footer .inc-hostedby { width: 12rem }
.site-footer .inc-hostedby .st0,
.site-footer .inc-hostedby .st1 { fill: var(--bs-white) }
.site-footer .footer-links { display: inline-block }
.site-footer .footer-links li a { position: relative; padding:0 .5rem; color: #fff; }
.site-footer .footer-links li:first-child a { padding-left:0; }
.site-footer .footer-links li:last-child a { padding-right:0; }
.site-footer .footer-links li a:hover { color: var(--bs-secondary) }
.site-footer .footer-links li + li a:before { content: "|"; position: absolute; left: -1px }
.site-footer .developer-logo > .container, .developer-logo > .container > .d-flex { flex-direction: column }
.site-footer .developer-logo > .container .inc-hostedby { margin-top:2rem;}

@media (min-width:992px) {
    .site-footer .site-logo img { max-height: 3.25rem }
    .site-footer { margin-top: 2rem }
    .site-footer .affiliate-logos li img { max-height: 6rem }
    .site-footer .affiliate-logos ul { margin-top: 0 !important }
}

@media only screen and (min-width:576px) {
    .site-footer .affiliate-logos ul { flex-direction: row !important; gap: 4rem !important }
}
@media only screen and (min-width:1200px) {
    .site-footer .affiliate-logos ul { margin: 0 }
}

@media (min-width:1400px) {
    .site-footer { margin-top: 3rem }
    .site-footer .developer-logo > .container, .developer-logo > .container > .d-flex { flex-direction: row; }
    .site-footer .developer-logo > .container .inc-hostedby {margin-top:0;}
}

@media(min-width:992px) and (max-width:1200px){
    .site-footer .disclaimer, .developer-logo p.address {   font-size: 0.85rem }
    .site-footer .developer-logo > .container .inc-hostedby {margin-top:0;}
}


/* ASSOCIATE MEMBERS */
.section.associate-members { z-index:1 }
.section.associate-members .navbar-expand { padding: 2rem 0 }
.section.associate-members .component-navbar-image.layout-standard { margin-top: 1rem }
.section.associate-members .navbar-nav li .dropdown-menu { background: var(--bs-primary); border-radius: unset; border: 1px solid #fff; color: #fff; padding: 0.75rem !important }
.section.associate-members .navbar-nav li .dropdown-menu .nav .nav-link { padding: 0; color: #fff }
.section.associate-members .navbar-nav li .dropdown-menu .nav .nav-link:hover,
.section.associate-members .navbar-nav li .dropdown-menu .nav .nav-link:focus { color: var(--bs-secondary) }
.section.associate-members .navbar-nav li .dropdown-menu .details { border-bottom: 1px solid var(--bs-secondary) }
.section.associate-members .navbar-nav li .dropdown-menu .details .leadin { display: none }
.section.associate-members .navbar-nav li .dropdown-menu:before { content: ''; width: 18px; height: 18px; background: var(--bs-primary); position: absolute; top: -3.5px; left: 50%; transform: translate(-50%); border-left: 1px solid #ffff; border-top: 1px solid #ffff; rotate: 45deg }
.section.associate-members .navbar-nav li .dropdown-menu .details .title { font-size: 1rem; text-transform: uppercase; font-weight: 700 }
.section.associate-members .navbar-nav li img,
.site-header .pre-header .members-nav li img{ max-width:4rem; }
.section.associate-members .navbar-nav .nav-item { transition: filter 0.3s ease }
.section.associate-members .navbar-nav .nav-item.dropdown, .site-header .pre-header .members-nav .nav-item.dropdown { padding-bottom: 2rem; width: 33.33% }
.section.associate-members .navbar-nav .navbar { padding-block: 1rem }
.section.associate-members .navbar-nav .panel-control-bar button, .section.associate-members .panel-control-bar button { font-size: 1rem; text-transform: uppercase; border-color: var(--bs-tertiary); color: var(--bs-tertiary); background-color: var(--bs-primary); filter: none; text-align: left; padding: .5rem 1rem; border-radius: 0 }
.section.associate-members .navbar-nav .panel-control-bar button[aria-expanded="true"] { color: #fff; border-color: #fff }
.section.associate-members .navbar-nav .panel-control-bar button, .section.associate-members .panel-control-bar button { display: flex; align-items: center; justify-content: space-between }
.section.associate-members .navbar-nav .panel-control-bar button:after, .section.associate-members .panel-control-bar button:after { content: "\f078"; font-family: 'Font Awesome 6 Pro' }
.section.associate-members .navbar-expand .navbar-nav, .site-header .pre-header .members-nav .navbar-nav { gap: 0 !important; justify-content: start !important }
.section.associate-members > h2 { display: none !important }

@media (min-width:576px) {
    .section.associate-members .navbar-nav .nav-item.dropdown, .site-header .pre-header .members-nav .nav-item.dropdown { width: 25% }

}

@media (min-width:992px) {
    .section.associate-members > h2 { display: inline-block !important }
    .section.standings .component-tabs .form-floating { position: absolute; max-width: 15rem; top: -3rem; right: 0 }
}

/* STANDINGS */
.section.standings .macro-archive-link a { color: var(--bs-tertiary); text-transform: uppercase }
.section.standings .component-tabs .nav-pills + .tab-content table .team-namer { font-weight: 700; color: var(--bs-tertiary) }
.section.standings .component-tabs .table-hover>tbody>tr:hover>* { --bs-table-accent-bg: #1f213f }
.section.standings .component-tabs .bg-enabled { background: #1f213f !important }
.section .component-tabs .form-floating .form-select, .section .component-tabs .teams-filter select { color: var(--bs-white) !important; text-transform: uppercase; border: 1px solid var(--bs-tertiary); border-radius: .5rem; padding-block: 0; padding-right: 1.75rem; line-height: normal; height: calc(var(--tabs-height) - 6px); background: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }



@media only screen and (max-width:991px) {
    .section.standings .component-tabs { padding-top: 2rem }
    .section.standings .component-tabs .form-floating { right: unset;  top: -2.125rem }
}
@media screen and (max-width:767px){
    .section.standings .component-tabs table thead tr:first-child,
    .section.standings .component-tabs  .team-col .logo-holder{ display: none }
}

/* STAT LEADERS */
.sec-stat-leaders .container{position:relative }
.sec-stat-leaders .component-tabs.layout-select > .page-details { padding:.75rem 1rem 3.25rem; background: var(--bs-primary) }
.sec-stat-leaders .component-tabs.layout-select > .page-details .component-headings { justify-content:center !important }
.sec-stat-leaders .component-tabs.layout-select > .page-details .component-title { display:block; color:var(--bs-secondary);text-transform:uppercase;font-size:1.5rem;line-height:1;font-weight:600 }
.sec-stat-leaders .component-tabs.layout-select > .layout-wrapper,
.sec-stat-leaders .component-tabs.layout-select > .layout-wrapper > div > .form-floating { position:static !important }
.sec-stat-leaders .component-tabs.layout-select > .layout-wrapper > div > .form-floating > .form-select {position: absolute;top: 2.5rem;right: 0rem;left:0;margin:auto;width: 80%;border-color: var(--bs-white);background-color: transparent;font-size: .9rem;height: auto!important;padding: 7px;padding-right: 2.25rem;color:var(--bs-white);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") }
.sec-stat-leaders .component-tabs.layout-select > .layout-wrapper > div > .form-floating > label { display:none }
.component-stats-leaders.layout-standard .d-flex .leaders-card { border:0 !important;flex:1 1 100%!important;padding:0 .5rem;margin-bottom:1.5rem }
.component-stats-leaders.layout-standard .d-flex .leaders-card:nth-child(n + 5){display:none!important }
.component-stats-leaders.layout-standard .leaders-card .player-info-group a:hover { color: var(--bs-secondary) }
.component-stats-leaders.layout-standard .leaders-card .player-info-group a { color: var(--bs-tertiary) }
.component-stats-leaders.layout-standard .leaders-card a:hover { text-decoration:none;color:var(--bs-white) }
.component-stats-leaders.layout-standard .leaders-card .btn-sm { display: block; font-size: 1.125rem; border-radius: 0; color: var(--bs-tertiary); text-transform: uppercase }
.component-stats-leaders.layout-standard .leaders-card .btn-sm:hover,
.component-stats-leaders.layout-standard .leaders-card .btn-sm:focus-visible { text-decoration: none; color: var(--bs-secondary); background-color: var(--bs-primary); filter: brightness(100%); outline: 0 !important; box-shadow: none !important }
.component-stats-leaders.layout-standard .leaders-card .team { font-size:0.875rem }
.component-stats-leaders.layout-standard .leaders-card .list-group-item { border:0 }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type { position: relative; margin-bottom: 1.5rem !important; font-weight: 700 !important; color: var(--bs-tertiary); background-color: var(--bs-alternative); color:#fff; font-size: 1.1rem; border: 1px solid #fff; text-transform:uppercase }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type:before { content:''; position:absolute; left:50%; top:100%; height:1.5rem; width:1px; background-color:#fff; transform:translateX(-50%) }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type + .list-group-item { border-top:1px solid #fff }
.component-stats-leaders.layout-standard .leaders-card .list-group-item + .list-group-item { background-color:transparent; border-left:1px solid #fff; border-right: 1px solid #fff }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type { --bs-list-group-item-padding-y:0; --bs-list-group-item-padding-x:0; position:relative; margin-top:1.5rem !important;  border:1px solid #fff }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type:before { content:''; position:absolute; left:50%; bottom:calc(100% + 1px); height:1.5rem; width:1px; background-color:#fff; transform:translateX(-50%) }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type:after { content:''; position:absolute; left:0; right:0; bottom:calc(100% + 1px + 1.5rem); height:1px; background-color:#fff }
.component-stats-leaders.layout-standard .leaders-card .list-group-item .logo-holder{display:none }
.component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a{color:var(--bs-secondary);font-weight:bold;font-size:1rem}
.component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a:hover{color:var(--bs-white) }
.component-stats-leaders.layout-standard .leaders-card .list-group-item .stat, .component-stats-leaders.layout-standard .leaders-card .list-group-item .team{color:var(--bs-white) }
.component-stats-leaders.layout-standard .leaders-card .list-group-item .stat { font-weight: 700 }
.component-stats-leaders .tab-content .tab-pane > .d-flex {gap: .5rem!important }
.component-stats-leaders .form-select { font-size: 1rem; padding: .5rem 1rem; text-transform: uppercase; background-color: transparent; color: var(--bs-tertiary); border-color: var(--bs-tertiary); position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z' fill='%23b3b3b3'/%3E%3C/svg%3E"); background-size: 1.5rem }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type + .list-group-item {padding-top: 1.5rem }
.component-stats-leaders.layout-standard .d-flex .leaders-card:nth-child(4){margin-bottom:0 }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:nth-last-child(2) {padding-bottom: 1.5rem }

@media screen and (min-width:768px){
    .component-stats-leaders.layout-standard .d-flex .leaders-card{flex:1 1 46%!important;padding:0;margin-bottom:0 }
}
@media only screen and (min-width:992px) {
    .sec-stat-leaders .component-tabs.layout-select > .page-details .component-headings { justify-content:flex-start !important }
    .sec-stat-leaders .component-tabs.layout-select > .layout-wrapper > div > .form-floating > .form-select { position:absolute; top:1rem; right:2rem;left:auto; width:auto;  border-color:var(--bs-white);line-height:1;font-size:.75rem;padding:5px;width:150px }
    .component-stats-leaders.layout-standard .d-flex .leaders-card{flex:1 1 22%!important }
    .sec-stat-leaders .component-tabs.layout-select > .page-details{padding:1rem }
    .component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a, .component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type{font-size:1.125rem }
    .component-stats-leaders .form-select {font-size: 1rem }
}

/* Players of the Week */
.section.players-of-the-week .layout-wrapper { overflow:hidden; text-align:center; border:var(--bs-border-width) var(--bs-border-style) var(--bs-tertiary)!important }
.section.players-of-the-week .component-aotw.layout-standard:before { content:''; position:absolute; left:50%; transform:translateX(-50%); width:65px; height:50px; background-color:var(--bs-primary) }
.section.players-of-the-week .details-wrapper { margin-bottom:1rem }
.section.players-of-the-week .page-details .component-title { padding:0; line-height:1 }
.section.players-of-the-week .page-details .component-headings { justify-content:center !important; order:1 }
.section.players-of-the-week .players > .player + .player { margin-top:1rem }
.section.players-of-the-week .players .slick-track { align-items: start; height: 100%; background: var(--bs-alternative) }
.section.players-of-the-week .players .slick-list { height: 100% }
.section.players-of-the-week .player { max-width:none; vertical-align:top }
.section.players-of-the-week .headshot { background-color:var(--bs-whte) !important }
.section.players-of-the-week .headshot .headshot-holder { background-repeat:no-repeat; background-position:center; background-size:cover }
.section.players-of-the-week .player-details .player-name { font-family:var(--heading-font-family); font-weight:700 }
.section.players-of-the-week .player-details .player-name:hover { color:var(--bs-secondary) }
.section.players-of-the-week .player-details .player-info { font-size:.875rem }
.section.players-of-the-week .player-details a { color:var(--bs-tertiary) }
.section.players-of-the-week .slick-slider { margin:0 0 1rem }
.section.players-of-the-week .slider-navigation { display:flex; gap:.5rem; justify-content:center; margin-top:1rem }
.section.players-of-the-week .slider-navigation .btn { position:static; transform:none; width:2rem; height:2rem; font-size:1rem; line-height:normal; color:var(--bs-tertiary); border-color:var(--bs-tertiary); border-radius:50px }
.section.players-of-the-week .slider-navigation .btn:hover,
.section.players-of-the-week .slider-navigation .btn:focus,
.section.players-of-the-week .slider-navigation .btn:active { filter: brightness(100%); color: var(--bs-secondary); border-color: var(--bs-secondary); background: transparent }
.section.players-of-the-week .slider-navigation .btn.slick-pp { display: block; width: 2rem !important; height: 2rem !important; flex: 0 0 2rem; padding: 0 }
.section.players-of-the-week .slider-navigation .btn.slick-prev .fa:before,
.section.players-of-the-week .slider-navigation .btn.slick-next .fa:before { font-weight:400 }
.section.players-of-the-week .page-details .component-title span { font-weight: normal; font-size: 1.25rem }
.section.players-of-the-week .page-details .component-title span:first-child { display: block; font-weight: 700; font-size: 2.25rem }
.section.players-of-the-week .page-details .component-title { text-transform: uppercase; margin-bottom:1rem !important }
.section.players-of-the-week .player-details { position: relative; top: unset; left: unset; bottom: unset; right: unset; line-height: 1.5; color: #fff; text-transform: uppercase; background-color: var(--bs-alternative) !important; border-top: 1px solid var(--bs-tertiary) }
.section.players-of-the-week .headshot { --bs-aspect-ratio: calc(9 / 16* 100%) !important }
.section.players-of-the-week .component-aotw.layout-standard .component-image { display: block}
.component-aotw.layout-standard .page-details { flex-direction: column }
.section.players-of-the-week .component-aotw.layout-standard .component-image img { max-width: 9rem }
.section.players-of-the-week .players > .slick-slider .slick-slide { border: 1px solid var(--bs-tertiary) }
.section.players-of-the-week .slider-navigation { display: flex ; gap: .5rem; justify-content: center; margin-top: 1rem; position: absolute; bottom: -3rem; left: 50%; transform: translate(-50%, 0) }
.section.players-of-the-week .players > .slick-slider:last-child { margin-bottom: 0 }
.section.players-of-the-week .details-wrapper { margin-top: 1rem }
.section.players-of-the-week .player-details .player-info span:nth-child(2):before { content: ''; background: var(--bs-secondary); width: 1px; position: absolute; left: -0.5px; top: 50%; height: 0.85rem; transform: translateY(-50%) }
.section.players-of-the-week .player-details .player-info span:nth-child(2) { position: relative; padding-left: .5rem; margin-left: .25rem }
.section.players-of-the-week .player-details .player-info span:last-child { display:block; margin-top:.5rem }

@media only screen and (max-width:991px) {
    .section.players-of-the-week .layout-wrapper { padding: 1rem; overflow:visible }
    .section.players-of-the-week { margin-bottom: 3rem }
}

@media only screen and (max-width:575px) {
    .section.standings .component-tabs .nav-pills { width: 100% }
    .section.standings .component-tabs .nav-pills .nav-item { width: 50% }
    .section.standings .component-tabs .nav-pills .nav-item .nav-link { padding: 0; justify-content: center }
}

@media only screen and (min-width:992px) {
    .section.players-of-the-week .players > .slick-slider:last-child .slick-slide { border-left: 1px solid var(--bs-tertiary) !important; border: unset }
    .section.players-of-the-week .players > .slick-slider:first-child .slick-slide { border-right: 1px solid var(--bs-tertiary)!important; border: unset }
    .section.players-of-the-week .component-aotw.layout-standard .component-image img { max-width: 14.5rem }
    .section.players-of-the-week .page-details .component-title span:first-child { font-size: 3.2rem }
    .section.players-of-the-week .page-details .component-title span { font-size: 2rem }
}

@media only screen and (min-width:576px) {
    .section.players-of-the-week .players { display:flex !important; gap:1rem; justify-content:center }
    .section.players-of-the-week .players:has(.slider) { margin-bottom:1rem }
    .section.players-of-the-week .players > div { width:calc(50% - .5rem); max-width:calc(50% - .5rem) }
    .section.players-of-the-week .players > .player + .player { margin-top:0 }
    .section.players-of-the-week .slick-slider { margin:0 }
    .section.players-of-the-week .slider-navigation { margin:0 }
}

@media only screen and (min-width:768px) {
    .section.players-of-the-week .component-aotw.layout-standard:before { display:none }
    .section.players-of-the-week .layout-wrapper:has(.slider-navigation) { overflow:visible; margin-bottom:3rem }
    .section.players-of-the-week .page-details { position:relative; padding:1rem; text-align:center }
    .section.players-of-the-week .details-wrapper { position:absolute; overflow:hidden; left:50%; top:0; bottom:0; transform:translateX(-50%); height:100%; margin-bottom:0; display:flex; align-items:center; justify-content:center }
    .section.players-of-the-week .players { justify-content:space-between }
    .section.players-of-the-week .players:has(.slider) { margin-bottom:0 }
    .section.players-of-the-week .players > div { width:calc(35% - .5rem); max-width:calc(35% - .5rem) }
}


@media only screen and (min-width:1400px) {
    .section.players-of-the-week > .container { max-width:1245px }
    .section.players-of-the-week .details-wrapper { width:35% }
    .section.players-of-the-week .page-details .component-title { font-size:3rem; line-height: 0.75 }
    .section.players-of-the-week .page-details { padding:2rem }
    .section.players-of-the-week .component-aotw.layout-standard .component-image { margin-bottom: 1rem }
}


/* TOP STORIES */
.section.top-stories .component-headlines.layout-filmstrip .carousel-caption { text-transform: uppercase }
.section.top-stories .component-headlines.layout-filmstrip .carousel-caption a { color: var(--bs-tertiary) !important }
.section.top-stories .component-headlines.layout-filmstrip .carousel-caption a:hover { color: var(--bs-secondary) !important }
.section.top-stories .component-headlines.layout-filmstrip .carousel-filmstrip-controls button:hover, .section.top-stories .component-headlines .carousel-filmstrip-controls button:focus { color: var(--bs-secondary) }
.section.top-stories .component-headlines.layout-filmstrip .carousel-filmstrip-controls button, .section.top-stories .component-headlines .carousel-filmstrip-controls button { color: var(--bs-tertiary); filter: unset !important }
.section.top-stories .component-headlines.layout-filmstrip .container.carousel-indicators .control:hover { opacity: 1 }
.section.top-stories .component-headlines.layout-filmstrip .archive-link { display: none }
.section.top-stories .component-headlines.layout-filmstrip .carousel-item:after { content: ''; top: unset; bottom: 0; height: 100% }
.section.top-stories .component-headlines.layout-filmstrip .carousel-item:after { background: linear-gradient(180deg, rgba(18, 20, 52, 0) 0%, rgba(18, 20, 52, 0) 40%, rgba(18, 20, 52, 0.5032606792717087) 60%, rgba(18, 20, 52, 1) 100%) }


@media only screen and (min-width:992px) {
    .section.top-stories .component-headlines .carousel-caption a { font-size: 2.5rem }
    .section.top-stories .component-headlines .carousel-caption .category, .section.top-stories .component-headlines .carousel-caption .date { font-size: 1.125rem }
    .section.top-stories .component-headlines.layout-filmstrip .archive-link { display: block }

    .component-headlines.layout-filmstrip .carousel-item:after {
        background: linear-gradient(0deg, rgba(var(--bs-primary-rgb), 1) 10%, rgba(var(--bs-primary-rgb), 0) 60%);
    }
}

@media only screen and (max-width: 992px) {
    .section.top-stories .component-headlines.layout-filmstrip .ratio-16x9 { --bs-aspect-ratio: 70% }
}


/* BANNERS */
.section.banners .slick-wrapper { margin-inline: -.5rem }
.section.banners .slick-slide { padding: .25rem .5rem }
.section.banners .slick-slide .item { transition: all 0.25s ease-in-out }
.section.banners .slick-slide .item .img-placeholder img, .section.banners .slick-slide .item a { width: 100% }

@media (min-width:992px) {
    .section.banners .slick-slide .item .img-placeholder img, .section.banners .slick-slide .item a { width:auto }
}

/* SPONSORS */
.section.sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow { color: var(--bs-primary); border: 1px solid var(--bs-primary) }
.section.sponsors .component-banner.layout-slider .slick-track .slick-slide { border-left: 1px solid rgb(0 0 0 / 4%) }
.section.sponsors .component-banner.layout-slider .slick-track .slick-slide:first-child{ border-left:none !important }
.section.sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow:hover { border-color: #757575; color: #757575 }
.section.sponsors .slick-slide img { max-width: 8.25rem }



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


@media (max-width:576px) {
    .section.scoreboard .component-tabs .nav-pills .nav-item .nav-link { justify-content: center; padding: 0 }
    .section.scoreboard .component-tabs .nav-pills .nav-item { width: 50% }
    .section.scoreboard .component-tabs .nav-pills { width: 100%; justify-content: space-between; margin-bottom:0 !important }
    .section .component-tabs .form-floating .form-select { margin-bottom: 0 !important }
    .section.scoreboard .component-tabs .nav-pills + .tab-content { padding-top: 1rem }
    .component-tabs .form-floating:after, .component-tabs .teams-filter:after { top: 50% !important }
    .section .component-tabs { --tabs-height: 3rem !important }
}


@media(max-width:991px) {
   .section.scoreboard .component-tabs .component-scoreboard.layout-clean .slick-list { overflow: visible !important; max-width: 80%; margin: 0 auto }
   .section.scoreboard .form-floating { right: 0 !important }
}

.section.scoreboard .component-tabs .component-scoreboard.layout-clean .teams-filter{ position: absolute; top: -3.55rem; right: 0; width: 49% }
.section .component-tabs .teams-filter select { width: 100% }
.section.scoreboard .form-floating { max-width: 49% }

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

@media(min-width:992px) { 
    .section.scoreboard .component-tabs .component-scoreboard.layout-clean .teams-filter,
    .section.scoreboard .form-floating{ position: absolute; top: -3.25rem; width: auto !important; right: 0 }
}



/* GALLERY */
.section.media-tabs .component-video .card { border: unset !important; border-radius: 0 }
.section.media-tabs .component-video .card-img-overlay > .d-flex { align-items: center; justify-content: center }
.section.media-tabs .component-video .card-img-overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .85) 100%); border-radius: 0; text-align: center }
.section.media-tabs .component-video .card-title { font-weight: 700; text-transform: uppercase }
.section.media-tabs .component-video .card-title a { color: var(--bs-tertiary) !important }
.section.media-tabs .component-video .archive-link { text-transform: uppercase }
.section.media-tabs .archive-link .btn-link{ color: var(--bs-tertiary); font-size: 1.25rem; padding-right: 0 }
.section.media-tabs .component-video .page-details { display: none !important }
.section.media-tabs .component-video { gap: 0 !important }
.section.media-tabs .component-video .card > .ratio-1x1 { --bs-aspect-ratio: 106.5% }
.section.media-tabs .component-gallery .card { border: unset; padding-top: 50% }
.section.media-tabs .component-gallery.layout-slider .card-img-overlay { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; text-transform: uppercase }
.section.media-tabs .component-gallery.layout-slider .slick-dots li,
.section.media-tabs .component-video.layout-slider .slick-dots li { flex: 1; height: auto; margin: 0; max-width: 1.5rem; padding: 1rem 0 }
.section.media-tabs .component-gallery.layout-slider li.slick-active button,
.section.media-tabs .component-video.layout-slider li.slick-active button { background-color: rgb(var(--bs-secondary-rgb)) }
.section.media-tabs .component-gallery.layout-slider .card-img-overlay .card-link { color: var(--bs-tertiary) !important; font-weight: 700 }
.section.media-tabs .component-gallery.layout-slider .item, .section.media-tabs .component-video.layout-slider .item { padding: 0 .25rem }
.section.media-tabs .component-gallery.layout-slider .item .card:hover .card-title a, .section.media-tabs .component-video .card:hover h3 a { color: var(--bs-secondary) !important }

@media (min-width:992px) {
    .section.media-tabs .component-video .archive-link { position: absolute; right: 0; top: .5rem }
}

/* SOCIAL BANNERS */
.section.social-banners .nav-pills { gap: 1rem; max-width: 1080px; margin:0 auto }
.section.social-banners .nav-item { flex: 1 0 100% }
.section.social-banners .nav-link { align-items: center; background-color: var(--bs-secondary); border: 1px solid #fff; border-radius: .5rem; color: var(--bs-primary); display: flex; font-size: 1.125rem; font-weight: 700; gap: 1rem; line-height: 1em; padding: 1.75rem 1rem; position: relative; text-transform: uppercase; transition: all .25s ease-in-out; overflow: hidden }
.section.social-banners .nav-link:before { align-items: center; background: var(--bs-primary); font-weight:normal; border-radius: 50px; color: var(--bs-secondary); display: flex; font-family: "Font Awesome 6 Brands"; font-size: 3rem; height: 5rem; justify-content: center; width: 5rem }
.section.social-banners .nav-link .label:after { align-items: center; border: 1px solid var(--bs-primary); border-radius: 50%; content: "\f078"; display: flex; font-family: "Font Awesome 6 Pro"; font-size: 20px; height: 2rem; justify-content: center; position: absolute; right: 1rem; rotate: -90deg; top: 40%; width: 2rem }
.section.social-banners .nav-link .label:before { content: "Follow us on"; display: block; font-size: 1.125rem; font-weight: 700; line-height: 1em }
.section.social-banners .nav-link:after { font-family: "Font Awesome 6 Brands"; font-size: 4rem; z-index: 1 }
.section.social-banners .nav-link[href*="instagram"]:before { content: "\f16d" }
.section.social-banners .nav-link[href*="facebook"]:before { content: "\f39e"  }
.section.social-banners .nav-link[href*="twitter"]:before { content: "\e61b" }
.section.social-banners .nav-link[href*="youtube"]:before { content: "\f167" }
.section.social-banners .nav-link:after { align-items: center; color: var(--bs-secondary); border-radius: 100%; background: var(--bs-primary); display: flex; font-family: "Font Awesome 6 Brands"; font-size: 7rem; height: 13rem; justify-content: center; left: -3rem; opacity: .03; position: absolute; top: 50%; transform: translateY(-50%); width: 13rem }
.section.social-banners .nav-link[href*="instagram"]:after { content: "\f16d" }
.section.social-banners .nav-link[href*="facebook"]:after { content: "\f39e"; font-size: 12rem; right: -2.1rem; -webkit-text-stroke-width: 4px }
.section.social-banners .nav-link[href*="twitter"]:after { content: "\e61b"; font-size: 14rem; right: -3.5rem }
.section.social-banners .nav-link[href*="youtube"]:after { content: "\f167"; font-size: 16rem; right: -7.5rem }
.section.social-banners .nav-link:hover { background: var(--bs-primary); color: var(--bs-secondary) }
.section.social-banners .nav-link:hover:before { background: var(--bs-secondary); color: var(--bs-primary) }
.section.social-banners .nav-link:hover .label:after { border-color: var(--bs-secondary) }

@media (min-width:768px) {
    .section.social-banners .nav-item { flex: 1 0 calc(50% - 1rem) }
}

@media (min-width:992px) {
    .section.social-banners { margin-top: 2rem }
    .section.social-banners .nav-item { flex: 1 0 calc(25% - 1rem) }
}

@media (min-width:1400px) {
    .section.social-banners { margin-top: 3rem }
}

/* TABS */
.section .component-tabs { --tabs-height: 2.25rem; --top-offset: calc(-2.25rem - 1px) }
.section .component-tabs .nav-pills .nav-item .nav-link { display: flex; align-items:center; height: var(--tabs-height); padding-block: 0; font-weight: 700; border-radius: 0; color: var(--bs-tertiary); border-bottom: 1px solid var(--bs-tertiary); padding: 0 3rem;padding-left: 0; text-transform:uppercase; border-width:2px; font-size:1.5rem }
.section .component-tabs .nav-pills .nav-item .nav-link.active { color: #fff; border-color:var(--bs-secondary) }
.section .component-tabs .nav-pills .nav-item .nav-link:hover { color: var(--bs-secondary) }
.section .component-tabs .nav-pills .nav-item .nav-link.active:hover { color: var(--bs-tertiary) }
.section .component-tabs .nav-pills + .tab-content { overflow: visible }
.section .component-tabs .form-floating .form-select, 
.section .component-tabs .nav-pills + .tab-content table tr th { text-transform: uppercase }
.section .component-tabs .nav-pills + .tab-content table tr:last-child td, .section .component-tabs .nav-pills + .tab-content table tr:last-child th { border-color: #fff }
.section .component-tabs .form-floating:hover .form-select,
.section .component-tabs .form-floating .form-select:focus-visible,
.section .component-tabs .teams-filter select:focus-visible{ color: var(--bs-secondary) }
.section .component-tabs .form-floating:after,
.section .component-tabs .teams-filter:after { font-family: "Font Awesome 6 Pro"; content: "\f078"; position: absolute; right: .5rem; top: 32%; transform: translateY(-50%); color: var(--bs-tertiary); z-index: -1 }
.section .component-tabs .teams-filter:after { top: 50% !important }
.section .component-tabs .nav-pills + .tab-content .table>:not(caption)>*>* { background: var(--bs-primary); color: #fff; border-color: var(--bs-tertiary) }
/*
.section .component-tabs .nav-pills + .tab-content table tr th:nth-child(2), 
.section .component-tabs .nav-pills + .tab-content table tr td:nth-child(2) { background: rgb(31 33 63) }
*/
.section .component-tabs .nav-pills + .tab-content table { border: 1px solid #fff; margin-bottom: 0 }
.section .component-tabs .form-floating:hover:after { color: var(--bs-secondary) }
.section .component-tabs .form-floating label { display: none }
.section .component-tabs .teams-filter select { padding-left: 0.5rem; -webkit-appearance: none; -moz-appearance: none }

.component-standings .conference-col-head,
.component-standings .conference-col-field { background: rgb(31 33 63) !important }

@media (min-width:992px) {
    .section .component-tabs { --tabs-height: 2.5rem; --top-offset: calc(-2.5rem - 1px) }
}

@media (min-width:1400px) {
    .section .component-tabs { --tabs-height: 2.75rem; --top-offset: calc(-2.75rem - 1px) }
}