@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,600;0,700;0,800;1,200;1,400;1,600;1,700;1,800&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: 'Poppins', sans-serif;
    --bs-light: #E3E3E3;
    --bs-light-rgb: 227, 227, 227;
}

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

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

/* DISABLING THE PARALLAX EFFECT FOR TOUCH DEVICES 
   (PARALLAX HERE MEANS FIXED BACKGROUND IMAGE ON SCROLL) */ 
    @media (pointer:coarse) {
        .parallax-bg {
            position:absolute !important;
        }
    }

.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 }

/* SECTIONS GENERIC */
.site-main { flex:1 }
.section-container { max-width:1400px; margin:0 auto }
.landing .section-wrapper { margin-bottom:1.5rem }
.section-wrapper.section-hero { padding-top:0.5rem; margin-bottom:0 }
.section-hero .section-container,
.section-parallax .section-container { max-width:none }

/* 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 { color:#fff; font-size:0.9rem }
.archive-in-header .component-archive-link a:hover,
.archive-in-header .component-archive-link a:focus{ color:var(--bs-primary) }

.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.2rem 2rem; font-weight:700; border-radius:0; transition:0.2s; 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 }
.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 .navbar-nav > .nav-item > .nav-link { font-weight:700; text-transform:uppercase; line-height:1; color:var(--bs-primary) }
.site-header .component-navbar-primary .dropdown-menu { background:transparent !important }
.site-header .component-navbar-primary .dropdown-menu a { color:var(--bs-primary) }
.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 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) }
.site-footer .affiliate-logos { margin-top:50px; padding:0 10px }
.site-footer .affiliate-logos ul { flex-direction:row !important }
.site-footer .affiliate-logos img { max-width:4rem }
.site-footer .inc-hostedby { width:15rem; margin:0 auto }
.site-footer .inc-hostedby .st0,
.site-footer .inc-hostedby .st1 { fill:var(--bs-white) }
.site-footer a { color:var(--bs-white) }
.site-footer a:hover,
.site-footer a:focus { color:var(--bs-secondary) }

/* CAROUSEL */
.component-headlines.layout-flow .slick-list { max-width:1200px; padding:0 !important; 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:-50px; 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 .card-title { -webkit-line-clamp:2; line-height:1.1 }
.component-headlines.layout-flow .slick-slide .card-title .item-link { color:#fff; font-size:1.2rem; text-transform:uppercase; transition:none }
.component-headlines.layout-flow .slick-slide .card-title .item-link:hover,
.component-headlines.layout-flow .slick-slide .card-title .item-link:focus { color:var(--bs-secondary) }
.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-arrow { --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 }

/* 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; font-weight:200 }
.section-event-countdown .component-countdown.layout-matchup .countdown-digit span { background:var(--bs-secondary) }

/* 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 }
.section-schedule-results .component-scoreboard .event-details .date { white-space:nowrap }
.section-schedule-results .component-scoreboard .event-details .team-name { display:none !important }
.section-schedule-results .component-scoreboard .event-details .sport-name { white-space:nowrap }
.section-schedule-results .component-scoreboard .event-details .sport-name a { color:var(--bs-primary) }
.section-schedule-results .component-scoreboard .event-details .sport-name a:hover,
.section-schedule-results .component-scoreboard .event-details .sport-name a:focus { color:var(--bs-secondary) }
.section-schedule-results .component-scoreboard .event-details .event-location-indicator { font-size:0.9rem; font-weight:400; border:none !important }

/* LATEST NEWS */
.section-latest-news .thumbnail { --bs-border-color: var(--bs-secondary) }
.section-latest-news .card-title { margin-top:5px !important; font-size:1rem !important; text-transform:uppercase }
.section-latest-news a { color:var(--bs-primary) }
.section-latest-news a:hover,
.section-latest-news a:focus { color:var(--bs-secondary) }
.section-latest-news .date { font-size:0.9rem }
.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 }

/* STANDINGS */
.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 }
.section-standings .component-standings .logo-holder img { width:50px; max-width:50px; height:40px; max-height:40px; object-fit:cover; object-position:0 50%; margin-left:5px }

