:root { 
    --body-font-family: "Chivo", sans-serif;
    --bs-font-sans-serif: "Chivo", sans-serif;
    --bs-body-font-family: "Chivo", sans-serif;
    --heading-font-family: "Chivo", sans-serif;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-tertiary);
    --bs-body-color: #000;
}

@keyframes slideIn {
    from {
        transform: scaleY(0);
        opacity: 0;
    }
    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

.skip-link { z-index: 109; position: absolute; left: 0; top: 0; border-radius: 0 }
.site-header { z-index: 99 }
.site-main { z-index: 89 }
.site-footer { z-index: 79 }

.landing .site-main .section-dark { --bs-link-color: var(--bs-white); color: var(--bs-white) }

.internal-page .site-main { flex: 1; margin-block: 3rem; color: var(--bs-body-color) }
.internal-page .site-main > div { padding-block: 1rem; border: 1px solid var(--bs-border-color) }

@media (min-width: 992px) {
    .internal-page .site-main > div { padding: 1.5rem }
}

/* Component Defaults */
.section .ps-component [class*=archive-link] a { font-size: 1rem; font-weight: 600; line-height: 1; text-decoration: none; text-transform: uppercase; color: var(--bs-white); background-color: var(--bs-primary); filter: none; border-radius: 1rem; transition: all 0.25s }
.section .ps-component [class*=archive-link] a:hover { color: var(--bs-white); background-color: var(--bs-tertiary) }
.section .ps-component .component-title { font-weight: 600; font-size: 1.25rem; text-transform: uppercase; color: var(--bs-primary) }
.section .ps-component .component-sponsor { display: none !important }
.section .ps-component a { transition: color 0.25s }
.ps-component .archive-link a { font-weight: 600; color: var(--bs-white); background-color: var(--bs-primary); border-color: transparent; filter: none }
.ps-component .archive-link a:focus-visible, .ps-component .archive-link a:hover { color: var(--bs-white); background-color: var(--bs-tertiary) }

@media (min-width: 992px) {
    .section .ps-component [class*=archive-link] a { padding: .5rem 1.5rem }
    .section .ps-component .component-title { font-size: 1.375rem }
}

/* Slider Defaults */
.section .ps-component .slick-arrow-controls { display: flex; justify-content: center; align-items: center; margin-top: 1rem; gap: 1px }
.section .ps-component .slick-arrow-controls .slick-arrow { --bs-btn-bg: var(--bs-secondary); --bs-btn-hover-bg: var(--bs-primary); position: static; display: block; height: 1.75rem !important; width: 1.75rem; max-width: 1.75rem; margin: 0; padding: 0 !important; transform: none; font-size: 1rem; line-height: calc(1.5rem - 2px); color: var(--bs-primary); border: 0; border-radius: 0; filter: none }
.section .ps-component .slick-arrow-controls .slick-arrow .fa:before { font-weight: 300; font-family: var(--fa-family-sharp) }
.section .ps-component .slick-arrow-controls .slick-arrow .fa-pause:before,
.section .ps-component .slick-arrow-controls .slick-arrow .fa-circle-pause:before { content: "\f04c"; font-weight: 900 }
.section .ps-component .slick-arrow-controls .slick-arrow .fa-play:before { font-weight: 900 }
.section .ps-component .slick-arrow-controls .slick-arrow:hover,
.section .ps-component .slick-arrow-controls .slick-arrow:active,
.section .ps-component .slick-arrow-controls .slick-arrow:focus-visible { color: var(--bs-white); background-color: var(--bs-primary) }
.section .ps-component .slick-arrow-controls .slick-arrow.slick-hidden { display: none }
.section .ps-component .slick-arrow-controls .slick-arrow.slick-disabled { opacity: 0.3; pointer-events: none }
.section .ps-component .slick-arrow-controls .prev { order: 1; border-radius: 50% 0 0 50% }
.section .ps-component .slick-arrow-controls .pp { order: 2 }
.section .ps-component .slick-arrow-controls .next { order: 3; border-radius: 0 50% 50% 0 }

@media (min-width: 992px) {
    .section .ps-component .slick-arrow-controls .slick-arrow { width: 2.25rem; height: 2.25rem !important; max-width: 2.25rem; line-height: 2.25rem }
}

/* Empty Section */
.landing .section:has(> div:empty) { display: none }

/* Site Header */
.site-header { background-color: var(--bs-primary) }
.site-header a[rel="wiki-link"] { color: var(--bs-white) }
.site-header .primary-nav-wrapper { display: flex; align-items: center; margin-left: auto }
.site-header .primary-nav-wrapper .site-nav { order: 1 }

/* Composite Link & Social Icons Collapse Layout */
.site-header .component-collapse .layout-wrapper { position: static !important }
.site-header .component-collapse > .layout-wrapper > div { gap: 0 !important }

/* Collapse Buttons */
.site-header .component-collapse .buttons button { border: 0; font-size: 1.5rem; filter: none; color: var(--bs-white) }
.site-header .composite-link .component-collapse .buttons button .fa-calendar:before { content: "\f133"; font-family: var(--fa-family-sharp); font-weight: 300 }
.site-header .social-icons .component-collapse .buttons button .fa-grid-2:before { font-family: var(--fa-family-sharp); font-weight: 300 }
.site-header .component-collapse .buttons button[aria-expanded=true] .fa:before { content: "\f00d" !important }

/* Collapse Panels */
.site-header .component-collapse .panels { position: absolute; left: 0; top: 100%; width: 100%; background-color: var(--bs-white); z-index: 1000; box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15) }
.site-header .composite-link .component-collapse .panels > div { opacity: 0; visibility: hidden }
.site-header .composite-link .component-collapse .panels > div.show { padding: 1rem; opacity: 1; visibility: visible; max-height: 80vh; overflow: auto }
.site-header .composite-link .sharing-buttons { display: none }

/* Social Navigation */
.site-header .social-icons .component-collapse .panels .component-nav { background-color: var(--bs-white) }
.site-header .social-icons .component-collapse .panels .component-nav .nav { flex-direction: column }
.site-header .social-icons .component-collapse .panels .component-nav .nav-link { display: flex; align-items: center; padding: 0.5rem 0.75rem; font-weight: 400; text-transform: none }
.site-header .social-icons .component-collapse .panels .component-nav li { flex: 1 }
.site-header .social-icons .component-collapse .panels .component-nav li:hover { background-color: rgba(255, 255, 255, 0.05) }
.site-header .social-icons .component-collapse .panels .component-nav li + li .nav-link { border-top: 1px solid rgb(var(--bs-secondary-rgb)) }
.site-header .social-icons .component-collapse .panels .component-nav .nav-link .fa-brands { min-width: 2rem }
.site-header .social-icons .component-collapse .panels .component-nav .nav-link .label { display: inline-block !important }

