/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --body-font-family: 'Poppins', sans-serif;
    --bs-font-sans-serif: 'Poppins', sans-serif;
    --bs-body-font-family: 'Poppins', sans-serif;
    --heading-font-family: 'Oswald', 'Poppins', sans-serif;
    --body-color: #6f7476;
    --border-color: #e2e3e3;
    --dark-secondary: #397bb1;
}

/*GLOBAL RESETS*/
.fa-facebook:before { content: "\f39e" }
.fa-bars:before, 
.fa-navicon:before,
.accordion-button:after { font-family: var(--fa-family-classic) }
.section .archive-link a { color: var(--bs-white); font-weight: 600; font-size: 1rem; text-transform: uppercase; font-family: var(--heading-font-family); padding: .5rem 3.5rem; background-color: var(--bs-primary); border-radius: 50px; line-height: 1 }
.section .archive-link a:hover { filter:none; color: var(--bs-secondary) }
.section .card-title a,
.section .carousel-caption-title a { font-weight:700; line-height:normal }
.fa-circle-pause:before, 
.fa-pause-circle:before { content: "\f04c" }
.slick-pp.pp span.fa,
.slick-arrow.pp span.fa { font-weight: bold }
.section .component-title { font-size:1.65rem; font-weight:700; color:var(--bs-primary); text-transform:uppercase }
.section .component-tabs .form-select:focus, .section .component-tabs .form-select:focus-visible { border-color: var(--bs-primary) !important; box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb),.5) !important; outline: 2px solid var(--bs-secondary) !important }
.section .form-floating { display:flex; justify-content:flex-end; padding:0 1rem; overflow:visible }
.ps-component .page-details .component-sub-title { display: none }
.next span.fa, 
.prev span.fa,
.carousel-control-prev,
.carousel-control-next { font-weight: normal }
a.btn.back-to-top { background-color: var(--bs-white); color: var(--bs-primary) }
.btn-secondary { --bs-btn-bg: var(--dark-secondary) }
.section .ps-component a:hover { text-decoration: none }
.section button.slick-arrow.slick-disabled { filter: brightness(60%) }

@media (min-width: 992px) {
    .section .component-title,
    .section .card-title a,
    .section .carousel-caption-title a { font-size: 2rem }
    .section .archive-link a { font-size:1.125rem }
}

