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

@font-face {
    font-family: 'Grofins';
    src: url('/Grofins.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --body-font-family: 'Montserrat', sans-serif;
    --bs-font-sans-serif: 'Montserrat', sans-serif;
    --bs-body-font-family: 'Montserrat', sans-serif;
    --heading-font-family: 'Grofins';
}

html .site-header .title-section-wrap { background-color: var(--bs-white) }
html .site-header .social-links a.nav-link { background-color:var(--bs-secondary) }
html .site-header .social-links a.nav-link span:before { color:var(--bs-white) }
html .sec-site-tagline .branding span:before, 
html .sec-site-tagline .branding span:after { background-color:var(--bs-secondary) }
html .site-footer { background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important }

footer#site-footer .affiliate-logos.footer-right {   background: #f8f9fa !important;}
 .component-scoreboard .archive-link .btn {    position: relative;    margin: 0;    padding: 0;    border: 0;    width: 2rem;    height: 2rem;   overflow: hidden; }
  .component-scoreboard .archive-link .btn::before {    content: "";    content: "\f073";    display: block;    font-family: "Font Awesome 6 Sharp";    font-size: 1.75rem;    width: 2rem;    height: 2rem;   line-height: 2rem; }
 .component-scoreboard .archive-link { display: none; }
 .pre-head-section section.section.sec-scoreboard {   display: none !important; }
 .site-header .navbar-collapse .navbar-nav .nav-item.parent > a, .site-header .navbar-collapse .navbar-nav .nav-item.parent > .nav-link, 
 .site-header .navbar-collapse .navbar-nav .nav-item.parent > .nav-link > span > a,
 .component-navbar-primary.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle{   font-family: 'Grofins'; }
 
 .component-countdown.layout-standard {   color: #FF8C00; }
 .sec-countdown .component-countdown.layout-standard .details .details-2 {   color: #fff; }
 
 .site-tagline span {   font-style: normal; color:var(--bs-secondary); visibility:hidden }
 
 
.sr-only{background:#000 !important; color:#fff !important;}
.component-text-banner.layout-standard .item-box span {   background: rgba(0,0,0,0.01); }
.site-footer .footer-left .footer-details p.address.m-0 {   background: rgba(0,0,0,0.01); }

html.internal-page .page-content .btn-toolbar >.m-0 > a.btn.btn-outline-secondary {   color: #000; }
html.internal-page .page-content.schedule-content table.dataTable.table-striped>tbody  span.event-location-badge.badge.bg-secondary.m-0.me-1.align-middle {   color: #000; }
html.internal-page .page-content.schedule-content td.links a.link.text-nowrap.btn.btn-outline-secondary.btn-sm.my-1 {    background: #000;    color: #fff;   border-color: #000; }
html.internal-page .subscribe-links .btn-group.me-auto a.btn.btn-sm.btn-outline-secondary {   background: rgba(0,0,0,0.01); }

@media(min-width:992px){
    .site-header .macro-secondary-navigation .navbar-page-title {   padding-left: 90px; }
    
    .component-navbar-primary.layout-standard .navbar li.nav-item.parent.dropdown.has-megamenu:first-child .megamenu .megamenu-inner ul[data-mega="true"] > li.nav-item > span.nav-link.dropdown-old-toggle > span.d-flex > a.nav-link.dropdown-old-toggle {   color: #ff0005; }

    .site-header .macro-primary-navigation .component-navbar-primary.layout-standard .navbar .megamenu .dropdown-menu-inner ul[data-flex=true] > li > a.nav-link.disabled {   display: none; }
    
    .site-header .title-section-wrap .social-links { border-left: 2px solid var(--bs-secondary) }
    
}

@media(min-width:1200px){
    .component-scoreboard .layout-wrapper {    width: calc(100% - 3rem);    flex: 1 1 auto;   background: #fff; }
    .macro-archive-link.archive-link.align-center {   display: inline-flex; }
    .component-scoreboard {    flex-direction: row-reverse !important;    ALIGN-ITEMS: center;   background: #000; }
     .sec-scoreboard .layout-wrapper>div .form-floating {   width: 15% !important; }
    .component-scoreboard .archive-link .btn:hover {   color: #fff; }
    
}



/*SCOREBOARD*/
    .sec-scoreboard .layout-wrapper>div { align-items:center!important;flex-direction: row !important }
    .sec-scoreboard .layout-wrapper>div.teams-filter { display: none }
    .sec-scoreboard .component-tabs .tab-content { background:var(--bs-white); width: 100% }
    .sec-scoreboard .component-scoreboard.layout-small .slick-list { border:none }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow.slick-hidden { display:block }
    .sec-scoreboard .body-middle .middle-inner { padding-top:0!important;border-top:0!important }
    .sec-scoreboard .body-middle .middle-inner .macro-event-notes,
    .sec-scoreboard .body-middle .middle-inner span.logo-holder { display:none }
    .sec-scoreboard .body-middle .middle-inner span.name { font-weight:400!important }
    .sec-scoreboard .body-middle .middle-inner span.vs-at-indicator { text-transform:capitalize }
    .sec-scoreboard .component-scoreboard.layout-small .card { border-right:2px solid var(--bs-primary) }
    .sec-scoreboard .component-scoreboard.layout-small .card:last-child { border-right:0 }
    .sec-scoreboard .component-scoreboard.layout-small .team-inner { align-items:self-start!important }
    .sec-scoreboard .body-top a,
    .sec-scoreboard .body-top span { color:var(--bs-primary);line-height:1 }
    .sec-scoreboard .body-top { display:flex;flex-direction:column-reverse }
    .sec-scoreboard .body-middle .middle-inner .macro-line-scores,
    .sec-scoreboard .body-top,
    .sec-scoreboard .card-body { gap:.15rem!important }
    .sec-scoreboard .body-top > div { font-size:1.3rem; text-transform:uppercase }
    .sec-scoreboard .body-top .sport-name { font-size: 1.185rem }
    .sec-scoreboard .body-top span,
    .sec-scoreboard .body-top > div { font-weight:600 !important } 
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls { width:3rem;border-left:2px solid var(--bs-primary)!important;border:0 }
    .sec-scoreboard .component-scoreboard.layout-small .slider { padding:0 3rem 0 0 }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls span.fa:before { font-size:1.4rem;color:var(--bs-primary) }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button{ width:100%;height:100% }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button.slick-next { border-top:2px solid var(--bs-primary)!important;border:none }
    .sec-scoreboard .nav-pills .nav-link { background-color:unset!important;font-size:1.1rem;text-transform:uppercase;font-weight:700;filter:unset }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button { border-radius:0 }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button { transform:initial; left:auto; top:auto; right:auto; position:relative; border:0; margin:-1px 0; border-top: 1px solid rgba(0,0,0,0.1); flex-grow: 1; flex-shrink: 1; flex-basis: auto; position: relative; padding: 0; font-size: 1rem; cursor: pointer;text-decoration: none; text-align: center;overflow: hidden; transition:all .2s linear }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .next:not(.slick-arrow), 
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .prev:not(.slick-arrow) { display: block !important }
    .sec-scoreboard .sport-name a:hover { color: var(--bs-secondary) }
    .sec-scoreboard .nav-pills .nav-link span.text {font-style:italic}
    .sec-scoreboard .layout-wrapper>div .form-floating{width:auto!important;min-width:10rem;margin:1rem}
    .sec-scoreboard .layout-wrapper>div .form-floating>.form-select{height:calc(2.5rem + 2px);margin:0!important;line-height:normal;padding:.375rem 2.25rem .375rem .75rem;color:var(--bs-white);font-weight:700;font-family: 'Montserrat', sans-serif;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;background-color:var(--bs-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
    .sec-scoreboard .layout-wrapper>div .form-floating>label{height:auto;width:auto;padding:0 .75rem;opacity:1;text-transform:uppercase;color:var(--bs-white);background-color:var(--bs-primary);transform:scale(.75) translateY(-.75rem) translateX(0.25rem)}

@media (min-width: 992px){
    .sec-scoreboard .component-tabs.content-switcher-wrapper>.layout-wrapper { border-bottom:2px solid var(--bs-primary) }
    .sec-scoreboard .component-tabs.content-switcher-wrapper > .layout-wrapper >div> .nav-pills { width: 200px }
    .sec-scoreboard .component-tabs.content-switcher-wrapper > .layout-wrapper >div> .tab-content { width: calc(100% - 200px) }
    .sec-scoreboard .nav-pills .nav-link { font-size:1.5rem;padding:2rem } 
    .sec-scoreboard .layout-wrapper>div .form-floating {   width: 15% !important; }
    html .site-header:not(.is-pinned) .site-logo { top:-2.6rem }
    html .site-header .site-logo img { max-height: 10rem }
}

@media only screen and (max-width: 991px){
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls { position:static;display:block }
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .next,
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .prev {position:absolute;transform:translate(0,-50%);top:50%;left:0;width:2.5rem}
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls button.next{right:0;left:auto!important;border-top:0!important;border-left:1px solid var(--bs-primary)}
    .sec-scoreboard .component-scoreboard.layout-small .slider { padding:0 2.5rem }
    .sec-scoreboard .component-scoreboard.layout-small .card,
    .sec-scoreboard .component-scoreboard.layout-small .slick-arrow-controls .prev{ border-right:2px solid var(--bs-primary) }
    .sec-scoreboard .layout-wrapper > div .form-floating { display: none }
    .sec-scoreboard .layout-wrapper > div { flex-direction: column }
}