/* Primary Navigation */
.pre-header .site-title { font-weight: 700; font-size: 0.875rem; text-transform: uppercase; text-align: center; letter-spacing: .05rem; color: var(--bs-primary) }
.pre-header .site-title span { position: relative; display: inline-block; vertical-align: top; padding-block: .5rem }
.site-header .component-navbar-primary .layout-wrapper,
.site-header .component-navbar-primary .layout-wrapper > .navbar { position: static !important }
.site-header .component-navbar-primary .layout-wrapper > .navbar,
.site-header .component-navbar-primary .layout-wrapper > .navbar > div { padding: 0 }
.site-header .component-navbar-primary .navbar-brand { display: none !important }
.site-header .component-navbar-primary .navbar-toggler { padding: .375rem .75rem; border: 0; height: var(--header-height); opacity: 1 }
.site-header .component-navbar-primary .navbar-toggler:focus { box-shadow: none }
.site-header .component-navbar-primary .navbar-toggler .icon-bar { width: 25px; opacity: 1; background-color: var(--bs-white); transition: none }
.site-header .component-navbar-primary .navbar-toggler .icon-bar + .icon-bar { margin-top: .4rem }
.site-header .component-navbar-primary .navbar-toggler .icon-bar:nth-of-type(2) { width: 25px !important }
.site-header .component-navbar-primary .navbar-toggler[aria-expanded="true"] .icon-bar { display: none }
.site-header .component-navbar-primary .navbar-toggler[aria-expanded="true"] { position: relative; font-size: 1.5rem }
.site-header .component-navbar-primary .navbar-toggler[aria-expanded="true"]:before { content: "\f00d"; font-family: var(--fa-family-sharp); font-weight: 300; color: var(--bs-white); position: relative; -webkit-font-smoothing: antialiased }
.site-header .component-navbar-primary .navbar-collapse { position: absolute; left: 0; top: 100%; width: 100vw; background-color: var(--bs-white) }
.site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu,
.site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.show,
.site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.collapsing { padding: 0 1rem; border: 0 !important; background-color: var(--bs-white) !important }
.site-header .component-navbar-primary .navbar-nav .nav-link { padding-inline: 1rem; color: var(--bs-primary) }
.site-header .component-navbar-primary .navbar-nav .nav-item.parent > .nav-link,
.site-header .component-navbar-primary .navbar-nav .nav-item .dropdown-old-toggle:not(.level-3) .nav-link { font-weight: 600; text-transform: uppercase; color: var(--bs-primary) }
.site-header .component-navbar-primary .navbar .dropdown-menu li.nav-item:not(:first-child),
.site-header .component-navbar-primary .navbar li.nav-item:not(:first-child), 
.site-header .component-navbar-primary .navbar ul.navbar-nav.top-level:last-of-type > li.nav-item:first-child { border-top: 1px solid var(--bs-secondary) }
.site-header .component-navbar-primary .navbar-nav .nav-item.parent > .dropdown-old-toggle:has([aria-expanded="true"]) { color: var(--bs-primary); background-color: var(--bs-secondary) }
.site-header .component-navbar-primary .navbar-nav .nav-item.parent > .dropdown-old-toggle:has([aria-expanded="true"]) a { color: var(--bs-primary) }
.site-header .component-navbar-primary .navbar-nav .level-3 .nav-item { border: 0 !important }
.site-header .component-navbar-primary .navbar-nav .dropdown .nav-link .image { display: none }
.site-header .component-navbar-primary .mobile-menu-footer .mmf-search { --bs-border-color: var(--bs-primary) }
.site-header .component-navbar-primary .mobile-menu-footer .mmf-search .form-control { color: var(--bs-primary); background-color: var(--bs-white); border-radius: .375rem 0 0 .375rem !important }
.site-header .component-navbar-primary .mobile-menu-footer .mmf-search .form-control::placeholder { color: var(--bs-primary) }
.site-header .component-navbar-primary .mobile-menu-footer .mmf-search .btn { --bs-btn-padding-x: .5rem; --bs-btn-padding-y: .25rem; color: var(--bs-primary); background-color: var(--bs-white) !important; border-left: 0 !important }
.site-header .component-navbar-primary .mobile-menu-footer .mmf-search .btn .fa-search:before { font-weight: 300; font-size: 1.25rem; line-height: 1.25em }
.site-header .component-navbar-primary .mobile-menu-footer .mmf-social { display: none }
.site-header .component-navbar-secondary .navbar-secondary > div { max-width: 100% }
.site-header .component-navbar-secondary .navbar-secondary .navbar-brand { --bs-navbar-brand-color: var(--bs-primary); --bs-navbar-brand-hover-color: var(--bs-body-color); font-weight: 600; text-transform: uppercase; font-size: 1.125rem }
.site-header .component-navbar-secondary .navbar-secondary .nav-link { position: relative; font-weight: 600; color: var(--bs-primary) }
.site-header .component-navbar-secondary .navbar-secondary .nav-item:not(:first-child) .nav-link:before { content: ""; position: absolute; left: -1px; top: 50%; height: 1rem; width: 1px; background-color: #bababa; transform: translateY(-50%) }
.site-header .component-navbar-secondary .navbar-secondary .nav-item.dropdown .nav-link:before { display: none }
.site-header .component-navbar-secondary .navbar-secondary .nav-link:hover,
.site-header .component-navbar-secondary .navbar-secondary .nav-link:focus-visible { color: var(--bs-body-color) }

@media (min-width: 992px) {
    .pre-header .site-title { font-weight: 600; text-align: right }
    .pre-header .site-title span:before { content: ""; position: absolute; top: 0; left: -1.5rem; height: 100%; width: .25rem; background-color: var(--bs-secondary); transform: skew(-20deg) }
    .site-header .site-logo { margin-right: 1rem; margin-top: -.75rem; margin-bottom: -1rem; z-index: 1001; transition: all .25s }
    .site-header .site-logo img { max-height: 4.5rem; transition: all .25s }
    .site-header.is-pinned .site-logo { margin-block: .5rem }
    .site-header.is-pinned .site-logo img { max-height: 4rem }
    .site-header .search { display: flex !important; align-items: center }
    .site-header .search .btn { padding-inline: 0; font-size: 1rem; color: var(--bs-white); filter: none }
    .site-header .search .btn:hover { color: var(--bs-secondary) }
    .site-header .search .btn span:before { font-weight: 300 }
    .site-header .component-collapse { flex-direction: row !important; height: 100% }
    .site-header .component-collapse > .layout-wrapper > div { position: relative; flex-direction: row !important; height: 100% }
    .site-header .component-collapse .buttons button { padding-inline: 0; font-size: 1rem }
    .site-header .component-collapse .buttons button:hover,
    .site-header .component-collapse .buttons button[aria-expanded=true] { color: var(--bs-secondary) }
    .site-header .component-collapse .panels { left: auto; right: 0; width: auto; background-color: var(--bs-white) }
    .site-header .component-collapse .panels a[rel="wiki-link"] { color: var(--bs-primary) }
    .site-header .social-icons .component-collapse .panels .component-nav .nav { padding: 1rem }
    .site-header .social-icons .component-collapse .panels .component-nav .nav-link { padding: 0.25rem 0.5rem }
    .site-header .social-icons .component-collapse .panels .component-nav li + li .nav-link { border-top: 0 }
    .site-header .social-icons .component-collapse .panels .component-nav .nav-link .fa-brands { min-width: 1.5rem; text-align: left }
    .site-header .social-icons .inline-social .component-nav .nav-link { --bs-nav-link-color: var(--bs-white); --bs-nav-link-hover-color: var(--bs-secondary); padding-inline: .25rem; font-size: 1rem }
    .site-header .primary-nav-wrapper { gap: 1rem; align-items: stretch; margin-left: 0; flex: 1 1 100% }
    .site-header .primary-nav-wrapper .site-nav { order: 0; margin-right: auto }
    .site-header .component-navbar-primary,
    .site-header .component-navbar-primary .layout-wrapper > .navbar,
    .site-header .component-navbar-primary .layout-wrapper > .navbar > div { display: flex; height: 100% }
    .site-header .component-navbar-primary .navbar-nav { height: 100% }
    .site-header .component-navbar-primary .navbar-collapse { height: 100%; position: static; width: auto; background-color: var(--bs-primary); box-shadow: none }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .dropdown-old-toggle .dropdown-old-toggle,
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .nav-link { padding-inline: .5rem; font-size: 1rem; font-weight: 600; text-transform: uppercase; color: var(--bs-white) }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent { height: 100%; border: 0 !important }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .dropdown-old-toggle:has([aria-expanded="true"]) { color: var(--bs-white); background-color: var(--bs-primary) }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .dropdown-old-toggle:has([aria-expanded="true"]) a { color: var(--bs-white) }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .dropdown-old-toggle .dropdown-toggle { display: none !important }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .dropdown-old-toggle .nav-link,
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .nav-link { position: relative; display: flex; align-items: center; height: 100%; z-index: 1 }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .nav-link:before { content: ""; position: absolute; left: -1px; top: 100%; width: calc(100% + 2px); bottom: 0; background-color: var(--bs-white); transition: .2s; z-index: -1 }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent:hover > .nav-link,
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent:hover > .dropdown-old-toggle .nav-link { color: var(--bs-primary) }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent:hover > .nav-link:before { top: 0 }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent:hover + .nav-item.parent > .nav-link:after { visibility: hidden; opacity: 0 }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent:not(.has-megamenu) .dropdown-menu { min-width: calc(100% + 2px); left: -1px }
    .site-header .component-navbar-primary .navbar .navbar-nav .nav-link { padding: .25rem 0.5rem }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu, 
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.show, 
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.collapsing { padding: 1rem; background-color: var(--bs-white) !important }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu { animation: slideIn 0.2s forwards; transform-origin: top }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.megamenu { padding: 2rem }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.megamenu .megamenu-inner ul[data-mega="true"] { max-height: 80vh }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu a[rel="wiki-link"] { color: var(--bs-primary) }
    .site-header .component-navbar-primary .navbar-nav .dropdown:has(.dropdown-old-toggle[aria-label="Members"]) .dropdown-menu.megamenu .megamenu-inner ul[data-mega="true"] { max-height: calc(4.375rem * 9) } /* 9 items/column */
    .site-header .component-navbar-primary .navbar-nav .dropdown:has(.dropdown-old-toggle[aria-label="Members"]) .dropdown-menu .nav-link { font-weight: 600; text-transform: uppercase; color: var(--bs-primary) }
    .site-header .component-navbar-primary .navbar-nav .dropdown:has(.dropdown-old-toggle[aria-label="Members"]) .dropdown-menu .nav-link:hover { color: var(--bs-tertiary) }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle { padding-bottom: .5rem; margin-bottom: .5rem; text-transform: uppercase; color: var(--bs-primary); border-color: var(--bs-secondary) }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle .dropdown-old-toggle { font-size: 1.25rem; color: var(--bs-primary) }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-old-toggle { font-weight: 600; font-size: 1.125rem }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-menu .nav-link { position: relative }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.megamenu .megamenu-inner ul[data-column="true"] > li > .dropdown-menu .nav-item + .nav-item .nav-link:before { content: ""; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 1rem; background-color: var(--bs-secondary) }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu.megamenu .megamenu-inner .megamenu-list > li:has(.image) { flex: 0 1 auto !important; margin: 0; background: none }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu li.nav-item { transition: background-color .25s }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu li.nav-item:hover { background-color: transparent }
    .site-header .component-navbar-primary .navbar-nav .megamenu ul[data-column="true"] > li.nav-item:hover { background-color: rgba(0,0,0,0.03) }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu:not(.megamenu) li.nav-item { border-top: 0; border-bottom: 1px solid rgba(255,255,255,0.125) }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu:not(.megamenu) li.nav-item:last-child { border-bottom: 0 }
    .site-header .component-navbar-primary .navbar-nav .dropdown .dropdown-menu .dropdown-menu-inner .dropdown-menu-list.level-2 { display: flex; flex-direction: column; max-height: 80vh; flex-wrap: wrap; column-gap: 1rem }
    .site-header .component-navbar-primary .navbar-nav .dropdown .nav-link:hover { color: var(--bs-tertiary) }
    .site-header .component-navbar-primary .navbar-nav .dropdown .nav-link .image { display: none; align-items: center; justify-content: center; width: 3.875rem; height: 3.875rem; padding: .5rem; margin-right: 1rem; background-color: var(--bs-white); border-radius: 50%; overflow: hidden }
    .site-header .component-navbar-secondary .navbar-secondary .navbar-brand { transition: margin .25s .25s }
    .site-header .component-navbar-secondary .navbar-secondary .ul-wrapper { max-width: 40% }
    .site-header .component-navbar-secondary .navbar .nav-item.more-dropdown > .nav-link span { line-height: 1.5rem }
    .site-header .component-navbar-secondary .navbar .nav-item .nav-link.active,
    .site-header .component-navbar-secondary .navbar .nav-item.more-dropdown:hover > .nav-link { color: var(--bs-body-color) }
    .site-header .component-navbar-secondary .navbar .flexible-menu .flexible-dropdown-menu { border-radius: 0 }
}

@media (min-width: 1200px) {
    .pre-header .site-title { font-size: 1rem }
    .pre-header .site-title span { padding-block: 1rem; line-height: 1 }
    .site-header .site-logo { margin-top: -1.5rem; margin-bottom: -1.5rem; z-index: 1001; transition: all .25s }
    .site-header .site-logo img { max-height: 8rem }
    .site-header .social-icons { position: relative }
    .site-header .social-icons:before { content: ""; position: absolute; top: 0; left: -1.5rem; height: 100%; width: .25rem; background-color: var(--bs-white); transform: skew(-20deg) }
    .site-header .component-navbar-primary .navbar-nav .nav-link { padding: 0.75rem }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .dropdown-old-toggle .nav-link,
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .nav-link { font-size: 1.125rem }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent:not(:first-child) > .nav-link:after { content: ""; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); height: 1rem; width: 2px; background-color: rgba(var(--bs-secondary-rgb), 0.375); z-index: -2; transition: all .25s }
    .site-header .component-navbar-primary .navbar-nav .dropdown .nav-link .image { display: flex }
}

