@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* ========================================
   ROOT VARIABLES
   ======================================== */
:root {
    --body-font-family: "Inter", sans-serif;
    --bs-font-sans-serif: "Inter", sans-serif;
    --bs-body-font-family: "Inter", sans-serif;
    --heading-font-family: "Inter", sans-serif;
    --heading-font-weight: 700;
}

/* ========================================
   LAYOUT & BACKGROUNDS
   ======================================== */
main#site-main {
    background-color: var(--bs-secondary);
}

body.page-loaded {
    background-color: var(--bs-secondary);
}

a[rel="wiki-link"] {
    color: white;
}

.visually-hidden-focusable,
.visually-hidden { color:#fff  }

.site-header .primary-nav-wrapper .visually-hidden,
.component-search .visually-hidden,
.section-featured-athletes .visually-hidden,
.section-event-countdown .visually-hidden,
.component-banner .slick-arrow .visually-hidden,
.inc-hostedby .visually-hidden { color:#000  }
.component-banner .slick-arrow.pp.pause .visually-hidden{ color:#fff }

.section-standings .component-tabs .form-floating>label { display:none; background-color: #ffffff; color:#000000  }

.section-more-news {   display: none;}
.section-social-icons {   display: none;}

/* ========================================
   SITE HEADER
   ======================================== */
header.site-header {
    background-color: #000;
}

.site-header .site-title-wrapper {
    background: var(--bs-primary);
    color: var(--bs-secondary);
    text-transform: uppercase;
    font-family: var(--heading-font-family);
    font-size: 1.5rem;
    font-weight: 900;
}

.site-header .site-title {
    font-weight: bold;
}
.primary-nav-container-offcanvas-bar a[rel="wiki-link"] {
    color: #000 !important;
}

/* Secondary Navigation */
html.secondary-color-light .site-header .secondary-navigation .nav-link,
html.primary-color-light .site-header .secondary-navigation .nav-link {
    color: var(--bs-white) !important;
}

html.secondary-color-light .site-header .secondary-navigation .nav-link:hover,
html.primary-color-light .site-header .secondary-navigation .nav-link:hover {
    color: var(--bs-primary) !important;
}

/* Component Titles */
html.secondary-color-light .component-title,
html.secondary-color-light .site-header .component-navbar-secondary .navbar-brand,
html.primary-color-light .site-header .component-navbar-secondary .navbar-brand {
    color: var(--bs-white) !important;
}

html.primary-color-light .component-title {
    color: var(--bs-primary) !important;
}

html.primary-color-light .section-social-icons .component-title {
    color: var(--bs-secondary) !important;
}

/* Primary Navigation Hover */
.site-header .primary-nav-wrapper a:hover,
.component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link:hover {
    color: var(--bs-tertiary);
}

.section-schedule-results .component-tabs .nav-pills .nav-link{ color:var(--bs-secondary) !important; background-color:var(--bs-white) !important }

@media(min-width:992px){
    .site-header .primary-nav-wrapper a:hover, .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link:hover {   color: var(--bs-tertiary) !important;}
    .component-navbar-primary.layout-standard .navbar.navbar-dark .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle {   border-color: rgba(255, 255, 255, 0.4) !important;}
    html.primary-color-light .site-header .component-navbar-secondary .navbar-brand:hover {   color: var(--bs-primary) !important;}
    .component-navbar-primary.layout-standard .navbar.navbar-dark .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle {   border-color: #000 !important;}
    .site-header .menu .component-navbar-primary .megamenu .dropdown-menu.level-4 ul[data-flex="true"] .nav-item:not(.brand-icon):before {   border-color: #000;}
    
}
@media(min-width:1200px){
    .component-navbar-primary.layout-standard .navbar .dropdown-menu{        min-width: 12rem;}
}


/* ========================================
   HERO SECTION
   ======================================== */
/*.section-hero .component-headlines.layout-flow .slick-arrow {*/
/*    --bs-btn-color: #fff;*/
/*    color: #fff !important;*/
/*}*/

.section-hero .component-headlines.layout-flow .slick-arrow { opacity:1 }

.archive-in-header .component-archive-link {
    background-color: var(--bs-primary);
}

.archive-in-header .component-archive-link a {
    color: var(--bs-secondary);
}

/* ========================================
   NEXT EVENT / COUNTDOWN
   ======================================== */
.component-countdown.layout-matchup li:first-child .countdown-digit,
.component-countdown.layout-matchup li:last-child .countdown-digit,
.component-countdown.layout-matchup li .countdown-digit,
.section-event-countdown .component-countdown.layout-matchup .countdown-digit span {
    border-color: #000;
}

.section-event-countdown .component-countdown.layout-matchup .countdown-digit span {
    background: var(--bs-white);
    color: #000;
}

.section-event-countdown {
    background-color: var(--bs-primary) !important;
    background: url(/images/setup/Texture_-_Next_Event.png) no-repeat 0 0;
    background-size: cover;
}

.section-event-countdown .component-countdown.layout-matchup .countdown-label {
    opacity: 1 !important;
}

/* ========================================
   SCOREBOARD / SCHEDULE
   ======================================== */
.event-row.card.event-box {
    background-color: var(--bs-secondary);
}

.section-schedule-results .component-scoreboard .event-row {
    color: var(--bs-white);
}

.event-cols .sport-name,
.event-cols .sport-name a {
    color: #fff !important;
}

.section-schedule-results .component-tabs .nav-pills {
    background-color: var(--bs-white) !important;
}

.component-scoreboard .macro-archive-link .btn-link {
    background-color: #fff !important;
    color: #000;
}

section.section-wrapper.section-schedule-results .component-tabs .tab-content {
    max-height: 400px;
    overflow-y: scroll;
}

.section-schedule-results .archive-link .btn-link:hover {
    background-color: var(--bs-primary) !important;
    color: var(--bs-secondary) !important;
}

.section-schedule-results .image-overlay {
    background: var(--bs-white) !important;
}

.section-schedule-results .component-scoreboard .events  {
    color: #fff;
}

.section-schedule-results .component-scoreboard .event-row .score.winner,
.component-scoreboard.layout-tabular .event-teams .score { color:var(--bs-white) !important }

/*.section-schedule-results .component-tabs .nav-pills .nav-link.active:after, .section-schedule-results .component-tabs .nav-pills .show > .nav-link:after {    background: #fff;   bottom: 0px;}*/
.section-schedule-results .component-tabs .nav-pills li:last-child:before {   border-color:  var(--bs-secondary);}

/* ========================================
   FEATURED ATHLETE
   ======================================== */
.section-featured-athletes {
    background: var(--bs-primary);
}

.section-featured-athletes .component-aotw.layout-align .component-title span:first-child,
.section-featured-athletes .component-aotw.layout-align .component-title span:last-child,
.component-aotw.layout-align .player .player-details .player-name,
.component-aotw.layout-align .player .player-details .player-sport {
    color: #000;
}

.component-aotw.layout-align .player .headshot {
    border-left-color: #000;
    border-right-color: #000;
}
.section-featured-athletes .component-aotw.layout-align .slick-list:before {   border-color: #000;}
.section-event-countdown .component-countdown.layout-matchup .countdown-digit {   border-color: #000 !important;}
.section-featured-athletes .component-aotw.layout-align .slick-slider .btn:hover {   color: var(--bs-tertiary);}
.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); color:var(--bs-white) !important;}

@media(min-width:1200px){
    .section-featured-athletes .component-aotw.layout-align:before {    width: 400px;   right: -170px;}
    .section-featured-athletes .component-aotw.layout-align .player-headshot {   margin-right: 8rem;}
}


/* ========================================
   STANDINGS
   ======================================== */
.section-standings .component-standings .table-dark {
    --bs-table-bg: var(--bs-white);
    color: #000;
}

.section-standings .component-standings table tr > * {
    border-bottom-color: black;
}

.archive-link .btn-link {
    --bs-btn-color: var(--bs-black);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-secondary);
}

.section-standings .component-standings table div:before {
    background: transparent;
}

.section-standings .page-details, .section-standings .component-title {    display: block !important;   margin-bottom: 1rem;}


@media(min-width:992px){
    .section-standings .component-standings table thead tr th:first-of-type {   width: 60% !important;}
}


/* ========================================
   BANNERS
   ======================================== */
.section-banners button.btn-block.btn.btn-link.slick-arrow {
    background-color: var(--bs-primary);
    color: var(--bs-black);
}

.section-banners button.btn-block.btn.btn-link.slick-arrow:hover,
.section-banners button.btn-block.btn.btn-link.slick-arrow:focus {
    background-color: var(--bs-white);
    color: var(--bs-secondary);
}
.section-standings .component-tabs .form-floating .form-select {  background-color:#fff; color: #000; 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='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }

.section-banners .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp:hover {   color: var(--bs-primary);}

/* ========================================
   FOOTER
   ======================================== */
.site-footer {
    color: var(--bs-secondary);
    background: var(--bs-white);
}

.site-footer > .container-fluid {
    padding: 0;
}

.site-footer:before {
    background: var(--bs-white);
}

.site-footer a {
    color: var(--bs-secondary);
}

.site-footer a:hover,
.site-footer .nav-link:focus, 
.site-footer .nav-link:hover
{
    color: var(--bs-tertiary);
}

.site-footer .copyright-privacy-links-section {
    background: var(--bs-primary);
    color: var(--bs-secondary) !important;
}

.site-footer .st0,
.site-footer .st1 {
    fill: var(--bs-secondary) !important;
}
.site-footer .privacy-links .nav-link:before {   border-color: #000;}
.site-footer .footer-links .nav-link:before {   border-color: #000;}

@media(min-width:992px){
    .site-footer .footer-details .footer-logo img {   max-height: 5.5rem;}
}

.internal-page main#site-main a[rel="wiki-link"] {   color: #000;}

html.landing.site-home .section-wrapper:not(:has(.ps-component)){   display: none;}
section.section-wrapper.py-4.bg-primary.text-white.text-uppercase.section-event-countdown {   margin-top: 2rem;}


/* ========================================
   MEDIA QUERIES
   ======================================== */

/* Tablet and Up (768px+) */
@media (min-width: 768px) {
    .component-countdown.layout-matchup li:not(:first-child) .countdown-digit::before {
        color: var(--bs-secondary);
    }
}

/* Desktop and Up (992px+) */
@media (min-width: 992px) {
    /* Header Buttons */
    .site-header .header-buttons button {
        background-color: #489BC9 !important;
        color: #000;
    }
    
    /* Navigation */
    .site-header .primary-nav-wrapper a,
    .component-navbar-primary.layout-standard .navbar .navbar-nav .nav-link {
        color: var(--bs-secondary) !important;
    }
    
    /* Headlines Component */
    .component-headlines.layout-flow .slick-slide .card-details,
    .component-headlines.layout-flow .slick-slide .card-title .item-link,
    .component-headlines.layout-flow .slick-active .card-title .item-link {
        color: var(--bs-secondary) !important;
    }
    
    .component-headlines.layout-flow .slick-active .card-body::after {
        background: var(--bs-white);
        border-left-color: var(--bs-secondary);
    }
    
    /* Read More Button */
    .component-headlines.layout-flow .slick-slide .read-more-button .btn {
        --bs-btn-bg: var(--bs-secondary);
        --bs-btn-color: #fff;
        color: #fff !important;
    }
    
    .component-headlines.layout-flow .slick-slide .read-more-button .btn:hover,
    .component-headlines.layout-flow .slick-slide .read-more-button .btn:focus {
        --bs-btn-color: #fff;
        --bs-btn-hover-bg: var(--bs-primary);
        --bs-btn-active-bg: var(--bs-secondary);
        color: #000 !important;
        opacity: 0.9;
    }
    
    .component-headlines.layout-flow .slick-slide a:not(.btn):hover {
        color: var(--bs-tertiary) !important;
    }
    
    /* Featured Athletes Slider */
    .section-featured-athletes .component-aotw.layout-align .slick-slider .btn {
        color: var(--bs-secondary);
    }
    
}

/* Mobile (991px and below) */
@media (max-width: 991px) {
    .site-header .navbar-toggler {
        background: var(--bs-white) !important;
    }
    
    .site-header .navbar-toggler .icon-bar {
        background: #000 !important;
    }
    .site-header .menu-active .navbar-brand {
        background: var(--bs-primary);
        color: var(--bs-black) !important;
    }
    .site-header .component-navbar-primary.layout-standard .navbar .dropdown-old-toggle,
    .site-header .component-navbar-primary a {
        color: var(--bs-black);
    }
    
    .section-hero .component-headlines.layout-flow .slick-active .card-body:after {    border-color: var(--bs-secondary);   background-color: #fff;}
    .section-hero .component-headlines.layout-flow .slick-slide .card-title .item-link {   color: #000;}
    .section-hero .component-headlines.layout-flow .slick-slide .date-category * {    color: #000;}
    .section-hero .component-headlines.layout-flow .slick-slide .card-details {    color: #000;}
    .section-standings .page-details {   background: #fff;}
    html.primary-color-light .section-standings .component-title {   color: #000 !important;}
    .section-standings .component-standings table {   --bs-table-hover-bg: rgba(0, 0, 0, 0.4);}
    .site-header .header-buttons .btn {   color: #fff;}
    .component-headlines.layout-flow .slick-slide > div .item {   background-color: var(--bs-primary);}
    
    .section-hero .component-headlines.layout-flow .slick-arrow-controls .slick-arrow {  background-color: #000 !important;   color: #fff !important;}
    .section-schedule-results .page-details {   display: none !important;}
    
    .section-standings table thead th:nth-of-type(1) {   text-indent: 0;}
    
    .section-standings .form-floating {    position: relative;    background: #fff;    left: 0;    top: 0;    text-align: center;    padding: 7px; width:100% !important }
    .section-standings .component-tabs .form-floating .form-select {   width: 100%;}

}

@media(max-width:767px){
    .section-photo-gallery .component-gallery.layout-flex .box-large .card-img-overlay {   padding-inline: 0;}
    .section-photo-gallery .component-gallery.layout-flex .card-title {    font-size: 1.1rem !important;    opacity: 1;   padding-left: 0.5rem;}
    .section-photo-gallery .section-container .page-details {   background-color: var(--bs-primary);}
    .section-photo-gallery .section-container .page-details .component-title {   color: var(--bs-secondary) !important;}
    .primary-nav-container-offcanvas-bar .pnc-group-b a[rel="wiki-link"] {   color: #fff !important;}
}

/*@media (min-width:1200px) {*/
/*    .component-headlines.layout-flow .slick-list { max-width:80% }*/
/*}*/