:root {
    --header-height: 90px;
    --bs-link-color: var(--bs-tertiary);
    --bs-gray-100: #afafaf;
}

/* ANIMATION KEYFRAMES */
@keyframes slide-in { from { opacity:0; translate:-1rem 0 }  to { opacity:1; translate:0 0 } }
@keyframes slide-down { from { opacity:0; translate:0 -10rem } to { opacity:1; translate:0 0 } }
@keyframes show-menu { from { opacity:0 } to { opacity: 1 } }

body { display:flex; flex-direction:column; --bs-body-font-family:'Lato'; --bs-heading-font-family:'Barlow Condensed' }
.landing body { background:var(--bs-primary); color:#fff; --bs-link-color:var(--bs-gray-100); --bs-link-hover-color:var(--bs-tertiary) }
.landing .btn { --bs-btn-color:#fff; --bs-btn-hover-color:var(--bs-tertiary) }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:700 }
a:hover { text-decoration:none }

.site-main { flex:1; display:flex; flex-direction:column }
.site-main > .container { flex:1 }

.internal-page .site-main { padding:1.5rem }
.internal-page .site-main > .container { padding:1.5rem; box-shadow:0 0 10px rgba(230,230,230,0.6) }

/* HEADER */
.site-header { position:relative; z-index:100; min-height:var(--header-height); font-family:var(--bs-heading-font-family); background:var(--bs-primary); --bs-link-color:#fff; --bs-link-hover-color:var(--bs-tertiary); --bs-nav-link-color:#fff; --bs-nav-link-hover-color:var(--bs-tertiary) } 
.site-header .logo-nav { display:flex; justify-content:space-between; align-items:center; gap:1rem }

.site-header .site-logo { width:200px; padding:1rem 0; text-align:center }
.site-header .site-logo__img { max-width:200px; max-height:calc(var(--header-height) - 2rem); transition:.5s ease-out }

.site-header .mega-menu,
.site-header .social-nav { display:none }
.site-header .header-buttons { display:flex }

.site-header .btn { --bs-btn-font-size:1.2rem; --bs-btn-padding-x: 0.5rem }
.site-header .social-nav .nav-link { --bs-nav-link-padding-x: 0.5rem }

.site-header .hamburger { display:none } 
.site-header .hamburger input { appearance:none; opacity:0 }
.site-header .hamburger .btn { display:none; width:3rem; opacity:0; transition:.5s; --bs-btn-font-size:1.5rem; --bs-btn-color:#fff; --bs-btn-active-color:#fff }

.site-header .hamburger:not(:has(:checked)) .btn.open { display:inline-block; opacity:1 }
.site-header .hamburger:has(:checked) .btn.close { display:inline-block; opacity:1; color:var(--bs-tertiary); }

.site-header .nav-link { display:flex; align-items:center; gap:0.25rem }
.site-header .dropdown-toggle::after { content:'\f107'; font-family:'Font Awesome 6 Pro'; border:none; vertical-align:middle; color:var(--bs-tertiary); transition:.5s }
.site-header .nav-link.show .dropdown-toggle::after { rotate:-180deg }

/* DROPDOWN ANIMATION */
.mega-menu .nav-list:not(.level1) { animation:slide-in 0.2s ease-out both; animation-delay: calc(0.4s * var(--i));  }

.mega-menu .nav-list.level2:nth-of-type(1) { --i: 1 }
.mega-menu .nav-list.level2:nth-of-type(2) { --i: 1.4 }
.mega-menu .nav-list.level2:nth-of-type(3) { --i: 1.8 }
.mega-menu .nav-list.level2:nth-of-type(4) { --i: 2.2 }

@media (max-width: 991px) {
    body:has(.hamburger-check:checked),
    body:has(.nav-link.show + .dropdown-menu) { overflow:hidden }

    .site-header { transition:background .2s ease-in .1s }
    .site-header > .container { max-width:100% }
    .site-header .hamburger { display:block; position:relative; z-index:100 }

    /* flyout menu */
    .site-header .mega-menu { display:block; position:fixed; left:0; right:0; top:var(--header-height); z-index:100; height:calc(100vh - var(--header-height) - 60px); overflow:auto; background:var(--bs-primary); opacity:0; translate:-100% 0; transition:opacity .2s }
    .site-header:has(.hamburger-check:checked) .mega-menu { opacity:1; translate:0 0 }
    .site-header:has(.hamburger-check:checked) .mega-menu .nav-list.level1 { animation:slide-in .2s ease-out .2s both }
    .site-header:has(.hamburger-check:checked) .social-nav { position:fixed; left:0; right:0; bottom:0; display:flex; height:60px; justify-content:center; align-items:center; background:var(--bs-primary); border-top:solid 1px var(--bs-gray); box-shadow:0 -10px 20px rgba(0,0,0,1) }
    
    .site-header .mega-menu > .container { --bs-gutter-x:2rem; padding-bottom:2rem }
    .mega-menu .nav-list { margin:0; padding:0; list-style:none; display:flex; flex-direction:column }
    
    .mega-menu .nav-link { display:flex }
    .mega-menu .nav-label { flex:1 }
    .mega-menu .dropdown-menu { padding:0; position:static !important; transform:none !important; background:transparent }

    .mega-menu .nav-item.level1 { padding:0.5rem; border-bottom:solid 1px var(--bs-gray) }
    .mega-menu .nav-item.level1:last-child { border-bottom:none }
    .mega-menu .nav-list.level2 { padding-top:0.5rem }

    .mega-menu .nav-title { color:#fff; font-size:1.3125rem; font-weight:700 }
    .mega-menu .nav-link.level1 { font-size:1.5rem; font-weight:700; text-transform:uppercase }
    .mega-menu .nav-link.level2 { padding:0.25rem 1rem; font-size:1.125rem }
    .mega-menu .nav-link.level3 { display:none }
    .mega-menu [data-dropdown="navbar-schools"] .nav-link.level2 { padding:0.5rem 0; font-size:1.25rem; font-weight:700 }
} 

@media (min-width: 992px) {
    .sticky-point.off-screen { margin-bottom:var(--header-height) }
    .sticky-point.off-screen + .site-header { --header-height:80px; position:fixed; left:0; right:0; top:0; z-index:100; background:var(--bs-primary); box-shadow:0 10px 50px rgba(100,100,100,0.25) }
    
    .site-header .component-navbar-secondary { transition:max-height 1s ease-in, opacity .25s ease-in }
    .sticky-point.off-screen + .site-header .component-navbar-secondary { max-height:0; opacity:0 }
    
    .landing .site-header { background:transparent }
    .landing .site-main { margin-top:calc(-1 * var(--header-height)) }

    .mega-menu { display:block !important }
    .mega-menu > .container { padding:0 }
    .mega-menu .nav-list { margin:0; padding:0; list-style:none; display:flex; flex-direction:column }
    .mega-menu .nav-list.level1 { flex-direction:row }
    
    .mega-menu .nav-item:not(.has-columns) { position:relative }

    .mega-menu .dropdown-menu { --bs-dropdown-padding-y:1rem; --bs-dropdown-padding-x:1rem; --bs-dropdown-font-size:1.25rem; --bs-dropdown-bg:var(--bs-primary); --bs-dropdown-min-width:300px; --bs-nav-link-color:#afafaf; --bs-dropdown-border-width:0; --bs-dropdown-border-radius:0 }
    .mega-menu .dropdown-menu { top:var(--header-height) !important; transform:none !important }
    .mega-menu .dropdown-menu.show,
    .mega-menu .nav-item.level1.has-dropdown:hover > .dropdown-menu { display:block; opacity:0; animation:show-menu .2s ease-in .1s both }
    
    .mega-menu .nav-item.has-columns .dropdown-menu { left:0 !important; right:0 !important; padding:2rem 0; max-height:80vh; overflow:auto; }
    .mega-menu .nav-item.has-columns .container { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); column-gap:3rem; row-gap:2rem }
    .mega-menu .nav-item:not(.has-columns) .nav-link { white-space:nowrap }
    
    .mega-menu .nav-title { padding-bottom:0.25rem; margin-bottom:0.5rem; border-bottom:solid 1px var(--bs-gray); font-size:1.4375rem; font-weight:700; color:#fff; text-transform:uppercase }
    
    .mega-menu .nav-item.level1 { display:flex; flex-direction:column; justify-content:center; min-height:var(--header-height) }
    .mega-menu .nav-item.level2 { display:flex; align-items:center; gap:2rem }
    .mega-menu .nav-item.level3 { display:flex }

    .mega-menu .nav-list.level3 { flex:1; display:flex; flex-direction:row; justify-content:flex-end }
    .mega-menu .nav-item.level3:not(:last-child)::after { content:'|'; padding:0 0.5rem; color:var(--bs-gray) }
    .mega-menu .nav-link.level3 { font-size:1.125rem }

    .mega-menu .nav-link.show { color:var(--bs-tertiary) }
    .mega-menu .nav-link.level1 { --bs-nav-link-padding-x:1rem; --bs-nav-link-padding-y:1rem; font-size:1.3125rem; font-weight:700; text-transform:uppercase; white-space:nowrap }

    .mega-menu .nav-link.level1:not(.show) { color:#fff }
    .mega-menu .nav-link.level1:hover { color:var(--bs-tertiary) }
    
    .site-header:has(.nav-link.level1.show),
    .site-header:has(.nav-item.level1.has-dropdown:hover) { background:var(--bs-primary) }
    
    .site-header:has(.nav-link.level1.show) .component-navbar-secondary,
    .site-header:has(.nav-item.level1.has-dropdown:hover) .component-navbar-secondary{ opacity:0; position:relative; z-index:-1 }

    .mega-menu .nav-item [data-dropdown="navbar-schools"] .container { grid-template-columns:1fr; row-gap:1rem; font-weight:700 }
    .mega-menu .nav-item [data-dropdown="navbar-schools"] .nav-list.level2 { display:grid; row-gap:1rem; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)) }
}

@media (min-width:1200px) {
    .site-header { --header-height:100px }
}

@media (min-width:1400px) {
    .site-header .social-nav { display:block }
    .site-header .social-nav ul { flex-wrap:nowrap }
}

/* SECONDARY NAV */
.component-navbar-secondary { font-weight:700; transition:.5s }
.navbar-secondary { --bs-navbar-padding-y:0 }
.navbar-secondary > .container { padding:0 }
.navbar-secondary .navbar-page-title { font-size:1.45rem; text-transform:uppercase }
.navbar-secondary .navbar-page-title:hover { color:var(--bs-tertiary) }
.navbar-secondary .nav-link { font-size:1.1rem; text-transform:uppercase; --bs-navbar-active-color:var(--bs-gray-100); --bs-nav-link-color:#fff; --bs-nav-link-hover-color:var(--bs-tertiary) }
.navbar-secondary .navbar-secondary-thumbnail { display:none !important }
.navbar-secondary .dropdown-menu .nav-link { font-size:1rem }

@media (min-width:992px) {
    .component-navbar-secondary { padding-left:250px; margin-top:-1rem }
    .landing .navbar-secondary { border-bottom:solid 1px var(--bs-gray-100) }
    .navbar-secondary .navbar-page-title { min-width:300px }
}

/* SCOREBOARD */
.section-scoreboard { font-family:var(--bs-heading-font-family) }
.section-scoreboard [rel="wiki-link"] { display:none } 
.section-scoreboard .nav-pills { margin-bottom:0 !important; --bs-nav-pills-link-active-bg:var(--bs-tertiary); --bs-nav-pills-border-radius:0 }
.section-scoreboard .nav-pills .nav-item { flex:1 }

.section-scoreboard .content-switcher-wrapper .form-floating { padding:0 1rem }
.section-scoreboard .content-switcher-wrapper .form-floating > select { padding:0.25rem 0.5rem !important; margin:0 !important; height:auto !important; background:transparent; border:solid 1px var(--bs-gray); color:var(--bs-gray-100); text-transform:uppercase; appearance:none }
.section-scoreboard .content-switcher-wrapper .form-floating::after { content:""; display:block; border-width:5px 5px 0; border-style:solid; border-color:var(--bs-gray-100) transparent; position:absolute; right:1.5rem; font-size:0.75rem; top:50%; translate:0 -50%; z-index:-1 }
.section-scoreboard .content-switcher-wrapper .form-floating option { color:#000 }

.section-scoreboard .component-scoreboard .card { min-height:108px; --bs-link-color:var(--bs-gray-100); --bs-link-hover-color:var(--bs-tertiary); --bs-card-spacer-x:1rem; --bs-card-spacer-y:1rem; --bs-card-bg:transparent; font-family:var(--bs-heading-font-family); color:var(--bs-gray-100) }
.section-scoreboard .component-scoreboard .body-top { text-transform:uppercase }
.section-scoreboard .component-scoreboard .body-top > div { flex:1; justify-content:flex-start !important; gap:5px !important; color:#fff }
.section-scoreboard .component-scoreboard .body-top .date + .status { flex:1 }
.section-scoreboard .component-scoreboard .sport-name-wrapper { font-size:1.25rem; color:var(--bs-gray-100); display:flex; flex-direction:column }
.section-scoreboard .component-scoreboard .middle-inner { border-top-color:var(--bs-gray) !important }
.section-scoreboard .component-scoreboard .event-team-name,
.section-scoreboard .component-scoreboard .event-score { color:#fff }
.section-scoreboard .component-scoreboard .macro-event-notes { display:none }
.section-scoreboard .component-scoreboard .slick-arrow-controls { border:none !important; border-left:solid 1px var(--bs-gray-100) !important }
.section-scoreboard .component-scoreboard .btn { --bs-btn-color:var(--bs-gray-100); --bs-btn-hover-color:var(--bs-tertiary); font-size:1.1rem; line-height:1 }
.section-scoreboard .component-scoreboard .btn.prev .fa::before { content:'\f0d9' }
.section-scoreboard .component-scoreboard .btn.next .fa::before { content:'\f0da' }
.section-scoreboard .component-scoreboard .collapse-event-links { background:rgba(0,0,0,0.85) }
.section-scoreboard .component-scoreboard .bounce-element { animation:none }
.section-scoreboard .component-scoreboard .bounce-element::before { content:'\f141' }

@media (min-width:992px) {
    .section-scoreboard { border-bottom:solid 1px var(--bs-gray-100) }
    .section-scoreboard .nav-pills { flex-direction:column }
    .section-scoreboard .nav-pills .nav-item:first-child { border-bottom:solid 1px var(--bs-gray-100) }
    .section-scoreboard .nav-pills .nav-link { height:100%; min-width:120px; display:grid; place-content:center }
    .section-scoreboard .content-switcher-wrapper .form-floating { position:relative; min-height:100px; max-width:200px; padding:0 1rem; display:flex; flex-direction:column; justify-content:center; border-right:solid 1px var(--bs-gray-100); border-left:solid 1px var(--bs-gray-100) }
    .section-scoreboard .content-switcher-wrapper > .layout-wrapper > div { flex-direction:row !important; align-items:stretch !important }
    .section-scoreboard .content-switcher-wrapper .tab-pane { height:100% }
    .section-scoreboard .component-scoreboard .card { min-height:108px; --bs-link-color:var(--bs-gray-100); --bs-link-hover-color:var(--bs-tertiary); --bs-card-spacer-x:0.75rem; --bs-card-spacer-y:0.5rem; border-right:solid 1px var(--bs-gray-100) !important }
    .section-scoreboard .component-scoreboard .body-top { display:flex; font-size:0.9175rem; }
    .section-scoreboard .component-scoreboard .body-top > div::before { content:'|'; margin-left:5px }
    .section-scoreboard .component-scoreboard .sport-name-wrapper { font-size:inherit; flex-direction:row }

    .section-scoreboard .card.event-box { animation:slide-down 0.2s ease-out both; animation-delay:calc(0.1s * var(--i)) }
    .section-scoreboard .card.event-box:nth-child(1) { --i: 1 }
    .section-scoreboard .card.event-box:nth-child(2) { --i: 2 }
    .section-scoreboard .card.event-box:nth-child(3) { --i: 3 }
    .section-scoreboard .card.event-box:nth-child(4) { --i: 4 }
}

/* SCHOOL LOGOS DROPDOWN */
[data-dropdown="navbar-schools"] .nav-link { display:flex; gap:0.875rem; align-items:center; text-transform:uppercase }
[data-dropdown="navbar-schools"] .nav-link::before { content:''; width:2.5rem; height:2.5rem; background:#fff; border:4px solid #fff; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; border-radius:100% }
[data-dropdown="navbar-schools"] .nav-link[data-label="algonquin"]::before { background-image:url(/images/school-logos/algonquin.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="boreal"]::before { background-image:url(/images/school-logos/boreal.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="cambrian"]::before { background-image:url(/images/school-logos/cambrian-new.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="centennial"]::before { background-image:url(/images/school-logos/centennial.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="canadore"]::before { background-image:url(/images/school-logos/canadore.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="conestoga"]::before { background-image:url(/images/school-logos/conestoga.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="confederation"]::before { background-image:url(/images/school-logos/confederation.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="st. lawrence"]::before { background-image:url(/images/school-logos/stlawrence.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="durham"]::before { background-image:url(/images/school-logos/durham.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="fanshawe"]::before { background-image:url(/images/school-logos/fanshawe.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="fleming"]::before { background-image:url(/images/school-logos/fleming.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="george brown"]::before { background-image:url(/images/school-logos/georgebrown.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="georgian"]::before { background-image:url(/images/school-logos/georgian.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="humber"]::before { background-image:url(/images/school-logos/humber.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="la cite"]::before { background-image:url(/images/school-logos/lacite.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="lakehead orillia"]::before { background-image:url(/images/school-logos/lakeheadorillia.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="lambton"]::before { background-image:url(/images/school-logos/lambton.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="laurier brantford"]::before { background-image:url(/images/school-logos/laurierbrantford.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="loyalist"]::before { background-image:url(/images/school-logos/loyalist.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="mohawk"]::before { background-image:url(/images/school-logos/mohawk.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="niagara"]::before { background-image:url(/images/school-logos/niagara.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="redeemer"]::before { background-image:url(/images/school-logos/redeemer.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="sault"]::before { background-image:url(/images/school-logos/sault.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="seneca"]::before { background-image:url(/images/school-logos/seneca.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="sheridan"]::before { background-image:url(/images/school-logos/sheridan.png) }
[data-dropdown="navbar-schools"] .nav-link[data-label="st. clair"]::before { background-image:url(/images/school-logos/stclair.png) }

/* NEWS ROTATOR */
.component-headlines.layout-dynasty { font-family:var(--bs-heading-font-family); font-size:1.25rem; line-height:1.3; text-transform:none }
.component-headlines.layout-dynasty .carousel-caption-title { max-width:700px; text-wrap:balance; font-weight:900; line-height:1.2; text-transform:capitalize } 
.component-headlines.layout-dynasty .carousel-caption-title a { color:var(--bs-gray) !important }
.component-headlines.layout-dynasty .carousel-caption-title a:hover { color:var(--bs-tertiary) !important }
.component-headlines.layout-dynasty .carousel-caption .category { margin-left:0 }
.component-headlines.layout-dynasty .control { color:var(--bs-gray-100); line-height:1.1 !important }
.component-headlines.layout-dynasty .control.active a { color:var(--bs-gray-500) }
.component-headlines.layout-dynasty .control .date { font-size:1.3125rem !important }
.component-headlines.layout-dynasty .macro-archive-link { display:none }
.component-headlines.layout-dynasty .btn[class*="carousel-control"] { display:block; width:2rem; height:2rem; opacity:1; border:solid 2px; border-radius:100%; left:0.5rem; top:auto; right:auto; bottom:0; z-index:90; color:var(--bs-gray-100); --bs-btn-border-color:var(--bs-gray-100) }
.component-headlines.layout-dynasty .btn[class*="carousel-control"]:hover { color:var(--bs-tertiary); border-color:var(--bs-tertiary) }
.component-headlines.layout-dynasty .carousel-control-next { margin-left:5rem }
.component-headlines.layout-dynasty .carousel-control-pp { margin-left:2.5rem }

.component-headlines.layout-dynasty .carousel-caption { opacity:1 !important  }
.component-headlines.layout-dynasty .carousel-item.active .carousel-caption-container > div { animation:slide-in .25s ease-in both }
.component-headlines.layout-dynasty .carousel-item.active .carousel-caption-container > .category { animation-delay:0.2s }
.component-headlines.layout-dynasty .carousel-item.active .carousel-caption-container > .date { animation-delay:0.4s }

@media (max-width:991px) {
    .component-headlines.layout-dynasty .ratio { --bs-aspect-ratio:100% }
    .component-headlines.layout-dynasty .carousel-item::after { background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.20) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,1) 100%); }
    .component-headlines.layout-dynasty .carousel-caption { bottom:3rem }
    .component-headlines.layout-dynasty .carousel-caption-title { font-size:1.4rem !important }
}

@media (min-width:992px) {
    .component-headlines.layout-dynasty { position:relative; --bs-link-color:#fff }
    .component-headlines.layout-dynasty::after { content:''; position:absolute; inset:0; background:url(/assets/images/hero-texture.png) repeat-y right top }
    .component-headlines.layout-dynasty .carousel-item::after { background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.20) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 70%, rgba(0,0,0,1) 100%); }
    .component-headlines.layout-dynasty .carousel-caption { top:auto !important; bottom:50px; transform:none }
    .component-headlines.layout-dynasty .carousel-caption-title { font-size:2.8rem !important }
    .component-headlines.layout-dynasty .carousel-controls { position:relative; bottom:0; gap:4rem }
    .component-headlines.layout-dynasty .control { opacity:1; display:flex; flex-direction:column; justify-content:flex-end }
    .component-headlines.layout-dynasty .control > div { padding:0.75rem !important }
    .component-headlines.layout-dynasty .btn[class*="carousel-control"] { left:auto; top:auto; right:50%; bottom: calc(100px + 7rem); transform:translate(calc(min(var(--ps-site-width), 100vw) / 2 - 0.75rem), 0) }
    .component-headlines.layout-dynasty .carousel-control-next { margin-bottom:5rem }
    .component-headlines.layout-dynasty .carousel-control-pp { margin-bottom:2.5rem }
    .component-headlines.layout-dynasty .carousel-control-pp .fa-circle-pause:before { content:"\f04c"; font-family:"Font Awesome 6 Sharp" }
}

@media (min-height:600px) {
    .component-headlines.layout-dynasty .carousel-item { max-height:100vh; overflow:hidden }
    .component-headlines.layout-dynasty .img-placeholder { height:calc(100% - 100px) }
}

/* SOCIAL BUTTONS */
.section-social-icons { padding:2rem 0 }
.section-social-icons .component-nav.layout-standard ul { display:grid; grid-template-columns:repeat(auto-fit, minmax(310px, 1fr)); gap:1rem }
.section-social-icons .component-nav.layout-standard .nav li { position:relative; flex:1; transition:all .4s ease-out; }
.section-social-icons .component-nav.layout-standard .nav li .nav-link { --bs-nav-link-color:#fff; --bs-nav-link-hover-color:var(--bs-primary); --y-padding: 1rem; --x-padding:1rem; position:relative; display:flex; align-items:center; gap:0.5rem; padding:var(--y-padding) var(--x-padding); font-family:var(--heading-font-family); line-height:1.2; overflow:hidden; background:var(--bs-tertiary); border:solid 1px #fff; border-radius:0.5rem }
.section-social-icons .component-nav.layout-standard .nav li .nav-link:before { content:''; position:absolute; left:0; top:0; transform:translate(calc(-1 * var(--x-padding)), calc(-1 * var(--y-padding))); width:50%; aspect-ratio:1; background:rgba(255,255,255,0.1); opacity:1; border-radius:50%; transition:all .4s ease-out; }
.section-social-icons .component-nav.layout-standard .nav li .nav-link:hover:before,
.section-social-icons .component-nav.layout-standard .nav li .nav-link:focus-visible:before { opacity:1 }
.section-social-icons .component-nav.layout-standard .nav li .nav-link .fa-brands { font-size:3rem; line-height:1; color:var(--bs-secondary) }
.section-social-icons .component-nav.layout-standard .nav li .nav-link .fa-brands:before { position:relative; z-index:4; background:var(--bs-primary); color:var(--bs-tertiary); width:5rem; height:5rem; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; }
.section-social-icons .component-nav.layout-standard .nav li .nav-link .fa-brands:after { position:absolute; left:-0.5rem; top:0.5rem; z-index:1; font-family:'Font Awesome 6 Brands'; width:8rem; height:8rem; text-align:center; line-height:1; font-size:6rem; color:#fff; opacity:0.1 }
.section-social-icons .component-nav.layout-standard .nav li .nav-link .fa-brands.fa-twitter:after { content:'\f099' }
.section-social-icons .component-nav.layout-standard .nav li .nav-link .fa-brands.fa-x-twitter:after { content:'\e61b' }
.section-social-icons .component-nav.layout-standard .nav li .nav-link .fa-brands.fa-facebook:before,
.section-social-icons .component-nav.layout-standard .nav li .nav-link .fa-brands.fa-facebook:after { content:'\f39e'; }
.section-social-icons .component-nav.layout-standard .nav li .nav-link .fa-brands.fa-youtube:after { content:'\f167'; }
.section-social-icons .component-nav.layout-standard .nav li .nav-link .fa-brands.fa-instagram:after { content:'\f16d' }
.section-social-icons .component-nav.layout-standard .nav li .nav-link .label { display:flex !important; flex-direction:column; width:auto; height:auto; position:relative; z-index:2; text-indent:-9999px; line-height:0; }
.section-social-icons .component-nav.layout-standard .nav li .label:before,
.section-social-icons .component-nav.layout-standard .nav li .label:after { margin:0; text-indent:0; font-size:1.3125rem; font-weight:700; line-height:1.2 }
.section-social-icons .component-nav.layout-standard .nav li .label:before { content:'Follow Us' }
.section-social-icons .component-nav.layout-standard .nav li .fa-facebook + .label:after { content:'On Facebook' }
.section-social-icons .component-nav.layout-standard .nav li .fa-instagram + .label:after { content:'On Instagram' }
.section-social-icons .component-nav.layout-standard .nav li .fa-youtube + .label:after { content:'On Youtube' }
.section-social-icons .component-nav.layout-standard .nav li .fa-x-twitter + .label:after { content:'On Twitter' }
.section-social-icons .component-nav.layout-standard .nav li .nav-link:after { content:'\f105'; font-family:"Font Awesome 6 Pro"; position:absolute; right:1.5rem; z-index:1; font-size:1rem; line-height:1.8; text-align:center; width:2rem; height:2rem; border:solid 2px; border-radius:50%; transition:.4s }
.section-social-icons .component-nav.layout-standard .nav li:hover .nav-link:after { transform:translateX(10px); color:var(--bs-primary) }

.section-social-icons.on-screen .nav li { --i: 0; animation:slide-in 1s ease-out both; animation-delay:calc(var(--i) * 0.1s) }
.section-social-icons.on-screen .nav li:nth-child(2) { --i: 2 }
.section-social-icons.on-screen .nav li:nth-child(3) { --i: 3 }
.section-social-icons.on-screen .nav li:nth-child(4) { --i: 4 }

/* EVENT COUNTDOWN */
.section-event-countdown { display:none; position:relative; margin:1rem 0; padding:75px 0; font-family:var(--bs-heading-font-family) }
.section-event-countdown:has(.component-countdown) { display:block }
.section-event-countdown::after,
.section-event-countdown::before { content:''; background:url(/assets/images/next-event-dotted-pattern-mobile.png) no-repeat 0 0; position:absolute; left:0; right:0; top:0; height:52px; border-bottom:5px solid var(--bs-tertiary) }
.section-event-countdown::after { top:auto; bottom:0; border-top:5px solid var(--bs-tertiary); border-bottom:none }
.section-event-countdown .component-countdown.layout-standard .details-1,
.section-event-countdown .component-countdown.layout-standard .details-2 .specs-3 { display: none !important }
.section-event-countdown .component-countdown.layout-standard .details-2 { display:flex; flex-direction:column; align-items:center }
.section-event-countdown .component-countdown.layout-standard .details-2 .title { font-size: 2.4rem !important; line-height:1; text-align:center; text-transform:uppercase; color:#fff }
.section-event-countdown .component-countdown.layout-standard .details-2 .specs-1 { order:2 }
.section-event-countdown .component-countdown.layout-standard .details-2 .specs-1 .teams { justify-content:center!important }
.section-event-countdown .component-countdown.layout-standard .details-2 .specs-1 .team { flex:1; flex-direction:column }
.section-event-countdown .component-countdown.layout-standard .details-2 .specs-1 .team-name { display:none !important }
.section-event-countdown .component-countdown.layout-standard .details-2 .specs-1 .teams .team-logo { width:100px; height:100px }
.section-event-countdown .component-countdown.layout-standard .details-2 .specs-1 .teams .team-logo img { max-width:none !important; max-height:none !important; width:100% !important; height:100% !important; object-fit:contain }
.section-event-countdown .component-countdown.layout-standard .details-2 .specs-2 { margin-bottom:20px }
.section-event-countdown .component-countdown.layout-standard .details-2 .vs-at-indicator { border:solid 1px #fff; padding:0.5rem 0.6rem; font-size:1rem !important; font-weight:bold; text-transform:uppercase; border-radius:50% }
.section-event-countdown .component-countdown.layout-standard .countdown-container > ul > li { border-right: none !important }
.section-event-countdown .component-countdown.layout-standard .countdown-container .countdown-label { font-size:1.3rem }
.section-event-countdown .component-countdown.layout-standard .countdown-container .countdown-digit { font-size:3rem !important }
.section-event-countdown .component-countdown.layout-standard .countdown-container > ul { margin-bottom:0 }

@media (min-width:992px) {
    .section-event-countdown { margin:2.5rem 0 }
    .section-event-countdown:after,
    .section-event-countdown:before { content:''; background:url(/assets/images/next-event-dotted-pattern.png) no-repeat 0 0 }
    .section-event-countdown .component-countdown.layout-standard .details { width:67% }
    .section-event-countdown .component-countdown.layout-standard .details-2 .title { text-align:left; font-size:3rem !important }
    .section-event-countdown .component-countdown.layout-standard .details-2 { position:relative; min-height:120px; padding-right:50%; justify-content:center; align-items:flex-start }
    .section-event-countdown .component-countdown.layout-standard .details-2 .specs-1 { position:absolute; left:50%; right:0 }
    .section-event-countdown .component-countdown.layout-standard .details-2 .specs-2 { margin:0.25rem 0 0; text-transform:none; font-size:1.25rem }
    .section-event-countdown .component-countdown.layout-standard .details-2 .sport { font-size:1.5rem !important }
    .section-event-countdown .component-countdown.layout-standard .details-2 .teams { flex-wrap:nowrap !important }
}

/* SPONSORS */
.section-sponsors { position:relative; overflow:hidden; padding:2rem 0; background:#fff }
.section-sponsors .item .img-placeholder img { max-width:180px; max-height:80px }
.section-sponsors .slick-arrow-controls { margin-top:1rem; display:flex; justify-content:center; gap:0.5rem }
.section-sponsors .btn { --bs-btn-color:var(--bs-primary); --bs-btn-hover-color:var(--bs-tertiary); --bs-btn-border-color:var(--bs-primary); --bs-btn-hover-border-color:var(--bs-tertiary) }
.section-sponsors .slick-arrow-controls .btn.slick-arrow { position:static !important; display:block; width:1.5rem !important; height:1.5rem !important; font-size:1rem; line-height:1rem; border:solid 2px; border-radius:50% }
.section-sponsors .slick-arrow-controls .btn.slick-arrow.pp { order:2 }
.section-sponsors .slick-arrow-controls .btn.slick-arrow.next { order:3 }
.section-sponsors .slick-arrow-controls .btn.slick-arrow.pp span { font-weight:900 }
.section-sponsors .slick-arrow-controls .fa-circle-pause::before { content:'\f04c' }
.section-sponsors .slick-arrow-controls .fa-chevron-left::before { content:'\f104' }
.section-sponsors .slick-arrow-controls .fa-chevron-right::before { content:'\f105' }

/* NAVBAR BANNERS */
.navbar-banners ul { margin:0; padding:0; list-style:none }

/* BANNER IMAGES */
.section-banner-images { padding:2rem 0 }
.section-banner-images .navbar-banners ul { display:grid; grid-template-columns:1fr 1fr; gap:1rem }
.section-banner-images .navbar-banners a { display:block; background-image:var(--hovered-image); background-repeat:no-repeat; background-size:cover; border-radius:0.5rem }
.section-banner-images .navbar-banners img { width:100%; transition:0.5s ease-out }
.section-banner-images .navbar-banners a:hover img { opacity:0 }

.section-banner-images.on-screen .navbar-banners li { --i: 0; animation:slide-in 0.75s both; animation-delay:calc(var(--i) * 0.15s) }
.section-banner-images .navbar-banners li:nth-child(2) { --i: 2 }
.section-banner-images .navbar-banners li:nth-child(3) { --i: 3 }
.section-banner-images .navbar-banners li:nth-child(4) { --i: 4 }

@media (min-width:992px) {
    .section-banner-images { padding:2rem 0 }
    .section-banner-images .navbar-banners ul { gap:2rem; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)) }
}

/* AFFILIATE LOGOS */
.section-affiliate-logos { padding:2rem 0; --col-size:2 }
.section-affiliate-logos .container { max-width:1100px }
.section-affiliate-logos .navbar-banners ul { display:grid; grid-template-columns:repeat(var(--col-size), 1fr); gap:2rem; justify-items:center; align-items:center }
.section-affiliate-logos .navbar-banners li { display:flex; flex-direction:column; justify-content:center; text-align:center }
.section-affiliate-logos .navbar-banners img { max-width:min(100%, 240px); max-height:60px; transition:.4s }
.section-affiliate-logos .navbar-banners a:hover img { transform:scale(1.1) }

@media (min-width:992px) {
    .section-affiliate-logos { --col-size:4 }
}

 /* SITE FOOTER */
.site-footer { --bs-link-color:#fff; border-top:solid 1px var(--bs-gray); background:var(--bs-primary); color:#fff }
.site-footer .footer-logo img { max-height:70px }
.site-footer .footer-details-wrapper { padding:1.5rem 0; display:flex; justify-content:space-between; align-items:center; flex-direction:column; gap:0.5rem }
.site-footer .footer-details { display:flex; align-items:center; flex-direction:column; gap:0.25rem; text-align:center }
.site-footer .nav-link { --bs-nav-link-padding-x:0.5rem; --bs-nav-link-color:var(--bs-gray); --bs-nav-link-hover-color:var(--bs-tertiary) }
.site-footer .inc-hostedby { width:12rem }
.site-footer .inc-hostedby svg { fill:white }
.site-footer .inc-hostedby:hover svg { fill:var(--bs-gray-100) }
.site-footer .developer-logo img { max-height:4rem }
.site-footer .footer-copyright { padding-block:0.5rem; background:var(--bs-tertiary); font-size:0.8125rem; display:flex; flex-direction:column; gap:0.5rem; text-align:center; --bs-link-hover-color:var(--bs-primary) }
.site-footer .social-icons-footer ul { justify-content:center }

@media (min-width:992px) {
    .site-footer .footer-details-wrapper { display:flex; flex-direction:row }
    .site-footer .footer-details { display:flex; flex-direction:row; gap:1.5rem }
    .site-footer .footer-copyright { flex-direction:row; gap:1rem; text-align:left }
    .site-footer .social-icons-footer ul { justify-content:flex-start }
}

/* PARALLAX */
.section-parallax .component-parallax > .layout-wrapper { height:75vh }
.section-parallax .parallax-card .page-title { font-family:var(--bs-heading-font-family); font-size:clamp(3rem, 7vw, 6rem) !important; font-weight:900; text-transform:uppercase }
.section-parallax .parallax-card .thumbnail img { max-height:100px }
.section-parallax .overlay::before { content:none } 

/* ATHLETES OF THE WEEK */
.section-aotw { position:relative; overflow:hidden; font-family:var(--bs-heading-font-family) }
.section-aotw > .container { padding:0; max-width:100% }
.section-aotw .component-aotw { max-width:1150px; margin:0 auto }
.section-aotw .layout-wrapper:before { content:''; position:absolute; left:100%; top:50%; transform:translateY(-50%); margin-left:-150px; width:500px; height:300px; background-image:var(--logo-url); background-repeat:no-repeat; background-position:center; background-size:contain; opacity:0.3 }
.section-aotw .slick-slider .slick-dots { display: none !important }
.section-aotw .slick-slider .slick-track { align-items:stretch }
.section-aotw .slick-slider .slick-list { height:auto !important; border-top:solid 5px #fff; border-bottom:solid 5px #fff }
.section-aotw .slick-slider button[class*="slick-"] { --bs-btn-color:var(--bs-gray); --bs-btn-hover-color:var(--bs-tertiary); --bs-btn-hover-border-color:var(--bs-tertiary); --bs-btn-hover-bg:transparent; position:absolute; inset:auto !important; left:50% !important; bottom:0 !important; transform:translate(-50%,0) !important; width:2rem; height:2rem; border-width:2px; border-radius:50% !important }
.section-aotw .slick-slider .slick-prev { margin-left:-2.5rem }
.section-aotw .slick-slider .slick-next { margin-left:2.5rem }

.section-aotw .component-title { font-size:2.5rem; font-weight:900; line-height:1 }
.section-aotw .component-title span { display:block }
.section-aotw .component-title span:nth-child(1) { margin-bottom:-0.35em }
.section-aotw .component-title span:nth-child(2),
.section-aotw .component-title span:nth-child(3) { position:relative; display:inline-block; font-size:0.5em; line-height:1.2; padding:0 1em; background-color: var(--bs-tertiary) }
.section-aotw .component-title span:nth-child(3) { padding-left:0; margin-left:-1em }
.section-aotw .component-title span:nth-child(4) { font-size:1.75em; margin-top:-0.1em }

.section-aotw .component-sub-title { display: none }

.section-aotw .players { padding-bottom:3rem }
.section-aotw .players > .player:nth-child(n+2) { display:none !important }
.section-aotw .players .player { position:relative; isolation:isolate; display:grid !important; grid-template-columns:1fr 170px; align-items:stretch !important; background:url(/assets/images/aotw-bg-texture-mobile.png) repeat-y }
.section-aotw .players .player::before { content:''; position:absolute; inset:0; background:rgba(0,0,0,0.7); z-index:-1 }
.section-aotw .player .player-headshot div { height:100% }
.section-aotw .player .headshot { --bs-aspect-ratio:0; background:none !important; border-width:0.25rem !important; border-color:#fff }
.section-aotw .player .headshot img { width:100%; height:100%; object-fit:cover; max-width:none !important; max-height:none !important }
.section-aotw .player .headshot-cutout { display:none !important }
.section-aotw .player .player-details { padding:3rem 0 4rem !important }
.section-aotw .player .player-details .player-bio { flex-direction:column !important; gap:0 !important }
.section-aotw .component-aotw .player .player-details .player-name { display:block;  color:var(--bs-gray); font-size:clamp(1.25rem, 6vw, 2.5rem) !important; font-weight:900 }
.section-aotw .player .player-details .player-name:hover { color: var(--bs-tertiary) }
.section-aotw .player .player-details .player-sport { order:2; color:#fff; font-size:1.25rem !important }
.section-aotw .player .player-details .player-attrs { display:none }

@media (min-width: 768px) {
    .section-aotw .players .player { padding-right:100px }
}

@media (min-width: 992px) {
    .section-aotw { background: url(/assets/images/aotw-bg-texture.png) repeat-y; border-top:solid 0.25rem #fff; border-bottom:solid 0.25rem #fff }
    .section-aotw .component-title { font-size:4.25rem }
    .section-aotw .players { padding-bottom:0 }
    .section-aotw .players .player { grid-template-columns:1fr 300px; background:none }
    .section-aotw .players .player::before { content:none }
    .section-aotw .players .player .player-headshot { padding-right:0 }
    .section-aotw .player .player-details .player-name { font-size:2rem }
    .section-aotw .slick-slider .slick-list { border:none }
    .section-aotw .slick-slider button[class*="slick-"] { left:1rem !important; bottom:2rem !important; transform:none !important }
    .section-aotw .slick-slider .slick-prev { margin-left:0 }
    .section-aotw .slick-slider .slick-pp { margin-left:2.5rem; }
    .section-aotw .slick-slider .slick-next { margin-left:5rem }
}

/* NAVBAR TABS */
.section-navbar-tabs { padding:2rem 0 }
.section-navbar-tabs .component-tabs ul.nav-tabs { display:flex; width:100%; margin:0 !important }
.section-navbar-tabs .component-tabs ul.nav-tabs li.nav-item { flex:1; text-align:center; font-family:var(--bs-heading-font-family); border-left:solid 1px #fff; border-top:solid 1px #fff }
.section-navbar-tabs .component-tabs ul.nav-tabs li.nav-item:last-child { border-right:solid 1px #fff }
.section-navbar-tabs .component-tabs ul.nav-tabs li .nav-link { display:block; width:100%; position:relative; color:var(--bs-gray-100); font-weight:700; font-size:1.5rem; text-transform:uppercase; --bs-nav-tabs-border-width:0; --bs-nav-tabs-border-radius:0 }
.section-navbar-tabs .component-tabs ul.nav-tabs li .nav-link:hover { color:var(--bs-tertiary) }
.section-navbar-tabs .component-tabs ul.nav-tabs li .nav-link.active { background:var(--bs-tertiary); color:#fff }
.section-navbar-tabs .component-tabs .tab-pane { --bs-accordion-bg:transparent }
.section-navbar-tabs .component-tabs .accordion { --bs-accordion-color:#fff; --bs-accordion-active-color:#fff; --bs-accordion-btn-color:var(--bs-gray-100); --bs-accordion-bg:var(--bs-primary); --bs-accordion-border-radius:0 }
.section-navbar-tabs .component-tabs .accordion-body { padding:1rem }
.section-navbar-tabs .component-tabs .accordion-button { font-size:1.3125rem; font-weight:700; text-transform:uppercase }
.section-navbar-tabs .component-tabs .accordion-button::after { color:#fff }
.section-navbar-tabs .component-tabs .accordion-button[aria-expanded="true"] { background-color:var(--bs-tertiary) }
.section-navbar-tabs .component-tabs .archive-link .btn { --bs-btn-padding-y:0; --bs-btn-color:var(--bs-gray-100); --bs-btn-hover-color:var(--bs-tertiary); --bs-btn-active-color:var(--bs-tertiary); --bs-btn-font-family:var(--bs-heading-font-family); --bs-btn-font-weight:700; --bs-btn-font-size:1.2rem; text-transform:uppercase }

@media (min-width:992px) {
    .section-navbar-tabs .component-tabs .tab-pane { padding:1rem; border:solid 1px #fff; border-top:none }
}

/* PHOTO GALLERY */
.landing .component-gallery .layout-wrapper > * { display:grid !important; grid-template-columns:repeat(auto-fit, minmax(310px, 1fr)); gap:1rem !important }
.landing .component-gallery .box-large { width:auto !important }
.landing .component-gallery .box-large .card { height:auto !important; aspect-ratio:16/9; border-radius:0.5rem !important; --bs-card-border-width:0; font-family:var(--bs-heading-font-family) }
.landing .component-gallery .box-large .card-date { font-size:1.1rem !important; order:2 }
.landing .component-gallery .box-large .card-title { font-size:1.25rem !important; font-weight:700; text-transform:uppercase; order:1; margin:0 }
.landing .component-gallery .box-large .card-img-overlay { background:rgba(0,0,0,0.6); justify-content:flex-end !important; align-items:start }

@media (max-width:991px) {
    .landing .component-gallery .box-large .card-img-overlay { transform:none !important }
    .landing .component-gallery .box-large:nth-child(n+4) { display:none }
}

/* VIDEO GALLERY */
.landing .component-video .layout-wrapper .items { display:grid !important; grid-template-columns:repeat(auto-fit, minmax(310px, 1fr)); gap:1rem }
.landing .component-video .layout-wrapper .item { width:auto; border-radius:10px }
.landing .component-video .layout-wrapper .card { --bs-card-border-radius:0.5rem; overflow:hidden; font-family:var(--bs-heading-font-family) }
.landing .component-video .layout-wrapper .card-img-overlay { background:rgba(0,0,0,0.6); transition:transform .2s; z-index:2 }
.landing .component-video .layout-wrapper .card-date { font-size:1.1rem !important }
.landing .component-video .layout-wrapper .card-title { font-size:1.25rem !important; font-weight:700; text-transform:uppercase; order:1; margin:0 }
.landing .component-video .layout-wrapper .card-img-overlay > div:first-child { order:2 }

@media (min-width:992px) {
    .landing .component-video .layout-wrapper .card-img-overlay { transform:translateY(100%) }
    .landing .component-video .layout-wrapper .card:hover .card-img-overlay { transform:translateY(0) }
}

/* RSS FEEDS */
.landing .component-rss-feeds { margin:calc(-1rem - 2px) }
.landing .component-rss-feeds .layout-wrapper > div { gap:0 !important }
.landing .component-rss-feeds .rss-feed { flex:1 1 500px; align-items:center; border-top:none !important  }
.landing .component-rss-feeds .feed-title,
.landing .component-rss-feeds .date { display:none }
.landing .component-rss-feeds .item a { -webkit-line-clamp:2 !important }
.landing .component-rss-feeds .logo-holder img { max-width:4.5rem !important; max-height:4.5rem !important }

/* STANDINGS */
.section-standings { padding:5rem 0 1.5rem }
.section-standings .component-standings { gap:0 !important; border:solid 1px var(--bs-gray-100) }
.section-standings .page-details { padding:1rem 2rem }
.section-standings .table { --bs-table-border-color:var(--bs-gray-100); margin-bottom:0 }
.section-standings .table thead th { padding:0.5rem 1.5rem; background:#fff; color:var(--bs-primary); font-family:var(--bs-heading-font-family); font-size:1.3rem }
.section-standings .table tbody > tr > * { padding:0.25rem 1.5rem; background:transparent; font-size:1.2rem; white-space:nowrap }
.section-standings .logo-holder { margin-right:1rem !important; display:none !important }
.section-standings .team-logo { max-width:3rem; max-height:3rem }

/* LEADERS */
.section-stats-leaders { padding:1.5rem 0 }
.section-stats-leaders .tab-pane > div { display:grid !important; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)) }
.section-stats-leaders .leaders-card { border:none !important }
.section-stats-leaders .leaders-card:nth-child(n+5) { display:none !important }
.section-stats-leaders .list-group-item { --bs-list-group-bg:transparent; --bs-list-group-color:#fff; border-color:transparent; position:relative }
.section-stats-leaders .list-group-item.fw-bold { --bs-list-group-bg:#fff; --bs-list-group-color:var(--bs-primary); font-family:var(--bs-heading-font-family); position:relative; font-size:1.2rem; margin-bottom:1.5rem !important }
.section-stats-leaders .list-group-item:not(.fw-bold) { border-right:solid 1px var(--bs-gray-100); border-left:solid 1px var(--bs-gray-100) }
.section-stats-leaders .list-group-item.fw-bold + .list-group-item { border-top:solid 1px var(--bs-gray-100) }
.section-stats-leaders .list-group-item:nth-child(1) {}
.section-stats-leaders .list-group-item:nth-child(2) { padding-top:1.5rem }
.section-stats-leaders .list-group-item:nth-last-child(2) { border-bottom:solid 1px var(--bs-gray-100); margin-bottom:1.5rem; padding-bottom:1.5rem }
.section-stats-leaders .list-group-item:last-child { border:solid 1px var(--bs-gray-100); display:flex }
.section-stats-leaders .list-group-item .logo-holder { display:none }
.section-stats-leaders .list-group-item .player-logo { font-family:var(--bs-heading-font-family); font-size:1.2rem; text-transform:uppercase }
.section-stats-leaders .list-group-item .stat { font-family:var(--bs-heading-font-family); font-size:1.4rem }
.section-stats-leaders .list-group-item:nth-child(1)::after { content:''; width:2px; height:1.5rem; background:var(--bs-gray-100); position:absolute; left:50%; top:100%; translate(-1px, 0) }
.section-stats-leaders .list-group-item:nth-last-child(1)::after { content:''; width:2px; height:1.5rem; background:var(--bs-gray-100); position:absolute; left:50%; bottom:100%; translate(-1px, 0) }
.section-stats-leaders .btn { flex:1; font-weight:700; --bs-btn-color:var(--bs-gray-100); --bs-btn-hover-color:var(--bs-tertiary); text-transform:uppercase }