@media (min-width: 1400px) {
    .pre-header { padding-inline: 2rem }
    .pre-header > div { padding: 0 }
    .pre-header .site-title { letter-spacing: 0 }
    .site-header > div:first-of-type { padding-inline: 2rem }
    .site-header .site-logo { margin-right: 2rem; margin-top: -2rem; margin-bottom: -2rem }
    .site-header .site-logo img { max-height: 10.5rem }
    .site-header .component-collapse .buttons button { font-size: 1.25rem }
    .site-header .search .btn { font-size: 1.25rem }
    .site-header .social-icons .inline-social .component-nav .nav-link { font-size: 1.25rem }
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .dropdown-old-toggle .nav-link,
    .site-header .component-navbar-primary .navbar-nav .nav-item.parent > .nav-link { padding-inline: 1rem; font-size: 1.25rem }
    .site-header .component-navbar-secondary .navbar-secondary { --bs-navbar-nav-link-padding-x: .75rem }
    .site-header .component-navbar-secondary .navbar-secondary > div { max-width: 100%; padding-inline: 2rem }
    .site-header .component-navbar-secondary .navbar-secondary .navbar-brand { font-size: 1.25rem }
}

@media (min-width: 1600px) {
    .site-header .social-icons:before { left: -2rem }
}

/* Top Stories */
.component-headlines.layout-basic .slick-slide { padding-bottom: .25rem }
.component-headlines.layout-basic .item .card { border-radius: 0 !important; overflow: visible !important }
.component-headlines.layout-basic .item .story-details { margin-top: .5rem }
.component-headlines.layout-basic .item .card-body { position: relative; overflow: hidden; padding: .5rem .5rem .5rem 3.75rem; box-shadow: 0 2px 2px 0 rgba(211, 211, 211, .5) }
.component-headlines.layout-basic .item .card-body > div { gap: 0 !important }
.component-headlines.layout-basic .item .date { position: absolute; left: 0; top: 0; width: 3.25rem; padding-inline: 1.5rem; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; line-height: 1.25rem; font-weight: 600; color: var(--bs-white); background-color: var(--bs-primary); border-left: .25rem solid var(--bs-secondary) }
.component-headlines.layout-basic .item .category { font-size: .875rem }
.component-headlines.layout-basic .item .card-title { font-size: 1rem !important; font-weight: 600; line-height: 1.25rem }
.component-headlines.layout-basic .item .card-title a:focus-visible { outline: none; box-shadow: inset 0 0 0 0.25rem rgba(var(--bs-tertiary-rgb), .5) !important }
.component-headlines.layout-basic .item .related-links { display: flex; flex-wrap: wrap; font-size: .875rem; gap: 1rem; z-index: 1  }
.component-headlines.layout-basic .item .related-links a { position: relative; margin: 0 !important; text-decoration: none }
.component-headlines.layout-basic .item .related-links a + a:after { content: "|"; position: absolute; left: calc(-0.5rem - 1px); top: 50%; transform: translateY(-50%); color: var(--bs-secondary) }

