@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");

:root {
    --body-font-family: "Cabin", sans-serif;
    --bs-font-sans-serif: "Cabin", sans-serif;
    --bs-body-font-family: "Cabin", sans-serif;
    --heading-font-family: "Cabin", sans-serif;
}

/* ---------------------------
   Modules to hide
--------------------------- */
.sec-countdown { display: none; }

/* ---------------------------
   Scoreboard
--------------------------- */
.pre-head-section .sec-scoreboard .d-flex.flex-column.align-items-start { background-color: var(--bs-secondary); }

.pre-head-section .sec-scoreboard .layout-wrapper > div .form-floating > .form-select {    border: 1px solid var(--bs-primary) !important;    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }

/* Shared secondary background + primary text */
.pre-head-section .sec-scoreboard .layout-wrapper > div .form-floating > .form-select,
.pre-head-section .sec-scoreboard .d-flex.flex-column.align-items-start,
.sec-site-tagline .branding span,
.site-header .social-links a.nav-link,
.site-header .social-links a.nav-link span:before,
.site-header .component-navbar-primary.layout-standard > .layout-wrapper,
.site-header .component-navbar-primary.layout-standard nav.navbar,
.site-header .macro-primary-navigation > div,
.site-header .bg-primary,
.sec-featured-athlete .component-aotw.layout-bio .details-wrapper {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-primary);
}

/* ---------------------------
   Color utilities (light themes)
--------------------------- */
html.secondary-color-light .player-heading .number.bg-secondary.text-white,
html.secondary-color-light .schedule-grid .in-progress .bg-secondary.status,
html.secondary-color-light .bg-secondary.text-white,
html.primary-color-light .player-heading .number.bg-primary.text-white,
html.primary-color-light .bg-primary.text-white {
    color: var(--bs-white) !important;
}

/* ---------------------------
   Links / text colors
--------------------------- */
.pre-head-section .sec-scoreboard .body-middle .middle-inner span.vs-at-indicator,
.site-header a,
.site-header .dropdown-toggle,
.site-header .navbar-collapse .navbar-nav .nav-item.parent a:hover,
.site-header .navbar-collapse .navbar-nav .nav-item.parent a:focus,
.sec-featured-headlines .component-headlines.layout-featured-slider .card .card-title a { color: var(--bs-primary) !important; }
.site-header .component-search .btn span {     color: var(--bs-primary) !important; }
.site-tagline.text-white.text-uppercase {    color: var(--bs-secondary) !important; } 

.btn-link:hover {    color: var(--bs-tertiary) !important; }

.layout-pro .sec-more-news .layout-stacked .page-details 
.component-archive-link:hover a, .sec-tabs .macro-archive-link:hover a, .sec-tabs .archive-link:hover a {    color: var(--bs-tertiary) !important; }

/* ---------------------------
   Header / Footer
--------------------------- */
.site-header .title-section-wrap {    background-color: var(--bs-primary) !important; color: var(--bs-secondary);}
.site-footer {    background: var(--bs-primary) !important;}
.site-footer .footer-links .nav-link:hover {    color: var(--bs-primary) !important;}

/* ---------------------------
   Social icons
--------------------------- */
.social-icons-footer ul a {   background-color: var(--bs-secondary) !important;    color: var(--bs-primary) !important;}
.social-icons-footer ul a:hover {    background-color: var(--bs-white) !important;    color: var(--bs-primary) !important;}

/* ---------------------------
   Featured Athlete / Headlines
--------------------------- */
.sec-featured-athlete .component-aotw.layout-bio .component-headings .component-title:after {     background-color: var(--bs-primary); }

.sec-featured-headlines
.component-headlines.layout-featured-slider
.layout-wrapper > div > div > div:last-of-type .slider-contents-only,
.sec-featured-headlines
.component-headlines.layout-featured-slider
.layout-wrapper > div > div > div:last-of-type .slider-contents-only .slick-list {
    background-color: #f2f3f3;
}

/* ---------------------------
   Photo Gallery
--------------------------- */
a#component-tabs-1-anchor-photogallery {    background-color: var(--bs-primary) !important;  color: white; }
#component-tabs-1-buttons .nav-link .text {    text-transform: uppercase;    font-weight: bold;    font-size: 1.2rem;}

@media only screen and (max-width: 991px) {
    .site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle=offcanvas] span:before {        color: var(--bs-primary);}
    .site-header .bg-primary {    background-color: var(--bs-primary) !important;    color: var(--bs-white) !important;}
    a.nav-link{    color: var(--bs-white) !important;}
    .sec-tabs .component-tabs.layout-responsive .tab-content .accordion-item .accordion-button{    background-color: var(--bs-primary);}

}