.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 .box-large .card-img-overlay{ transform:translateY(0); justify-content:flex-end !important }
.section-photo-gallery .component-gallery.layout-flex .card-text { display:none !important }
.section-photo-gallery .component-gallery.layout-flex .card-title { font-size:1.2rem !important; font-weight:400 !important }

/* 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-secondary) }

/* SPONSOR SLIDER */
.section-sponsors .component-banner.layout-slider .slick-slider { margin-bottom:0 } 
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp { top:0 !important; color:var(--bs-secondary) }

/* AOTW SLIDER */
.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:0 5px; font-size:1rem; line-height:1; background:var(--bs-secondary); text-transform: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 { 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-image { display:none }
.section-featured-athletes .component-aotw.layout-align .component-sub-title { display:none }
.section-featured-athletes .component-aotw.layout-align .player { min-height:260px; color:#fff; background:url(assets/images/texture_aotw_mobile.png) no-repeat 0 0 var(--bs-primary); background-size:cover }
.section-featured-athletes .component-aotw.layout-align .player-name { color:#fff }
.section-featured-athletes .component-aotw.layout-align .slick-dots { display:block; position:static; margin:5px 0 0 }

/* VIDEO SLIDER */
.section-videos > .section-container { padding:0 }
.section-videos .layout-slider { padding:0 1rem }
.section-videos .layout-wrapper { padding:0 2rem }
.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; box-shadow:0 0 5px rgba(0,0,0,0.2) !important }
.section-videos .component-video.layout-slider .card-img-overlay { position:static; background:transparent !important }
.section-videos .component-video.layout-slider .card-title { font-size:1rem !important; font-weight:700; -webkit-line-clamp:2; text-transform:uppercase; min-height:40px }
.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 { left:0; bottom:0; opacity:1; --bs-btn-hover-color:var(--bs-secondary); --bs-btn-active-color:#fff; filter:brightness(100%) }
.section-videos .component-video.layout-slider .video-btn-overlay .fab { font-family: "Font Awesome 6 Sharp" }
.section-videos .component-video.layout-slider .video-btn-overlay .fab:before { content:"\f144" }
.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 }

@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,
    .site-header .members-menu { display:none }
    .site-header .primary-nav-wrapper { position:relative }
    .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:10px; 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 .btn { text-align:left; text-transform:uppercase; font-weight:700; color:var(--bs-white); padding:1rem; font-size:1rem }
    .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-secondary) }
    .site-header .header-buttons .fa-magnifying-glass:before,
    .site-header .header-buttons .fa-calendar:before { font-size:1.5rem; font-weight:200 }

    .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:70vw; background:var(--bs-white); box-shadow:10px 0 10px 5px rgba(0,0,0,0.2)  }
    .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:150px; height:150px; position:absolute; bottom:25px; left:50%; margin-left:-75px; background:var(--site-logo-url) no-repeat 50% 50%; background-size:contain }
    .site-header .component-navbar-primary .navbar-brand { display:none !important }
    .site-header .menu-active .navbar-brand { display:block !important; flex:1; padding:10px; margin:10px 0 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:15px; height:auto; border:none; box-shadow:none }
    .site-header .menu-active .navbar-toggler .icon-bar { background:#fff }
    
    .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 .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 }

    /* SCOREBOARD */
    .component-scoreboard.layout-tabular .event-details { flex-direction:column; gap:0 !important }
    .component-scoreboard.layout-tabular .event-status { display:flex; gap:1rem }
    .component-scoreboard.layout-tabular .event-teams { order: 2; gap:3rem !important }
    .component-scoreboard.layout-tabular .logo-holder img { max-width:60px !important; margin-top:-20px }
    
    /* 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 }

    /* BANNERS */
    .component-banner.layout-slider .slick-slide { padding:0 0.5rem }
    
    /* AOTW SLIDER */
    .section-featured-athletes .component-aotw.layout-align .slick-arrow.pp { top:0 !important; left:0 !important; color:#fff }

    
}