@media (min-width: 768px) {
    .component-headlines.layout-basic .item .card-body > div > div:first-child { flex-direction: row !important }
}

@media (min-width: 992px) {
    .component-headlines.layout-basic .item .story-details { margin-top: 1rem }
    .component-headlines.layout-basic .item .card-body { display: flex; align-items: center; padding-inline: 6.25rem 8rem; min-height: 8.75rem }
    .component-headlines.layout-basic .item .date { width: 5.25rem; font-size: 1.875rem; line-height: normal; transform: translateY(calc(100% + .25rem)); transition: transform .25s .5s }
    .component-headlines.layout-basic .slick-active .item .date { transform: translateY(0) }
    .component-headlines.layout-basic .item .category { font-size: 1.125rem }
    .component-headlines.layout-basic .item .card-title { font-size: 1.875rem !important; line-height: normal }
    .component-headlines.layout-basic .slick-arrow-controls { position: absolute; right: 0; bottom: .25rem; min-height: 8.75rem; padding-inline: 1rem }
    .component-headlines.layout-basic .item .category,
    .component-headlines.layout-basic .item .card-title,
    .component-headlines.layout-basic .item .related-links { visibility: hidden; opacity: 0; transition: all .5s .75s; font-size: 1.125rem }
    .component-headlines.layout-basic .slick-active .item .category,
    .component-headlines.layout-basic .slick-active .item .card-title,
    .component-headlines.layout-basic .slick-active .item .related-links { visibility: visible; opacity: 1 }
}

/* Banners */
.sec-banners { --ps-site-width: 1080px }
.sec-banners .component-banner.layout-slider .slick-slide { padding-inline: .5rem }
.sec-banners .component-banner.layout-slider .item a { position: relative; transition: color .25s ease-in-out; background-color: var(--bs-primary); border-radius: 1rem; overflow: hidden }
.sec-banners .component-banner.layout-slider .item a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(var(--bs-primary-rgb), 1) }
.sec-banners .component-banner.layout-slider .item a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(var(--bs-primary-rgb), .65) }
.sec-banners .component-banner.layout-slider .item img { filter: grayscale(1); opacity: .9; max-width: none }
.sec-banners .component-banner.layout-slider .item .item-title { left: 0; right: 0; padding: 1rem; font-weight: 700; text-transform: uppercase; text-shadow: none; line-height: 1; color: var(--bs-white); border: 2px solid var(--bs-white); border-width: 2px 0; transition: all .25s }
.sec-banners .component-banner.layout-slider .item a:hover .item-title { color: var(--bs-primary); background-color: var(--bs-white) }
.sec-banner-static .component-banner.layout-standard { padding-block: .25rem }

/* Sponsors */
.sec-sponsors .component-banner.layout-slider .slick-slide { position: relative }
.sec-sponsors .component-banner.layout-slider .slick-slide.slick-active + .slick-slide.slick-active:before { content: ""; position: absolute; left: 0; top: 50%; height: 100%; width: 1px; background-color: rgba(var(--bs-secondary-rgb), .75); transform: translateY(-50%) }