/*Scoreboard*/
.pre-head-section .sec-scoreboard { color: var(--body-color) }
.pre-head-section .sec-scoreboard .layout-wrapper > div { align-items:center!important; flex-direction: row !important }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slick-list { border:none }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-middle .middle-inner { padding-top:0!important; border-top:0!important }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .card { border-right:1px solid var(--border-color) }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .card:last-child, .pre-head-section .sec-scoreboard .component-scoreboard.layout-small .card.slick-active:last-of-type { border-right:0 }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-top > :not(.sport) span { font-weight: normal !important }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-top span { line-height:1 }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-top { display:flex; align-items: center; gap: .25rem !important; flex-wrap:wrap }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls { width:3rem; border:0 }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slider { padding: 0 6rem 0 0 }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .bounce-trigger:hover .bounce-element { animation:none }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button { width:3rem; height:100%; font-size:1.25rem; display:block }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .sport-name a:hover { color: var(--dark-secondary); text-decoration:none }
.pre-head-section .sec-scoreboard .layout-wrapper > div .form-floating { width:auto!important; min-width:13rem; margin:.5rem}
.pre-head-section .sec-scoreboard .layout-wrapper > div .form-floating > .form-select { transition: all .3s; border-radius: 2rem; border-color: var(--bs-primary); height:auto; margin:0!important; padding:.65rem 2rem .65rem .65rem; color:var(--bs-primary); text-overflow: ellipsis; white-space:nowrap; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230e203b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") }
.pre-head-section .sec-scoreboard .layout-wrapper > div .form-floating > .form-select:hover, .pre-head-section .sec-scoreboard .layout-wrapper > div .form-floating > .form-select:focus-visible { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-top .sport .sport-name a { font-weight:600 !important }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-top > div { flex: 1 1 auto }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-top span.status > div { gap: 0 !important }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-top .sport:after { content: '|'; padding-left: .25rem; font-weight: normal }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-top .sport { display:inline-flex }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button:hover { background-color: var(--bs-primary); color:var(--bs-secondary) }
.pre-head-section .sec-scoreboard .component-scoreboard .collapse-event-links { background-color: rgba(var(--bs-primary-rgb),0.9) }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .event-links-collapse-wrapper .collapse-event-links .btn, .pre-head-section .sec-scoreboard .component-scoreboard .collapse-event-links .event-links a { color: var(--bs-white) }
.pre-head-section .sec-scoreboard .component-scoreboard .collapse-event-links .event-links a:hover { color: var(--bs-secondary) }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-top > div > span { font-size: .85rem }
.pre-head-section .sec-scoreboard .component-scoreboard .macro-archive-link:hover { background-color: var(--bs-primary) }
.pre-head-section .sec-scoreboard .component-scoreboard .macro-archive-link:hover:before { color: var(--bs-secondary) }
.pre-head-section .sec-scoreboard .component-scoreboard .macro-archive-link { position:absolute; width:3rem; height:100%; right:3rem; display:flex; align-items:center; justify-content:center; border: 0; overflow: hidden; border-left: 1px solid var(--border-color) }
.pre-head-section .sec-scoreboard .component-scoreboard .macro-archive-link a { position:absolute; height:100%; width:100%; opacity:0 }
.pre-head-section .sec-scoreboard .component-scoreboard .macro-archive-link:before { content:"\f133"; font-family:var(--fa-family-classic); font-weight:900; left:0; position:relative; font-size:1.25rem; width:1.5rem; height:1.5rem; display:block; color: var(--bs-primary) }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .card.no-more-events { min-height: 110px }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .body-middle .event-team-name .name { text-align: left }

@media (min-width: 768px){
    .pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls { border-left:1px solid var(--border-color) !important }
}

@media (min-width: 992px){
    .pre-head-section .sec-scoreboard .component-tabs.content-switcher-wrapper>.layout-wrapper { border-bottom: 1px solid var(--border-color) }
    .pre-head-section .sec-scoreboard .component-tabs.content-switcher-wrapper > .layout-wrapper > div > .tab-content { border-left: 1px solid var(--border-color) }
}

@media (max-width: 991px){
    .pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls { position: absolute; left: auto; top: 0; right: 0; bottom: 0; display: flex; overflow: hidden; flex-direction: column }
    .pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slider { padding: 0 3rem 0 0 }
    .pre-head-section .sec-scoreboard .layout-wrapper > div .form-floating, .pre-head-section .sec-scoreboard .component-scoreboard .macro-archive-link { display: none }
}

/*Header*/

/*Site Title*/
.pre-head-section .title-bar .site-title { font-family:var(--heading-font-family); font-weight: 500 }
.site-title-wrap .header-links .nav a { font-size: 1.15rem; font-family:var(--heading-font-family); color:var(--bs-white); background-color:var(--bs-primary); font-weight: 600 }
.site-title-wrap .header-links { position:absolute; right:0; height:100%; top:50%; transform:translateY(-50%); clip-path:polygon(10% 0,100% 0,100% 100%,0 100%); border-bottom: 1px solid var(--border-color); border-top: 1px solid var(--border-color) }
.site-title-wrap .header-links div, .site-title-wrap .header-links .nav, .site-title-wrap .header-links .nav li, .site-title-wrap .header-links .nav a  { height:100%; display:flex; align-items:center }
.site-title-wrap .header-links .nav a:hover { background-color: var(--bs-secondary); color: var(--bs-primary) }

/*Navigation & Logo*/
.site-header .site-logo { position:absolute; padding: 1rem; height: 100%; display: flex; align-items: center; justify-content: center }
.site-header .menu.desktop-menu { z-index:0; flex:1 1 auto }
.site-header .site-logo:after { content:''; position:absolute; right:0; left:-1.5rem; height:100%; top:0; transform:skew(15deg); background-color:var(--bs-primary); border-right: 2px solid var(--bs-white) }
.site-header .site-logo img { z-index:1; position:relative }
.site-header .component-navbar-primary.layout-standard .navbar, .site-header .component-navbar-primary.layout-standard .layout-wrapper { position: static !important }
.site-header .component-navbar-primary.layout-standard .megamenu-inner { max-width: var(--ps-site-width); margin: 0 auto }
.site-header .component-navbar-primary.layout-standard .navbar .navbar-nav li.parent > .nav-link { font-size: 1.15rem; font-weight:600; position:relative }
.site-header .macro-primary-navigation .social-links .nav-link { padding: 0.75rem }
.site-header .component-navbar-primary.layout-standard .dropdown-menu, .site-header .component-navbar-primary.layout-standard .dropdown-menu ul { border-radius: 0 }
.site-header .component-navbar-primary.layout-standard .dropdown-menu a { color:var(--bs-white); font-weight:600 }
.site-header .macro-primary-navigation li.parent > a.nav-link, .site-header .macro-primary-navigation li.parent > span.nav-link a.nav-link { color: var(--bs-primary) }
.site-header .macro-primary-navigation .header-buttons .component-search.layout-modal button { text-decoration: none }
.site-header .macro-primary-navigation .header-buttons .component-search.layout-modal button, .site-header .macro-primary-navigation .social-links .nav-link { font-size:1.15rem; position:relative }
.site-header .macro-primary-navigation .header-buttons .component-search.layout-modal button:after, .site-header .macro-primary-navigation .social-links .nav-link:after { content:''; position:absolute; left:50%; bottom:0; width:0; height:5px; background-color:var(--bs-primary); transition:width .2s ease-in; transform:translateX(-50%) }
.site-header .macro-primary-navigation .header-buttons .component-search.layout-modal button:hover:after,.site-header .macro-primary-navigation .social-links .nav-link:hover:after { width: calc(100% - .5rem) }
.site-header .macro-primary-navigation .btn-links .social-links, .site-header .macro-primary-navigation .btn-links .social-links div, .site-header .macro-primary-navigation .btn-links .social-links ul,
.site-header .macro-primary-navigation .btn-links .social-links li, .site-header .macro-primary-navigation .btn-links .social-links a.nav-link,
.site-header .macro-primary-navigation .btn-links .header-buttons, .site-header .macro-primary-navigation .btn-links .header-buttons > div, .site-header .macro-primary-navigation .btn-links .header-buttons > div > div,
.site-header .macro-primary-navigation .btn-links .header-buttons > div > div > button { height:100%; display:flex; align-items:center; justify-content:center }
.site-header .macro-primary-navigation .btn-links { align-self:stretch }
.site-header .macro-primary-navigation .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-flex="true"] > li { font-weight: 600 }
.site-header .macro-primary-navigation { z-index: 1 }
.site-header .component-navbar-primary.layout-standard .navbar button.navbar-toggler { border: 0; padding: 0; box-shadow: unset }
.site-header .component-navbar-primary.layout-standard .navbar li.dropdown:hover .dropdown-toggle::after { transform: rotate(180deg) }

/*Secondary Menu*/
.site-header .macro-secondary-navigation { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px }
.site-header .macro-secondary-navigation a.navbar-page-title { font-family: var(--heading-font-family); font-weight: 600; text-transform: uppercase }
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link { font-size: 1.15rem; font-weight: 600 }
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .flexible-menu .flexible-dropdown-menu { border-radius: 0 }
.site-header .macro-secondary-navigation a:hover { color:var(--dark-secondary) }

@media (max-width: 991px) {
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-collapse { position:absolute; top:calc(100% + 2px); left:0; right:0; bottom:0; width:100%; height:calc(100vh - 100% - 115px); background-color:var(--bs-primary); padding:1rem; display:block!important; transition:all .2s; transform:translate(-100%) }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-collapse.show { transform:translate(0) }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-collapse .nav-link, .site-header .component-navbar-primary.layout-standard .navbar .navbar-collapse a { color:var(--bs-white) }
    .site-header .menu.desktop-menu { justify-content:end !important }
    .site-header .component-navbar-primary.layout-standard .navbar { background-color:transparent!important }
    .site-header .component-navbar-primary .navbar-light .dropdown .dropdown-menu.show, .site-header .component-navbar-primary .navbar-light .dropdown .dropdown-menu.collapsing { border: 0 !important }
    .site-header.is-pinned .component-navbar-primary.layout-standard .navbar .navbar-collapse, html.internal-page .site-header .component-navbar-primary.layout-standard .navbar .navbar-collapse { height:calc(100vh - 100%) }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-menu { padding: 0 0 0 1rem }
    .site-header .macro-primary-navigation { border-bottom: 2px solid var(--bs-white) }
    .site-header .component-navbar-primary.layout-standard .search-form .search-icon { position: absolute; left: .85rem; z-index:6; top: 52%; transform: translateY(-50%); font-size: .85rem }
    .site-header .component-navbar-primary.layout-standard .search-form input#site-search { padding: .85rem .85rem .85rem 2.25rem; min-height: auto; font-size: 1rem }
    .site-header .component-navbar-primary.layout-standard .search-form input#site-search::placeholder { color: var(--bs-primary) }
    .site-header .component-navbar-primary.layout-standard .search-form { margin-top:1rem }
    .site-header .component-navbar-primary.layout-standard .social-links ul.nav { justify-content: center }
    .site-header .component-navbar-primary.layout-standard .social-links ul.nav .nav-link { font-size: 1.35rem; padding: 1.25rem }
    .site-header .component-navbar-primary.layout-standard .social-links ul.nav .nav-link:hover,
    .site-header .component-navbar-primary.layout-standard .navbar li.dropdown.parent > div.dropdown-menu > div.megamenu-inner > ul > li.dropdown > div.dropdown-menu > div.dropdown-menu-inner > ul > li.nav-item .nav-link { color: var(--bs-secondary) }
}

@media (min-width: 992px) {
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav li.parent > .nav-link { position:relative; padding: 1.5rem 1rem; text-transform:uppercase; font-family:var(--heading-font-family) }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-item.parent>.nav-link:before { content:''; position:absolute; left:50%; bottom:0; width:0; height:5px; background-color:var(--bs-primary); transition:width .2s ease-in; transform:translateX(-50%) }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega=true] > .nav-item >.dropdown-old-toggle { background-color:var(--bs-white); text-transform:uppercase; font-family:var(--heading-font-family); position:relative; border-bottom:0; overflow:hidden }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega=true] > .nav-item >.dropdown-old-toggle .nav-link { color:var(--bs-primary); font-size:1.25rem }
    .site-header .component-navbar-primary.layout-standard .dropdown-menu.megamenu { padding:3rem 2rem }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega=true] > .nav-item >.dropdown-old-toggle:after { content:''; position:absolute; right:-10px; width:35%; height:100%; background-color:var(--bs-secondary); top:0; border-left:2px solid var(--bs-primary); transform:skew(-20deg) }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega=true] > .nav-item.has-megamenu > div { margin: 1.5rem 0 }
    .site-header .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover, .site-header .component-navbar-primary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover .nav-link { color: var(--bs-secondary); text-decoration:underline }
    .pre-head-section .title-bar .site-title { font-size: 1.5rem }
    .site-header .site-logo img { max-height: 4rem }
    .site-header .menu.desktop-menu { padding-left: 230px }
    .site-title-wrap .header-links .nav a { padding: 0 4rem }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-item.parent>.nav-link:hover:before { width: calc(100% - 1.5rem) }
    .site-header .site-logo { top:-3.5rem; height: calc(100% + 3.5rem); padding:1.25rem 1.5rem 1.25rem 1rem }
    .site-header.is-pinned .site-logo { top:0; height:100% }
    .site-header.is-pinned .site-logo img { max-height:4rem }
    .site-header .site-logo, .site-header .site-logo img, .site-header .menu.desktop-menu { transition:all .3s }
    .site-header.is-pinned .menu.desktop-menu { padding-left: 230px }
    .site-header .macro-secondary-navigation a.navbar-page-title { font-size: 1.5rem }
    .site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu a span[class=sr-only] { position:unset; width:auto; height:auto; order:-1 }
    .site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu a span.fas.fa-bars:before { content:"\f078"; padding-left:.5rem }
    .site-header .component-navbar-primary.layout-standard .navbar, .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav { background-color: var(--bs-secondary) !important }
}

