:root {
    --body-font-family: 'Montserrat', serif;
    --bs-font-sans-serif: 'Montserrat', serif;
    --bs-body-font-family: 'Montserrat', serif;
    --heading-font-family: 'Montserrat', serif;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-tertiary);
    --default-a: #75757a;
    --default-b: #d1d1d1;
    --bs-body-color: var(--default-a);
    --bs-border-radius: 0;
}

.landing body { background: url(https://theme-assets.prestosports.com/theme-assets/ccc-premium/assets/images/texture.png) no-repeat 0 0 var(--bs-primary); background-attachment: fixed; background-size: cover }
.landing body a[rel="wiki-link"] { color: #fff }
.internal-page .site-main { flex: 1; margin-top: 3rem }
.internal-page .site-main > div { padding-block: 1rem; border: 1px solid var(--bs-border-color) }
.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 }

a { text-decoration: none }

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

/* COMPONENT DEFAULTS */
.section .ps-component [class*="archive-link"] a { font-size: 1rem; font-weight: 500; text-transform: uppercase; text-decoration: none; color: #fff }
.section .ps-component [class*="archive-link"] a:hover { color: var(--default-b) }
.section .ps-component .component-title { font-size: 1.25rem; font-weight: 700; text-transform: uppercase }
.section .ps-component .component-sponsor { display: none !important }
.section .ps-component a { transition: all .25s }
.ps-component .archive-link a { font-weight: 700; text-transform: uppercase; color: var(--bs-primary); background-color: #fff; border-color: var(--bs-primary); border-radius: 0 }
.ps-component .archive-link a:focus-visible,
.ps-component .archive-link a:hover { color: #fff; background-color: var(--bs-primary) }

/* SLICK SLIDER DEFAULTS */
.section .ps-component .slick-arrow-controls { display: flex; justify-content: center; align-items: center; margin-top: .5rem }
.section .ps-component .slick-arrow-controls .slick-arrow { --bs-btn-bg: transparent; --bs-btn-hover-bg: transparent; position: static; display: block; height: 1.5rem !important; width: 1.5rem; max-width: 1.5rem; margin: 0; padding: 0 !important; transform: none; font-size: 1rem; line-height: calc(1rem - 2px); color: #fff; border: 0; border-radius: 0; filter: none }
.section .ps-component .slick-arrow-controls .slick-arrow.slick-hidden { display: none }
.section .ps-component .slick-arrow-controls .slick-arrow.slick-disabled { opacity: .3; pointer-events: none }
.section .ps-component .slick-arrow-controls .slick-arrow:hover,
.section .ps-component .slick-arrow-controls .slick-arrow:active { color: var(--default-b) }
.section .ps-component .slick-arrow-controls .slick-arrow .fa:before { font-family: var(--fa-family-classic); font-weight: 900 }
.section .ps-component .slick-arrow-controls .slick-arrow .fa-circle-pause:before { content: "\f04c" }
.section .ps-component .slick-arrow-controls .prev { order: 1 }
.section .ps-component .slick-arrow-controls .pp { order: 2 }
.section .ps-component .slick-arrow-controls .next { order: 3 }

/* HEADER */
.site-header { --header-height: 5rem; background-color: var(--bs-primary) }
.site-header > div:first-child { position: relative; padding: 0 }
.site-header .site-logo { position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 1; height: var(--header-height); display: flex; align-items: center }
.site-header .site-logo + div { width: 100% }
.site-header .bar { display: flex; justify-content: space-between; width: 100% }
.site-header .header-links { z-index: 1; margin-right: .5rem; margin-left: -100%; display: flex; align-items: center; height: var(--header-height) }
.site-header .header-links .social-icons { display: none }
.site-header .header-links .btn-composite,
.site-header .header-links .search .btn { padding-inline: .5rem; font-size: 1.25rem; color: #fff }
.site-header .header-links .search .btn .fa-magnifying-glass:before { font-weight: 300 }
.site-header .component-collapse [data-bs-toggle="collapse"] { font-size: 1.25rem; color: #fff }
.site-header .component-collapse [data-bs-toggle="collapse"] .fa-calendar:before { content: "\f133"; font-weight: 300 }
.site-header .component-collapse.layout-standard [data-bs-toggle="collapse"][aria-expanded="true"] .fa:before { font-size: 1.75rem; font-weight: 400 }
.site-header .component-collapse > .layout-wrapper { position: static !important }
.site-header .component-collapse > .layout-wrapper > div { gap: 0 !important }
.site-header .component-collapse .panels { position: absolute; top: 5rem; left: 0; width: 100%; color: var(--bs-body-color); background-color: #fff }
.site-header .component-collapse .panels a { color: var(--bs-body-color) }
.site-header .component-collapse .panels > div > div { padding-block: 1rem; height: calc(100vh - 5rem); overflow: auto }
.site-header .component-collapse .component-tabs .nav-pills { width: 100% }
.site-header .component-collapse .component-tabs .nav-pills .nav-item { position: relative; flex: 1 }
.site-header .component-collapse .component-tabs .nav-pills .nav-link { position: relative; text-align: center; text-transform: uppercase; font-weight: 700; color: #fff; background-color: var(--bs-primary); border-radius: 0 }
.site-header .component-collapse .component-tabs .nav-pills .nav-link.active:before { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border: .375rem solid; border-color: transparent transparent #fff }
.site-header .component-collapse .component-tabs .nav-pills .nav-item + .nav-item:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 1px; background-color: #fff; transform: skew(-40deg) }
.site-header .component-scoreboard.layout-tabular .event-row { padding-inline: .5rem; border-radius: 0; font-size: .875rem }
.site-header .component-scoreboard.layout-tabular .event-row .event-cols { font-size: .875rem }
.site-header .component-scoreboard.layout-tabular .event-row .col-status { text-align: center }
.site-header .component-scoreboard.layout-tabular .event-row .col-status,
.site-header .component-scoreboard.layout-tabular .event-row .event-teams { color: var(--bs-tertiary) }
.site-header .component-scoreboard.layout-tabular .event-row .event-teams .venue-marker { color: var(--bs-primary) }
.site-header .component-scoreboard.layout-tabular .event-row .sport-name a { font-size: 1rem }
.site-header .component-scoreboard.layout-tabular .archive-link a { font-size: .875rem; color: var(--bs-primary) }
.site-header .site-nav { margin-right: auto; width: 100% }
.site-header .component-navbar-primary a[rel="wiki-link"] { color: var(--bs-primary) }
.site-header .component-navbar-primary .layout-wrapper > .navbar,
.site-header .component-navbar-primary .layout-wrapper > .navbar > div { padding: 0 }
.site-header .component-navbar-primary .nav-link { padding-inline: .5rem;  font-weight: 700; text-transform: uppercase; color: var(--bs-primary) }
.site-header .component-navbar-primary .navbar-brand { display: none !important }
.site-header .component-navbar-primary .navbar-toggler { padding: 0 1rem; border: 0; border-radius: 0; height: var(--header-height) }
.site-header .component-navbar-primary .navbar-toggler:focus { box-shadow: none }
.site-header .component-navbar-primary .navbar-toggler .icon-bar { width: 30px; opacity: 1; background-color: #fff; transition: none }
.site-header .component-navbar-primary .navbar-toggler .icon-bar + .icon-bar { margin-top: .3rem }
.site-header .component-navbar-primary .navbar-toggler .icon-bar:nth-of-type(2) { width: 30px !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"] .icon-bar:nth-of-type(1) { display: block; position: relative; height: 0; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 }
.site-header .component-navbar-primary .navbar-toggler[aria-expanded="true"] .icon-bar:nth-of-type(1):before { content: "\f00d"; font-family: var(--fa-family-classic); font-size: 1.75rem; font-weight: 300; color: #fff; top: -1.4rem; position: relative }
.site-header .component-navbar-primary .navbar-collapse { padding-inline: .5rem; width: 100vw }
.site-header .component-navbar-primary .navbar-collapse.collapsing,
.site-header .component-navbar-primary .navbar-collapse.show { background-color: #fff }
.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; border-bottom-width: 0 !important; border-color: rgba(0,0,0,0.125) !important }
.site-header .component-navbar-primary .navbar-nav .dropdown-old-toggle.level-2:has([aria-expanded="true"]) { background-color: #f0f0f0 }
.site-header .component-navbar-primary .navbar-nav .level-2 .nav-link { padding-inline: 1rem }
.site-header .component-navbar-primary .navbar-nav .level-2 .dropdown .dropdown-menu { padding-inline: 1rem }
.site-header .component-navbar-primary .navbar-nav .level-3 .nav-link { padding-inline: .5rem; color: var(--bs-secondary); text-transform: none }
.site-header .component-navbar-primary .mobile-menu-footer .mmf-search { --bs-border-color: var(--bs-secondary) }
.site-header .component-navbar-primary .mobile-menu-footer .mmf-search .btn { color: var(--bs-secondary) }
.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 { border-top: 0 !important }
.site-header .component-navbar-primary .mobile-menu-footer .mmf-social .nav-link { font-size: 1.25rem; color: var(--bs-secondary) }
.site-header .component-navbar-secondary { box-shadow: 0 3px 3px rgba(0,0,0,0.16) }
.site-header .component-navbar-secondary .navbar-secondary { padding-block: 0 }
.site-header .component-navbar-secondary .navbar-brand,
.site-header .component-navbar-secondary .navbar-nav .nav-item .nav-link { text-transform: uppercase; color: #fff }
.site-header .component-navbar-secondary .navbar-nav .dropdown-menu { background-color: var(--bs-primary) !important }

@media (min-width: 992px) {
    body { position: relative; overflow-x: hidden }
    .site-header { --header-height: initial; padding-top: 1rem }
    .site-header > div:first-child { gap: 1rem }
    .site-header .site-logo { z-index: 1001 }
    .site-header .site-logo + div { width: auto }
    .site-header .site-title { padding-left: .5rem; font-size: 1rem; font-weight: 700; letter-spacing: .125em; transition: all .2s linear .2s }
    .site-header .site-logo { position: static; transform: none; min-width: 6rem }
    .site-header .site-logo img { max-height: 4rem; transition: max-height .2s linear .2s }
    .site-header .content-wrapper { flex: 1; gap: 1rem }
    .site-header .bar { position: relative }
    .site-header .bar:before { content: ""; position: absolute; left: -1.5rem; top:0; right: -9999px; height: 100%; z-index: -1; background: #fff; clip-path: polygon(1.5rem -1px, 100% -1px, 100% calc(100% + 1px), 0% calc(100% + 1px)) }
    .site-header .bar a[rel="wiki-link"] { font-size: .875rem; color: var(--bs-body-color) }
    .site-header .header-links { margin: 0 }
    .site-header .header-links .search .btn { font-size: .875rem; color: var(--bs-primary); border-radius: 0 }
    .site-header .header-links .search .btn:focus-visible,
    .site-header .header-links .search .btn:hover { color: var(--default-a) }
    .site-header .header-links .social-icons .nav { flex-wrap: nowrap; padding-inline: .25rem }
    .site-header .header-links .social-icons .nav:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 1rem; width: 1px; background-color: var(--bs-primary) }
    .site-header .header-links .social-icons .nav-link { padding-inline: .25rem; font-size: .875rem; color: var(--bs-primary) }
    .site-header .header-links .social-icons .nav-link:focus-visible,
    .site-header .header-links .social-icons .nav-link:hover { color: var(--default-a) }
    .site-header .component-navbar-primary .navbar-collapse { width: auto; padding: 0 }
    .site-header .component-navbar-primary .nav-link { font-weight: 400; text-transform: none }
    .site-header .component-navbar-primary .nav-item.parent > .nav-link { position: relative; overflow: hidden; padding-inline: .5rem; font-size: .875rem; font-weight: 700; white-space: nowrap; text-transform: uppercase }
    .site-header .component-navbar-primary .nav-item.parent > .nav-link .nav-link { font-weight: 700; text-transform: uppercase }
    .site-header .component-navbar-primary .nav-item.parent > .nav-link:before { content: ""; position: absolute; top: -.5rem; left: 50%; transform: translateX(-50%); border: .5rem solid; border-color: var(--bs-primary) transparent transparent; transition: top .2s }
    .site-header .component-navbar-primary .nav-item.parent > .nav-link .dropdown-toggle:after { display: none }
    .site-header .component-navbar-primary .nav-item.parent > .nav-link > [aria-expanded="true"],
    .site-header .component-navbar-primary .nav-item.parent > .nav-link > [aria-expanded="true"] .nav-link,
    .site-header .component-navbar-primary .nav-item.parent:hover > .nav-link,
    .site-header .component-navbar-primary .nav-item.parent:hover > .nav-link .nav-link { color: var(--bs-body-color) }
    .site-header .component-navbar-primary .nav-item.parent:hover > .nav-link:before { top: 0 }
    .site-header .component-navbar-primary .nav-item:not(.parent) .nav-link { color: var(--bs-secondary) }
    .site-header .component-navbar-primary .layout-wrapper,
    .site-header .component-navbar-primary .navbar,
    .site-header .component-navbar-primary .navbar-nav { position: static !important }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu.megamenu.level-2 { padding: 2rem 1rem 1rem; width: 100vw; left: 50%; transform: translateX(-50%); margin-left: -3.5rem }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu.megamenu .megamenu-inner { max-width: var(--ps-site-width); margin:0 auto; padding-inline: 1rem }
    .site-header .component-navbar-primary .navbar-nav .megamenu-list > li { position: relative !important; opacity: 0; transform: translateY(-100%); animation: slideIn 0.15s forwards }
    .site-header .component-navbar-primary .navbar-nav .megamenu-list > li:nth-child(1) { z-index: 2; animation-delay: 0s }
    .site-header .component-navbar-primary .navbar-nav .megamenu-list > li:nth-child(2) { z-index: 1; animation-delay: 0.15s }
    .site-header .component-navbar-primary .navbar-nav .megamenu-list > li:nth-child(3) { z-index: 0; animation-delay: 0.3s }
    .site-header .component-navbar-primary .navbar-nav .megamenu .nav-link.level-2 { border-color: var(--default-a) !important }
    .site-header .component-navbar-primary .navbar-nav .megamenu .level-2 > .nav-link { padding-inline: .5rem }
    .site-header .component-navbar-primary .navbar-nav .level-3 .nav-link { font-size: 1rem; letter-spacing: 0 }
    .site-header .component-navbar-primary .navbar-nav .level-4 .nav-link { position: relative; font-size: .875rem }
    .site-header .component-navbar-primary .navbar-nav .level-4 .nav-item + .nav-item:not(.brand-icon) .nav-link:before { content: ""; position: absolute; left:0; top: 50%; width: 1px; height: 1rem; transform: translateY(-50%); background-color: var(--bs-secondary) }
    .site-header .component-navbar-primary .navbar-nav .level-4 .nav-item.brand-icon .nav-link { padding-inline: .25rem }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link:focus-visible,
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu .nav-link:hover { color: var(--bs-primary) !important }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu li.nav-item:hover, 
    .site-header .component-navbar-primary .navbar-nav .megamenu ul[data-column="true"] > li.nav-item:hover { background-color: transparent }
    .site-header .component-navbar-primary .navbar-nav .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle a { color: var(--bs-primary) }
    .site-header .component-navbar-primary .navbar-nav .megamenu .dropdown-old-toggle { font-weight: 700 }
    .site-header .component-navbar-primary .navbar-nav a.nav-link.dropdown-old-toggle:focus-visible { outline: 2px solid #ebb567 !important; box-shadow: 0 0 0 0.25rem rgba(235, 181, 103, .5) !important }
    .site-header .component-navbar-secondary .navbar-brand { padding-block: .5rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out }
    .site-header .component-navbar-secondary .navbar-brand,
    .site-header .component-navbar-secondary .navbar-nav .nav-link { font-weight: 700 }
    .site-header .component-navbar-secondary .navbar-brand:focus-visible,
    .site-header .component-navbar-secondary .navbar-brand:hover,
    .site-header .component-navbar-secondary .navbar-nav .nav-link:focus-visible,
    .site-header .component-navbar-secondary .navbar-nav .nav-link:hover { color: var(--default-b) }
    .site-header .component-navbar-secondary .navbar-nav .nav-item:last-child .nav-link { padding-right: .25rem }
    .site-header .component-navbar-secondary .navbar-nav .dropdown-menu { background-color: var(--bs-primary) !important; border-radius: 0 !important }
    .site-header .component-navbar-secondary .ul-wrapper { max-width: 30rem }
    .site-header.sticky-top .site-title { visibility: hidden; max-height: 0px; position: absolute; left: -9999px; margin: 0px; padding: 0px; overflow: hidden }
}

@media (min-width: 1200px) {
    .site-header > div:first-child { gap: 2.5rem }
    .site-header .site-title { font-size: 1rem }
    .site-header .site-logo { min-width: 8rem }
    .site-header .site-logo img { max-height: 6rem }
    .site-header .header-links .search .btn { font-size: 1rem }
    .site-header .header-links .social-icons .nav:before { height: 1rem }
    .site-header .header-links .social-icons .nav-link { font-size: 1rem }
    .site-header .component-navbar-primary .nav-item.parent > .nav-link { font-size: 1rem }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu.megamenu.level-2 { margin-left: -5.65rem }
    .site-header .component-navbar-primary .navbar .megamenu .megamenu-inner .megamenu-list  { flex-wrap: nowrap }
    .site-header .component-navbar-primary .navbar-nav .level-4 .nav-link { padding-inline: .5rem; font-size: .875rem }
    .site-header .component-navbar-primary .navbar-nav .level-4 .nav-item + .nav-item:not(.brand-icon) .nav-link:before { left: -1px }
    .site-header .component-navbar-primary .navbar-nav .megamenu .dropdown-menu.level-4 { min-width: auto }
    .site-header .component-navbar-secondary .navbar-brand { font-size: 1.5rem }
}

@media (min-width: 1400px) {
    .site-header > div:first-child { gap: 4rem }
    .site-header .site-title { font-size: 1.25rem }
    .site-header .site-logo { min-width: 10rem }
    .site-header .site-logo img { max-height: 8rem }
    .site-header .header-links .search .btn { font-size: 1rem }
    .site-header .header-links .social-icons { margin-left: .25rem }
    .site-header .header-links .social-icons .nav:before { height: 1rem }
    .site-header .header-links .social-icons .nav { flex-wrap: nowrap; padding-inline: .5rem }
    .site-header .header-links .social-icons .nav-link { padding-inline: .5rem; font-size: 1rem }
    .site-header .component-navbar-primary .nav-item.parent > .nav-link { font-size: 1rem; padding: 1rem .75rem }
    .site-header .component-navbar-primary .navbar-nav .dropdown-menu.megamenu.level-2 { margin-left: -7rem }
    .site-header .component-navbar-primary .navbar .megamenu .megamenu-inner .megamenu-list  { flex-wrap: nowrap }
    .site-header .component-navbar-primary .navbar-nav .megamenu .nav-link.level-2 .nav-link { font-size: 1.125rem }
    .site-header .component-navbar-primary .navbar-nav .level-4 .nav-link { padding-inline: .5rem }
    .site-header .component-navbar-primary .navbar-nav .level-4 .nav-item + .nav-item:not(.brand-icon) .nav-link:before { left: -1px }
    .site-header .component-navbar-primary .navbar-nav .megamenu .dropdown-menu.level-4 { min-width: auto }
    .site-header .component-navbar-secondary .navbar-brand { font-size: 1.5rem }
    .site-header.sticky-top .site-logo { padding-bottom: .5rem }
    .site-header.sticky-top .site-logo img { max-height: 5.5rem }
}

/* Keyframe Animation */
@keyframes slideIn {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* FOOTER */
.site-footer { margin-top: 2rem; color: var(--bs-primary) }
.site-footer .site-logo img { max-height: 6rem }
.site-footer .title { margin-bottom: .25rem; font-size: 1.25rem; font-weight: 700; line-height: 1em }
.site-footer .footer-links { display: inline-block }
.site-footer .footer-links li a { position: relative; padding: 0 .5rem; color: var(--default-a) }
.site-footer .footer-links li a:focus-visible,
.site-footer .footer-links li a:hover { color: var(--bs-primary) }
.site-footer .footer-links li + li a:before { content: "|"; position: absolute; left: -1px; color: var(--default-a) }
.site-footer .social-icons { margin-top: .75rem }
.site-footer .social-icons .layout-wrapper { display: flex; justify-content: center }
.site-footer .social-icons li a { display: flex; align-items: center; padding: 0 .25rem; font-size: 1.25rem; position: relative; color: var(--default-a) }
.site-footer .social-icons li a:focus-visible,
.site-footer .social-icons li a:hover { color: var(--bs-primary) }
.site-footer .affiliate-logos ul { flex-direction: row !important; margin: 0; gap: 2.5rem !important }
.site-footer .affiliate-logos li img { max-height: 6rem }
.site-footer .copyright { padding: 1rem; text-align: center; background-color: var(--bs-primary); color: #fff }
.site-footer .inc-hostedby { width: 14rem; margin: 0 auto }
.site-footer .inc-hostedby .st0,
.site-footer .inc-hostedby .st1 { fill: var(--bs-white) }

@media (min-width:992px) {
    .site-footer { margin-top: 4rem }
    .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 .social-icons { margin-top: .25rem }
    .site-footer .social-icons > div { align-items: flex-start }
    .site-footer .social-icons li a { padding: 0 }
    .site-footer .social-icons li + li { margin-left: .5rem }
    .site-footer .copyright { padding-block: .25rem; text-align: left }
    .site-footer .inc-hostedby { width: 11rem }
}

/* TOP STORIES */
.sec-featured-news .component-headlines.layout-flow .slick-arrow-controls { position: static; max-width: calc(var(--ps-site-width) - 15rem) }
.sec-featured-news .component-headlines.layout-flow .slick-arrow-controls .slick-arrow { opacity: 1 }
.sec-featured-news .component-headlines.layout-flow .slick-slide > div { padding: 0 }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .card-body { position: relative; padding-right: 10%; background-color: #fff }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .card-body:before { content:""; position: absolute; right: -20%; bottom: 0; width: 25%; height: 100%; background-color: var(--bs-secondary); border-left: 1rem solid var(--bs-primary); transform: skew(-45deg) }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .card-title { -webkit-line-clamp: 2; line-height: 1 }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .card-title a { font-size: 1rem; font-weight: 700; color: var(--default-a); transition: all .25s }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .card-title a:focus-visible,
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .card-title a:hover { color: var(--bs-tertiary) }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .card-title a:focus-visible { box-shadow: inset 0 0 0 2px #ebb567 !important }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .date-category { margin-top: .25rem; font-size: .75rem; color: var(--bs-tertiary) }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .date-category .category:before { content: "|"; margin: 0 .5rem }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .related-links { font-size: .875rem; overflow: visible }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .related-links a { text-decoration: none; color: var(--default-a); transition: all .25s }
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .related-links a:focus-visible,
.sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .related-links a:hover { color: var(--bs-tertiary) }

@media (min-width:992px) {
    .sec-featured-news { margin-top: 1rem }
    .sec-featured-news .component-headlines.layout-flow .slick-list { max-width: calc(var(--ps-site-width) - 15rem) }
    .sec-featured-news .component-headlines.layout-flow .slick-slide a:not(.btn) { opacity: 1 }
    .sec-featured-news .component-headlines.layout-flow .slick-slide > div { padding: 0 0.25rem }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .card .card-body { position: absolute; bottom: 0; left: 0; right: 0; padding-right: 30% }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .card .card-body:before { right: -10%; bottom: 0; width: 35%; height: 100%; background-color: var(--bs-secondary); border-left: 1.5rem solid var(--bs-primary); transform: skew(-45deg) }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .card .card-details { background-color: transparent }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .view-more { display: block !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 20% }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .view-more .read-more-button { justify-content: center !important }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .view-more .read-more-button a { color: var(--bs-primary); background-color: #fff; border-radius: 0; filter: none; opacity: 1; text-transform: uppercase; font-weight: 700; padding-inline: 1rem }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .view-more .read-more-button a:focus-visible,
    .sec-featured-news .component-headlines.layout-flow .slick-slide .view-more .read-more-button a:hover { color: #fff; background-color: var(--bs-primary) }
    .sec-featured-news .component-headlines.layout-flow .slick-arrow-controls { position: absolute; display: flex; justify-content: center; align-items: center; margin-top: 0 }
    .sec-featured-news .component-headlines.layout-flow .slick-arrow-controls .slick-arrow { position: absolute; height: 2.5rem !important; width: 1.5rem; max-width: 1.5rem; margin-top: calc(56.25% / 2); transform: translateY(-50%); font-size: 1rem; line-height: calc(1rem - 2px); opacity: .3 }
    .sec-featured-news .component-headlines.layout-flow .slick-arrow-controls .slick-arrow.slick-hidden { display: none }
    .sec-featured-news .component-headlines.layout-flow .slick-arrow-controls .slick-arrow.slick-disabled { opacity: .3; pointer-events: none }
    .sec-featured-news .component-headlines.layout-flow .slick-arrow-controls .slick-arrow.slick-pp { height: 1.5rem !important; transform: none; margin: 0 }
    .sec-featured-news .component-headlines.layout-flow:hover .slick-arrow-controls .slick-arrow,
    .sec-featured-news .component-headlines.layout-flow:hover .slick-arrow-controls .slick-arrow:active { opacity: 1 }
}

@media (min-width:1200px) {
    .sec-featured-news { margin-top: 2rem }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details { line-height: 1.125em }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .card-title a { display: block; font-size: 1.25rem; line-height: 1.125em }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .date-category { font-size: .875rem }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .card .article-details .related-links { font-size: 1rem }
    .sec-featured-news .component-headlines.layout-flow .slick-slide .view-more .read-more-button a { padding-inline: 1.5rem }
}

/* BANNERS */
.sec-banners { margin-top: 1.5rem }
.sec-banners > div { max-width: calc(var(--ps-site-width) - 15rem); margin: 0 auto }
.sec-banners .component-banner.layout-slider .item a { position: relative; display: block; overflow: hidden }
.sec-banners .component-banner.layout-slider .item a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0 solid var(--bs-secondary); transition: border .1s }
.sec-banners .component-banner.layout-slider .item .item-title { font-family: var(--heading-font-family); font-size: 3.25rem; font-weight: 700; text-transform: uppercase; line-height: .875em; text-shadow: none; color: var(--bs-primary) }


@media only screen and (min-width:992px) {
    .sec-banners { margin-top: 4rem }
    .sec-banners .component-banner.layout-slider .slick-list { margin: 0 -.75rem }
    .sec-banners .component-banner.layout-slider .item:hover a:before { border-width: .25rem }
    .sec-banners .component-banner.layout-slider .slick-arrow-controls { display: flex }
    .sec-banners .component-banner.layout-slider .slick-arrow-controls .slick-arrow { width: 2rem; max-width: 2rem; height: 2rem !important; font-size: 1.25rem }
}

/* NEXT EVENT */
.sec-countdown { margin-top: 1.5rem; padding: 1rem; background-color: #fff }
.sec-countdown .component-countdown.layout-matchup { font-size: .875rem; color: var(--bs-primary) }
.sec-countdown .component-countdown.layout-matchup .event-status { font-size: .75rem }
.sec-countdown .component-countdown.layout-matchup .event-title { font-size: 1rem }
.sec-countdown .component-countdown.layout-matchup .event-teams { align-items: flex-start; margin: 1rem auto 0; max-width: 18rem; text-transform: uppercase; font-size: .875rem }
.sec-countdown .component-countdown.layout-matchup .logo-col { gap: .25rem; flex-direction: column }
.sec-countdown .component-countdown.layout-matchup .team-logo { max-width: 3rem }
.sec-countdown .component-countdown.layout-matchup .team-2.logo-col { justify-content: flex-start }
.sec-countdown .component-countdown.layout-matchup .team-2.logo-col .team-logo { order: 0 }
.sec-countdown .component-countdown.layout-matchup .vs-at { display: none }
.sec-countdown .component-countdown.layout-matchup .countdown-digit { border: 1px solid var(--bs-primary); border-width: 1px 0 }
.sec-countdown .component-countdown.layout-matchup li:first-child .countdown-digit { border-left: 1px solid var(--bs-primary) }
.sec-countdown .component-countdown.layout-matchup li:last-child .countdown-digit { border-right: 1px solid var(--bs-primary) }
.sec-countdown .component-countdown.layout-matchup .countdown-digit span { font-size: 1.375rem; color: var(--bs-tertiary); background-color: #fff; border: 1px solid var(--bs-primary) }
.sec-countdown .component-countdown.layout-matchup li:not(:first-child) .countdown-digit::before { color: var(--bs-primary) }
.sec-countdown .component-countdown.layout-matchup li:not(:first-child) .countdown-label { padding-left: .6rem }

@media (min-width:768px) {
    .sec-countdown .component-countdown.layout-matchup .event-teams { max-width: none }
    .sec-countdown .component-countdown.layout-matchup .logo-col { flex-basis: 25% }
}

@media (min-width:992px) {
    .sec-countdown { margin-top: 4rem; padding: 2rem }
    .sec-countdown .component-countdown.layout-matchup { font-size: 1rem }
    .sec-countdown .component-countdown.layout-matchup .event-teams { margin-top: 2rem; font-size: 1rem }
    .sec-countdown .component-countdown.layout-matchup .logo-col { gap: 1rem }
    .sec-countdown .component-countdown.layout-matchup .team-logo { max-width: 6rem }
    .sec-countdown .component-countdown.layout-matchup .event-title { font-size: 2rem }
    .sec-countdown .component-countdown.layout-matchup .event-status { font-size: .875rem }
    .sec-countdown .component-countdown.layout-matchup .countdown-digit { border-width: 2px 0 }
    .sec-countdown .component-countdown.layout-matchup .countdown-digit span { min-width: 3rem; font-size: 2.75rem; border-width: 2px }
    .sec-countdown .component-countdown.layout-matchup .countdown-digit span:last-of-type { margin-left: 2px }
    .sec-countdown .component-countdown.layout-matchup li:first-child .countdown-digit { border-left-width: 2px }
    .sec-countdown .component-countdown.layout-matchup li:last-child .countdown-digit { border-right-width: 2px }
    .sec-countdown .component-countdown.layout-matchup li:not(:first-child) .countdown-digit::before { font-size: 2.5rem }
    .sec-countdown .component-countdown.layout-matchup li:not(:first-child) .countdown-label { padding-left: 1rem }
    .sec-countdown .component-countdown.layout-matchup .countdown-label { font-size: 1.125rem }
}

/* SCOREBOARD */
.sec-scoreboard { position: relative; margin-top: 2rem; padding-block: 1rem; background-color: #fff }
.sec-scoreboard .image-overlay { display: none }
.sec-scoreboard .component-tabs .nav-pills { width: 100%; flex-wrap: nowrap; gap: 2rem; background-color: var(--bs-primary); justify-content: center }
.sec-scoreboard .component-tabs .nav-pills li { padding:0 1rem; position: relative }
.sec-scoreboard .component-tabs .nav-pills li:last-child:before { content: ""; border-left: 2px solid rgba(var(--bs-white-rgb), 0.6); position: absolute; left: -10px; top: 0; bottom: 0; transform: skew(-40deg) }
.sec-scoreboard .component-tabs .nav-pills .nav-link { position: relative; font-size: 1.2rem; font-weight: 700; color: var(--bs-white); text-transform: uppercase; border-radius: 0 }
.sec-scoreboard .component-tabs .nav-pills .nav-link.active,
.sec-scoreboard .component-tabs .nav-pills .show > .nav-link { background: transparent }
.sec-scoreboard .component-tabs .nav-pills .nav-link.active:after,
.sec-scoreboard .component-tabs .nav-pills .show > .nav-link:after { content: ""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); border: .5rem solid; border-color: transparent transparent #fff }
.sec-scoreboard .component-scoreboard .event-row { border-color:#999; border-radius:0; color:var(--bs-tertiary) }
.sec-scoreboard .component-scoreboard .event-row .sport-name a { color: var(--default-a); text-decoration: none }
.sec-scoreboard .component-scoreboard .event-row .sport-name a:focus-visible,
.sec-scoreboard .component-scoreboard .event-row .sport-name a:hover { color: var(--bs-primary) }
.sec-scoreboard .component-scoreboard .event-row .score { font-weight:400 }
.sec-scoreboard .component-scoreboard .event-row .score.winner { color:var(--bs-primary); font-weight:700 }
.sec-scoreboard .component-scoreboard .event-row .event-teams .venue-marker { color: var(--bs-primary); border-color: rgba(var(--bs-tertiary-rgb), .4) !important }
.sec-scoreboard .component-scoreboard .event-row .event-links a { color: var(--default-a) }
.sec-scoreboard .component-scoreboard .event-row .event-links a:focus-visible,
.sec-scoreboard .component-scoreboard .event-row .event-links a:hover { color: var(--bs-primary) }
.sec-scoreboard .component-scoreboard .archive-link a { color: var(--bs-primary); background-color: #fff; border-radius: 0; filter: none; opacity: 1; text-transform: uppercase; font-weight: 700; padding-inline: 1.5rem }
.sec-scoreboard .component-scoreboard .archive-link a:focus-visible,
.sec-scoreboard .component-scoreboard .archive-link a:hover { color: #fff; background-color: var(--bs-primary) }

@media (min-width:1200px) {
    .sec-scoreboard { margin-top: 3rem; padding-block: 0 }
    .sec-scoreboard > div { display: flex; flex-wrap: wrap; max-width: none; padding: 0 }
    .sec-scoreboard .image-overlay { position: relative; z-index: 2; width: 54%; padding-right: .25rem; display: flex; flex-direction: column; background: var(--bs-primary); clip-path: polygon(0 -1px, 100% -1px, 50% calc(100% + 1px), 0% calc(100% + 1px)) }
    .sec-scoreboard .image-overlay > div { flex: 1; background: none no-repeat 0 0; background-size: cover; clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%) }
    .sec-scoreboard .image-overlay + .ps-component { width: 50%; margin-left: -4% }
    .sec-scoreboard .component-scoreboard { padding: 2rem 2rem 1rem; min-height: 450px }
    .sec-scoreboard .component-scoreboard .layout-wrapper { flex-grow: 1 }
    .sec-scoreboard .component-scoreboard .event-row .event-cols { font-size: .75rem }
    .sec-scoreboard .component-scoreboard .event-row .sport-name { font-size: .875rem }
    .sec-scoreboard .component-tabs .nav-pills { margin-top: 1rem }
    .sec-scoreboard .component-tabs .nav-pills li { padding: 0 2rem }
    .sec-scoreboard .component-tabs .nav-pills .nav-link { padding: 0.8rem 1rem }
}

@media (min-width:1400px) {
    .sec-scoreboard .image-overlay { width: 58%; clip-path: polygon(0 -1px, 100% -1px, 60% calc(100% + 1px), 0% calc(100% + 1px)) }
    .sec-scoreboard .image-overlay > div { clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%) }
    .sec-scoreboard .image-overlay + .ps-component { width: 46%; margin-left: -4% }
}

/* MORE NEWS */
.sec-more-news { margin-top: 1rem }
.sec-more-news .component-headlines.layout-card-slider .page-details { padding-bottom: .25rem; border-bottom: 2px solid #fff }
.sec-more-news .component-headlines.layout-card-slider .component-title { position: relative; padding-right: 1rem; color: #fff }
.sec-more-news .component-headlines.layout-card-slider .component-title:before { content: ""; position: absolute; left: 0; bottom: calc(-.25rem - 2px); height: 2px; width: 100%; background-color: var(--bs-secondary) }
.sec-more-news .component-headlines.layout-card-slider .slick-track { gap: 0 }
.sec-more-news .component-headlines.layout-card-slider .card { border: 0 }
.sec-more-news .component-headlines.layout-card-slider .card-body { padding-bottom: 0; text-align: center; color: #fff }
.sec-more-news .component-headlines.layout-card-slider .card-body > div > div:first-child { display: block !important; font-size: .875rem }
.sec-more-news .component-headlines.layout-card-slider .card .date,
.sec-more-news .component-headlines.layout-card-slider .card .category { display: inline }
.sec-more-news .component-headlines.layout-card-slider .card .category:before { content: "|"; padding: 0 .5rem 0 .25rem }
.sec-more-news .component-headlines.layout-card-slider .card-title { font-size: 1.125rem !important }
.sec-more-news .component-headlines.layout-card-slider .card-title a { font-weight: 700; color: #fff }
.sec-more-news .component-headlines.layout-card-slider .card-title a:focus-visible,
.sec-more-news .component-headlines.layout-card-slider .card-title a:hover { color: var(--default-b) }
.sec-more-news .component-headlines.layout-card-slider .card-title a:focus-visible { box-shadow: inset 0 0 0 2px #ebb567 !important; outline: none !important }
.sec-more-news .component-headlines.layout-card-slider .card .slide-thumbnail { position: relative }
.sec-more-news .component-headlines.layout-card-slider .related-links { display: flex; justify-content: center; gap: 1rem; z-index: 1 }
.sec-more-news .component-headlines.layout-card-slider .related-links a { position: relative; margin: 0 !important; text-decoration: none; color: #fff }
.sec-more-news .component-headlines.layout-card-slider .related-links a + a:before { content: "|"; position: absolute; left: calc(-.5rem - 2px); color: #fff }
.sec-more-news .component-headlines.layout-card-slider .related-links a:focus-visible,
.sec-more-news .component-headlines.layout-card-slider .related-links a:hover { color: var(--default-b) }
.sec-more-news .component-headlines.layout-card-slider .related-links a:focus-visible { box-shadow: inset 0 0 0 2px #ebb567 !important; outline: none !important }
.sec-more-news .component-headlines.layout-card-slider .archive-link { display: none }

@media (min-width:768px) {
    .sec-more-news .component-headlines.layout-card-slider .slick-list { margin-inline: -1rem }
    .sec-more-news .component-headlines.layout-card-slider .slick-slide { padding-inline: 1rem }
    .sec-more-news .component-headlines.layout-card-slider .card-body { padding-inline: 0; text-align: left; line-height: 1.25 }
    .sec-more-news .component-headlines.layout-card-slider .related-links { justify-content: flex-start }
}

@media (min-width:992px) {
    .sec-more-news .component-headlines.layout-card-slider .component-title { font-size: 2rem }
}

@media (min-width:1200px) {
    .sec-more-news .component-headlines.layout-card-slider .card-body > div > div:first-child { font-size: 1rem }
    .sec-more-news .component-headlines.layout-card-slider .slick-arrow-controls { display: none }
}

/* PHOTOS */
.sec-photos .component-gallery.layout-slider .page-details { padding-bottom: .25rem; border-bottom: 2px solid #fff }
.sec-photos .component-gallery.layout-slider .component-title { position: relative; padding-right: 1rem; color: #fff }
.sec-photos .component-gallery.layout-slider .component-title:before { content: ""; position: absolute; left: 0; bottom: calc(-.25rem - 2px); height: 2px; width: 100%; background-color: var(--bs-secondary) }
.sec-photos .component-gallery.layout-slider .item { padding: 0 }
.sec-photos .component-gallery.layout-slider .card { border: 0; background-color: transparent; text-align: center; color: #fff !important }
.sec-photos .component-gallery.layout-slider .card .image { position: relative }
.sec-photos .component-gallery.layout-slider .card-img-details { gap: .5rem; padding: 1rem 1rem 0 !important }
.sec-photos .component-gallery.layout-slider .card-img-details > div:first-child { display: block !important }
.sec-photos .component-gallery.layout-slider .card-date,
.sec-photos .component-gallery.layout-slider .card-sport { display: inline; font-size: .875rem }
.sec-photos .component-gallery.layout-slider .card-sport:before { content: "|"; padding: 0 .25rem }
.sec-photos .component-gallery.layout-slider .card-title { margin-bottom: 0; font-size: 1.125rem !important }
.sec-photos .component-gallery.layout-slider .card-title a { font-weight: 700; color: #fff }
.sec-photos .component-gallery.layout-slider .card-title a:focus-visible,
.sec-photos .component-gallery.layout-slider .card-title a:hover { color: var(--default-b) }
.sec-photos .component-gallery.layout-slider .card-title a:focus-visible { box-shadow: inset 0 0 0 2px #ebb567 !important; outline: none !important }
.sec-photos .component-gallery.layout-slider .archive-link { display: none }

@media (min-width:768px) {
    .sec-photos .component-gallery.layout-slider .slick-list { margin: 0 }
    .sec-photos .component-gallery.layout-slider .card { text-align: left }
    .sec-photos .component-gallery.layout-slider .card-img-details { padding-inline: 0 !important; line-height: 1.25 }
}

@media (min-width:992px) {
    .sec-photos .component-gallery.layout-slider .slick-list { margin-inline: -1rem }
    .sec-photos .component-gallery.layout-slider .slick-slide { padding-inline: 1rem }
    .sec-photos .component-gallery.layout-slider .component-title { font-size: 2rem }
}

@media (min-width:1200px) {
    .sec-photos .component-gallery.layout-slider .card-date,
    .sec-photos .component-gallery.layout-slider .card-sport { font-size: 1rem }
    .sec-photos .component-gallery.layout-slider .slick-arrow-controls { display: none }
}

/* ATHLETES OF THE MONTH */
.landing .sec-aotm a[rel="wiki-link"] { color: var(--default-a) }
.sec-aotm > div { max-width: calc(var(--ps-site-width) - 15rem); margin: 0 auto }
.sec-aotm .component-aotw.layout-inline { text-align: center }
.sec-aotm .component-aotw.layout-inline .component-headings { justify-content: center !important }
.sec-aotm .component-aotw.layout-inline .component-title { font-size: 1.5rem; max-width: 13rem }
.sec-aotm .component-aotw.layout-inline .component-sub-title { display: none }
.sec-aotm .component-aotw.layout-inline .players { text-align: center }
.sec-aotm .component-aotw.layout-inline .player { width: 100%; margin-inline: auto; text-align: left; background-color: var(--bs-primary) !important }
.sec-aotm .component-aotw.layout-inline .player .headshot-holder { background-size: cover; background-position: 50% 0 }
.sec-aotm .component-aotw.layout-inline .player-bio { font-size: .875rem; border-left: 5px solid var(--bs-secondary) }
.sec-aotm .component-aotw.layout-inline .player-name { font-size: 1.125rem !important; font-weight: 700; text-decoration: none; color: #fff }
.sec-aotm .component-aotw.layout-inline .slick-dots { display: none !important }
.sec-aotm .component-aotw.layout-inline .slick-dotted { padding-bottom: 2rem }
.sec-aotm .component-aotw.layout-inline .slick-arrow,
.sec-aotm .component-aotw.layout-inline .slick-pp { top: auto; bottom: 0; left: 50% !important; right: auto; height: 2rem; width: 1.5rem; margin-top: 0; transform: none; visibility: visible; color: var(--default-a); line-height: calc(1rem - 2px); background-color: transparent; border-radius: 0; transform: translateX(-50%) }
.sec-aotm .component-aotw.layout-inline .slick-prev { margin-left: -1.5rem }
.sec-aotm .component-aotw.layout-inline .slick-next { left: auto !important; right: 50% !important; transform: translateX(50%); margin-right: -1.5rem }
.sec-aotm .component-aotw.layout-inline .slick-arrow .fa:before,
.sec-aotm .component-aotw.layout-inline .slick-pp .fa:before { font-family: var(--fa-family-classic); font-weight: 900 }
.sec-aotm .component-aotw.layout-inline .slick-pp .fa-pause:before { content: "\f04c" }

@media (min-width:576px) {
    .sec-aotm .component-aotw.layout-inline .slick-list { margin-inline: -.5rem }
    .sec-aotm .component-aotw.layout-inline .slick-slide { padding-inline: .5rem }
}

@media (min-width:992px) {
    .sec-aotm > div { padding-block: 0 !important; background: url(https://theme-assets.prestosports.com/theme-assets/ccc-premium/assets/images/texture-featured-athlete.png) no-repeat 0 0; background-size: auto 100% }
    .sec-aotm .component-aotw.layout-inline .details-wrapper { margin-inline: 2rem }
    .sec-aotm .component-aotw.layout-inline .component-headings { justify-content: flex-start !important; text-align: left }
    .sec-aotm .component-aotw.layout-inline .component-title { display: block; font-size: 3.5rem; max-width: none; padding-left: 1rem; line-height: 1; border-left: 5px solid var(--bs-secondary) }
    .sec-aotm .component-aotw.layout-inline .players { overflow: visible; padding: 1rem .5rem 1rem 2.5rem; border-left: 5px solid var(--bs-primary) }
    .sec-aotm .component-aotw.layout-inline .players:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border:.75rem solid; border-color: transparent transparent transparent var(--bs-primary) }
    .sec-aotm .component-aotw.layout-inline .player { vertical-align: top }
    .sec-aotm .component-aotw.layout-inline .player-name:focus-visible,
    .sec-aotm .component-aotw.layout-inline .player-name:hover { color: var(--default-b) }
    .sec-aotm .component-aotw.layout-inline .slick-arrow,
    .sec-aotm .component-aotw.layout-inline .slick-pp { top: auto; bottom: 4rem !important; left: -55.5% !important; right: auto; transform: none }
    .sec-aotm .component-aotw.layout-inline .slick-arrow:focus-visible,
    .sec-aotm .component-aotw.layout-inline .slick-arrow:hover,
    .sec-aotm .component-aotw.layout-inline .slick-pp:focus-visible,
    .sec-aotm .component-aotw.layout-inline .slick-pp:hover { color: var(--bs-primary) }
    .sec-aotm .component-aotw.layout-inline .slick-prev { margin-left: -1.5rem }
    .sec-aotm .component-aotw.layout-inline .slick-next { right: auto !important; transform: none; margin-right: 0; margin-left: 1.5rem }
}

@media (min-width:1200px) {
    .sec-aotm .component-aotw.layout-inline .slick-list { margin-inline: -1rem }
    .sec-aotm .component-aotw.layout-inline .slick-arrow,
    .sec-aotm .component-aotw.layout-inline .slick-pp { width: 2rem; font-size: 1.25rem; left: -54.5% !important }
    .sec-aotm .component-aotw.layout-inline .slick-prev { margin-left: -2rem }
    .sec-aotm .component-aotw.layout-inline .slick-next { margin-left: 2rem }
}

@media (min-width:1400px) {
    .sec-aotm .component-aotw.layout-inline .component-title { font-size: 3.75rem }
    .sec-aotm .component-aotw.layout-inline .slick-arrow,
    .sec-aotm .component-aotw.layout-inline .slick-pp { bottom: 4rem !important; left: -56.5% !important }
}

/* SPONSORS */
.sec-sponsors { padding-block: 1rem }
.sec-sponsors .component-banner.layout-slider { padding-block: .25rem }
.sec-sponsors .component-banner.layout-slider .item img { transition: transform .25s ease-out }
.sec-sponsors .component-banner.layout-slider .item:hover img { transform: scale(1.05) }
.sec-sponsors .component-banner.layout-slider .slick-list { padding-block: .25rem }
.sec-sponsors .component-banner.layout-slider .slick-arrow { color: var(--default-a) }
.sec-sponsors .component-banner.layout-slider .slick-arrow:focus-visible,
.sec-sponsors .component-banner.layout-slider .slick-arrow:hover { color: var(--bs-primary) }

@media (min-width:992px) {
    .sec-sponsors { padding-block: 2rem }
    .sec-sponsors .component-banner.layout-slider .slick-arrow-controls { margin-top: 1rem }
    .sec-sponsors .component-banner.layout-slider .slick-arrow { width: 2rem; max-width: 2rem; font-size: 1.25rem }
}

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

@media (min-width:992px) {
    .sec-social-banners { margin-top: 4rem }
    .sec-social-banners .component-nav.layout-pills .nav-pills { gap: 2rem }
    .sec-social-banners .component-nav.layout-pills .nav-pills { max-width: calc(var(--ps-site-width) - 15rem) }
    .sec-social-banners .component-nav.layout-pills .nav-item { flex: 1 0 calc(33.33% - 2rem) }
}

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