/* DELETE THIS FILE AFTER MERGING https://prestosports.jira.com/browse/FED-21774 - SAQIB */
:root { 
    --bs-font-sans-serif: "proxima-nova", sans-serif;
    --bs-body-font-family: "proxima-nova", sans-serif;
    --heading-font-family: "din-2014", sans-serif;
    
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-tertiary);
    --default: #2B2929;
    --bs-body-color: var(--default);
    --bs-white: #fff;
    --bs-border-color:#c0ac7e38;
}

.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 }
.fa-chevron-left{ --fa: '\f060' }
.fa-chevron-right{ --fa: '\f061' }
.component-headings .component-title { text-transform: uppercase; font-weight: 700; color: var(--bs-primary); font-size: 1.875rem; font-family: var(--heading-font-family) }
.section-dark .component-headings .component-title { font-size: 1.875rem; color: #fff }
.card-img-overlay { background: rgba(var(--bs-primary-rgb), 0.8) }
.ps-component [class*=archive-link] a { text-transform: capitalize !important }
.section-dark .archive-link .btn-link { background: var(--bs-secondary) !important; color: var(--bs-primary) !important }
.accordion-flush .accordion-item:last-child { border-bottom: 1px solid rgb(0 0 0 / 8%) !important }
.accordion-button::after{ transform: rotate(-90deg) !important }
.visually-hidden, .sr-only { background: var(--bs-primary); color: #fff }
.section-dark { background-color: var(--bs-primary) }
.fa-threads, .fa-mastodon, .fa-bluesky { font-family: var(--fa-family-brands) }
.fa-threads:before { content: '\e618' }
.fa-mastodon:before { content: '\f4f6' } 
.fa-bluesky:before { content:'\e671' }
.accordion-button:not(.collapsed)::after { transform: rotate(90deg) !important }
.param-column-items .accordion-item:last-child { border-bottom: none !important }
.ps-component.d-flex .macro-archive-link a { color: var(--bs-white) !important; margin-bottom: .5rem; text-transform: capitalize }
.ps-component.d-flex .macro-archive-link a:hover, .ps-component.d-flex .macro-archive-link a:focus { color: var(--bs-secondary) !important }
.fa-willamette { width:100% }
.component-headings { justify-content: left !important }
.btn-close-white:hover { filter: invert(1) grayscale(50%) brightness(50%) }
.landing .section:not(:has(> div:not(:empty))) { display: none }

@media (min-width: 992px) {
    .component-headings .component-title { font-size: 3.125rem !important }
    .ps-component.d-flex .macro-archive-link a{ margin-bottom: 0rem !important }
    .site-home body { padding-left: 3.75rem }
    .sec-featured-news:before { content: ''; background-image: url(assets/images/texture.png); background-size: cover; background-repeat: repeat; height: calc(100vh + 20rem); width: 100%; position: absolute; top: 0; z-index: -1; opacity:.6 }
    .sec-featured-news { position: relative }
    body .accordion-flush .accordion-item:last-child { border-bottom: none !important }
    body .accordion-flush .accordion-item:last-child{ border-bottom:none !important }
    .internal-page .site-main > div { padding: 1.5rem }

}

.internal-page .site-main { flex: 1; margin-top: 3rem; margin-bottom: 3rem }
.internal-page .site-main > div { padding-block: 1rem; border: 1px solid var(--bs-border-color) }
.navbar-offcanvas-template .offcanvas-fluid .offcanvas-inner { border:unset !important } 
.section-dark .side-bottom .quick-links .nav { justify-content: center }
.section-dark .side-bottom .quick-links .nav .nav-link { background: var( --bs-white); border-radius: 50%; width: 30px; height: 30px; padding:0; display: flex; justify-content: center; align-items: center; font-size: .875rem }
.section-dark .side-bottom .quick-links .nav .nav-link span { color: var(--bs-primary); font-weight: 600 }
.section-dark .side-bottom .quick-links .nav .nav-link:hover { background: var(--bs-secondary) }
.section-dark .component-search .btn { border: 1px solid var(--bs-secondary); width: 30px; height: 30px; font-size:.875rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-decoration: unset }
.section-dark .component-search { display: flex; justify-content: center; animation: c }
.section-dark .component-search  form { width: 100% } 
.section-dark .component-search form input {min-height: calc(2.4em + .5rem + 2px) !important }
.section-dark .site-nav .component-navbar-offcanvas .component-search form button.btn { height: calc(2.4em + .5rem + 2px) !important; width: 42px; border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; border-color: var(--bs-border-color)!important }
.section-dark .component-search .btn:hover { background: var(--bs-secondary); color: var(--bs-primary); border-color: var(--bs-secondary) }
.section-dark { color: #fff; --bs-link-color: #fff; --bs-link-hover-color: #fff }
.section-dark a,  .section-dark .btn-link,  .section-dark .btn { filter: none }
.section-dark a:focus,  .section-dark .btn:focus,  .section-dark .btn:active { color: #fff }
.ps-component [class*=archive-link] a { font-size: 1rem; font-weight: 700; margin-top:1rem; line-height: 1; text-decoration: none; color: var(--bs-white) !important; background: var(--bs-primary) !important; padding: .75rem 1.25rem; border-radius: 50px; text-transform: uppercase }
.ps-component [class*=archive-link] a:hover { color: var(--bs-white) }
.ps-component [class*=archive-link] a:after { content: '\f061'; font-family: var(--fa-family); margin-left: 4px }
.ps-component a { transition: all 0.25s }
.ps-component .archive-link a { font-weight: 700 }
.ps-component .archive-link a:focus-visible, .ps-component .archive-link a:hover { color: var(--bs-tertiary) !important; text-decoration: unset; filter: unset }
.ps-component .slick-arrow-controls { display: flex; justify-content: center; align-items: center; margin-top: 0.5rem }
.ps-component .slick-arrow-controls .slick-arrow .fa:before { font-weight: 400 }
.ps-component .slick-arrow-controls .slick-arrow .fa-circle-pause:before { content: "\f04c"; font-weight: 900 }
.ps-component .slick-arrow-controls .slick-arrow .fa-play:before { font-weight: 900 }
.ps-component .slick-arrow-controls .slick-arrow:hover, .section .ps-component .slick-arrow-controls .slick-arrow:active { color: var(--bs-secondary) }
.ps-component .slick-arrow-controls .slick-arrow.slick-disabled { opacity: 0.3; pointer-events: none }
.ps-component .slick-arrow-controls .prev { order: 1 }
.ps-component .slick-arrow-controls .pp { order: 2 }
.ps-component .slick-arrow-controls .next { order: 3 }
.sec-news .component-headlines.layout-stacked .list .item .row .slide-thumbnail .img-placeholder,
.sec-photos .component-gallery.layout-flex .layout-wrapper .box-large .card,
.sec-videos .component-video.layout-cards .item .card .ratio,
.sec-banner-images .component-banner.layout-slider .slick-track .slick-slide .img-placeholder img { transition: .3s ease }
.sec-news .component-headlines.layout-stacked .list .item:hover .row .slide-thumbnail .img-placeholder,
.sec-photos .component-gallery.layout-flex .layout-wrapper .box-large:hover .card,
.sec-videos .component-video.layout-cards .item:hover .card .ratio,
.sec-banner-images .component-banner.layout-slider .slick-track .slick-slide .item:hover .img-placeholder img { scale: 1.2; }


/*HEADER*/
:not(.site-home) .site-header { position: sticky; top: 0 } 
.site-header { background-color: var(--bs-primary); box-shadow: 0 0.25rem 0.5rem 0 rgb(0 0 0 / 24%) }
.site-header .site-logo img { max-height: 2.5rem }
.section-dark .site-nav .component-navbar-offcanvas .btn { padding: 1rem 0.7rem; border-left: 1px solid var(--bs-border-color) !important; border-right: 1px solid var(--bs-border-color) !important; border-radius: 0 !important } 
.site-header .section-dark .side-bottom { border-left: 1px solid var(--bs-border-color); border-right: 1px solid var(--bs-border-color)}
.site-header .section-dark .side-bottom .composite-link { padding: 1rem 0.8rem }
.site-header .section-dark .side-bottom .composite-link .fa-calendar { font-size: 1.125rem; font-weight: 700 }
.site-header .section-dark .side-bottom .edu-link { border-left: 1px solid var(--bs-border-color); padding: 1rem 0.5rem }
.site-header .component-navbar-secondary nav > .container { max-width: none }
.site-header .secondary-nav { background-color: var(--bs-light) }
.component-video .overlay { display: none }
.site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover,
.site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:focus,
.site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:active { color: var(--bs-white); opacity: .75 }
.site-header .component-navbar-secondary .navbar-page-title:hover,
.site-header .component-navbar-secondary .navbar-page-title:focus,
.site-header .component-navbar-secondary .navbar-page-title:active { color: var(--bs-primary) }
.site-header .component-navbar-secondary .navbar-page-title,
.site-header .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link { font-family: var(--heading-font-family) }
.navbar-offcanvas-template .navbar-light .offcanvas-body { padding-left: 0 !important; padding-right: 0 !important }
.offcanvas-header .btn-close { margin-left: -.125rem; opacity:1 !important }
.offcanvas-header .btn-close:hover,
.offcanvas-header .btn-close:focus { color: var(--bs-secondary) }
.navbar-offcanvas-template .accordion-item { border-color: rgb(0 0 0 / 8%) !important }
.site-header .edu-link .component-nav.layout-standard .nav .nav-link { display: flex; align-items: center; padding: 0 }
.site-header .edu-link .component-nav.layout-standard .nav .nav-link span[class*=fa-]:before { content: ""; display: block; width: 2rem; height: 2rem; background: url(/assets/images/wu-compass.png) no-repeat; background-size: cover }
.site-header .edu-link .component-nav.layout-standard .nav .nav-link:hover span[class*=fa-]:before { background-image: url(/assets/images/wu-compass-white.png) }
.site-header .component-navbar-offcanvas.layout-standard .accordion { --bs-accordion-btn-color: var(--bs-primary) }
.site-header .component-navbar-offcanvas.layout-standard [data-bs-toggle=offcanvas] .fa-bars + span { display: none }
.site-header .component-navbar-offcanvas.layout-standard [data-bs-toggle=offcanvas] .fa-bars:before { font-size: 1.75rem; vertical-align: top }
.site-header .component-navbar-offcanvas.layout-standard .accordion .navbar-offcanvas-submenu-template > .nav-item > .nav-link:hover { background-color: rgba(var(--bs-secondary-rgb), 0.37) }
.param-column-items .accordion-item .accordion-button { display:  none !important } .param-column-items .accordion-item { flex-direction: column; align-items: baseline; border: none } 
.param-column-items .accordion-item span.nav-link { padding: 0 }
.param-column-items .accordion-item .submenu-wrapper .nav-link { padding: 0; padding-right: 1rem } 
.param-column-items .accordion-item .submenu-wrapper .nav-item.brand-icon { display: none }
.navbar-offcanvas-template .has-submenu .nav-link > [data-bs-toggle="collapse"] { padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x) }
.navbar-offcanvas-template .level-2 .has-submenu .nav-link > [data-bs-toggle="collapse"] { padding-block: .5rem }
.navbar-offcanvas-template .has-submenu .nav-link > [aria-expanded="true"] { background-color: rgba(var(--bs-secondary-rgb), 0.37) }
.offcanvas-backdrop.fade.show { display:none }
.site-home .site-header .section-dark .side-top .component-navbar-offcanvas.layout-standard [data-bs-toggle=offcanvas].active .fa-bars:before { content: '\f00d'; font-weight: 500; font-size: 1.75rem }
.site-home .site-header .section-dark .side-top .component-navbar-offcanvas.layout-standard [data-bs-toggle=offcanvas]:hover,
.site-home .site-header .section-dark .side-top .component-navbar-offcanvas.layout-standard [data-bs-toggle=offcanvas]:focus,
.site-home .site-header .section-dark .side-top .component-navbar-offcanvas.layout-standard [data-bs-toggle=offcanvas]:active { color: var(--bs-secondary) }
.navbar-offcanvas-submenu-template .level-2 .accordion-item { border: 0 !important }
.navbar-offcanvas-submenu-template .nav-link { padding-block: .5rem }
.navbar-offcanvas-submenu-template > .nav-item > .nav-link[aria-expanded] { padding: 0 }
.navbar-offcanvas-submenu-template > .nav-item > .nav-link { padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x) }
.navbar-offcanvas-submenu-template > .nav-item > .nav-link, .navbar-offcanvas-submenu-template > .nav-item > .nav-link > span > .nav-link { font-size: 1.15rem !important; font-weight: 700 }
.navbar-offcanvas-template .submenu-wrapper.show,
.navbar-offcanvas-template .submenu-wrapper.collapsing { margin-inline: 0 }
.navbar-offcanvas-template .nav-link.accordion-link:hover, .navbar-offcanvas-template .accordion-old-button:hover { background-color: unset }
.navbar-offcanvas-submenu-template > .nav-item .level-2 .submenu .nav-item .nav-link { padding: .5rem 1.25rem; font-weight: 700 }
.navbar-offcanvas-submenu-template > .nav-item .level-3 .submenu .nav-item .nav-link { font-size: .9rem; font-weight: 500 }
.navbar-offcanvas-template .nav-link:focus { color: var(--bs-accordion-btn-color) !important }
.navbar-offcanvas-submenu-template > .accordion-item { font-family: var(--heading-font-family); text-transform:capitalize }
.navbar-offcanvas-template .submenu-wrapper .submenu > .accordion-item { font-family: var(--bs-body-font-family) }
.navbar-offcanvas-submenu-template > .nav-item .level-2 .submenu .nav-item .nav-link:hover { color: var(--bs-tertiary) }
.site-header .component-scoreboard:before { content: ''; box-shadow: 1px 0px 17px 3px #2b2929d4; position: absolute; width: 100%; top: 0 }
.site-header .side-top .navbar-offcanvas-template .btn-link .fa-bars { padding-right: 1.5rem }
.component-navbar-secondary.layout-standard .navbar .dropdown-menu li.nav-item { padding-left:0 }
.component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link { font-size: 1rem; font-weight: 700; color: var(--bs-primary) } 
.component-navbar-secondary .navbar-page-title { font-size: 1.13rem; font-weight: 700; color: var(--bs-tertiary) } 
.navbar-offcanvas-template .mobile-menu-footer { padding: 1.25rem !important }
.navbar-offcanvas-template .offcanvas-body { padding: 0 }

@media (min-width: 992px) {
    
    .pre-header .site-title { padding-block: 0.25rem; font-family: var(--heading-font-family); font-size: 1.5625rem; font-weight: 700; text-transform: uppercase; text-align: center; color: var(--bs-white); background-color: var(--bs-primary) }
    .site-home .site-header{ position: fixed; left: 0; top: 0; height: 100vh; width: 3.75rem }
    .navbar-offcanvas-template .navbar-light .offcanvas-body { height:100vh !important }
    .site-home .offcanvas-header { width: 3.75rem; position: fixed; left: 0; top: 5rem; border: unset }
    .navbar-offcanvas-template { display: flex ; align-items: center; justify-content: center }
    .site-header .component-navbar-offcanvas.layout-standard [data-bs-toggle=offcanvas] .fa-bars:before { font-size: 1.5rem }
    .pre-header .component-scoreboard.layout-small:not(:has(.slick-initialized)) { display: none !important }
    .pre-header .component-scoreboard.layout-small .page-details .component-headings { display: none !important }
    .pre-header .component-scoreboard.layout-small .component-sponsor { position: absolute; width: 13rem; top: 50%; left: 0; transform: translateY(-50%); justify-content: center !important }
    .pre-header .component-scoreboard.layout-small .component-sponsor img { max-width: 9.375rem }
    .pre-header .component-scoreboard.layout-small:has(.component-sponsor-block img) .archive-link { margin-top: -1.125rem }
    .pre-header .component-scoreboard.layout-small:has(.component-sponsor-block img) .component-sponsor { margin-top: 1.125rem; z-index:1 }
    .site-header .component-navbar-offcanvas.layout-standard .accordion .mobile-menu-footer { display: none !important }
    .site-header .secondary-nav { background-color: var(--bs-white) }
    .component-scoreboard:before{ display:none}
    .site-header .edu-link .component-nav.layout-standard .nav .nav-link span[class*=fa-]:before { width: 2.5rem !important; height: 2.5rem !important }
    .site-home .site-header .section-dark { flex-direction: column !important; padding: 1.5rem 0.4rem !important } 
    .site-home .site-header .section-dark .side-bottom { display: inline-block; border: unset } 
    .site-home .section-dark .side-bottom .quick-links .nav .nav-link { margin-bottom: 1rem } 
    .site-home .site-header .section-dark .side-top a.site-logo { position: static; transform: unset }
    .site-home .site-header .section-dark .side-top a.site-logo img { max-height: 2.18rem } 
    .site-home .site-header .section-dark .side-top .component-navbar-offcanvas.layout-standard [data-bs-toggle=offcanvas] { border-radius: 0; min-height: 4.25rem } 
    .site-home .site-header .section-dark .side-top { padding-top: 0.7rem } 
    .site-home .site-header .section-dark .side-bottom ul li, 
    .site-home .site-header .section-dark .side-bottom .search { padding: 1rem 0 0 0 } 
    .site-header .section-dark .side-bottom .edu-link, .section-dark .site-nav .component-navbar-offcanvas .btn{ border: unset !important }
    .site-home .site-header .offcanvas-header .offcanvas-title { display: none !important }
    .site-header .section-dark { flex-direction: row !important; position: relative; padding-top: 0.7rem !important; padding-bottom: 0.7rem !important } 
    .site-header .section-dark .side-bottom { display: flex; align-items: center; justify-content: center } 
    .site-header .section-dark .side-bottom .edu-link { min-height: auto; padding: 0 } 
    .site-home .site-header .section-dark .side-bottom .edu-link .nav { display: flex; justify-content: center }
    .site-header .section-dark .side-bottom .quick-links .nav .nav-link { margin: 0 } 
    .site-header .section-dark .side-top a.site-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } 
    .site-header .section-dark .side-top a.site-logo img { max-height: 3.28rem } 
    .site-header .section-dark .side-top .component-navbar-offcanvas.layout-standard [data-bs-toggle=offcanvas] { min-height: unset } 
    .site-header .section-dark .side-bottom ul li { padding-left: 1rem } 
    .site-header .section-dark .side-bottom .search { padding-left: 1rem; padding-right:.5rem } 
    .component-navbar-secondary { background: #fff } 
    .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link.active { color: var(--bs-tertiary) } 
    .component-navbar-secondary .navbar.navbar-secondary { background: var(--bs-white) !important } 
    .component-navbar-secondary.layout-standard .navbar .nav-item { padding-left: 1.5rem } 
    .navbar-offcanvas-submenu-template .nav-link { padding-inline: 0 }
    .navbar-offcanvas-submenu-template > .nav-item .level-2 .submenu .nav-item .nav-link { padding: .5rem 0 }
    .navbar-offcanvas-template .submenu-wrapper:has(.level-3) .submenu .nav-item .nav-link { padding: 0 }
    .navbar-offcanvas-template .submenu-wrapper:has(.level-3) .submenu > .accordion-item + .accordion-item { margin-top: 1rem }
    .navbar-offcanvas-template .submenu-wrapper.level-3 .submenu > .accordion-item + .accordion-item { margin: 0 0 0 1rem }
    .navbar-offcanvas-submenu-template > .nav-item > .nav-link, body .navbar-offcanvas-submenu-template > .nav-item > .nav-link > span > .nav-link { font-size: 1.25rem !important } 
    .site-home .navbar-offcanvas-template .offcanvas.offcanvas-start.offcanvas-fluid{ left: 3.75rem; overflow:hidden; transition:unset !important } 
    .site-home .navbar-offcanvas-template .offcanvas-fluid.offcanvas.show .offcanvas-inner { transition: unset !important }
    .site-home .navbar-offcanvas-template .offcanvas.offcanvas-start.offcanvas-fluid.showing { background-color: transparent !important }
    .site-home .navbar-offcanvas-template .offcanvas.offcanvas-start.offcanvas-fluid:before { content: ''; background: #000000; width: 5px; position: absolute; left: -3px; height: 100%; filter: blur(5px); z-index: 0; opacity: .8 } 
    .offcanvas-backdrop.fade { opacity: 0 !important }
}

@media (max-width: 991px) {
    .navbar-brand.navbar-page-title { font-size: 1rem }
    .navbar-offcanvas-template .offcanvas-fluid.offcanvas.show { width: 100% }
    .site-header .section-dark { flex-direction: row !important; padding-top: 0 !important; padding-bottom: 0 !important; position: relative } 
    .site-header .section-dark .side-top, .site-header .section-dark .side-bottom { display: flex; align-items: center } 
    .site-header .section-dark .side-top .site-logo { position: absolute; left: 50%; transform: translateX(-50%) }
    .site-header .component-scoreboard .event-links-collapse-wrapper .btn .bounce-element { width: 1.5rem; height: 1.5rem; background: var(--bs-primary); border-radius: 50%; display: flex ; align-items: center; justify-content: center; text-decoration: none }
    .site-header .component-scoreboard .component-headings { background: var(--default); justify-content: center !important } 
    .site-header .section-dark .side-bottom .component-collapse .gap-3 { gap: 0 !important }
    .site-header .component-navbar-offcanvas .accordion .mobile-menu-footer .mmf-search .fa-search::before { color: var(--bs-primary) }
}

/*SCOREBOARD*/

.pre-header .component-scoreboard.layout-small { position: relative; background-color: var(--bs-white); gap: unset !important }
.pre-header .component-scoreboard.layout-small.collapse-event-links { top: calc(100% + 1rem) }
.pre-header .component-scoreboard.layout-small .fa-chevron-left:before,
.pre-header .component-scoreboard.layout-small .fa-chevron-right:before { font-size: 1rem }
.pre-header .component-scoreboard.layout-small .name { text-align: left }
.pre-header .component-scoreboard.layout-small .bounce-trigger:hover .bounce-element { animation: none }
.pre-header .component-scoreboard.layout-small .event-team-name img { max-width: 2rem }
.pre-header .component-scoreboard.layout-small .event-score, 
.pre-header .component-scoreboard.layout-small .name,
.pre-header .component-scoreboard.layout-small .vs-at-indicator { font-size:.875rem }
.pre-header .component-scoreboard.layout-small .vs-at-indicator:after { content: '.'; right: -.25rem; position: absolute } 
.pre-header .component-scoreboard.layout-small .vs-at-indicator { position: relative; margin-right: .25rem }
.pre-header .component-scoreboard.layout-small .status,
.pre-header .component-scoreboard.layout-small .date { font-size: .875rem; font-weight: 500 !important; padding-right: .2rem }
.pre-header .component-scoreboard.layout-small .status > .d-flex .status { position: relative }
.pre-header .component-scoreboard.layout-small .slick-list .card .body-top .status > .d-flex .status:not(:empty):before { content: ''; position: absolute; height: .75rem; width: 1px; background: var(--bs-primary) ; top: 50%; left: -6px; transform: translateY(-50%) }
.pre-header .component-scoreboard.layout-small .event-team-name { text-align:left }
.pre-header .component-scoreboard.layout-small .macro-event-notes.small { display:none }
.pre-header .component-scoreboard.layout-small .slider { padding:0 2rem }
.pre-header .component-scoreboard.layout-small .next { left: auto !important; right: 0 !important; border-left: 1px solid var(--bs-tertiary) }
.pre-header .component-scoreboard.layout-small .comp > .ps-component.component-tabs, 
.pre-header .component-scoreboard.layout-small .form-select { background-color: var(--bs-secondary); color: var(--bs-white) }
.pre-header .component-scoreboard.layout-small .collapse-event-links { background-color: var(--bs-white) }
.pre-header .component-scoreboard.layout-small .slick-arrow.btn-link:hover, 
.pre-header .component-scoreboard.layout-small .slick-arrow.btn-link:focus, .component-scoreboard.layout-small .slick-arrow.btn-link:active { background-color: unset !important; color: var(--bs-primary); transition: unset !important }
.pre-header .component-scoreboard.layout-small .collapse-event-links .card-link:hover { color: var(--bs-secondary) } 
.pre-header .component-scoreboard.layout-small .collapse-event-links .card-link { width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; background: var(--bs-link-color); color: var(--bs-white); border-radius: 50% } 
.pre-header .component-scoreboard.layout-small .collapse-event-links .event-links { display: flex; align-items: center; justify-content: center } 
.pre-header .component-scoreboard.layout-small .collapse-event-links .card-link .fa { margin: 0 !important }
.pre-header .component-scoreboard.layout-small .comp > .ps-component.component-tabs a { color: var(--bs-white); font-size:.9rem }
.pre-header .component-scoreboard.layout-small .prev .fa-chevron-left:before,
.pre-header .component-scoreboard.layout-small .next .fa-chevron-right:before { color:var(--bs-primary) }
.pre-header .component-scoreboard.layout-small .prev:hover .fa-chevron-left:before,
.pre-header .component-scoreboard.layout-small .next:hover .fa-chevron-right:before { color:var(--bs-btn-hover-color) }
.pre-header .component-scoreboard.layout-small .status .btn-link:hover {color: transparent !important }
.pre-header .component-scoreboard.layout-small .event-links-collapse-wrapper .close-event-links-positioned:hover .btn { color: var(--bs-secondary) !important }
.pre-header .component-scoreboard.layout-small .slick-next.slick-arrow { border-left: 1px solid var(--bs-tertiary) !important }
.pre-header .component-scoreboard.layout-small .slick-arrow { position: absolute; left: 0; top: 50% !important; bottom: 0; z-index: 1; min-width: 2rem; height: 100% !important; padding: 0; border: none; font-size: 1rem; line-height: 3rem; cursor: pointer; text-decoration: none; text-align: center; overflow: hidden; transition: all .2s linear; border-radius: 0; background-color:var(--bs-white) }
.pre-header .component-scoreboard.layout-small .slick-arrow-controls { position: unset;display:block; border:unset; margin:unset }
.pre-header .component-scoreboard.layout-small .slick-arrow { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) }
.pre-header .component-scoreboard.layout-small .card .card-body .body-top { display: flex ; flex-direction: column-reverse !important }
.pre-header .component-scoreboard.layout-small .card .card-body .body-top .justify-content-between { justify-content: start !important }
.pre-header .component-scoreboard.layout-small .card .card-body .body-middle .participant-lines .team:first-child .sport-name a { font-weight:bold; font-size:.875rem }
.pre-header .component-scoreboard.layout-small .card .card-body .body-middle .participant-lines .team .sport-name a:hover,
.pre-header .component-scoreboard.layout-small .card .card-body .body-middle .participant-lines .team .sport-name a:focus,
.pre-header .component-scoreboard.layout-small .card .card-body .body-middle .participant-lines .team .sport-name a:active { text-decoration:none; color: var(--bs-tertiary) }
.pre-header .component-scoreboard.layout-small .event-links-collapse-wrapper .btn .bounce-element:before { content: '\f055' }
.pre-header .component-scoreboard.layout-small .event-links-collapse-wrapper .btn[aria-label="Related links"] { position: absolute; right: 0; bottom: .3rem; text-decoration: none }
.pre-header .component-scoreboard.layout-small .event-links-collapse-wrapper .close-event-links-positioned .btn { padding: .5rem; height: 1.25rem; width: 1.25rem; background: var(--bs-primary); display: flex ; align-items: center; justify-content: center; color: #fff; border-radius: 50px !important; font-size: .75rem; text-decoration: unset !important }
.pre-header .component-scoreboard.layout-small .event-links-collapse-wrapper .btn .bounce-element { width: 1.2rem; height: 1.2rem; line-height: 1.2rem; background: var(--bs-link-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none } 
.pre-header .component-scoreboard.layout-small .event-links-collapse-wrapper .btn .bounce-element:before { content: "\2b"; color: #fff; font-size: 0.625rem } 
.pre-header .component-scoreboard.layout-small .event-links-collapse-wrapper .btn:hover .bounce-element:before { color: var(--bs-secondary) }
.pre-header .component-scoreboard.layout-small .card .card-body { gap: 0 !important; padding: 1.5rem 1rem } 
.pre-header .component-scoreboard.layout-small .card .card-body .body-middle .middle-inner { border-top: unset !important; padding-top: 0 !important }
.pre-header .component-scoreboard.layout-small .card .card-body .body-top .sport-name a { text-transform: uppercase }
.pre-header .component-scoreboard.layout-small > .layout-wrapper { margin-left: 13rem }
.pre-header .component-scoreboard.layout-small .macro-archive-link { position: absolute; width: 13rem; height: 100%; display: flex ; align-items: center; justify-content: center } 
.pre-header .component-scoreboard.layout-small .macro-archive-link .btn-link { margin-top:0 } 
.pre-header .component-scoreboard.layout-small .slick-list { border: unset !important }
.pre-header .component-scoreboard.layout-small .slick-arrow.slick-prev { border-left: 1px solid var(--bs-tertiary); border-right: 1px solid var(--bs-tertiary) }
.pre-header .component-scoreboard.layout-small .card { border-color: var(--bs-tertiary) }
.pre-header .component-scoreboard .close-event-links-positioned { right: 0.5rem; top: unset; bottom: 0.3rem }

@media only screen and (min-width: 768px) {
    .pre-header .component-scoreboard.layout-small .layout-wrapper > div {flex-direction: row !important;align-items: center !important }
}

@media only screen and (max-width: 767px) {
    .pre-header .component-scoreboard.layout-small .layout-wrapper > div .form-floating { display: none }
    .pre-header .component-scoreboard.layout-small .layout-wrapper > div .form-floating:after { top: 8px; left: 25px }
    .pre-header .component-scoreboard.layout-small .next .fa-chevron-right:before,
    .pre-header .component-scoreboard.layout-small .prev .fa-chevron-left:before { width:2.5rem }
    .pre-header .component-scoreboard.layout-small .slick-arrow-controls .next,
    .pre-header .component-scoreboard.layout-small .slick-arrow-controls .prev { display:block!important }
}



/*******FEATURED NEWS*********/
.sec-featured-news .container { padding: 0 }
.sec-featured-news .component-headlines .btn { top: 36%; bottom: unset; transform: translateY(-50%) }
.sec-featured-news .component-headlines .btn.pp { top: 8%; display:none }
.sec-featured-news .component-headlines .carousel-inner { border-radius:0 !important }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption { text-shadow: unset !important }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .carousel-caption-text { max-width: 100%; font-size: 0.875rem; color: #fff; width: 100%; background: var(--bs-primary); padding: .75rem; margin-top:-5px !important; padding-top: 0 }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption { position: relative; padding: 0 calc(var(--bs-gutter-x) * .5); display: inline-block !important; background: transparent !important; top: -1rem }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .align-items-center { align-items: start !important; gap:0 !important }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .justify-content-center { flex-direction: row !important; font-size: 0.75rem; justify-content: center !important; margin-bottom: .75rem; gap: 0 !important }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .carousel-caption-title { width: 100%; max-width: 100%; background: var(--bs-primary); padding: .75rem; line-height: 1; -webkit-line-clamp: 2; text-align: left; text-transform:capitalize }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .carousel-caption-title a:hover { color: var(--bs-white) !important; text-decoration: none }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .carousel-caption-title a {text-shadow: unset !important; text-align: center; font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: var(--bs-secondary) !important; font-weight: 700; font-family: var(--heading-font-family) }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .justify-content-center .category { position: relative; padding-right: .5rem; margin-right: .5rem }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .date { order: 2 }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .justify-content-center .category:after { top: 55%; transform: translateY(-50%); content: ''; background: #fff; width: 1px; position: absolute; right: -1px; height: 0.75rem }
.sec-featured-news .component-headlines .carousel-inner { background: #fff !important } 
.sec-featured-news .component-headlines.layout-carousel .carousel-indicators { display:none !important }
.sec-featured-news .active-slide-banner { position: absolute; width: 100%; opacity: .3;  filter: blur(10px); background-size: cover; background-position: center center; transition: .5s ease }
.sec-featured-news .component-headlines.layout-carousel .carousel-caption .align-items-center .carousel-caption-text { -webkit-line-clamp: unset }
.sec-featured-news .related-links { z-index: 1; width: 100%; --bs-link-color: var(--bs-white); --bs-link-hover-color: var(--bs-secondary) }
.sec-featured-news .related-links > .me-2 { text-decoration: none; background: var(--bs-primary) !important; font-size: .875rem; line-height: 1; padding-right: .625rem; padding-left: .625rem; padding-top: .125rem; padding-bottom: 0.25rem; border-radius: .25rem; margin-right: .125rem !important }
.sec-featured-news .related-links > .me-2:where(:hover,:focus) { text-decoration: unset }

@media (min-width: 992px) {
    .sec-featured-news .component-headlines.layout-carousel .carousel-caption .carousel-caption-title a { text-align: left !important; font-size:2.5rem !important }
    .sec-featured-news .component-headlines.layout-carousel .carousel-caption .carousel-caption-title .justify-content-center { justify-content: start !important;  font-size: 1rem; margin-bottom: .25rem }
    .sec-featured-news .component-headlines.layout-carousel .carousel-caption .carousel-caption-text {padding: .75rem 4rem; margin-top:unset !important }
    .sec-featured-news .component-headlines.layout-carousel .carousel-caption { padding: 1.25rem !important; position: absolute !important }
    .sec-featured-news .component-headlines .carousel .carousel-inner { background: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important } 
    .sec-featured-news .component-headlines.layout-carousel .carousel-caption .align-items-center .carousel-caption-text { font-weight: normal; font-size: 1rem; background: rgba(var(--bs-tertiary-rgb), 0.75); padding: .75rem; max-width:40%; text-align:left; width: auto;padding-top: .75rem }
    .active-slide-banner:after { content: ''; background: #FFF; background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 10%, rgba(255, 255, 255, 1) 100%); position: absolute; top: 0; width: 100%; height: 115vh; left: 0 }
    .sec-featured-news .component-headlines .btn { top:0 !important; bottom: 0 !important; transform:unset !important }
    .sec-featured-news .container { padding: 0 calc(var(--bs-gutter-x) * .5) !important }
    .sec-featured-news .active-slide-banner { height: 100vh }
    .sec-featured-news .component-headlines.layout-carousel .carousel-caption .carousel-caption-title { max-width: 52% !important; padding-right: 3rem; background: rgba(var(--bs-primary-rgb), 0.78) }
    .sec-featured-news .related-links { position: absolute !important; right: 1.25rem; margin-top: 0 !important; width:auto; }
    .sec-featured-news .component-headlines.layout-carousel .boxscores { margin-inline: 0; align-items: flex-start }
}

/******BANNER*******/
.sec-banners { z-index: 1; overflow:hidden; display: none }
.sec-banners .component-nav.layout-list { border: .25rem solid var(--bs-secondary); gap:0 !important; text-align:center; background-color: var(--bs-primary);  justify-content: center; padding: 1rem; color: var(--bs-white); align-items: center; } 
.sec-banners .component-nav.layout-list .page-details .component-title { color: var(--bs-white); font-style: italic; white-space:nowrap }
.sec-banners .list-unstyled { margin-bottom:0 !important }

@media (min-width: 992px){ 
    .sec-banners .component-nav.layout-list { padding: 2rem; gap: 2rem !important; flex-direction: row !important; justify-content: flex-start; text-align: unset }
    .sec-banners .component-nav.layout-list .nav-link { font-size: 1.25rem }
}

@media (min-width: 1200px){  
    .sec-banners .component-nav.layout-list { padding: 3rem; gap: 3rem !important }
}


/******BANNER IMAGES*******/
.sec-banner-images .component-banner.layout-slider .item .item-title { font-size: 1.75rem; font-weight: 700; font-family: var(--heading-font-family); font-style: italic; background: rgba(var(--bs-tertiary-rgb), 0.8); width: 100%; left: 0; bottom: 20%; top: unset; padding: 0.5rem 0; text-transform: uppercase }
.sec-banner-images .component-banner.layout-slider .item:hover .item-title { color: var(--bs-secondary) }
.sec-banner-images .component-banner.layout-slider .slick-track .slick-slide { padding: 0.5rem }
.sec-banner-images .component-banner.layout-slider .align-items-stretch { gap: 1rem }
.sec-banner-images .component-banner.layout-slider .item { padding: 0; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: calc(50% - 1rem) !important; overflow:hidden; border-radius: .4rem }
.sec-banner-images .component-banner.layout-slider .item:nth-child(3), .section.sec-banner-images .component-banner .item:nth-child(4) { margin: 0 }
.sec-banner-images .component-banner.layout-slider .slick-track .slick-slide a:focus .img-placeholder img { scale:1.2 }
.sec-banner-images .component-banner.layout-slider .slick-track .slick-slide a:focus .item-title { color: var(--bs-secondary) !important }
.sec-banner-images .component-banner.layout-slider .slick-arrow-controls { gap: 1rem }
.sec-banner-images .ps-component .slick-arrow-controls .slick-arrow { border: 1px solid var(--bs-white); border-radius: 50%; font-size: 0.9rem; display: flex ; align-items: center; justify-content: center; width: 1.8rem; max-width: 1.8rem; height: 1.8rem !important; line-height: 1 } 
.sec-banner-images .component-banner.layout-slider .slick-track .slick-slide .stretched-link { width: 100% }
.sec-banner-images .component-banner.layout-slider .slick-track .slick-slide .img-placeholder img { width: 100% }
.sec-banner-images .ps-component .slick-arrow-controls .slick-arrow { position: static !important }
.sec-banner-images .ps-component .slick-arrow-controls .slick-arrow,
.sec-banner-images .fa-chevron-left, .sec-banner-images .fa-chevron-right,
.sec-banner-images .component-banner.layout-slider .slick-arrow-controls{ display: none }

@media (min-width: 992px){

   .sec-banner-images .component-banner.layout-slider .item .item-title { font-size: 2rem !important; padding: 1rem 0 !important; bottom:3% !important }
   .sec-banner-images .component-banner.layout-slider .d-flex .item{ flex-basis: calc(25% - 1rem) !important }
   .sec-banner-images .component-banner.layout-slider .item:nth-child(3), .section.sec-banner-images .component-banner .item:nth-child(4){ margin-top: 1rem !important }
}

@media (min-width: 1200px){
       .sec-banner-images .component-banner.layout-slider .item .item-title { font-size: 2.25rem !important; bottom: -.95rem !important }
}    
    
@media (min-width: 1400px){
    .sec-banner-images .component-banner.layout-slider .item .item-title { font-size: 2.5rem !important; bottom: .05rem !important }
}
@media (min-width: 768px) {
    .sec-banner-images .component-banner.layout-slider .item .item-title { bottom: 16% }
}
@media (max-width: 767px) {
    .sec-banner-images .component-banner.layout-slider .slick-list { overflow: visible !important; margin-left: 1rem; padding: 0 20% 0 0 !important }
}

/****** SPONSOR *******/
.sec-sponsors .component-banner.layout-standard .flex-column .item { width:calc(50% - 1rem ) }
.sec-sponsors .component-banner.layout-standard .flex-column { flex-direction:row !important; flex-wrap:wrap }


@media (min-width: 992px){
   .sec-sponsors .component-banner.layout-standard .flex-column .item { width:calc(25% - 1rem) }
}


/******NEWS*******/
.sec-news { z-index: 1 }
.sec-news .component-headlines { gap: 0.5rem !important }
.sec-news .component-headlines.layout-stacked .list { flex-direction: column !important;justify-content: start !important;  flex-wrap: wrap; gap: 1.4rem !important; align-items: start !important } 
.sec-news .component-headlines.layout-stacked .list .item { width: 100% !important; display: none; border: unset !important; border-radius: .5rem !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px } 
.sec-news .component-headlines.layout-stacked .list .item:nth-child(-n+3) { display: block }
.sec-news .component-headlines.layout-stacked .list .item .row .col-sm-3, 
.sec-news .component-headlines.layout-stacked .list .item .row .col-sm-9 { width: 100% } 
.sec-news .component-headlines.layout-stacked .list .item .row .slide-thumbnail { border: unset !important }
.sec-news .component-headlines.layout-stacked .list .item .card-body { padding: .75rem 1.45rem !important ; display: flex; flex-direction:column; gap:.25rem; margin-bottom: 1rem }
.sec-news .component-headlines.layout-stacked .list .item .card-body .flex-column { flex-direction: row-reverse !important; flex-wrap:wrap-reverse; justify-content: start !important; gap: 0 !important; font-size: .875rem } 
.sec-news .component-headlines.layout-stacked .list .item .card-body .flex-column .date { position: relative; padding-left: .375rem; margin-left: .375rem } 
.sec-news .component-headlines.layout-stacked .list .item .card-body .flex-column .date:before { content: ''; width: 1px; height: .85rem; position: absolute; background: var(--bs-body-color); left: 0; top: 50%; transform: translateY(-50%) }
.sec-news .component-headlines.layout-stacked .list .item .card-body .card-title,
.sec-news .component-headlines.layout-stacked .list .item .card-body .card-text { line-height: 1.25 !important; font-size: 0.9rem; -webkit-line-clamp: 2 } 
.sec-news .component-headlines.layout-stacked .list .item .card-body .card-title .item-link { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 1.1rem; font-weight: 700; font-family: var(--heading-font-family) }
.sec-news .component-headlines.layout-stacked .list .item .row { flex-direction: column } 
.sec-news .component-headlines.layout-stacked .list .item .card-body .card-title .related-links span { width: 1.75rem; height: 1.75rem; background: var(--bs-primary); color: #fff; border-radius: 50%; rotate: -45deg; --fa-style: 700 } 
.sec-news .component-headlines.layout-stacked .list .item .card-body .card-title .related-links span:before { --fa: "\f145"; font-family: var(--fa-family); rotate: -45deg; font-size: .75rem; }

@media (min-width: 768px){
    .sec-news .component-headlines.layout-stacked .layout-wrapper .list{ flex-direction: row !important }
    .sec-news .component-headlines.layout-stacked .layout-wrapper .list .item { width: calc(33.33% - 1rem) !important }
    .sec-news .component-headlines.layout-stacked .list{ gap: 1rem !important; align-items: stretch !important }
}

@media (min-width: 992px){ 
    .sec-news .component-headlines.layout-stacked  { gap: 1rem !important }
    .sec-news .component-headlines.layout-stacked .layout-wrapper .list .item { width: calc(25% - 1rem) !important }
    .sec-news .component-headlines.layout-stacked .list .item { display: block !important }
}


/******AWARDS*******/
.sec-award { background-color: var(--bs-body-color) }
.sec-award .component-awards { gap: 0 !important }
.sec-award .component-awards .page-details { margin-bottom: .5rem }
.sec-award .component-awards .flex-wrap { flex-wrap: wrap !important; gap: 1.7rem !important; margin-bottom: 1rem }
.sec-award .component-awards .flex-wrap .item { padding: 0rem !important; flex: 0 0 calc(16.67% - 2rem);  z-index: 1; min-width: 7rem }
.sec-award .component-awards .flex-wrap .item > .d-flex:after { content: ''; width: 100%; height: 100%; border: .5rem solid var(--bs-secondary); position: absolute; top: .75rem; left: .75rem; z-index: -1 }
.sec-award .component-awards .flex-wrap .item > .d-flex { flex-direction: column; text-align: center; background-color: var(--bs-primary); height: auto; justify-content: center !important; padding: 1rem; color: var(--bs-white); position:relative }
.sec-award .component-awards .flex-wrap .item > .d-flex .award-count { font-size:3.875rem !important; font-style: italic; font-family: var(--heading-font-family) }
.sec-award .component-awards .flex-wrap .item .award-label { text-transform: uppercase; line-height: 1.3 !important; font-size: .75rem }
.sec-award .component-awards .component-headings { justify-content: center !important }

@media (min-width: 992px){
    .sec-award .component-awards .content .flex-wrap { gap: 2rem !important; margin-left: -1rem }
    .sec-award .component-awards .flex-wrap .item > .d-flex{ height: 12.5rem }
    .sec-award .component-awards .page-details .component-headings { justify-content: start !important }
    .sec-award .component-awards .layout-wrapper .flex-wrap .item > .d-flex .award-count { font-size:3.5rem !important }
    
}

@media (min-width: 1200px){ 
    .sec-award .component-awards .flex-wrap .item { min-width: 9rem }
    .sec-award .component-awards .flex-wrap .item .award-label { font-size: .875rem }
    .sec-award .component-awards .layout-wrapper .flex-wrap .item > .d-flex .award-count { font-size:3.9375rem !important }
}

@media (min-width: 1400px){ 
    .sec-award .component-awards .content .flex-wrap { margin-right: -1rem }
    .sec-award .component-awards .flex-wrap .item { min-width: 11rem }
    .sec-award .component-awards .layout-wrapper .flex-wrap .item > .d-flex .award-count { font-size:4.9375rem !important }
    .sec-award .component-awards .flex-wrap .item .award-label { font-size: 1rem }
}

@media (max-width: 991px){
    .sec-award .component-awards .flex-wrap .item { min-width: 11rem }
}

/******PLAYER OF THE WEEK*******/
.sec-aotw .component-aotw.layout-standard .container { padding: 0 2rem }
.sec-aotw .component-aotw.layout-standard .players { display:flex !important; gap:1rem; justify-content:center; flex-direction: column; max-width: 18rem; margin: 0 auto }
.sec-aotw .component-aotw.layout-standard .players > div { width: 100%;  max-width: 100% }
.sec-aotw .component-aotw.layout-standard .player { max-width:none; vertical-align:top; border-radius:.75rem; overflow:hidden }
.sec-aotw .component-aotw.layout-standard .player:hover a { color: #fff }
.sec-aotw .component-aotw.layout-standard .player:hover .player-details { filter: brightness(100%) }
.sec-aotw .component-aotw.layout-standard .player-details { line-height:1; color:var(--bs-white); bottom:unset !important; position: relative; background: var(--bs-primary) !important; left: 0; border-top: .25rem solid var(--bs-secondary) }
.sec-aotw .component-aotw.layout-standard .player-details .player-name { font-family: var(--heading-font-family); font-size: 1rem !important; text-transform:capitalize; font-weight: 500; color: var(--bs-secondary); display: flex ; flex-direction: column }
.sec-aotw .component-aotw.layout-standard .player-details .player-name span:last-child { font-size: 1.45rem; font-weight: 700 }
.sec-aotw .component-aotw.layout-standard .player-details .player-name:hover { text-decoration:none !important }
.sec-aotw .component-aotw.layout-standard .player-details .player-sport { filter: brightness(0.8); font-size: 0.875rem; margin-top: 4px;margin-bottom: .5rem; font-weight:500 !important }
.sec-aotw .component-aotw.layout-standard .details-wrapper { margin-bottom:1rem; justify-content:center }
.sec-aotw .component-aotw.layout-standard .details-wrapper .page-details { flex-direction: column-reverse }
.sec-aotw .component-aotw.layout-standard .layout-wrapper { overflow:hidden; text-align:center; border: none !important }
.sec-aotw .component-aotw.layout-standard .headshot { background-color:var(--bs-whte) !important }
.sec-aotw .component-aotw.layout-standard .headshot .headshot-holder { background-repeat:no-repeat; background-position:center; background-size:cover; transition:.3s ease }
.sec-aotw .component-aotw.layout-standard .player:hover .headshot-holder { scale: 1.25; }
.sec-aotw .component-aotw.layout-standard .component-image { display: block !important } 
.sec-aotw .component-aotw.layout-standard .component-image img { width:13.25rem }
.sec-aotw .component-aotw.layout-standard .component-sponsor{ display: block !important; max-width: 110px } 
.sec-aotw .component-aotw.layout-standard .component-sponsor img { max-height: 5.25rem }
.sec-aotw .component-aotw.layout-standard .page-details .component-headings { display: none !important }
.sec-aotw .component-aotw.layout-standard .slick-slider { margin:0 0 1rem }
.sec-aotw .component-aotw.layout-standard .slider-navigation { display:none; margin:0; gap:.5rem; justify-content:center; margin-top:1rem; background: #fff; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; padding: 21px 0 }
.sec-aotw .component-aotw.layout-standard .slider-navigation .btn { position:static; transform:none; width:auto; height:auto; padding:0 3rem; font-size:1.25rem; line-height:normal; color:var(--bs-primary); border-color:var(--bs-primary); border-radius:0 ;    width: 40%;    max-width: 150px }
.sec-aotw .component-aotw.layout-standard .slider-navigation .btn:hover,
.sec-aotw .component-aotw.layout-standard .slider-navigation .btn:focus,
.sec-aotw .component-aotw.layout-standard .slider-navigation .btn:active { filter:brightness(100%); color:var(--bs-white); border-color:var(--bs-white); background: var(--bs-primary) }
.sec-aotw .component-aotw.layout-standard .slider-navigation .btn.slick-pp { display:block; width:2.5rem; height:auto !important; padding:0; flex:0 0 2.5rem }

@media only screen and (min-width:768px) {
    .sec-aotw .component-aotw.layout-standard .details-wrapper { width:100% }
    .sec-aotw .component-aotw.layout-standard .player { flex: 1 0 100% }
    .sec-aotw .component-aotw.layout-standard .players { justify-content:space-between }
    .sec-aotw .component-aotw.layout-standard .players:has(.slider) { margin-bottom:0; padding-bottom: 0 }
    .sec-aotw .component-aotw.layout-standard .slider-navigation { position:absolute; left:0; bottom:-4.5rem; width:100% }
    .sec-aotw .component-aotw.layout-standard .slider-navigation .btn { padding:0 4rem;    width: auto; max-width: inherit }
}

@media only screen and (min-width:992px) {
    .sec-aotw .component-aotw.layout-standard .container { padding: 0 calc(var(--bs-gutter-x) * .5) !important }
    .sec-aotw .component-aotw.layout-standard .players { flex-direction: row !important;  margin-top: 0; max-width:100% }
    .sec-aotw .component-aotw.layout-standard .players > div { width:calc(28% - .5rem); max-width:calc(28% - .5rem) }
    .sec-aotw .component-aotw.layout-standard .player-details .player-name{ font-size: 1.25rem !important }
    .sec-aotw .component-aotw.layout-standard .player-details .player-name span:last-child { font-size: 1.75rem !important }
    .sec-aotw .component-aotw.layout-standard .player-details .player-sport { filter: brightness(1);    font-size: 1rem }
    .sec-aotw .component-aotw.layout-standard .details-wrapper { position:absolute; overflow:hidden; left:50%; top:0; bottom:0; transform:translateX(-50%); height:100%; margin-bottom:0; display:flex; align-items:center }
    .sec-aotw .component-aotw.layout-standard .layout-wrapper:has(.slider-navigation){ overflow:visible;padding: 0rem !important }
    .sec-aotw .component-aotw.layout-standard .component-sponsor img { max-height: 9rem }
    .sec-aotw .component-aotw.layout-standard .component-image img { max-height: 9rem !important; width:100% }
    .sec-aotw .component-aotw.layout-standard .component-sponsor { max-width: 100% !important }
    .sec-aotw .component-aotw.layout-standard .slider-navigation .btn { font-size:1.5rem; padding:0.2rem 8rem }
    .sec-aotw .component-aotw.layout-standard .slider-navigation .btn.slick-pp { padding:0 }
    .sec-aotw .component-aotw.layout-standard .headshot { transition: all 1s ease }
}

@media only screen and (min-width:1400px) {
    .sec-aotw .component-aotw.layout-standard .details-wrapper { width:35% }
    .sec-aotw .component-aotw.layout-standard .component-sponsor img { max-height: 11.625rem }
    .sec-aotw .component-aotw.layout-standard .component-image img { max-height: 11.8125rem !important }
}

/******HERO VIDEO******/
.sec-hero-video #video-toggle { width: 3.75rem; height: 3.75rem; background: transparent; z-index: 1; border: unset; color: #fff; right:0; left:unset }


/******PARALLAX*******/
.sec-parallax .player-dynamic .archive-link { text-align: right; }
.sec-parallax .player:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(var(--bs-primary-rgb), 0.9); z-index: 0 }
.sec-parallax .page-details { display:none !important }
.sec-parallax .component-aotw .headshot img { height:100%; object-fit:contain }
.sec-parallax .component-aotw.layout-bio .player { background-attachment: fixed; background-size: cover; background-position: top center; }
.sec-parallax .component-aotw.layout-bio .player-details .player-name { text-transform: capitalize; pointer-events:none !important }
.sec-parallax .component-aotw.layout-bio .player-details .player-name:hover { text-decoration:unset; color:var(--bs-white) }
.section-dark .archive-link .btn-link { background: var(--bs-secondary) !important; color: var(--bs-primary) !important }
.sec-parallax .component-aotw.layout-bio .player-details .player-bio .synopsis { -webkit-line-clamp: 5;  font-size: 1rem; line-height:1.125 }
.sec-parallax .component-aotw.layout-bio .headshot { --bs-aspect-ratio: 150% }
.sec-parallax .component-aotw.layout-bio .headshot img { height: 100%; object-fit: cover }
.sec-parallax .component-aotw.layout-bio .player .d-flex { gap: 1rem }

@media only screen and (min-width:992px){
    .sec-parallax .component-aotw.layout-bio .player-details  .synopsis { font-size: 1.25rem !important }
}

@media only screen and (min-width:1200px) {
    .sec-parallax .component-aotw.layout-bio .player .d-flex { gap: 0rem }
}

@media only screen and (min-width:1400px) { 
    .sec-parallax .component-aotw.layout-bio .player .d-flex { gap: 0rem }
    .sec-parallax .component-aotw.layout-bio .player-details  .synopsis { font-size:1.5rem !important }
}


/******PHOTO GALLERY******/
.sec-photos .component-gallery.layout-flex .layout-wrapper .box-large { display: none }
.sec-photos .component-gallery.layout-flex .layout-wrapper .box-large .card { --bs-aspect-ratio:100% !important }
.sec-photos .component-gallery.layout-flex .layout-wrapper .box-large:nth-child(-n+4) { display: block }
.sec-photos .component-gallery.layout-flex .layout-wrapper .box-large { width: 100%; flex-basis: calc(50% - .25rem) !important }
.component-gallery.layout-flex .layout-wrapper .box-large .card:hover .card-img-overlay .card-title,
.component-gallery.layout-flex .layout-wrapper .box-large .card:hover .card-img-overlay .card-text { font-family: var(--bs-body-font-family) !important; font-weight: 500  }
.sec-photos .component-gallery.layout-flex .layout-wrapper .box-large .card:hover .card-img-overlay { flex-direction: column-reverse !important; justify-content: end !important; color: var(--bs-secondary); font-family: var(--bs-body-font-family); line-height: 1; font-weight: 700; padding-left:1.75rem } 
.sec-photos .component-gallery.layout-flex .layout-wrapper .box-large .card:hover .card-img-overlay .card-link { color: var(--bs-secondary) !important; font-family: var(--bs-body-font-family); font-weight: 700; font-size: 1rem }
.sec-photos .component-gallery.layout-flex .layout-wrapper .gap-3 { gap: 0.25rem !important }
.sec-photos .component-gallery.layout-flex .macro-archive-link a.btn, .section.sec-videos .component-video .archive-link a.btn { color: #fff !important }
.sec-photos .component-gallery.layout-flex .macro-archive-link a.btn:hover, .section.sec-videos .component-video .archive-link a.btn:hover { color: var(--bs-secondary) !important }


@media only screen and (min-width:992px){
    .section.sec-photos .component-headings { justify-content: left !important }
}

@media (min-width: 768px) {
    .sec-photos .component-gallery.layout-flex .layout-wrapper .box-large { display: none !important }
    .sec-photos .component-gallery.layout-flex .layout-wrapper .box-large:nth-child(-n+8) { display: block !important; flex-basis: calc(25% - .25rem) !important }
}

@media (min-width: 1400px) {
    .sec-photos .component-gallery.layout-flex .layout-wrapper .box-large { display: none !important }
    .sec-photos .component-gallery.layout-flex .layout-wrapper .box-large:nth-child(-n+12) { display: block !important; flex: 0 0 calc(16.66% - .25rem) !important;  height: 14rem }
}


/******VIDEOS ******/
.sec-videos .component-video.layout-cards .card-img-overlay .card-title { line-height: 1 }
.sec-videos .component-video.layout-cards .card { background-color: var(--bs-white) !important }
.sec-videos .component-video.layout-cards .card .card-sport { display:none }
.sec-videos .component-video.layout-cards .component-video.layout-cards .items { --grid-gap: 0 !important; gap: 1.5rem }
.sec-videos .component-video.layout-cards .card .ratio-4x3 { --bs-aspect-ratio: 60% }
.sec-videos .component-video.layout-cards .card-img-overlay { opacity:1; position: relative; background: var(--bs-white); color: var(--bs-body-color); border-radius:0 } 
.sec-videos .component-video.layout-cards .card-img-overlay .card-title a { color: var(--bs-primary) !important; font-weight:700; font-size:1rem }
.sec-videos .component-video.layout-cards .item:hover .card-img-overlay .card-title a,
.sec-videos .component-video.layout-cards .item:focus .card-img-overlay .card-title a,
.sec-videos .component-video.layout-cards .item:active .card-img-overlay .card-title a,
.sec-videos .component-video.layout-cards .item:focus-visible .card-img-overlay .card-title a,
.sec-videos .component-video.layout-cards .item:focus-within .card-img-overlay .card-title a { color: var(--bs-tertiary) !important }
.sec-videos .component-video.layout-cards .fa-youtube { --fa: "\f04b"; font-family: 'Font Awesome 7 Pro'; font-weight: 700; background: var(--bs-primary); font-size: 1.1rem; width: 3rem; height: 3rem; display: flex ; align-items: center; justify-content: center; margin: 0 auto; border-radius: 100%; border: 1px solid var(--bs-secondary); transition: .3s ease; scale: 1.25; padding-left: 3px }
.sec-videos .component-video.layout-cards .video-btn-overlay:hover { text-decoration: none } 
.sec-videos .component-video.layout-cards .video-btn-overlay:hover .center-con-pre { transform: scale(4.5) !important } 
.sec-videos .component-video.layout-cards .video-btn-overlay:hover .fa-youtube { background: var(--bs-secondary); color: var(--bs-primary) }
.sec-videos .component-video.layout-cards .item { border-radius: 0.5rem !important; padding:0 !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px }
.sec-videos .component-video.layout-cards .md .item { --size: calc(33.33% - 1rem); border-radius: .5rem !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px }

@media only screen and (min-width:768px){
    .component-video.layout-cards .sm .item { --size: calc(33.33% - 1rem) !important }
    .sec-videos .component-video.layout-cards .items { gap: 1rem }
}

@media only screen and (min-width:992px){
    .sec-videos .component-video.layout-cards .card .card-date { font-size: 1rem }
    .sec-videos .component-video.layout-cards .card-img-overlay .card-title a { font-size:1.25rem }
}


/******HALL OF THE FAME******/
.sec-hotf { background: var(--bs-body-color) }
.sec-hotf .player-dynamic .archive-link { text-align: center; }
.sec-hotf:before { content: ''; background: url(/assets/images/wu-compass-white.png); width: 100%; max-width: 22rem; height: 22rem; pointer-events:none; position: absolute; background-repeat: no-repeat; top: 20%; transform: translateY(-50%); left: -10%; opacity: .05; background-size: cover; background-position: center center }
.sec-hotf .component-aotw.layout-bio .component-headings .component-title {padding: 0; font-family: "Tangerine", cursive; font-weight: 400; font-style: normal; text-transform: inherit; font-size: 4.4rem }
.sec-hotf .component-aotw.layout-bio .player { -webkit-line-clamp: 4;text-align: center }
.sec-hotf .component-aotw.layout-bio .player-details .player-name { text-transform: capitalize; font-size: 1.56rem; margin-bottom:1rem; font-family: var(--heading-font-family); line-height: 1; text-align: center; text-decoration:unset }
.sec-hotf .component-aotw.layout-bio .player-details .player-name:hover { color: var(--bs-white) }
.sec-hotf .component-aotw.layout-bio .player-headshot { position: relative; width: 100%; max-width: 305px; margin: 1rem 0 2rem 0 }
.sec-hotf .component-aotw.layout-bio .headshot:after { content: ''; border: .5rem solid var(--bs-secondary); width: 100%; height: 100%; position: absolute; top: 1rem; z-index: 0; left: 1rem }
.sec-hotf .component-aotw.layout-bio .headshot { width: 18.5rem; overflow:visible !important }
.sec-hotf .component-aotw.layout-bio .headshot img { height: 100%; object-fit:cover }
.sec-hotf .component-aotw.layout-bio .headshot-holder { z-index: 1 }
.sec-hotf .component-aotw.layout-bio .player-details { text-align:center !important; padding:0 !important; }
.sec-hotf .component-aotw.layout-bio .player-details .synopsis p { margin-bottom:0; -webkit-line-clamp: 4; display: -webkit-box !important; -webkit-box-orient: vertical; overflow: hidden; font-size: 1rem }
.sec-hotf .component-aotw.layout-bio .player-name a { --bs-link-color: var(--bs-secondary); --bs-link-hover-color: var(--bs-white); text-decoration: none }
.sec-hotf .component-headings { justify-content: center !important }

@media only screen and (min-width:992px){
    .sec-hotf .player-dynamic .archive-link { text-align: left; }
    .sec-hotf:before { max-width: 42rem; height: 42rem; top: 50%; transform: translateY(-50%); left: -10% }
    .sec-hotf .component-aotw.layout-bio .component-headings .component-title { font-size: 7.5rem !important }
    .sec-hotf .component-headings { justify-content: left !important }
    .sec-hotf .component-aotw.layout-bio .player .d-flex { gap: 8rem !important; flex-direction: row-reverse !important; margin-bottom:-.125rem; }
    .sec-hotf .component-aotw.layout-bio .player .player-headshot { margin-top: -8rem; max-width: 20rem }
    .sec-hotf .component-aotw.layout-bio .player-details .player-name { text-align: left !important; font-size: 3.12rem !important; color: var(--bs-secondary); margin-bottom: .75rem }
    .sec-hotf .component-aotw.layout-bio .player-details .synopsis p { font-size: 1.25rem }
    .sec-hotf .component-aotw.layout-bio .player-details { text-align:left !important }
}

/*********FOOTER**********/
.site-footer .footer-links li:not(:first-child) .nav-link::before { content: ''; background: #fff; height: .75rem; position: absolute; left: 0; width: 1px; top: 55%; transform: translateY(-50%) }
.site-footer .footer-links li .nav-link { position: relative; padding: 0 .5rem !important; text-transform: capitalize; text-decoration: underline }
.site-footer .footer-links li .nav-link:hover, .site-footer .footer-links li .nav-link:focus,
.site-footer .footer-links li .nav-link:active, .site-footer .footer-links li .nav-link:focus-visible, .site-footer .footer-links li .nav-link:focus-within, 
.site-footer .footer-contact a:hover, .site-footer .footer-contact a:focus, .site-footer .footer-contact a:active,
.site-footer .footer-contact a:focus-visible, .site-footer .footer-contact a:focus-within { color: var(--bs-secondary) }
.site-footer .inc-hostedby { text-align: center }
.site-footer .inc-hostedby svg { max-height: 3.5rem }
.site-footer .footer-contact span:not(:first-child) { padding-left: .5rem; margin-left: .5rem; position: relative } 
.site-footer .footer-contact span:not(:first-child):before { content: ''; height: .75rem; width: 1px; background: #fff; position: absolute; top: 55%; transform: translateY(-50%); left: 0 }
.site-footer .footer-contact span a { text-decoration: none }
.site-footer .social-icons-footer .component-nav { align-items: center }
.site-footer .social-icons-footer .nav-link { padding: .75rem } 
.site-footer .social-icons-footer .nav-link span { font-size: 1.25rem; color: var(--bs-secondary) }
.site-footer .social-icons-footer .nav-link:hover span, .site-footer .social-icons-footer .nav-link:focus span, .site-footer .social-icons-footer .nav-link:active span, .site-footer .social-icons-footer .nav-link:focus-visible span{ color: var(--bs-white) }
.site-footer .affiliate-logos .component-banner.layout-flex .list-unstyled { flex-wrap: wrap; row-gap: 0 !important; flex-direction:row !important }
.site-footer .affiliate-logos .component-banner.layout-flex .list-unstyled .item { flex: 0 0 calc(50% - 1rem) !important; }

@media only screen and (min-width:992px){ 
    .site-footer .affiliate-logos .component-banner.layout-flex .list-unstyled { flex-wrap: nowrap; justify-content: space-between !important }
    .site-footer .affiliate-logos .component-banner.layout-flex .list-unstyled .item { flex: unset !important }
}