@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 .nav-link { color:#fff }
    .site-header .container { position:relative; max-width:1400px !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 { padding:0; 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 .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:max-height .4s ease }
    .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 .2s }
    .site-header .header-buttons a[rel="wiki-link"] { display:none }
    
    .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; height:60px }
    .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; color:#fff; 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:var(--bs-white); opacity:0.8 }
    .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:"|"; color:#ccc }
    .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 .social-links a:hover { color:var(--bs-primary) }
    
    .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 { position:sticky; z-index:99;  } 
    .site-header.pinned { padding-top:1.5rem; background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1) }
    .site-header.pinned .site-title { display:none }
    .site-header.pinned .members-menu { display:none }
    .site-header.pinned .site-logo { top:-10px; padding:0 }
    .site-header.pinned .site-logo img { max-height:80px }
    .site-header:not(.pinned) { box-shadow:none !important }

    /* FOOTER */
    .site-footer { clip-path: polygon(25% 0, 30% 16%, 100% 16%, 100% 100%, 0 100%, 0 0) }
    .site-footer .container { max-width:1400px !important }
    .site-footer .affiliate-logos { order:2 }
   
    /* CAROUSEL */
    .component-headlines.layout-flow .slick-active .card-body:after { width:24%; 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:0.8rem; border-radius:0; transition:0.2s; text-transform:uppercase; z-index:1; filter:none }
    
    /* 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-primary); 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-scoreboard .event-details .status { font-size:0.9rem }
    .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 }

    /* STANDINGS */
    .section-standings .page-details { display:none !important }
    .section-standings .component-tabs .form-floating { position:absolute; left:340px; top:16px; width:250px !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:300px; height:auto !important; padding:5px; margin:0 !important }

    .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.1rem }
    .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 .logo-holder img { max-height:70px; height:70px !important; width:250px !important; max-width:250px; object-fit:cover; object-position: 0 50%; margin:0 60px 0 30px }
    .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 30px }
    .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%; margin-top:-25px; display:flex; align-items:center; width:20px; height:50px; padding:5px; 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 { display:none }
    
    /* PHOTO GALLERY */
    .section-photo-gallery .component-gallery.layout-flex .layout-wrapper .box-large{ width:24% }

    /* ATHLETES OF THE WEEK */
    .section-featured-athletes { background:url(assets/images/texture_aotw.png) no-repeat 0 50% var(--bs-primary); overflow:hidden }
    .section-featured-athletes .component-aotw.layout-align { position:relative }
    .section-featured-athletes .component-aotw.layout-align:before { content:''; width:250px; height:250px; position:absolute; right:-50px; bottom:-50px; background:var(--site-logo-url) no-repeat center center; background-size:contain }
    .section-featured-athletes .component-aotw.layout-align .player { position:relative; z-index:2; background:none }
    .section-featured-athletes .component-aotw.layout-align .player:before { content:''; width:10px; position:absolute; left:20px; top:0; bottom:0; background:#fff }
    .section-featured-athletes .component-aotw.layout-align .player:after { content:''; width:10px; position:absolute; left:40px; 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:30% !important }
    .section-featured-athletes .component-aotw.layout-align .slick-slider .slick-next { left:34% !important; right:auto !important }
    .section-featured-athletes .component-aotw.layout-align .slick-slider .slick-pp { left:32% !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) {
    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link { font-size:1.2rem }
    
    .section-featured-athletes .component-aotw.layout-align .component-title { margin-top:-30px !important }
    .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 }
}

@media only screen and (min-width:1400px) {
    .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 }
}