:root {
    --body-font-family: 'Poppins', sans-serif;
    --bs-font-sans-serif: 'Poppins', sans-serif;
    --bs-body-font-family: 'Poppins', sans-serif;
    --heading-font-family: 'Poppins', sans-serif;
    --bs-light: #E3E3E3;
    --bs-light-rgb: 227, 227, 227;
    --main-content-bg: #fff;
}

h1, .h1 { font-weight:700 }
h2, .h2 { font-weight:700 }
h3, .h3 { font-weight:600 } 
h4, .h4 { font-weight:400 }
h5, .h5 { font-weight:400 }
h6, .h6 { font-weight:400 }

a { color:var(--bs-primary); transition:all .4s }
a:hover,
a:focus { color:var(--bs-secondary) }

.modal-backdrop {
    --bs-backdrop-bg: var(--bs-secondary);
}

.btn-primary { --bs-btn-bg:var(--bs-primary); --bs-btn-hover-bg:var(--bs-secondary); --bs-btn-active-bg:var(--bs-secondary); --bs-btn-color:#fff; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff }

/* INTERNAL PAGES */
.internal-page .site-main > div { background:var(--main-content-bg) }

/* SECTIONS GENERIC */
.site-main { flex:1 }
.section-event-countdown:not(:has(.component-countdown)) { display:none } /* hide section wrapper when countdown component is not rendered */
.section-container:not(.container-fluid) { max-width:var(--ps-site-width); margin:0 auto }

.landing .section-wrapper { margin-bottom:1.5rem }
.section-wrapper.section-hero { padding-top:0; margin-bottom:0 }
.section-hero .section-container,
.section-parallax .section-container { max-width:none }

.page-details .component-sponsor { display:none !important }

/* COMPONENT TITLE */
.component-title { font-size:1.2rem; font-weight:700; text-transform:uppercase }
.archive-in-header .component-headings { flex:0 0 auto !important }
.archive-in-header .component-archive-link { flex:1; align-self:stretch; display:flex; align-items:center; justify-content:flex-end }
.archive-in-header .component-archive-link a { font-size:0.9rem; color:#fff; opacity:0.8 }
.archive-in-header .component-archive-link a:hover,
.archive-in-header .component-archive-link a:focus{ opacity:1 }

.section-container .page-details { padding:10px 1rem; background:url(/assets/images/texture_banner_mobile.png) no-repeat 50% 50% var(--bs-secondary); color:var(--bs-white) }
.section-social-icons .page-details { background:none }

/* ARCHIVE BUTTON */
.archive-link .btn-link { --bs-btn-bg:var(--bs-secondary); --bs-btn-hover-bg:var(--bs-primary); --bs-btn-active-bg:var(--bs-primary); --bs-btn-color:#fff; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff; min-width:200px; padding:0.625rem 1.5rem; line-height:1; font-weight:700; border-radius:0; transition:all .4s; text-transform:uppercase; filter:none }

/* SLIDER INDICATORS */
.slick-slider .slick-list { position:relative; z-index:2 }
.slick-slider .slick-dots { position:static; margin:1rem 0 }
.slick-slider .slick-dots li { width:1rem; height:1rem }
.slick-slider .slick-dots button { display:flex; width:100%; height:100%; justify-content:center; align-items:center }
.slick-slider .slick-dots button:before { content:''; position:static; display:block; width:8px; height:8px; border-radius:100%; border:1px solid var(--bs-secondary); background:var(--bs-secondary); opacity:1 }
.slick-slider .slick-dots li.slick-active button:before { background:transparent }

/* HEADER */
.site-header .site-title-wrapper { background:var(--bs-primary); color:#fff }
.site-header .site-title { height:40px; display:flex; align-items:center; letter-spacing:3px }

.site-header .component-navbar-image img { filter:grayscale(100%); transition:all .4s }
.site-header .component-navbar-image img:hover { filter:none; transform:scale(110%) }
.site-header .component-navbar-image a { color:var(--bs-primary) }
.site-header .component-navbar-image a:hover,
.site-header .component-navbar-image a:focus { color:var(--bs-secondary) }

.site-header .component-navbar-primary a { color:var(--bs-primary) }
.site-header .component-navbar-primary .navbar-nav > .nav-item > .nav-link { font-weight:700; text-transform:uppercase; line-height:1 }
.site-header .component-navbar-primary .dropdown-menu { background:transparent !important }
.site-header .component-navbar-primary .primary-navigation-thumbnail { display:none !important }

.site-header .secondary-navigation .container { max-width:none }
.site-header .secondary-navigation > .container { padding:0 }
.site-header .secondary-navigation .navbar-secondary { background:transparent !important; text-transform:uppercase }
.site-header .secondary-navigation .navbar-collapse { max-width:550px }
.site-header .secondary-navigation .navbar-brand { color:var(--bs-primary); font-weight:700 }
.site-header .secondary-navigation .nav-link { color:var(--bs-secondary); font-weight:700 }
.site-header .secondary-navigation .dropdown-menu { background:var(--bs-white) !important; border-radius:0; box-shadow:0 0 5px rgba(var(--bs-secondary-rgb), 0.5) }
.site-header .secondary-navigation .dropdown-menu .dropdown-header { color:#000; }
.site-header .secondary-navigation a:hover,
.site-header .secondary-navigation a:focus{ color:var(--bs-primary) }

/* FOOTER */
.site-footer { position:relative; color:#fff; background:var(--bs-primary); clip-path: polygon(70% 0, 82% 10%, 100% 10%, 100% 100%, 0 100%, 0 0); padding-top:3rem !important; margin-top:-1.5rem }
.site-footer .affiliate-logos ul { flex-direction:row !important }
.site-footer .text .title { font-size:1.5rem !important }
.site-footer .social-icons-footer .nav-link { padding:0; margin:5px 15px 0 0 }
.site-footer .footer-links .nav-link { padding:0 }
.site-footer .footer-links .nav-link:before { content:'|'; color:#fff; margin:0 10px }
.site-footer .footer-links li:first-child .nav-link:before{ content:' '; margin:0 }
.site-footer .copyright-privacy-links-section { display:flex; flex-direction:column }
.site-footer .inc-hostedby { width:13rem; margin:0 auto }
.site-footer .inc-hostedby .st0,
.site-footer .inc-hostedby .st1 { fill:var(--bs-white) }
.site-footer .nav-link { --bs-nav-link-color:#fff; --bs-nav-link-hover-color:#fff }
.site-footer a { color:#fff; opacity:0.8; transition:all 1s }
.site-footer a:hover,
.site-footer a:focus { opacity:1 }

/* CAROUSEL */
.component-headlines.layout-flow .slick-list { margin:0 auto; overflow:visible }
.component-headlines.layout-flow .slick-active .card-body { position:relative; background:var(--bs-primary); color:#fff } 
.component-headlines.layout-flow .slick-active .card-body:after { content:''; position:absolute; top:0; bottom:0; right:-75px; background:var(--bs-secondary); width:25%; border-left:15px solid #fff; transform:skew(-35deg) }
.component-headlines.layout-flow .slick-slide .card-details { background:var(--bs-primary); min-height:100px }
.component-headlines.layout-flow .slick-slide .article-details { max-width:80% }
.component-headlines.layout-flow .slick-slide .article-details > * { padding:0 4px }
.component-headlines.layout-flow .slick-slide .card-title { padding:4px; -webkit-line-clamp:2; line-height:1.1 }
.component-headlines.layout-flow .slick-slide .card-title .item-link { display:block; color:#fff; font-size:1.25rem !important; font-weight:700; text-transform:uppercase; transition:all .4s }
.component-headlines.layout-flow .slick-slide .date-category * { white-space:nowrap }
.component-headlines.layout-flow .slick-slide .date-category .category:before { margin:0 10px }
.component-headlines.layout-flow .slick-slide .related-links { overflow:visible }
.component-headlines.layout-flow .slick-arrow { background:var(--bs-secondary); --bs-btn-hover-bg:var(--bs-secondary); --bs-btn-active-bg:var(--bs-primary); --bs-btn-color:#fff; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff }
.component-headlines.layout-flow .slick-arrow.pause .fa-play::before { font-weight:900 }
.component-headlines.layout-flow .slick-arrow.pause .fa-circle-pause::before { content:'\f04c'; font-weight:900 }
.component-headlines.layout-flow .slick-active .item { display:block !important; transition:transform 1s 0.2s ease-out }

/* EVENT COUNTDOWN */
.section-event-countdown { background-color:var(--bs-primary) !important; background:url(/assets/images/texture_countdown.png) no-repeat 0 0; background-size:cover }
.section-event-countdown .component-countdown.layout-matchup .sport { text-transform:none; line-height:1 }
.section-event-countdown .component-countdown.layout-matchup .countdown-digit span { background:var(--bs-secondary) }
.section-event-countdown .component-countdown.layout-matchup .team-1:after,
.section-event-countdown .component-countdown.layout-matchup .team-2:after { display:none }
.section-event-countdown .component-countdown.layout-matchup .team { flex:1; flex-direction:column }
.section-event-countdown .component-countdown.layout-matchup .team .team-name { order:2 !important; font-size:1.2rem; font-weight:400; line-height:1; text-align:center }

.section-event-countdown .component-countdown.layout-matchup .countdown-minutes { display:block }
.section-event-countdown .component-countdown.layout-matchup .countdown-label { margin-left:20px }
.section-event-countdown .component-countdown.layout-matchup .countdown-days .countdown-label { margin-left:0 }

/* SCHEDULE */
.section-schedule-results { position:relative; background:none !important }
.section-schedule-results .image-overlay { display:none }
.section-schedule-results .component-tabs .nav-pills { width:100%; flex-wrap:nowrap; gap:2rem; background:var(--bs-secondary); justify-content:center }
.section-schedule-results .component-tabs .nav-pills li { padding:0 1rem; position:relative }
.section-schedule-results .component-tabs .nav-pills li:last-child:before { content: ''; border-left:2px solid rgba(var(--bs-light-rgb), 0.2); position:absolute; left:-10px; top:0; bottom:0; transform:skew(-35deg) }
.section-schedule-results .component-tabs .nav-pills .nav-link { position:relative; font-size:1.2rem; font-weight:700; color:var(--bs-white); text-transform:uppercase; border-radius:0 }
.section-schedule-results .component-tabs .nav-pills .nav-link.active,
.section-schedule-results .component-tabs .nav-pills .show > .nav-link { background:transparent }
.section-schedule-results .component-tabs .nav-pills .nav-link.active:after,
.section-schedule-results .component-tabs .nav-pills .show > .nav-link:after { content:""; height:8px; position:absolute; left:0; right:0; bottom:-4px; background:var(--bs-primary) }
.section-schedule-results .component-scoreboard .event-row { border-color:#999; border-radius:0; color:var(--bs-primary) }
.section-schedule-results .component-scoreboard .events { max-height:400px; overflow-y: auto }

/* LATEST NEWS */
.section-latest-news .details { padding-left:10px !important; line-height:1.1 }
.section-latest-news .details > * { padding:0 2px }
.section-latest-news .thumbnail { --bs-border-color:var(--bs-primary); --bs-border-width:1px }
.section-latest-news .card-title { padding:2px; margin-top:3px !important; font-size:1rem !important; text-transform:uppercase }
.section-latest-news .card-title a { display:block }
.section-latest-news .date { font-size:0.875rem }
.section-latest-news .related-links { z-index:2 }
.section-latest-news .archive-link { display:none }

/* BANNER SLIDER */
.section-banners-desktop { display:none }
.section-banners-mobile { display:block }

.section-banners .component-banner.layout-slider .slick-slider { margin:0 }
.section-banners .component-banner.layout-slider .slick-slider .slick-slide { padding:0 }
.section-banners .component-banner.layout-slider .slick-arrow-controls { display:none }
.section-banners .component-banner.layout-slider img { max-height:none !important }

.section-banners .component-banner.layout-slider .slick-arrow.pp .fa-play { font-weight:700 }
.section-banners .component-banner.layout-slider .slick-arrow.pp .fa-circle-pause::before { content:"\f04c"; font-weight:700 }

/* STANDINGS */
.section-standings .form-floating .form-select { 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"); background-color:transparent; color:#fff  }
.section-standings .ps-component { gap:0 !important }
.section-standings .component-title { display:none }
.section-standings .component-standings .table-dark { --bs-table-bg: var(--bs-primary) }
.section-standings .component-standings .table { margin:0 }
.section-standings .macro-archive-link { margin-top:10px }
.section-standings .component-standings table div { position:relative }
.section-standings .component-standings table div:before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:url(/assets/images/texture_standings_mobile.png) no-repeat 0 0 }
.section-standings .component-standings table tbody td { padding:0 }
.section-standings .component-standings table tbody th { padding:0 }
.section-standings .component-standings .logo-holder { z-index:1; margin:10px 20px !important }

.section-standings .component-tabs .form-select:focus { border-color: var(--bs-secondary); box-shadow:0 0 0 0.25rem rgb(var(--bs-secondary-rgb) / 25%) }

/* PHOTO GALLERY */
.section-photo-gallery .archive-link { display:none }
.section-photo-gallery .component-gallery.layout-flex .card { --bs-card-border-width:1px; --bs-card-border-color:var(--bs-primary) }
.section-photo-gallery .component-gallery.layout-flex .box-large .card-img-overlay{ transform:translateY(0); justify-content:flex-end !important; text-transform:uppercase;background:rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 70%); transition:background-color .3s }
.section-photo-gallery .component-gallery.layout-flex .card-text { display:none !important }
.section-photo-gallery .component-gallery.layout-flex .card-date { opacity:0.8 }
.section-photo-gallery .component-gallery.layout-flex .card-title { padding:4px; margin-bottom:0 !important; font-size:1.2rem !important; font-weight:700 !important; opacity:0.8; transition:all .4s }
.section-photo-gallery .component-gallery.layout-flex .card-title:hover { opacity:1 }

/* SOCIAL BUTTONS */
.section-social-icons { position:relative; background:none no-repeat center center var(--bs-secondary); background-size:cover; color:#fff }
.section-social-icons:before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(var(--bs-primary-rgb),0.7) }
.section-social-icons .component-title { color:#fff }
.section-social-icons > .section-container { position:relative }
.section-social-icons .component-headings { justify-content:center !important } 
.section-social-icons ul { justify-content:center }
.section-social-icons .nav li a { background:var(--bs-secondary); color:#fff; transform:skew(-20deg); margin-left:1px; padding:10px }
.section-social-icons .nav li span { transform:skew(20deg); font-size:1.2rem }
.section-social-icons .nav li a:hover,
.section-social-icons .nav li a:focus{ background:var(--bs-primary) }

/* SPONSOR SLIDER */
.landing .section-wrapper.section-sponsors { margin-bottom:0 }
.section-sponsors .component-banner.layout-slider { overflow:visible !important }
.section-sponsors .component-banner.layout-slider .slick-slider { margin-bottom:0 }
.section-sponsors .component-banner.layout-slider .slick-slide { padding:1rem; }
.section-sponsors .component-banner.layout-slider .slick-arrow-controls { display:flex; align-items:center; justify-content:center }
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp,
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next,
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.prev { position:static; height:2rem; line-height:1; --bs-btn-hover-color:var(--bs-secondary) }
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp { order:2 }
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next { order:3 }
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp .fa-circle-pause::before { content:'\f04c'; font-weight:900 }

/* AOTW SLIDER */
.section-featured-athletes .component-aotw.layout-align { max-width:var(--ps-site-width); margin: 0 auto; }
.section-featured-athletes .page-details { background:transparent }
.section-featured-athletes > .section-container { padding:0 } 
.section-featured-athletes .component-aotw.layout-align .component-title span { display:inline-block; padding:5px; font-size:1rem; line-height:1; background:var(--bs-secondary) }
.section-featured-athletes .component-aotw.layout-align .component-title span:first-child,
.section-featured-athletes .component-aotw.layout-align .component-title span:last-child { display:block; font-size:2rem; text-transform:uppercase; background:transparent !important }
.section-featured-athletes .component-aotw.layout-align .component-title span:last-child { font-size:2.5rem }
.section-featured-athletes .component-aotw.layout-align .component-title span:nth-child(2),
.section-featured-athletes .component-aotw.layout-align .component-title span:nth-child(3) { background:var(--bs-secondary); margin:0 -5px }
.section-featured-athletes .component-aotw.layout-align .component-title span:nth-child(2) { padding-left:3rem }
.section-featured-athletes .component-aotw.layout-align .component-title span:nth-child(3) { padding-right:3rem }
.section-featured-athletes .component-aotw.layout-align .player { color:#fff; justify-content:center }
.section-featured-athletes .component-aotw.layout-align .player .player-bio { flex-direction:row; flex-wrap:wrap; justify-content:center; color:#fff; line-height:1 }
.section-featured-athletes .component-aotw.layout-align .player-name {  color:#fff; order:2  }
.section-featured-athletes .component-aotw.layout-align .player-name:hover,
.section-featured-athletes .component-aotw.layout-align .player-name:focus { color:var(--bs-secondary) }
.section-featured-athletes .component-aotw.layout-align .player-sport { width:100%; order:2 }
.section-featured-athletes .component-aotw.layout-align .player .headshot .headshot-holder img { min-height:100% }
.section-featured-athletes .component-aotw.layout-align .slick-dots { display:block; position:static; margin:5px 0 0 }

/* VIDEO SLIDER */
.section-videos .layout-wrapper { padding:0 2rem }
.section-videos .component-video.layout-slider .slick-slide { float:none; display:block !important }
.section-videos .component-video.layout-slider .item { padding:0 0.5rem }
.section-videos .component-video.layout-slider .card { --bs-card-border-color:var(--bs-secondary); border-radius:0; background:transparent !important; color:var(--bs-secondary) !important }
.section-videos .component-video.layout-slider .card-img-overlay { --bs-card-img-overlay-padding:0.75rem; position:static; background:transparent !important }
.section-videos .component-video.layout-slider .card-date { padding:0 4px }
.section-videos .component-video.layout-slider .card-title { padding:4px; font-size:1rem !important; font-weight:700; text-transform:uppercase; -webkit-line-clamp:2 }
.section-videos .component-video.layout-slider .card-title a { display:block; line-height:1.4rem; height:2.8rem; overflow:hidden }
.section-videos .component-video.layout-slider .card-img-overlay a { color:var(--bs-primary) !important }
.section-videos .component-video.layout-slider .card-img-overlay a:hover { color:var(--bs-secondary) !important }
.section-videos .component-video.layout-slider .stretched-link:after { z-index:3 }
.section-videos .component-video.layout-slider .video-btn-overlay { margin:4px; padding:0; width:auto; height:auto;  position:absolute; inset:0; opacity:1; --bs-btn-active-color:#fff }
.section-videos .component-video.layout-slider .video-btn-overlay:focus-visible { outline-width:4px !important }
.section-videos .component-video.layout-slider .card .video-btn-overlay .fab { transition:all .4s }
.section-videos .component-video.layout-slider .card:hover .video-btn-overlay .fab { transform:scale(110%) }
.section-videos .component-video.layout-slider .video-btn-overlay .fab { font-family: var(--fa-family-classic); font-weight:900 }
.section-videos .component-video.layout-slider .video-btn-overlay .fab:before { content:"\f04b" }
.section-videos .component-video.layout-slider .slick-arrow-controls .prev,
.section-videos .component-video.layout-slider .slick-arrow-controls .next { position:absolute; left:0; top:50%; height:50px; padding:5px; border-radius:0; transform:translateY(-50%); --bs-btn-bg:var(--bs-secondary); --bs-btn-hover-bg:var(--bs-primary); --bs-btn-active-bg:var(--bs-primary); --bs-btn-color:#fff; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff }
.section-videos .component-video.layout-slider .slick-arrow-controls .next { left:auto; right:0 }

/* PARALLAX */
.section-parallax .component-parallax .layout-wrapper { min-height:50vh }
.section-parallax .component-parallax .thumbnail img { max-height:240px }
.section-parallax .component-parallax .card-body { display:none }
.section-parallax .component-parallax .overlay::before { content:none }

.section-featured-athletes { overflow:hidden }
.section-featured-athletes .component-aotw.layout-align .component-title span { color:#fff; }
.section-featured-athletes { overflow:hidden !important; background:url("https://presto-sport-static.s3.amazonaws.com/images/texture_aotw_new.png") no-repeat center center var(--bs-primary); background-blend-mode: soft-light; background-size: cover; }

.site-header.sticky-top { background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1); }

@media only screen and (max-width:991px) {
    
    /* HEADER */
    .site-header { border-bottom:25px solid var(--bs-primary) }
    .site-header .site-title,
    .site-header .edu-links,
    .site-header .social-links { display:none }
    .site-header > .container-fluid { display:flex; flex-direction:column }
    .site-header .members-menu { order:1 }
    .site-header .site-title-wrapper { position:relative; order:2 }
    .site-header .primary-nav-wrapper { position:relative; order:3 }
    .site-header .secondary-navigation { order:4 }
    .site-header .primary-nav-wrapper > .container { height:70px; max-width:none; display:flex; justify-content:space-between }
    .site-header .menu { flex:0 0 30% }
    .site-header .site-logo { position:absolute; left:50%; top:5px; z-index:2; text-align:center; transform:translateX(-50%) }
    .site-header .site-logo img { max-height:60px; width:auto; max-width:none }
    .site-header .members-menu > .container { padding:0 }
    .site-header .members-menu .btn { text-transform:uppercase; padding:0.5rem 1rem; font-size:1rem; line-height:1; text-align:center; border-radius:0; --bs-btn-bg: var(--bs-primary); --bs-btn-color:#fff }
    .site-header .header-buttons { flex:0 0 30%; order:1; align-self:stretch; display:flex; align-items:center; justify-content:flex-end; box-shadow:none !important }
    .site-header .header-buttons .btn { padding:10px; color:var(--bs-primary) }
    .site-header .header-buttons .fa-magnifying-glass:before,
    .site-header .header-buttons .fa-calendar:before { font-size:1.5rem; font-weight:300 }

    .site-header .members-menu .navbar-image { padding:10px }

    .site-header .navbar-toggler { height:80px; position:absolute; left:1rem; top:0; z-index:2; background:var(--bs-secondary) !important; border-radius:0; box-shadow:0 0 5px rgba(var(--bs-secondary-rgb), 0.2) }
    .site-header .navbar-toggler .icon-bar { background:var(--bs-white) }
    
    .site-header .component-navbar-primary { position:absolute; left:0; top:0; right:0; z-index:5; width:400px; max-width:90vw; background:var(--bs-white); box-shadow:0 0 10px rgba(0,0,0,0.15) }
    .site-header .component-navbar-primary .container-fluid { padding:0 }
    .site-header .component-navbar-primary .navbar-collapse {
        position:relative;
        padding:1rem;
        min-height:80vh;
        padding-bottom:200px;
        border-bottom:solid 5px var(--bs-primary);
        transition:none;
    }

    .site-header .component-navbar-primary .navbar-collapse:after {
        content:'';
        width:200px;
        height:200px;
        position:relative;
        display:block;
        margin:2rem auto;
        background:var(--site-logo-url) no-repeat 50% 50%;
        background-size:contain
    }
    
    .site-header .component-navbar-primary.layout-standard .navbar-nav li.nav-item:not(:first-child) { border-top:solid 1px #ccc }
    .site-header .component-navbar-primary.layout-standard .navbar-nav .nav-link.dropdown-toggle.show { border-bottom-color:rgba(var(--bs-light-rgb), 0.2) !important }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-old-toggle { color: var(--bs-primary) }
    
    /*.site-header .component-navbar-primary .megamenu .nav-item.has-megamenu > .nav-link { background:var(--bs-white); color:var(--bs-secondary); margin:0 -10px; padding:10px }*/
    
    /* CAROUSEL */
    .component-headlines.layout-flow .slick-slide .read-more-button .btn { display:none }
    .component-headlines.layout-flow .slick-arrow-controls { position:static; display:flex; justify-content:center; margin:0.5rem 0 }
    .component-headlines.layout-flow .slick-arrow-controls .slick-arrow { position:static; width:2rem; height:2rem; line-height:1; font-size:1.25rem; background:none; opacity:1; --bs-btn-color:var(--bs-primary); --bs-btn-hover-color:var(--bs-secondary); --bs-btn-active-color:var(--bs-secondary) }
    .component-headlines.layout-flow .slick-arrow-controls .slick-arrow.pp { order:2 }
    .component-headlines.layout-flow .slick-arrow-controls .slick-arrow.next { order:3 }
    
    /* STANDINGS */
    .section-standings .page-details { background:var(--bs-primary) }
    .section-standings .ps-component { gap:0 !important }
    .section-standings .component-title { display:block !important }
    .section-standings .form-floating { position:absolute; left:7px; top:3px; z-index:2 }
    .section-standings .form-floating select { width:180px; height:30px; padding:0 1rem; margin:0 !important; border:solid 1px #999 }
    .section-standings .form-floating label { display:none }
    .section-standings table thead th:nth-of-type(1) { text-indent:-9999px }
    .section-standings table { font-size:0.9rem }
    
    /* LATEST NEWS */
    .section-latest-news .component-headlines.layout-grid .item:nth-child(n+5) { display:none !important }

    /* BANNERS */
    .section-banners .component-banner.layout-slider .slick-arrow-controls { position:static !important; margin-top:0.5rem; display:flex; justify-content:center }
    .section-banners .component-banner.layout-slider .slick-arrow.next,
    .section-banners .component-banner.layout-slider .slick-arrow.prev,
    .section-banners .component-banner.layout-slider .slick-arrow.pp { position:static !important; width:2rem !important; height:2rem !important; line-height:1; --bs-btn-hover-color:var(--bs-secondary); --bs-btn-active-color:var(--bs-secondary) }
    .section-banners .component-banner.layout-slider .slick-arrow.pp { order:2 }
    .section-banners .component-banner.layout-slider .slick-arrow.next { order:3 }
    
    /* AOTW SLIDER */
    .section-featured-athletes .component-aotw.layout-align .player-name { font-size:1rem !important }
    .section-featured-athletes .component-aotw.layout-align .player .player-details { gap:0 }
    .section-featured-athletes .component-aotw.layout-align .slick-arrow.pp { top:0 !important; left:0 !important; color:#fff }
    
    /* PARALLAX */
    .section-parallax .component-parallax .layout-wrapper { min-height:30vh }

    /* EVENT COUNTDOWN */
    .component-countdown.layout-matchup .layout-container { flex-wrap:wrap !important }
    .component-countdown.layout-matchup .event-container { width:100%; order:2 ; margin-top:0.5rem }

    /* FOOTER */
    .site-footer .affiliate-logos ul { flex-wrap:wrap }
    .site-footer .affiliate-logos ul li { flex: 0 0 30% !important }
    .component-banner.layout-flex .item img { min-width:70px }

    .site-header .navbar-brand { display:none !important }
    .site-header .menu-active .navbar-brand { display:flex !important; flex:1; padding:10px; margin:0; font-weight:700; text-transform:uppercase; background:url(/assets/images/texture_banner_mobile.png) no-repeat 0 0 var(--bs-secondary); color:var(--bs-white); pointer-events:none }
    .site-header .menu-active .navbar-toggler { background:transparent !important; left:auto; right:0; top:10px; height:auto; border:none; box-shadow:none }
    .site-header .menu-active .navbar-toggler .icon-bar { background:#fff }
    .site-header .menu-active .navbar-collapse { overflow-y:auto; height:100vh; }
}

@media only screen and (min-width:992px) {
    
    /* SECTIONS */
    .landing .section-wrapper { margin-bottom:2rem }

    /* COMPONENT TITLE */
    .component-title { font-size:2rem; color:var(--bs-secondary) }
    .archive-in-header .component-archive-link { flex:1; align-self:stretch; padding:10px 1rem; display:flex; align-items:center; justify-content:flex-end; background:url(/assets/images/texture_banner1.png) no-repeat 50% 50% var(--bs-secondary); background-size:cover }

    .section-container .page-details { padding:0; background:none }
    
    /* HEADER */
    .site-header { top:0 }
    .site-header .container { position:relative; max-width:2000px !important }
    .site-header .site-title-wrapper > .container { display:flex; justify-content:center; text-transform:uppercase }
    .site-header .secondary-navigation { min-height:1.5rem }

    .site-header .primary-nav-wrapper { position:relative }
    .site-header .primary-nav-wrapper:before { content:''; position:absolute; left:50%; right:0; top:0; bottom:0; background:var(--bs-primary) }
    .site-header .primary-nav-wrapper > .container { display:flex; align-items:center; justify-content:space-between }
    .site-header .primary-nav-wrapper > .container:before { content:''; position:absolute; left:15%; right:0; top:0; bottom:0; background:var(--bs-primary); clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%) }
    .site-header .primary-nav-wrapper a { color:#fff; opacity:0.8; transition:all .4s }
    .site-header .primary-nav-wrapper a:hover,
    .site-header .primary-nav-wrapper a:focus,
    .site-header .primary-nav-wrapper li:hover a { opacity:1 }
    .site-header .primary-nav-wrapper .menu { margin-left:15% }
    .site-header .site-logo { position:absolute; left:0; top:40px; z-index:3; width:15%; padding:10px; text-align:center }
    .site-header .site-logo img { max-width:100%; max-height:120px; transition:all .4s ease }
    .site-header .site-logo:hover img { transform:scale(110%) }
    .site-header .header-buttons { position:relative; z-index:1; align-self:stretch; display:flex; margin:-5px 20px; background:var(--bs-primary); color:var(--bs-secondary); box-shadow:0 0 10px rgba(var(--bs-secondary-rgb), 0.1) !important }
    .site-header .header-buttons button { width:50px; height:100%; font-size:1.5rem; border-radius:0; --bs-btn-color:#fff; --bs-btn-bg:var(--bs-secondary); --bs-btn-hover-bg:var(--bs-secondary); --bs-btn-hover-color:#fff; --bs-btn-border-width:0; transition:all .4s }
    .site-header .header-buttons a[rel="wiki-link"] { display:none !important }
    
    .site-header .members-menu { padding:10px 0 }
    .site-header .members-menu .container { position:relative; z-index:2 }
    .site-header .members-menu .component-navbar-image { margin-left:15% }
    .site-header .members-menu .navbar-nav { flex-wrap:nowrap !important; justify-content:space-evenly !important }
    
    .site-header .menu { flex:1 }
    .site-header .menu .layout-wrapper,
    .site-header .menu .layout-wrapper > .navbar { position:static !important }
    .site-header .menu .component-navbar-primary { flex:1 }
    .site-header .menu .component-navbar-primary .navbar-brand { display:none !important }
    .site-header .menu .component-navbar-primary .dropdown-menu { top:100%; background:var(--bs-primary) !important; border-radius:0 }
    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item { position:relative; margin-left:10px }
    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item:first-child { margin-left:0 }
    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link { position:relative; font-size:1rem; font-weight:600; padding:20px 15px; white-space:nowrap }
    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item:hover > .nav-link::before,
    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link:focus::before { content:''; position:absolute; left:0; right:0; bottom:8px; height:8px; background:var(--bs-secondary) }
    .site-header .menu .component-navbar-primary .dropdown-toggle:after { content:none !important }
    
    .site-header .menu .component-navbar-primary .dropdown-menu .nav-item { border:none !important }
    .site-header .menu .component-navbar-primary .nav-item.brand-icon a { padding:5px !important }
    .site-header .menu .component-navbar-primary .dropdown-menu .nav-link { padding:5px 10px !important; color:#fff; opacity:0.8 }
    .site-header .menu .component-navbar-primary .dropdown-menu .nav-link.disabled { opacity:0.3 }
    .site-header .menu .component-navbar-primary .dropdown-menu .nav-link:hover,
    .site-header .menu .component-navbar-primary .dropdown-menu .nav-link:focus{ opacity:1 }
    .site-header .menu .component-navbar-primary .megamenu .nav-item.has-megamenu > .nav-link { font-weight:700; font-size:1.5rem !important; text-transform:uppercase; border-bottom:solid 3px #fff !important; opacity:1 }
    .site-header .menu .component-navbar-primary .megamenu .nav-item.has-megamenu > .dropdown-menu { padding-top:10px !important }
    .site-header .menu .component-navbar-primary .megamenu-list { gap:2rem }
    .site-header .menu .component-navbar-primary .megamenu .dropdown-menu.level-4 ul[data-flex="true"] > .nav-item:not(.brand-icon):before {
        content: "";
        height: 1rem;
        display: inline-block;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        width: 1px;
    }
    .site-header .menu .component-navbar-primary .megamenu .dropdown-menu.level-4 ul[data-flex="true"] .nav-item:nth-of-type(1):before { content:none }
    
    .site-header .social-links ul { display:flex; flex-wrap:nowrap }
    .site-header .social-links a { padding:5px 8px; font-size:1.2rem }
    
    .site-header .navbar-image .dropdown-menu a:hover { color:var(--bs-secondary) }
    .site-header .navbar-image .dropdown-menu .social-links a:hover { background:transparent }
    
    .site-header .component-navbar-secondary .navbar-brand { font-size:1.5rem; color:var(--bs-secondary) }
    .site-header .component-navbar-secondary .nav-item { margin-left:10px }
    .site-header .component-navbar-secondary .dropdown .nav-item { margin:0 }
    .site-header .component-navbar-secondary .nav-link { font-size:1.1rem; text-transform:uppercase }
    .site-header .component-navbar-secondary .dropdown .nav-link { font-size:1rem }
    
    /* STICKY HEADER */
    .site-header.sticky-top { padding-top:1.5rem; background:#fff; }
    .site-header.sticky-top .site-title,
    .site-header.sticky-top .members-menu { visibility:hidden; margin:0; padding:0; max-height:0; overflow:hidden; position:absolute; left:-9999px }
    .site-header.sticky-top .site-logo { top:-10px; padding:0 }
    .site-header.sticky-top .site-logo img { max-height:80px }
    .site-header:not(.sticky-top) { box-shadow:none !important }

    /* FOOTER */
    .site-footer { clip-path: polygon(25% 0, 30% 16%, 100% 16%, 100% 100%, 0 100%, 0 0) }
    .site-footer .developer-logo { order:2 }
    .site-footer .privacy-links { order:3 }
    .site-footer .affiliate-logos { margin-top:20px }
    .site-footer .copyright-privacy-links-section { flex-direction:row; justify-content:space-between; align-items:center; padding:0 20px  }

    /* CAROUSEL */
    .component-headlines.layout-flow .slick-active .card-body:after { width:25%; transform:skew(-45deg) }
    .component-headlines.layout-flow .slick-active .card-title .item-link { font-size:1.5rem }
    .component-headlines.layout-flow .slick-slide .read-more-button .btn { --bs-btn-bg:var(--bs-white); --bs-btn-hover-bg:var(--bs-primary); --bs-btn-active-bg:var(--bs-primary); --bs-btn-color:#000; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff; min-width:120px; padding:0.5rem 2rem; font-weight:700; font-size:1rem; border:none; border-radius:0; transition:all 0.4s linear; text-transform:uppercase; z-index:1; filter:none }
    
    
    /* STANDINGS */
    .section-standings .page-details { display:none !important }
    .section-standings .component-tabs .form-floating { position:absolute; left:300px; top:16px; width:200px !important; z-index:1 }
    .section-standings .component-tabs .form-floating label { position:absolute; left:-9999px; opacity:0 }
    .section-standings .component-tabs .form-floating .form-select { width:200px; height:auto !important; padding:5px; margin:0 !important; font-size:0.95rem }

    .section-standings .component-standings table { --bs-table-hover-bg:rgba(0,0,0,0.4); font-size:1.1rem;font-weight:700 }
    .section-standings .component-standings table th { padding:0 !important }
    .section-standings .component-standings table tr { position:relative }
    .section-standings .component-standings table tr > * { border-bottom-color:var(--bs-light) }
    .section-standings .component-standings table thead th { padding:1rem !important; font-size:1.25rem }
    .section-standings .component-standings table thead tr th:first-of-type { font-size:2rem; font-weight:700; line-height:1 }
    .section-standings .component-standings table div:before { background:url(/assets/images/texture_banner1.png) no-repeat 0 0 }
    .section-standings .component-standings .team-namer { font-weight:bold !important }
    .section-standings .component-standings .archive-link { text-align:right }
    
    /* SOCIAL BUTTONS */
    .section-social-icons .component-title { font-size:2.8rem }
    
    /* BANNERS */
    .section-banners-mobile { display:none }
    .section-banners-desktop { display:block }
    
    .section-banners { max-width:1024px; margin-left:auto; margin-right:auto }
    .section-banners .component-banner.layout-slider .slick-slider { padding:0 1.5rem }
    .section-banners .component-banner.layout-slider .slick-dots { display:none !important }
    .section-banners .component-banner.layout-slider .slick-arrow-controls { display:block; position:absolute; left:0; right:0; top:0; bottom:0 }
    .section-banners .component-banner.layout-slider .slick-arrow-controls .prev,
    .section-banners .component-banner.layout-slider .slick-arrow-controls .next { position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.25rem; text-align:center; line-height:1; border-radius:0; --bs-btn-bg:var(--bs-secondary); --bs-btn-hover-bg:var(--bs-primary); --bs-btn-active-bg:var(--bs-primary); --bs-btn-color:#fff; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff }
    .section-banners .component-banner.layout-slider .slick-arrow-controls .next { left:auto; right:0 }
    .section-banners .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp { position:absolute; left:auto; right:1.5rem !important; top:0 !important; width:1.5rem !important; height:1.5rem !important; padding:10px; line-height:1; font-size:0.75rem; border-radius:0; opacity:20%; background:var(--bs-secondary); --bs-btn-color:#fff; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff }
    .section-banners .component-banner.layout-slider .layout-wrapper:hover .slick-arrow.pp,
    .section-banners .component-banner.layout-slider .layout-wrapper .slick-arrow.pp:focus-visible { opacity:1 }
    
    /* PHOTO GALLERY */
    .section-photo-gallery .component-gallery.layout-flex .layout-wrapper .box-large{ width:24% }
    .section-photo-gallery .component-gallery.layout-flex .card:hover .card-img-overlay { background-color:rgba(var(--bs-primary-rgb),.55) }

    /* ATHLETES OF THE WEEK */
    .section-featured-athletes {  }
    .section-featured-athletes .component-aotw.layout-align { position:relative; }
    .section-featured-athletes .component-aotw.layout-align:before { opacity:20%; content:''; width:600px; height:80%; position:absolute; right:-300px; bottom:10%; background:var(--site-logo-url) no-repeat center center; background-size:contain !important; }
    .section-featured-athletes .component-aotw.layout-align .player { position:relative; z-index:2; background:none }
    .section-featured-athletes .component-aotw.layout-align .slick-list:before { content:''; width:.5rem; position:absolute; left:1rem; top:0; bottom:0; background:#fff }
    .section-featured-athletes .component-aotw.layout-align .slick-list:after { content:''; width:.5rem; position:absolute; left:0; top:0; bottom:0; background:#fff }
    .section-featured-athletes .component-aotw.layout-align .player .jersey { color:var(--bs-secondary); font-size:2rem; font-weight:700 }
    .section-featured-athletes .component-aotw.layout-align .component-title span { padding:5px; font-size:1.5rem; text-transform:uppercase; color:#fff; background:none }
    .section-featured-athletes .component-aotw.layout-align .component-title span:first-child,
    .section-featured-athletes .component-aotw.layout-align .component-title span:last-child { padding:0; margin:0; font-size:3rem }
    .section-featured-athletes .component-aotw.layout-align .component-title span:last-child { font-size:4rem }
    .section-featured-athletes .component-aotw.layout-align .slick-dots { display:none !important }
    .section-featured-athletes .component-aotw.layout-align .slick-slider .btn { position:absolute; top:auto !important; bottom:15px !important; z-index:3 !important; display:block; width:2rem; height:2rem; line-height:1; color:#fff; border:none; background:transparent; transform:none }
    .section-featured-athletes .component-aotw.layout-align .slick-slider .slick-prev { left:4rem !important }
    .section-featured-athletes .component-aotw.layout-align .slick-slider .slick-next { left:8rem !important; right:auto !important }
    .section-featured-athletes .component-aotw.layout-align .slick-slider .slick-pp { left:6rem !important }
    
}

@media only screen and (min-width:1024px) {
    
    .component-headlines.layout-flow .slick-active .card-body { position:absolute }
}

@media only screen and (min-width:1200px) {
    
    /* HEADER */
    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link { font-size:1.2rem }

    /* SCHEDULE / RESULTS */
    .section-schedule-results > .section-container { display:flex; flex-wrap:wrap; max-width:none; padding:0 }
    .section-schedule-results .image-overlay { position:relative; z-index:2; top:-1px; width:60%; padding:2px; display:flex; flex-direction:column; background:var(--bs-secondary); clip-path:polygon(0 0, 100% 0, 50% 100%, 0% 100%)  }
    .section-schedule-results .image-overlay > div { flex:1; background:none no-repeat 0 0; background-size:cover; clip-path:polygon(0 0, 100% 0, 50% 100%, 0% 100%) }
    .section-schedule-results .image-overlay + .ps-component { width:45%; margin-left:-5% }
    .section-schedule-results .component-scoreboard { padding:2rem 2rem 1rem; min-height:450px }
    .section-schedule-results .component-scoreboard .layout-wrapper { flex-grow:1 }
    .section-schedule-results .component-tabs .nav-pills { margin-top:20px }
    .section-schedule-results .component-tabs .nav-pills li { padding:0 2rem }
    .section-schedule-results .component-tabs .nav-pills .nav-link { padding:0.8rem 1rem }

    /* ATHLETES OF THE WEEK */
    .section-featured-athletes .component-aotw.layout-align .component-title { }
    .section-featured-athletes .component-aotw.layout-align .component-title span { padding-right:5px; font-size:2rem; text-transform:uppercase; color:#fff; background:none }
    .section-featured-athletes .component-aotw.layout-align .component-title span:first-child,
    .section-featured-athletes .component-aotw.layout-align .component-title span:last-child { font-size:4rem }
    .section-featured-athletes .component-aotw.layout-align .component-title span:last-child { font-size:6rem }
    .section-featured-athletes .component-aotw.layout-align .slick-slider .btn { bottom:25px !important }
    
    .site-footer .affiliate-logos .component-banner.layout-flex .item img { max-width: 150px  }

}

@media only screen and (min-width:1400px) {
    
    .site-header .social-links { margin-right:20px }
    
    .site-header .menu  { padding-left:30px }
    .site-header .menu .component-navbar-primary .dropdown-menu.megamenu { left:15% !important; width:auto !important }
    .site-header .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner .megamenu-list > li { padding:0 1rem }
}

/* SECONDARY COLOR LIGHT FIX */
/* overrides needed to correct light secondary colors on landing pages. */
html.secondary-color-light { }
html.secondary-color-light .component-headlines.layout-flow .slick-arrow,
html.secondary-color-light .section-event-countdown .component-countdown.layout-matchup .countdown-digit span,
html.secondary-color-light .section-schedule-results .component-tabs .nav-pills .nav-link,
html.primary-color-light .component-headlines.layout-flow .slick-arrow,
html.primary-color-light .section-event-countdown .component-countdown.layout-matchup .countdown-digit span,
html.primary-color-light .section-schedule-results .component-tabs .nav-pills .nav-link{
    color:var(--bs-black) !important;
}
html.secondary-color-light .site-header .secondary-navigation .nav-link,
html.primary-color-light .site-header .secondary-navigation .nav-link{
    color:var(--bs-black);
}
html.secondary-color-light .section-banners .component-banner.layout-slider .slick-arrow-controls .prev,
html.secondary-color-light .section-banners .component-banner.layout-slider .slick-arrow-controls .next,
html.secondary-color-light .archive-link .btn-link,
html.primary-color-light .section-banners .component-banner.layout-slider .slick-arrow-controls .prev,
html.primary-color-light .section-banners .component-banner.layout-slider .slick-arrow-controls .next,
html.primary-color-light .archive-link .btn-link{
    --bs-btn-color: var(--bs-black);
}

@media only screen and (min-width:992px) {
    html.secondary-color-light .component-title,
    html.secondary-color-light .site-header .component-navbar-secondary .navbar-brand,
    html.primary-color-light .component-title,
    html.primary-color-light .site-header .component-navbar-secondary .navbar-brand{
        color:var(--bs-black) !important;
    }
}