@media (min-width: 1200px) {
    .site-header .site-logo img { max-height: 5rem }
    .pre-head-section .title-bar .site-title { font-size: 1.75rem }
    .site-header .menu.desktop-menu { padding-left: 280px }
    .site-header .macro-primary-navigation .header-buttons .component-search.layout-modal:before { content:'|'; padding-left:.75rem; color:var(--border-color) }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav li.parent > .nav-link { font-size:1.25rem }
    .site-header .site-logo { top:-3.75rem; height: calc(100% + 3.75rem) }
}

@media (min-width: 1400px) {
    .site-header .menu.desktop-menu { padding-left:350px }
    .site-title-wrap .header-links .nav a { padding:0 6rem }
    .pre-head-section .title-bar .site-title { font-size: 2rem }
    .site-header .site-logo img { max-height: 6.5rem }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav li.parent > .nav-link { font-size:1.35rem; padding:1.5rem }
    .site-header .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-item.parent>.nav-link:hover:before { width:calc(100% - 2.5rem) }
    .site-header .site-logo { top:-4rem; height: calc(100% + 4rem) }
}


/*Main Components*/

/*Commons*/
.section.title-bars .component-headings .component-title { position:relative; line-height:1 }
.section.title-bars .component-headings .component-title:after,
.section.title-bars .component-headings .component-title:before { content:''; position:absolute; right:-2rem; bottom:0; height:calc(100% - 3px); border-right:3px solid var(--bs-secondary); transform:skew(-20deg) }
.section.title-bars .component-headings .component-title:before { right:-1.25rem }

/*Banner*/
.section .component-banner.layout-slider .slick-arrow-controls .slick-arrow { position: static !important; height: 2rem; display: flex; align-items: center; justify-content: center }
.section .component-banner.layout-slider .slick-arrow-controls { display: flex; align-items: center; justify-content: center; margin-top: 1rem }
.section .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next { order:1 }
.section .component-banner.layout-slider .slick-arrow-controls button:hover { color: var(--bs-secondary) }
.section .component-banner.layout-slider .slick-arrow-controls button { background-color: var(--bs-primary); color: var(--bs-white); border-radius: 0; width: 2.5rem; height: 2.5rem !important }
.section .component-banner.layout-slider .slick-arrow-controls button.prev { border-top-left-radius: 50px; border-bottom-left-radius: 50px }
.section .component-banner.layout-slider .slick-arrow-controls button.next { border-top-right-radius: 50px; border-bottom-right-radius: 50px } 