.pre-head-section .sec-scoreboard .layout-wrapper > div .form-floating > label { visibility:hidden }
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .card {    border-color: var(--bs-primary);   border-width: 2px;}
.site-header .component-search.layout-modal button:hover span:before, .site-header .composite-link:hover span:before {   color: var(--bs-tertiary);}
.site-header .social-links a.nav-link:hover, .site-header .social-links a.nav-link:hover span:before {  color: #fff;}
.site-header .macro-primary-navigation .fa-calendar:before {  font-weight: bold;}
.sec-featured-athlete {    background-image: url(/images/setup/Texture-14-.png);    background-position: top left;   background-repeat: no-repeat; background-size: 100%;}
.site-footer span.privacy-links a:hover {   color: var(--bs-tertiary) !important;}
.site-footer .footer-links .nav-link:hover {   color: var(--bs-secondary) !important;}
.site-header .macro-secondary-navigation .navbar-page-title, 
.site-header .macro-secondary-navigation .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link:hover {   color: var(--bs-tertiary) !important;}
.sec-featured-headlines .component-headlines.layout-featured-slider .card .card-title a:hover {   color: var(--bs-tertiary) !important;}

.sec-featured-headlines .component-headlines.layout-featured-slider .archive-link a:hover, .sec-featured-headlines .component-headlines.layout-featured-slider .archive-link a:focus {    background-color: var(--bs-primary) !important;    color: var(--bs-secondary) !important;}

.sec-site-tagline .branding span:before, .sec-site-tagline .branding span:after{    width: 1rem;}
.sec-site-tagline .branding span:before{    left: -1.3rem;}
.sec-site-tagline .branding span:after {   right: -1.3rem;}

.sec-featured-athlete .component-aotw.layout-bio .component-headings .component-title:before {    width: 1rem;   right: -3.4rem;}
.sec-featured-athlete .component-aotw.layout-bio .component-headings .component-title:after {   right: -2.2rem;}
.sec-featured-athlete .component-aotw.layout-bio .component-headings .component-title {   border-width: 1rem;}

.site-header .social-links a.nav-link span:before {   background: transparent !important;}
.site-header .social-links a.nav-link:hover {   background-color: var(--bs-tertiary) !important;}


.sec-featured-athlete .component-aotw.layout-bio .player-details .player-name:hover{    color: #5c5c60;}
.sec-featured-athlete .component-aotw.layout-bio .slick-slider .btn:hover span:before {   color: #5c5c60;}


html:not(.primary-color-light) .pre-head-section .sec-scoreboard .layout-wrapper>div .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='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); text-overflow:ellipsis 
}

.sec-bottom-social {   background: var(--bs-secondary);}
.sec-bottom-social .component-nav .component-title {    color: var(--bs-primary);   font-style: italic;}
.sec-bottom-social .component-nav .layout-wrapper ul.nav a.nav-link { background-color: var(--bs-primary); border-radius: 50%; position: relative; padding: 0.2rem 0.32rem; color: var(--bs-secondary);     font-size: 1.3rem;}
.sec-bottom-social .component-nav .layout-wrapper ul.nav {   gap: 0.75rem;}
.site-footer .footer-links .nav-link {   color: #fff;}
html.secondary-color-light .site-header .social-links a.nav-link:hover span:before {   color: var(--bs-secondary) !important;}
.sec-bottom-social .component-nav .layout-wrapper ul.nav a.nav-link:hover {    background: var(--bs-tertiary);   color: #fff;}

#heading-bottom-social{background:#000; color:#fff;}
.pre-head-section .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button.slick-next span.text.visually-hidden {    background: #000;   color: #fff;}

@media(min-width:992px){
    .site-tagline span {   font-size: 2rem !important;}
    .header-buttons a.composite-link.d-block {   display: block !important;padding-inline: 0;}
    .header-buttons {   display: flex;}
    html.secondary-color-light .site-header .social-links a.nav-link span:before {   color: var(--bs-primary);}
   .sec-bottom-social .component-nav {    flex-direction: row !important;    align-items: center;   flex-wrap: wrap;     gap: 3rem !important;}
   .sec-bottom-social {  padding-block: 1.5rem !important;}
   
}

@media(max-width:991px){
   .sec-featured-headlines .component-headlines.layout-featured-slider {   background-color: #f2f3f3;}
   footer#site-footer .social-icons-footer ul a {   color: var(--bs-primary) !important;}
   .sec-bottom-social .component-nav .component-headings {    justify-content: center !important;}
   .sec-bottom-social .component-nav .layout-wrapper ul.nav{    justify-content: center;}
   header#site-navigation .navbar-offcanvas-template .accordion-old-button .flex-dropdown > .accordion-button {    width: auto;    text-align: right;   justify-content: flex-end !important;}


}