/* Social Banners */
.sec-social-banners { padding: 1rem 1rem 2rem }
.sec-social-banners .component-nav.layout-pills .component-headings { justify-content: center !important }
.sec-social-banners .component-nav.layout-pills .component-title { font-weight: 600; font-size: 2.5rem; color: var(--bs-secondary) }
.sec-social-banners .component-nav.layout-pills .component-title span:last-child { color: var(--bs-white) }
.sec-social-banners .component-nav.layout-pills .nav-pills { max-width: 300px; gap: .25rem; margin: 0 auto; flex-wrap: nowrap; overflow: hidden; border-radius: 1rem }
.sec-social-banners .component-nav.layout-pills .nav-item { flex: 1 }
.sec-social-banners .component-nav.layout-pills .nav-link { position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; color: var(--bs-primary); background-color: var(--bs-white); border-radius: 0; transition: all .25s ease-in-out; transform: skew(-20deg) }
.sec-social-banners .component-nav.layout-pills .nav-link .label { display: none }
.sec-social-banners .component-nav.layout-pills .nav-link:after { font-family: var(--fa-family-brands); font-size: 2.5rem; transform: skew(20deg) }
.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:hover,
.sec-social-banners .component-nav.layout-pills .nav-link:focus-visible { color: var(--bs-primary); background-color: var(--bs-secondary) }
.sec-social-banners .component-nav.layout-pills .nav-item:first-child .nav-link { padding-left: 2rem; margin-left: -1rem }
.sec-social-banners .component-nav.layout-pills .nav-item:last-child .nav-link { padding-right: 2rem; margin-right: -1rem }

@media (min-width:992px) {
    .sec-social-banners { position: relative; padding: 4rem 3rem; background: url(https://theme-assets.prestosports.com/theme-assets/njcaa-region-twelve-premium/assets/images/njcaa-logo-white.png) no-repeat 50% 0; background-size: 1320px auto; background-attachment: fixed; background-color: rgba(var(--bs-primary-rgb), 0.6);  background-blend-mode: lighten }
    .sec-social-banners:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--bs-primary-rgb), .95) }
    .sec-social-banners .component-nav.layout-pills { position: relative; flex-direction: row !important; justify-content: center; gap: 2rem !important }
    .sec-social-banners .component-nav.layout-pills .component-title { font-size: 3.125rem }
    .sec-social-banners .component-nav.layout-pills .nav-pills { max-width: none }
    .sec-social-banners .component-nav.layout-pills .nav-link { padding: .75rem 2.25rem }
    .sec-social-banners .component-nav.layout-pills .nav-link:after { font-size: 3.25rem }
    .sec-social-banners .component-nav.layout-pills .nav-item:first-child .nav-link { padding-left: 3.5rem; margin-left: -1rem }
    .sec-social-banners .component-nav.layout-pills .nav-item:last-child .nav-link { padding-right: 3.5rem; margin-right: -1rem }
    .sec-social-banners a[rel="wiki-link"] { position: relative }
}

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

/* Footer */
.site-footer > div:first-child { display: flex; flex-direction: column; gap: 1rem }
.site-footer .affiliate-logos { --bs-link-color: var(--bs-white); --bs-link-hover-color: var(--bs-secondary); padding: 1rem; color: var(--bs-white); background-color: var(--bs-primary) }
.site-footer .affiliate-logos ul { flex-direction: row !important; gap: 1rem !important; margin: 0 }
.site-footer .affiliate-logos li img { max-height: 6rem }
.site-footer .text { display: flex; flex-direction: column; align-items: center; text-align: center; padding-inline: 1rem; font-size: .875rem }
.site-footer .inc-hostedby { width: 14rem; margin: 0 auto }
.site-footer .footer-links li + li a:before { content: "|"; position: absolute; left: -1px; color: var(--bs-body-color) }
.site-footer .footer-links li a { position: relative; padding: 0 .5rem }

@media (min-width: 768px) {
    .site-footer .affiliate-logos ul { justify-content: center; gap: 4rem !important }
    .site-footer .affiliate-logos li { flex: 0 1 auto !important }
}

@media (min-width:992px) {
    .site-footer > div:first-child { gap: 0 }
    .site-footer .affiliate-logos { padding-block: 3rem }
    .site-footer .text { flex-direction: row; font-size: 1rem; gap: .5rem }
    .site-footer .phone:before { content: "\00a0/ " }
    .site-footer .footer-links li a { padding: 0 }
    .site-footer .footer-links li + li a { padding: 0; margin-left: 1rem }
    .site-footer .footer-links li + li a:before { left: calc(-.5rem - 1px) }
    .site-footer .inc-hostedby { width: 11rem }
}