/*Top Stories*/
.sec-top-stories { margin-bottom: 1.5rem }
.sec-top-stories a { --bs-link-color: var(--bs-white) }
.sec-top-stories a[rel='wiki-link'] { --bs-link-color: var(--bs-primary) }
.sec-top-stories .component-headlines.layout-flow .slick-slide a:not(.btn) { opacity: 1 }
.sec-top-stories .component-headlines.layout-flow .slick-slide .card-details { overflow: hidden }
.sec-top-stories .component-headlines.layout-flow .slick-slide .card-details, .sec-top-stories .component-headlines.layout-flow .slick-slide .card-body { color: var(--bs-white); background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 0) 0%, rgba(var(--bs-primary-rgb), 0.635) 48.8%, rgba(var(--bs-primary-rgb), 0.863) 70.9%, var(--bs-primary) 100%); }
.sec-top-stories .component-headlines.layout-flow .date-category { order: -1; opacity:1; font-size: 1.15rem }
.sec-top-stories .component-headlines.layout-flow .category::before { content: ''; margin: 0 }
.sec-top-stories .component-headlines.layout-flow .slick-arrow { background-color: var(--bs-white); top: auto !important; bottom: 8rem !important; transform: none; width: 2.5rem !important; height: 2.5rem !important; padding: 0 !important; margin: 0; font-size: 1.25rem !important; right: 2rem !important; opacity: 1; --bs-btn-color:var(--bs-primary); --bs-btn-hover-color:var(--bs-secondary); filter: unset; display: flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 0 }
.sec-top-stories .component-headlines.layout-flow a:hover { color: var(--bs-secondary) }
.sec-top-stories .component-headlines.layout-flow .slick-pp { right: 4.5rem !important }
.sec-top-stories .component-headlines.layout-flow .slick-arrow.prev { left:auto; right: 7rem !important; border-top-left-radius: 50px; border-bottom-left-radius: 50px }
.sec-top-stories .component-headlines.layout-flow .slick-arrow.next { border-top-right-radius: 50px; border-bottom-right-radius: 50px }
header.nav-secondary-exists ~ main .sec-top-stories { padding-top: 0 !important }
.sec-top-stories .component-headlines.layout-flow .boxscores .content { padding:0; font-size:1rem; background: transparent }
.sec-top-stories .component-headlines.layout-flow .boxscores .table thead { background-color:var(--bs-primary) }
.sec-top-stories .component-headlines.layout-flow .boxscores .table th { color:var(--bs-white); font-weight: normal }
.sec-top-stories .component-headlines.layout-flow .boxscores .table td, .sec-top-stories .component-headlines.layout-flow .boxscores a.team-name { color:var(--bs-primary) }
.sec-top-stories .component-headlines.layout-flow .boxscores .table { background-color:rgba(var(--bs-tertiary-rgb),.9) !important }
.sec-top-stories .component-headlines.layout-flow .boxscores .table>:not(caption) > * > * { padding: 0.75rem }
.sec-top-stories .component-headlines.layout-flow .boxscores .text-muted { color: var(--bs-primary) !important }
.sec-top-stories .component-headlines.layout-flow .boxscores span.team-logo-inline { display: none }
.sec-top-stories .component-headlines.layout-flow .boxscores a.team-name:hover { color: var(--dark-secondary) }
.sec-top-stories .component-headlines.layout-flow .slick-arrow-controls { position: absolute; bottom: 0; top: auto; right: 0; display: block }
.sec-top-stories .component-headlines.layout-flow .slick-slide:not(.slick-active) > div { transform:unset; scale:1 }
.sec-top-stories .component-headlines.layout-flow .slick-slide > div { padding: 0 }
.sec-top-stories .component-headlines.layout-flow .slick-slide .card-details .card-title { z-index: 1; font-family: var(--heading-font-family); -webkit-line-clamp: 2 }
.sec-top-stories .component-headlines.layout-flow .date-category .date { position:absolute; left:0; top:50%; transform:translateY(-50%); text-transform: uppercase; font-size:1.5rem; max-width:3rem; text-align:center; font-family:var(--heading-font-family); font-weight: 600 }
.sec-top-stories .component-headlines.layout-flow .slick-slide .card-details .article-details { padding-left:4rem; position:relative; display: flex; flex-direction: column; align-self:stretch }
.sec-top-stories .component-headlines.layout-flow .slick-slide .card-details .article-details:before { content:''; position:absolute; left:3.25rem; width:100%; height:100%; border-left: 2px solid var(--bs-secondary) }
.sec-top-stories .component-headlines.layout-flow .slick-slide .card-body { display:flex; flex-direction:column; position:absolute; left:0; right:0; bottom:0; padding:0; opacity:0; transform:translateY(300px) }
.sec-top-stories .component-headlines.layout-flow .slick-slide .card-details { display:flex; justify-content:space-between; align-items:center; min-height:180px; padding:1rem .5rem }
.sec-top-stories .component-headlines.layout-flow .slick-slide.slick-active .card-body { opacity:1; visibility: visible }
.sec-top-stories .component-headlines.layout-flow .slick-active .boxscores, .sec-top-stories .component-headlines.layout-flow .slick-active .card-body { animation:slide-up-fade-in .5s ease-out .3s forwards }
.sec-top-stories .component-headlines.layout-flow .related-links a { font-weight: 600 }

@media only screen and (max-width: 991px) {
    .sec-top-stories .component-headlines.layout-flow .slick-slide .card-thumbnail .ratio-16x9 { --bs-aspect-ratio: 100% }
    .sec-top-stories .component-headlines.layout-flow .slick-arrow { right:1rem !important; bottom:10rem !important }
    .sec-top-stories .component-headlines.layout-flow .slick-pp { right: 3.5rem !important }
    .sec-top-stories .component-headlines.layout-flow .slick-arrow.prev { right: 6rem !important }
    .sec-top-stories .component-headlines.layout-flow .slick-slide .card-details { min-height:164px }
}

