@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --body-font-family: 'Archivo', sans-serif;
    --bs-font-sans-serif: 'Archivo', sans-serif;
    --bs-body-font-family: 'Archivo', sans-serif;
    --heading-font-family: 'Archivo', sans-serif;
}

.sec-top-stories-desktop .component-headlines.layout-stacked-carousel .aside-carousel .carousel-indicators .item.active {   border-color: var(--bs-primary) !important; }
.sec-parallax .component-parallax .overlay::before {   background-color: rgba(var(--bs-tertiary-rgb), .7) !important; }
.site-footer .developer-logo img{    max-height: 5rem;}
.site-header .macro-secondary-navigation a, .site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu > a {   color: #000; }
.sec-schedule-tabs .archive-link a:hover, .sec-top-stories-desktop .archive-link a:hover {   color: var(--bs-primary); }
.site-footer a:hover, .site-footer a:focus {   color: var(--bs-primary) !important; }
.title-bar, .sec-top-stories, .sec-top-stories-desktop, .sec-schedule-tabs, .sec-banner, .sec-standings, html:not(.landing.site-home) main.site-main {   background-image: url(/images/setup/background-texture-dotted.png); }

.next-event-wrapper .details .specs-1 .teams:before, .next-event-wrapper .details .sport:before, .next-event-wrapper .component-countdown.layout-standard > div > div.contents:before, .next-event-wrapper .details .specs-3 .event-links:before {   color: #000; }
 .sec-schedule-tabs {   margin-top: 2rem; }
 
.visually-hidden-focusable[href="#site-navigation"], .visually-hidden-focusable[href="#site-footer"], .visually-hidden-focusable[href="#site-main"], #h2-schedule-tabs,
#h2-banner, #h2-sponsors, #h2-parallax, #h2-social-stream{background:#fff; color:#000;}

@media(min-width:992px){
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu,
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu ul {    background-color: var(--bs-secondary) !important;   color: #fff !important; }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a {   color: #fff; }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .megamenu .dropdown-menu-inner ul[data-flex=true] > li.nav-item:not(.brand-icon) > a:after {   border-color: #fff; }
    .component-navbar-split.layout-standard .navbar .megamenu .megamenu-inner ul[data-mega="true"] > .nav-item > .dropdown-old-toggle {   border-color: var(--bs-primary); }
    .title-bar .site-title {    font-size: 1.5rem;   font-weight: 700; }
    .site-header .macro-primary-navigation {   border-color: #fff; }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img {    max-height: 7rem;   top: -1.5rem; }
    .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered {min-width: 9rem; }
    .site-header.is-pinned .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img {    max-height: 6rem;   top: -1rem; }
    .title-bar .site-title {    padding-top: 0.8rem;   padding-bottom: 0.8rem; }
    .sec-schedule-tabs .archive-link a {   font-size: 1.5rem; }
   
}

@media(max-width:991px){
    .site-header .mobile-menu .navbar-offcanvas-template .offcanvas-body {   background: var(--bs-secondary); }
    .site-header .mobile-menu .navbar-offcanvas-template .offcanvas-body a {   color: #fff !important; }
    .site-header .mobile-menu .navbar-offcanvas-template .accordion-button::after, .site-header .mobile-menu .navbar-offcanvas-template .accordion-button:after {   filter: invert(1); }
    .navbar-offcanvas-template .accordion-item {   border-color: rgb(255 255 255 / 29%); }
    
}
@media(max-width:767px){
    .container.social-stream-wrap {    padding-left: 0;   padding-right: 0; }
}

@media(max-width:576px){
    .sec-social-stream .item .social-widgets-wrap .social-embed-content {    margin-left: calc(var(--bs-gutter-x)* .7) !important;   margin-right: calc(var(--bs-gutter-x)* .7) !important; }
}