/* Scoreboard Tabs */
.sec-scoreboard .component-tabs.layout-pills .nav-pills { width: 100%; gap: .25rem; border-radius: 5rem; overflow: hidden }
.sec-scoreboard .component-tabs.layout-pills .nav-pills li { flex: 1; text-align: center }
.sec-scoreboard .component-tabs.layout-pills .nav-pills li a { position: relative; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; text-transform: uppercase; color: var(--bs-primary); background-color: var(--bs-secondary); border: 0; border-radius: 0; transform: skew(-20deg) }
.sec-scoreboard .component-tabs.layout-pills .nav-pills li a:hover,
.sec-scoreboard .component-tabs.layout-pills .nav-pills li a:focus-visible { color: var(--bs-black) }
.sec-scoreboard .component-tabs.layout-pills .nav-pills li a.active { color: var(--bs-white); background-color: var(--bs-primary) }
.sec-scoreboard .component-tabs.layout-pills .nav-pills li:first-child a { padding-left: 2rem; margin-left: -1rem }
.sec-scoreboard .component-tabs.layout-pills .nav-pills li:last-child a { padding-right: 2rem; margin-right: -1rem }
.sec-scoreboard .component-tabs.layout-pills .nav-pills li a span { display: block; transform: skew(20deg) }
.sec-scoreboard .component-tabs.layout-select > .layout-wrapper > div { align-items: center !important }
.sec-scoreboard .component-tabs.layout-select .form-floating .form-select { padding-top: .625rem; height: auto; font-size: 1.25rem; color: var(--bs-primary); border-radius: 0; border-color: var(--bs-primary); text-overflow: ellipsis; white-space: nowrap; border-radius: 5rem; 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='%23005499' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") }

@media (min-width:992px) {
    .sec-scoreboard .component-tabs.layout-pills .tab-content { overflow: visible }
    .sec-scoreboard .component-tabs.layout-pills .nav-pills { width: auto }
    .sec-scoreboard .component-tabs.layout-select .form-floating { position: absolute; top: -4rem; right: 4rem; width: auto !important }
    .sec-scoreboard .component-tabs.layout-pills .nav-pills li a { padding-inline: 2rem; font-size: 1.5rem }
    .sec-scoreboard .component-tabs.layout-pills .nav-pills li:first-child a { padding-left: 3rem }
    .sec-scoreboard .component-tabs.layout-pills .nav-pills li:last-child a { padding-right: 3rem }
}

/* Scoreboard */
.component-scoreboard.layout-clean .slick-list { padding-bottom: 1rem; border: 0 }
.component-scoreboard.layout-clean .card { border: 0 }
.component-scoreboard.layout-clean .event-card { border: 2px solid var(--bs-primary); border-radius: 1rem; overflow: hidden }
.component-scoreboard.layout-clean .card-inner { gap: 0 !important }
.component-scoreboard.layout-clean .body-top { margin: -1rem -1rem 0; padding: .75rem 1rem; background-color: var(--bs-secondary); line-height: 1.5rem }
.component-scoreboard.layout-clean .body-middle { position: relative }
.component-scoreboard.layout-clean .sport-name { font-weight: 600; font-size: 1.25rem; text-transform: uppercase }
.component-scoreboard.layout-clean .sport-name a { text-decoration: none; --bs-link-hover-color: var(--bs-black) }
.component-scoreboard.layout-clean .event-date-and-status { display: flex; justify-content: center; align-items: center }
.component-scoreboard.layout-clean .date { font-weight: 400 !important; font-size: 1rem !important; white-space: nowrap }
.component-scoreboard.layout-clean .status:before { content: "|"; padding-inline: .5rem; color: var(--bs-primary) }
.component-scoreboard.layout-clean .status { display: flex; align-items: center; text-align: left; flex: 0 1 fit-content; line-height: 1 }
.component-scoreboard.layout-clean .event-location-diamond { position: absolute; left: 50%; top: 2.5rem; margin: 0 !important; transform: translateX(-50%) }
.component-scoreboard.layout-clean .event-location-diamond:before { display: none }
.component-scoreboard.layout-clean .event-location-diamond span.event-location-indicator { transform: none; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; border: 0 !important; border-radius: 50%; background-color: var(--bs-secondary) !important }
.component-scoreboard.layout-clean .event-location-diamond span.event-location-indicator span { transform: none; font-size: .875rem; font-weight: 600; text-transform: uppercase; color: var(--bs-primary) }
.component-scoreboard.layout-clean .team-logos { height: 5rem; gap: 0 !important; justify-content: space-between !important }
.component-scoreboard.layout-clean .logo-holder { flex: 1 }
.component-scoreboard.layout-clean .participants { flex-direction: row !important }
.component-scoreboard.layout-clean .participants .team .team-inner { justify-content: center !important }
.component-scoreboard.layout-clean .participants .event-team-name { display: none !important }
.component-scoreboard.layout-clean .participants .winner .event-score { font-weight: 600 }
.component-scoreboard.layout-clean .event-result { font-weight: 600 !important }
.component-scoreboard.layout-clean .macro-event-notes { margin-top: .25rem }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .collapse-event-links { left: 2px; right: 2px; top: 2px; bottom: 2px; height: auto; overflow: hidden; visibility: hidden; opacity: 0; border-radius: 1rem; background-color: var(--bs-secondary) }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .collapse-event-links.show { visibility: visible; opacity: 1 }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .btn[aria-label="Related links"] { position: absolute; z-index: 1; left: 50%; bottom: -0.625rem; transform: translateX(-50%); width: 1.25rem; height: 1.25rem; line-height: 1.25rem; padding: 0; border: 0; background-color: var(--bs-primary); color: var(--bs-white) !important; border-radius: 50% }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .btn[aria-label="Related links"] .fa-ellipsis-vertical:before { content: "\f077" }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .collapse-event-links.show + .btn[aria-label="Related links"] .fa-ellipsis-vertical:before { content: "\f078" }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .btn[aria-label="Close"] { color: var(--bs-primary) !important }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .btn[aria-label="Close"]:hover { color: var(--bs-black) !important }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .event-links { display: flex; flex-direction: column; align-items: center }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .event-links a { margin: 0; font-size: 1.25rem; text-transform: uppercase; font-weight: 600 }
.component-scoreboard.layout-clean .event-links-collapse-wrapper .event-links a:hover { color: var(--bs-black) }
.component-scoreboard.layout-clean .body-middle:has(.logo-holder:only-child) .event-location-diamond { display: none }
.component-scoreboard.layout-clean .body-middle:has(.logo-holder:only-child) .event-team-name { display: block !important }
.component-scoreboard.layout-clean .body-middle:has(.logo-holder:only-child) .participants { justify-content: center !important }
.component-scoreboard.layout-clean .slick-track:has(.no-more-events:only-child),
.component-scoreboard.layout-clean .no-more-events:only-child { width: 100% !important }

@media (min-width:768px) {
    .component-scoreboard.layout-clean { margin-inline: -.5rem }
    .component-scoreboard.layout-clean .card { padding-inline: .5rem }
    .component-scoreboard.layout-clean .event-links-collapse-wrapper .collapse-event-links { left: calc(.5rem + 2px); right: calc(.5rem + 2px) }
}

@media (min-width:992px) {
    .component-scoreboard.layout-clean .archive-link { position: absolute; right: 0; top: -3.75rem }
    .component-scoreboard.layout-clean .archive-link .btn { width: 2.25rem; height: 2.25rem; overflow: hidden; padding: 0; line-height: 2.25rem; border: 0; color: var(--bs-primary); background-color: var(--bs-white); border-radius: 0 }
    .component-scoreboard.layout-clean .archive-link .btn:before { content: "\f133"; display: block; width: 2.25rem; height: 2.25rem; font-family: var(--fa-family-classic); font-weight: 400; font-size: 2.25rem }
    .component-scoreboard.layout-clean .archive-link .btn:hover { color: var(--bs-tertiary); background-color: var(--bs-white) }
}

@media (min-width:1200px) {
    .component-scoreboard.layout-clean { margin-inline: -3rem }
    .component-scoreboard.layout-clean .slick-wrapper { padding-inline: 2.5rem }
    .component-scoreboard.layout-clean .slick-arrow-controls { margin-top: 0 }
    .component-scoreboard.layout-clean .slick-arrow-controls .slick-arrow { position: absolute; transform: translateY(calc(-50% - .5rem)); font-size: 1.75rem; color: var(--bs-primary); background-color: var(--bs-white) }
    .component-scoreboard.layout-clean .slick-arrow-controls .slick-arrow:hover,
    .component-scoreboard.layout-clean .slick-arrow-controls .slick-arrow:focus-visible { color: var(--bs-tertiary); background-color: var(--bs-white) }
    .component-scoreboard.layout-clean .slick-arrow-controls .slick-arrow.prev { left: 0 }
    .component-scoreboard.layout-clean .slick-arrow-controls .slick-arrow.next { right: 0 }
}

/* Tabs */
.component-tabs.layout-responsive .accordion { --bs-accordion-bg: var(--bs-white); --bs-accordion-border-color: var(--bs-primary); --bs-accordion-btn-focus-border-color: var(--bs-primary); --bs-accordion-btn-focus-box-shadow: none }
.component-tabs.layout-responsive .accordion-header button { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; text-align: center; justify-content: center; color: var(--bs-primary); background-color: var(--bs-secondary) }
.component-tabs.layout-responsive .accordion-header button:after { margin-left: .25rem }
.component-tabs.layout-responsive .accordion-header button[aria-expanded="true"] { color: var(--bs-white); background-color: var(--bs-primary); border-bottom: 1px solid }
.component-tabs.layout-responsive .accordion-header button[aria-expanded="true"]:after { color: var(--bs-white) }
.component-tabs.layout-responsive .accordion-body { padding: 1rem !important }
.component-tabs.layout-responsive .accordion-item[class*="leaguenews"] { --bs-accordion-bg: var(--bs-white) }
.component-tabs.layout-responsive .accordion-item[class*="leaguenews"] a[rel="wiki-link"] { color: var(--bs-primary) }
.component-tabs.layout-responsive .accordion-item[class*="instagram"] iframe { margin: 0 !important }

@media (min-width:992px) {
    .component-tabs.layout-responsive { border: 1px solid var(--bs-white) }
    .component-tabs.layout-responsive .nav-tabs { width: 100%; margin-bottom: 0 !important; gap: 0.5rem; border-radius: 1rem 1rem 0 0; overflow: hidden; border-bottom: 0 }
    .component-tabs.layout-responsive .nav-tabs .nav-item { flex: 1; position: relative }
    .component-tabs.layout-responsive .nav-tabs .nav-item .nav-link { font-size: 1.875rem; font-weight: 600; text-transform: uppercase; color: var(--bs-primary); background-color: var(--bs-secondary); text-align: center; border: 0; border-radius: 0; transform: skew(-20deg) }
    .component-tabs.layout-responsive .nav-tabs .nav-item .nav-link:hover { color: var(--bs-black) }
    .component-tabs.layout-responsive .nav-tabs .nav-item .nav-link.active { color: var(--bs-white); background-color: var(--bs-primary) }
    .component-tabs.layout-responsive .nav-tabs .nav-item .nav-link.active:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% }
    .component-tabs.layout-responsive .nav-tabs .nav-item .nav-link.active:focus,
    .component-tabs.layout-responsive .nav-tabs .nav-item .nav-link.active:focus-visible { outline: none !important; box-shadow: none !important }
    .component-tabs.layout-responsive .nav-tabs .nav-item .nav-link.active:focus-visible:after { outline: none; box-shadow: inset 0 0 0 0.25rem #ebb567 !important }
    .component-tabs.layout-responsive .nav-tabs .nav-item .nav-link .text { display: block; transform: skew(20deg) }
    .component-tabs.layout-responsive .nav-tabs .nav-item:first-child .nav-link { padding-left: 2rem; margin-left: -1rem }
    .component-tabs.layout-responsive .nav-tabs .nav-item:last-child .nav-link { padding-right: 2rem; margin-right: -1rem }
    .component-tabs.layout-responsive .accordion-body { padding: 1rem 0 0 !important }
}

/* Videos */
.component-video.layout-cards .item:nth-child(n + 4) { display: none }
.component-video.layout-cards .item .card { background-color: var(--bs-white) !important; transition: transform 0.25s ease-in-out }
.component-video.layout-cards .item .card:before { content: ""; position: absolute; left: 0; bottom: -0.25rem; width: 100%; height: 0; background-color: var(--bs-primary); transition: height 0.25s ease-in-out }
.component-video.layout-cards .item .ratio { --bs-aspect-ratio: 56.25% }
.component-video.layout-cards .item .card-img-overlay { position: static; padding-inline: 0; color: var(--bs-black); background-color: var(--bs-white); border-radius: 0 }
.component-video.layout-cards .item .card-title { font-size: 1rem !important; font-weight: 600 }
.component-video.layout-cards .item .card-title a { color: var(--bs-primary) !important }
.component-video.layout-cards .item:hover .card-title a { color: var(--bs-tertiary) !important }
.component-video.layout-cards .item:hover .card { transform: translateY(-0.25rem) }
.component-video.layout-cards .item:hover .card:before { height: 0.25rem }
.component-video.layout-cards .item .center-icon-pre { display: none }

@media (min-width:768px) {
    .component-video.layout-cards { --grid-gap: 1rem }
    .component-video.layout-cards .layout-wrapper { margin: -1rem }
    .component-video.layout-cards .item:nth-child(n + 4) { display: block }
}

@media (min-width:1200px) {
    .component-video.layout-cards .item .card-date { font-size: 1rem }
    .component-video.layout-cards .item .card-title { font-size: 1.125rem !important }
}

/* League News */
.component-rss-feeds.layout-standard .layout-wrapper > div { gap: 0 !important }
.component-rss-feeds.layout-standard .rss-feed { position: relative; align-items: center; border-width: 1px 0 0 !important; border-color: var(--bs-secondary) !important }
.component-rss-feeds.layout-standard .rss-feed:first-child { border-top-width: 0 !important }
.component-rss-feeds.layout-standard .rss-feed a { -webkit-line-clamp: 2; font-weight: 600; text-decoration: none; --bs-link-color: var(--bs-primary) }

@media (min-width:992px) {
    .component-rss-feeds.layout-standard .rss-feed { border-width: 0 1px 1px 0 !important }
    .component-rss-feeds.layout-standard .rss-feed:nth-child(-n+2) { border-top-width: 1px !important }
    .component-rss-feeds.layout-standard .rss-feed:nth-child(odd) { border-left-width: 1px !important }
}

@media (min-width:1200px) {
    .component-rss-feeds.layout-standard .rss-feed .date { font-size: 1rem }
    .component-rss-feeds.layout-standard .rss-feed a { font-size: 1.125rem }
}

@media (min-width:1400px) {
    .component-rss-feeds.layout-standard .layout-wrapper > div { justify-content: flex-start !important }
    .component-rss-feeds.layout-standard .rss-feed:nth-child(-n+3) { border-top-width: 1px !important }
    .component-rss-feeds.layout-standard .rss-feed:nth-child(odd) { border-left-width: 0 !important }
    .component-rss-feeds.layout-standard .rss-feed:nth-child(3n+1) { border-left-width: 1px !important }
    .component-rss-feeds.layout-standard .rss-feed .logo-holder { display: flex; width: 4rem; height: 4rem; justify-content: center; align-items: center }
    .component-rss-feeds.layout-standard .rss-feed .logo-holder img { max-width: 4rem; max-height: 4rem }
}

/* Standings */
.sec-standings .component-tabs.layout-select > .page-details { position: relative; background-color: var(--bs-secondary); border-radius: 1rem 1rem 0 0 }
.sec-standings .component-tabs.layout-select > .page-details .component-headings { justify-content: center !important }
.sec-standings .component-tabs.layout-select > .page-details .component-title { padding: 1rem }
.sec-standings .component-tabs.layout-select .form-floating .form-select { padding-block: .5rem; height: auto; border-radius: 5rem !important; color: var(--bs-primary); border-color: var(--bs-primary) }
.component-standings.layout-standard .layout-wrapper { display: flex; flex-direction: column; gap: 1rem }
.component-standings.layout-standard .table { margin: 0; --bs-table-border-color: var(--bs-secondary) }
.component-standings.layout-standard .table>:not(caption)>*>* { padding: .5rem 1rem }
.component-standings.layout-standard .table thead th { font-weight: 600; color: var(--bs-primary); background-color: var(--bs-secondary) }
.component-standings.layout-standard .table thead th + th { width: 15% }
.component-standings.layout-standard .table thead th.division-name { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; color: var(--bs-white); background-color: var(--bs-primary) }
.component-standings.layout-standard .table tbody { font-size: .875rem }
.component-standings.layout-standard .table .team-name { font-weight: 600 }
.component-standings.layout-standard .standings-footer { margin: 0 !important; padding: 1rem; font-size: .875rem; border: 1px solid var(--bs-white); border-top: 0 }
.component-standings.layout-standard .standings-footer p:last-of-type { margin: 0 }

@media (min-width:576px) {
    .sec-standings .component-tabs.layout-select > .page-details { background-color: var(--bs-primary); overflow: hidden }
    .sec-standings .component-tabs.layout-select > .page-details .component-headings { justify-content: flex-start !important; flex: 0 !important; transform: skew(-20deg); padding-inline: 1rem; margin-left: -1rem; background-color: var(--bs-secondary); border-right: .25rem solid var(--bs-white) }
    .sec-standings .component-tabs.layout-select > .page-details .component-title { transform: skew(20deg); white-space: nowrap }
    .sec-standings .component-tabs.layout-select .form-floating { position: absolute; top: -3.75rem; right: 1rem; margin-inline: auto; width: auto !important }
    .sec-standings .component-tabs.layout-select .form-floating .form-select { padding-block: .25rem; margin-bottom: 0 !important }
    .component-standings.layout-standard .table tbody { font-size: 1rem }
    .component-standings.layout-standard .standings-footer { font-size: 1rem }
}

@media (min-width:992px) {
    .sec-standings .component-tabs.layout-select .form-floating { top: -4.25rem }
    .sec-standings .component-tabs.layout-select .form-floating .form-select { font-size: 1.25rem }
    .sec-standings .component-tabs.layout-select > .page-details .component-title { font-size: 1.875rem }
}

/* Stat Leaders */
.sec-stats-leaders .component-tabs.layout-select > .page-details { position: relative; background-color: var(--bs-secondary); border-radius: 1rem 1rem 0 0 }
.sec-stats-leaders .component-tabs.layout-select > .page-details .component-headings { justify-content: center !important }
.sec-stats-leaders .component-tabs.layout-select > .page-details .component-title { padding: 1rem }
.sec-stats-leaders .component-tabs.layout-select .form-select { padding-block: .5rem; height: auto; line-height: 1.25; border-radius: 5rem !important; color: var(--bs-primary); border-color: var(--bs-primary) }
.component-stats-leaders.layout-standard .leaders-card .list-group { --bs-list-group-border-color: var(--bs-secondary) }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type { margin-bottom: 0 !important; font-size: 1.25rem; font-weight: 600 !important; text-align: center; color: var(--bs-white); background-color: var(--bs-primary) }
.component-stats-leaders.layout-standard .leaders-card .list-group-item:has(.btn) { padding: 0 }
.component-stats-leaders.layout-standard .leaders-card .list-group a { --bs-link-color: var(--bs-primary); --bs-link-hover-color: var(--bs-tertiary); text-decoration: none }
.component-stats-leaders.layout-standard .leaders-card .list-group .btn { --bs-btn-color: var(--bs-primary); --bs-btn-hover-color: var(--bs-tertiary); display: block; padding-block: 1rem; font-weight: 700; font-size: 1rem; text-transform: uppercase; background-color: var(--bs-white); border-radius: 0; filter: none }
.component-stats-leaders.layout-standard .leaders-card .list-group:has(.btn):last-of-type .btn { margin: 0 -1px -1px }
.component-stats-leaders.layout-standard .leaders-card .logo-holder { display: flex; width: 2.75rem; height: 2.75rem; justify-content: center; align-items: center; background-color: var(--bs-white); border-radius: 50%; box-shadow: 0 0 0 1px var(--bs-secondary) }

@media (min-width:768px) {
    .sec-stats-leaders { --stats-dd-width: calc(25% - 1.75rem) }
    .sec-stats-leaders .component-tabs.layout-select > .page-details { background-color: var(--bs-primary); overflow: hidden }
    .sec-stats-leaders .component-tabs.layout-select > .page-details .component-headings { justify-content: flex-start !important; flex: 0 !important; transform: skew(-20deg); padding-inline: 1rem; margin-left: -1rem; background-color: var(--bs-secondary); border-right: .25rem solid var(--bs-white) }
    .sec-stats-leaders .component-tabs.layout-select > .page-details .component-title { transform: skew(20deg); white-space: nowrap }
    .sec-stats-leaders .component-tabs.layout-select .form-floating { position: absolute; top: -3.75rem; right: 1rem; margin-inline: auto; width: var(--stats-dd-width) !important }
    .sec-stats-leaders .component-tabs.layout-select:has(.component-stats-leaders.layout-standard .form-select) .form-floating { right: calc(var(--stats-dd-width) + 2rem) }
    .sec-stats-leaders .component-tabs.layout-select .form-floating .form-select { padding-block: .25rem; margin-bottom: 0 !important }
    .sec-stats-leaders .component-tabs.layout-select .form-floating ~ .tab-content { overflow: visible }
    .component-stats-leaders.layout-standard .form-select { position: absolute; top: -3.75rem; right: 1rem; width: var(--stats-dd-width); padding-block: .25rem !important; margin-bottom: 0 !important }
}

@media (min-width:992px) {
    .sec-stats-leaders .component-tabs.layout-select .form-floating,
    .component-stats-leaders.layout-standard .form-select { top: -4.25rem }
    .sec-stats-leaders .component-tabs.layout-select .form-floating .form-select,
    .component-stats-leaders.layout-standard .form-select { font-size: 1.25rem }
    .sec-stats-leaders .component-tabs.layout-select > .page-details .component-title { font-size: 1.875rem }
}

/* Parallax */
.component-parallax.layout-standard .layout-wrapper { min-height: 40vh }
.component-parallax.layout-standard .overlay:before { background: transparent }

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