@media only screen and (min-width: 992px) {
    .sec-top-stories .component-headlines.layout-flow .date-category .date { font-size:1.75rem; max-width:4rem }
    .sec-top-stories .component-headlines.layout-flow .slick-slide .card-details .article-details { padding-left:6rem; max-width: 80% }
    .sec-top-stories .component-headlines.layout-flow .slick-slide .card-details .article-details:before { left:4.55rem }
    .sec-top-stories .component-headlines.layout-flow .slick-slide .card-details { padding:1rem }
    .component-headlines.layout-flow .boxscores { position: absolute; bottom: 100%; right: 1rem }
    .component-headlines.layout-flow .boxscores:has(button[data-bs-toggle="collapse"][aria-expanded="true"]) { margin-right: 1rem }
}

@media only screen and (min-width: 1320px) {
    .sec-top-stories .component-headlines.layout-flow .slick-slide > div { padding: 0 0.5rem }
    .sec-top-stories { margin-top: 2rem; margin-bottom: 2rem }
    .sec-top-stories .component-headlines.layout-flow .slick-slide:not(.slick-active) > div { transform:unset; scale: 0.9 }
}

/*Photo Gallery*/
.sec-photo-gallery .component-gallery.layout-slider .card { overflow: hidden; border: 0; --bs-aspect-ratio: 65.25% }
.sec-photo-gallery .component-gallery.layout-slider .item { padding: 0 0.5rem }
.sec-photo-gallery .component-gallery.layout-slider .component-sponsor { display: none !important }
.sec-photo-gallery .component-gallery.layout-slider .item .card-img-overlay .card-title { order: -2; transition: all ease .3s; margin-bottom:.25rem }
.sec-photo-gallery .component-gallery.layout-slider .item .card-img-overlay { background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 0) 10%, rgba(var(--bs-primary-rgb), 0.65) 35%, rgba(var(--bs-primary-rgb), 0.85) 55%, var(--bs-primary) 100%) }
.sec-photo-gallery .component-gallery.layout-slider .slick-arrow-controls button.slick-arrow { position:static; width:2.5rem!important; height:2.5rem!important; --bs-btn-color:var(--bs-white); --bs-btn-hover-color:var(--bs-secondary); --bs-btn-active-color:var(--bs-secondary); background-color:var(--bs-primary); border-radius:0; font-size:1.25rem; display:flex; align-items:center; justify-content:center; text-decoration:none }
.sec-photo-gallery .component-gallery.layout-slider .slick-arrow-controls { display:flex;align-items:center; justify-content:center; margin-top:.5rem }
.sec-photo-gallery .component-gallery.layout-slider .slick-arrow-controls button.slick-arrow.next { order:1 }
.sec-photo-gallery .component-gallery.layout-slider .slick-arrow-controls button.slick-arrow.prev { border-top-left-radius:50px; border-bottom-left-radius:50px }
.sec-photo-gallery .component-gallery.layout-slider .slick-arrow-controls button.slick-arrow.next { border-top-right-radius:50px; border-bottom-right-radius:50px }
.sec-photo-gallery .component-gallery.layout-slider .item .card-img-overlay .card-sport { width:max-content; position:relative; padding:4px 20px; order:-1; margin-bottom:.25rem }
.sec-photo-gallery .component-gallery.layout-slider .item .card-img-overlay .card-sport:after { background-color:var(--bs-white); opacity:.12; content:''; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50px }
.sec-photo-gallery .component-gallery.layout-slider .card-title a { font-size:1.5rem }
.sec-photo-gallery .component-gallery.layout-slider .item .card-date { display: none }

/* Aotw Slider */
.sec-featured-athletes a[rel='wiki-link'] { --bs-link-color: var(--bs-white); --bs-link-hover-color:var(--bs-secondary) }
.sec-featured-athletes .component-aotw.layout-align .player-details { padding:1rem }
.sec-featured-athletes > div { padding:0 }
.sec-featured-athletes .component-aotw.layout-align .component-title span { display:inline-block; font-size:1rem; line-height:1;  color:var(--bs-white) }
.sec-featured-athletes .component-aotw.layout-align .component-title span:first-child,
.sec-featured-athletes .component-aotw.layout-align .component-title span:last-child { display:block; font-size:2.5rem }
.sec-featured-athletes .component-aotw.layout-align .component-title span:last-child { font-size:4rem }
.sec-featured-athletes .component-aotw.layout-align .component-title span:nth-child(2), 
.sec-featured-athletes .component-aotw.layout-align .component-title span:nth-child(3) { color:var(--bs-secondary); font-family:var(--body-font-family) }
.sec-featured-athletes .component-aotw.layout-align .player .headshot { border: 0; transform: unset }
.sec-featured-athletes .component-aotw.layout-align .player { justify-content:center }
.sec-featured-athletes .component-aotw.layout-align .player .player-bio { flex-direction:row; flex-wrap:wrap; justify-content:center; color:var(--bs-white); line-height:1}
.sec-featured-athletes .component-aotw.layout-align .player-sport { width:100%; font-size: 1rem; text-transform:capitalize }
.sec-featured-athletes .component-aotw.layout-align .player-name { font-size:1.5rem !important; color:var(--bs-white) }
.sec-featured-athletes .component-aotw.layout-align .player-name:hover { color:var(--bs-secondary); text-decoration:none }
.sec-featured-athletes .component-aotw.layout-align .slick-dots { display:block; position:static; margin:5px 0 0 }
.sec-featured-athletes .component-aotw.layout-align .slick-dots button:before { background-color:#fff; opacity:1 }
.sec-featured-athletes .component-aotw.layout-align .slick-dots li.slick-active button:before { background-color:var(--bs-primary) }
.sec-featured-athletes .component-aotw.layout-align .player .headshot .headshot-holder { transform: unset }
.sec-featured-athletes .component-aotw.layout-align .slick-slider { overflow:visible }
.sec-featured-athletes .component-aotw.layout-align .slick-slider .btn { position:absolute; top:auto !important; bottom:2rem !important; filter:none !important; font-size: 1.25rem; z-index:3 !important; width:2.5rem; height:2.5rem !important; line-height:1; border:0 !important; background:var(--bs-white); transform:translateX(-50%); --bs-btn-color:var(--bs-primary); --bs-btn-hover-color:var(--dark-secondary); --bs-btn-active-color:var(--dark-secondary) }
.sec-featured-athletes .component-aotw.layout-align .slick-dots,
.sec-featured-athletes .component-aotw.layout-align .player .headshot-cutout { display:none !important }
.sec-featured-athletes .component-aotw.layout-align .player .headshot .headshot-holder img { min-width: 250px; max-width: 250px; min-height: 350px; max-height: 350px }
.sec-featured-athletes .component-aotw.layout-align .player .jersey { font-size:1rem; font-weight:700 }
.sec-featured-athletes .component-aotw.layout-align .player .player-details .player-bio .player-attrs { display: none }
.sec-featured-athletes .component-aotw.layout-align .player .player-details { gap:0 }
.sec-featured-athletes .component-aotw.layout-align .player .player-details .page-details { order: 1 }
.sec-featured-athletes .component-aotw.layout-align .layout-wrapper { z-index:1 }
.sec-featured-athletes:before, 
.sec-featured-athletes:after { content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(https://theme-assets.prestosports.com/theme-assets/johnson-premium/assets/images/aotw-cutout-logo.png); background-repeat: no-repeat; background-size: contain }
.sec-featured-athletes:after { right: 0; left: auto; transform: rotateY(180deg) }
.sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name { position:absolute; right:10rem; bottom:2rem; z-index:3; max-width: 340px; min-width: 340px; text-align: center; font-family:var(--heading-font-family) }
.sec-featured-athletes .component-aotw.layout-align .player .player-headshot .headshot-wrapper { position:relative }
.sec-featured-athletes .component-aotw.layout-align .player .player-headshot .headshot-wrapper:before {  content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(var(--bs-primary-rgb),0) 50%,rgba(var(--bs-primary-rgb),.65) 70%,rgba(var(--bs-primary-rgb),.85) 80%,var(--bs-primary) 100%); z-index:1 }
.sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-prev { left:calc(50% - 2.5rem) !important; border-top-left-radius: 50px; border-bottom-left-radius: 50px }
.sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-pp { left:50% !important }
.sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-next { left:calc(50% + 2.5rem) !important; right:auto !important; border-top-right-radius: 50px; border-bottom-right-radius: 50px  }

@media (max-width:991px) {
    .sec-featured-athletes .component-aotw.layout-align .player { flex-direction: column-reverse !important; padding: 2rem 0 5rem }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details { position:relative }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name { top:-3rem; right: auto; bottom:auto; width: max-content; max-width: 250px; min-width: 250px }
    .sec-featured-athletes:after, .sec-featured-athletes:before { background-image:url(https://theme-assets.prestosports.com/theme-assets/johnson-premium/assets/images/site-secondary-logo.png); opacity:.12; background-size:400px; top:1rem }
    .sec-featured-athletes:before { left:-255px }
    .sec-featured-athletes:after { right:-255px }
    .sec-featured-athletes .component-aotw.layout-align .component-title span:first-child { margin-bottom: -10px }
    .sec-featured-athletes .component-aotw.layout-align .component-title span:last-child { margin-top: -5px }
}

@media (min-width:992px) {
    .sec-featured-athletes .component-aotw.layout-align .player-details {  padding:2rem }
    .sec-featured-athletes .component-aotw.layout-align { position:relative  }
    .sec-featured-athletes .component-aotw.layout-align .player-sport { font-size: 1.5rem }
    .sec-featured-athletes .component-aotw.layout-align .component-title span { font-size:1.5rem }
    .sec-featured-athletes .component-aotw.layout-align .component-title span:first-child,
    .sec-featured-athletes .component-aotw.layout-align .component-title span:last-child { margin:0; font-size:3rem }
    .sec-featured-athletes .component-aotw.layout-align .component-title span:last-child { font-size:4rem }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider { z-index:1 }
    .sec-featured-athletes .component-aotw.layout-align .player .headshot .headshot-holder img { max-width: 340px; min-width: 340px; max-height: 450px; min-height: 450px }
    .sec-featured-athletes .component-aotw.layout-align .player .player-headshot { padding-right: 10rem }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .btn { bottom: 4rem !important }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name { right:10rem; bottom: 2rem }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-prev { left: 12rem !important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-pp { left: 14.5rem !important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-next { left: 17rem !important }
}

@media (min-width:1200px) {
    .sec-featured-athletes .component-aotw.layout-align .component-title span { font-size:1.75rem }
    .sec-featured-athletes .component-aotw.layout-align .component-title span:first-child { font-size:4rem }
    .sec-featured-athletes .component-aotw.layout-align .component-title span:last-child { font-size:6rem }
    .sec-featured-athletes .component-aotw.layout-align .player-details { padding:3rem }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .btn { bottom:3rem  !important } 
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-prev { left: 17.5rem !important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-pp { left: 20rem !important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-next { left: 22.5rem !important }
}

@media (min-width:1400px) {
    .sec-featured-athletes .component-aotw.layout-align .player .player-headshot { padding-right: 16rem }
    .sec-featured-athletes .component-aotw.layout-align .player .player-details .player-name { right:16rem }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-prev { left: 20rem !important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-pp { left: 22.5rem !important }
    .sec-featured-athletes .component-aotw.layout-align .slick-slider .slick-next { left: 25rem !important }
}


/* Standings */
.sec-standings .component-headings .component-title { color: var(--bs-secondary) }
.sec-standings .component-tabs { gap: 0 !important }
.sec-standings .form-floating { position: absolute; right: 0; top: -2.85rem; width: max-content !important }
.sec-standings table tbody th,
.sec-standings table tbody tr td { padding:.5rem .75rem }
.sec-standings .form-floating > .form-select { padding:.375rem 1.5rem .375rem 1rem; min-width:160px; height:unset; background-color:var(--bs-primary); color:var(--bs-white); border:1px solid var(--bs-white); text-transform:capitalize; position:relative; border-radius:50px; margin:0!important; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") }
.sec-standings table tbody tr:hover { background-color: rgba(var(--bs-tertiary-rgb),.2) }
.sec-standings table { border: 1px solid var(--bs-primary); margin:0; border-top:0 }
.sec-standings table thead tr { background-color: rgba(var(--bs-tertiary-rgb),.5) !important; font-family: var(--heading-font-family) }
.sec-standings .custom-select { margin: 0 !important; padding-top: .65rem; height: fit-content; background-color: transparent; border: 0; font-weight: bold; padding-left: .5rem }
.sec-standings .form-floating label { display: none }
.sec-standings table td, .sec-standings table th { font-weight:bold!important }
.sec-standings table .conference-head, .sec-standings table .conference-col-head, .sec-standings table .conference-col-field { background-color: var(--bs-light) !important }
.sec-standings td.separator { display:none }
.sec-standings table tr th, .sec-standings table tr td, .sec-standings table tr:hover th, .sec-standings table tr:hover td { color: var(--bs-black) }
.sec-standings .component-standings.has-col-groups thead th { color: var(--bs-white)!important }
.sec-standings.title-bars .component-headings .component-title:after,
.sec-standings.title-bars .component-headings .component-title:before { border-color:var(--bs-tertiary) }
.sec-standings table thead th { padding:.5rem .75rem; font-size:1.25rem; min-width: 100px }
.sec-standings .page-details { background-color: var(--bs-primary); padding: 1rem .75rem }
.sec-standings table span.team-namer { font-family: var(--heading-font-family) }

@media (min-width:992px) {
    .sec-standings table thead th { padding:.75rem 1.5rem }
    .sec-standings .page-details { padding: 1rem 1.5rem }
    .sec-standings .form-floating > .form-select { min-width: 220px; padding:.375rem 2.5rem .375rem 1rem }
    .sec-standings .form-floating { right: 1rem; top: -3.10rem; }
    .sec-standings table tbody tr td { padding:.5rem 1.5rem }
}

/* Stats Leader */
.sec-stat-leaders .component-tabs.layout-select > .page-details { padding:1rem; background-color: var(--bs-primary) }
.sec-stat-leaders .component-tabs.layout-select > .page-details .component-title { display:block; font-weight:700; color:var(--bs-secondary) }
.sec-stat-leaders .component-tabs.layout-select > .layout-wrapper > div > .form-floating > .form-select { position:absolute; top:-4rem; right:1rem; text-overflow: ellipsis; white-space: nowrap; padding-left: 1rem; background-color:var(--bs-primary); border-radius:50px; width:auto; min-width:150px; max-width:150px; height:calc(2rem + 2px); margin:0 auto; padding-top:0.375rem; padding-bottom:.375rem; color:var(--bs-white); border-color:var(--bs-white); background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") }
.sec-stat-leaders .component-tabs.layout-select > .layout-wrapper > div > .form-floating > label { display:none }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card { border:0 !important }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .btn-sm { display:block; font-size: 1.25rem; font-weight: 500; border-radius:50px; color: #fff; background-color: var(--bs-primary); text-transform: uppercase; font-family: var(--heading-font-family) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .btn-sm:hover,
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .btn-sm:focus-visible { text-decoration:none; color:var(--bs-secondary); filter:brightness(100%); outline:0 !important; box-shadow:none !important }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item { border-width: 0 2px 0 2px; border-color: var(--bs-primary) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type { border-width: 2px; position:relative; margin-bottom:1.5rem !important; font-weight:400 !important; color:var(--bs-primary) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type:before { content:''; position:absolute; left:50%; top:100%; height:1.5rem; width:2px; background-color:var(--bs-primary); transform:translateX(-50%) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:first-of-type + .list-group-item { border-top: 2px solid var(--bs-primary) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item + .list-group-item { background-color:var(--bs-white); border-left:2px solid var(--bs-primary); border-right:2px solid var(--bs-primary) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type { border-radius: 50px; --bs-list-group-item-padding-y:0; --bs-list-group-item-padding-x:0; position:relative; margin-top:1.5rem !important; background-color:#fff; border:1px solid var(--bs-primary) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type:before { content:''; position:absolute; left:50%; bottom:calc(100% + 1px); height:1.5rem; width:2px; background-color:var(--bs-primary); transform:translateX(-50%) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type:after { content:''; position:absolute; left:0; right:0; bottom:calc(100% + 1px + 1.5rem); height:2px; background-color:var(--bs-primary) }
.sec-stat-leaders.title-bars .component-headings .component-title:after, .sec-stat-leaders.title-bars .component-headings .component-title:before { border-color:var(--bs-tertiary) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item:last-of-type { border-width: 2px }
.sec-stat-leaders .component-stats-leaders.layout-standard select.form-select { border-radius: 50px; padding-top: .5rem; padding-bottom: .5rem }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item .player-logo a:hover { color: var(--dark-secondary) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item a.team { color: var(--body-color) }
.sec-stat-leaders .component-stats-leaders.layout-standard .leaders-card .list-group-item + .list-group-item .player-logo { font-size: 1.125rem }

@media only screen and (min-width:992px) {
    .sec-stat-leaders .component-tabs.layout-select > .layout-wrapper > div > .form-floating > .form-select { position:absolute; top:-4rem; right:1rem; min-width:220px; max-width:220px }
}

/*Banner*/
.sec-banner .component-banner.layout-slider .slick-track .slick-slide { padding: 0 }
.sec-banner .component-banner.layout-slider .slick-track .slick-slide .item > a:focus-visible { box-shadow: inset 0 0 0 2px #ebb567 !important; outline: 0 !important }
.sec-banner .component-banner.layout-slider .slick-arrow-controls { padding: .75rem 0; margin: 0 }

/* Social Buttons */
.sec-social-icons { position:relative; background:none no-repeat center center var(--bs-primary); background-size:cover }
.sec-social-icons:before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(var(--bs-primary-rgb),0.1) }
.sec-social-icons .component-title { color:#fff }
.sec-social-icons > div { position:relative }
.sec-social-icons .component-headings { justify-content:center !important } 
.sec-social-icons ul { justify-content:center }
.sec-social-icons .nav li a { background:var(--bs-white); color:var(--bs-primary); transform:skew(-20deg); margin-left:1px; padding:10px 1.5rem; display: flex; align-items: center; justify-content: center }
.sec-social-icons .nav li span { transform:skew(20deg); font-size:1.35rem }
.sec-social-icons .nav li a:hover,
.sec-social-icons .nav li a:focus{ background:var(--bs-secondary) }
.sec-social-icons .nav li:first-of-type a { border-top-left-radius: 25px; border-bottom-left-radius: 50px }
.sec-social-icons .nav li:last-of-type a { border-top-right-radius: 50px; border-bottom-right-radius: 25px }
.sec-social-icons .component-nav.layout-standard { gap: 0 !important }

/*Sponsors*/
.sec-sponsors .component-banner.layout-slider { padding: 1rem 0 }
.sec-sponsors .component-banner.layout-slider .slick-slide { padding: 0.25rem 1rem }
.sec-sponsors .slick-slide img { max-height: 5rem }

/*Recent news*/
.sec-recent-news .layout-wrapper a:hover,
.sec-recent-news .layout-wrapper a:focus { color:var(--dark-secondary) }
.sec-recent-news .component-headlines.layout-grid .item > div { width:100%!important }
.sec-recent-news .component-headlines.layout-grid .item { flex-direction:column }
.sec-recent-news .component-headlines.layout-grid .item .details { background-color:var(--bs-white); padding:1rem 0; display: flex; flex-direction: column; flex: 1 1 auto }
.sec-recent-news .component-headlines.layout-grid .item .details .card-text { margin: 0.5rem 0 !important; color: var(--body-color) }
.sec-recent-news .component-headlines.layout-grid .grid { column-gap: 1rem !important; row-gap: 1rem }
.sec-recent-news .component-headlines.layout-grid .item .thumbnail .ratio { height:100% }
.sec-recent-news .card-title a { font-size:1rem!important; font-family: var(--heading-font-family) }
.sec-recent-news .card-title,
.sec-recent-news .card-title a { color:var(--bs-primary) }
.sec-recent-news .related-links { padding-top: 0.25rem; margin-top: 1rem !important; border-top: 2px solid var(--bs-primary); z-index: 2 }
.sec-recent-news .related-links a:not(:last-child):after { content: '|'; padding-left: 10px }
.sec-recent-news .related-links a { position:relative; color:var(--bs-primary); display:inline-block; font-weight: 600 }
.sec-recent-news .related-links { margin-top: auto !important }
.sec-recent-news .page-details .component-sponsor { display: none !important }
.sec-recent-news .page-details > div { padding:1rem; background-color: var(--bs-primary) }
.sec-recent-news .card-title a:focus-visible { box-shadow: inset 0 0 0 2px #ebb567 !important; outline: 0 !important }
.sec-recent-news .component-headlines.layout-grid .item .details > div:first-of-type { gap:.5rem!important; flex-direction:row !important; color: var(--body-color) }
.sec-recent-news .component-headlines.layout-grid .item .category:before { content:"|"; padding-right:.5rem }
.sec-recent-news .page-details .component-title { color: var(--bs-secondary) }
.sec-recent-news.title-bars .component-headings .component-title:after, .sec-recent-news.title-bars .component-headings .component-title:before { border-color: var(--bs-tertiary) }

@media (min-width: 992px) {
    .sec-recent-news .card-title a { font-size:1.5rem!important }
    .sec-recent-news .component-headlines.layout-grid .item { flex: 1 1 calc(33% - 1.5rem) !important }
    .sec-recent-news .page-details > div { padding: 1rem 1.5rem }
    .sec-recent-news .component-headlines.layout-grid .grid { column-gap: 1.5rem !important; row-gap: 1.5rem }
}

@media (max-width: 991px) {
    .sec-recent-news .component-headlines.layout-grid .item:nth-child(n+3),
    .sec-recent-news .component-headlines.layout-grid .item p.card-text { display:none !important }
}

/*Footer*/
.site-footer .social-icons-footer .nav-link { padding: 0; margin: 5px 15px 0 0; font-size: 1.15rem }
.site-footer a { color: var(--bs-primary) }
.site-footer a:hover,
.site-footer a:focus { color: var(--dark-secondary) }
.site-footer .copyright-privacy-links-section .privacy-links a:hover { text-decoration: underline !important }
.site-footer .footer-details .footer-logo:after { content: ''; position: absolute; right: 0; left: -5rem; height: calc(100% + 2rem); top: -1rem; transform: skew(15deg); background-color: var(--bs-primary); border-right: 7px solid var(--bs-secondary); z-index: -1 }
.site-footer .footer-details .footer-logo { position: relative; padding: 0 2rem 0 1rem; margin-right: 1rem; align-self: stretch }
.site-footer .footer-details .title { font-family:var(--heading-font-family); font-weight: 600 }
.site-footer .footer-right-wrap .footer-logos-right ul { margin: 0 }
.site-footer .footer-details a.site-footer-logo { height: 100%; display: flex; align-items: center; justify-content: center }
.site-footer .footer-logos-right .component-banner.layout-flex .item img { max-width: 10rem; min-width: 6rem }

@media (max-width: 991px) {
    .site-footer .footer-right-wrap, .site-footer .footer-details { width: 100% }
    .site-footer .footer-details-wrapper { padding: 0 }
    .site-footer .footer-details { border-bottom: 2px solid var(--bs-primary) }
    .site-footer .footer-details .footer-logo:after { height:100%; top:0 }
    .site-footer .footer-logos-right .component-banner.layout-flex .item { flex: 0 0 calc(50% - .5rem) !important }
    .site-footer .footer-right-wrap .footer-logos-right ul { flex-wrap: wrap; padding: 1rem 0; flex-direction: row !important }
    .site-footer .footer-details .title { font-size:1.35rem !important }
}

@media (min-width: 992px) {
    .site-footer .footer-right-wrap .footer-logos-right ul, .site-footer .footer-right-wrap { gap:1rem !important }
    .site-footer .social-icons-footer { justify-content: center }
    .site-footer .footer-details .footer-logo {  margin-right: 2rem }
}

@media (min-width: 1400px) {
    .site-footer .site-footer-logo img { max-height: 8rem }
    .site-footer .footer-details .footer-logo { margin-right: 2.5rem; padding: 0 6rem 0 5rem }
    .site-footer .footer-right-wrap .footer-logos-right ul, .site-footer .footer-right-wrap { gap:3rem !important }
}