@font-face {
  font-family: 'LEMONMILK-Bold';
  src: url('LEMONMILK-Bold.otf') format('opentype');
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'LEMONMILK-Regular';
  src: url('LEMONMILK-Regular.otf') format('opentype');
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'sourcesanspro-regular';
  src: url('sourcesanspro-regular-webfont.ttf') format('truetype');
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
:root {
  --body-font-family: 'sourcesanspro-regular', sans-serif;
  --bs-font-sans-serif: 'sourcesanspro-regular', sans-serif;
  --bs-body-font-family: 'sourcesanspro-regular', sans-serif;
  --heading-font-family: 'LEMONMILK-Bold', sans-serif;
}

body,
.site-header,
.section-schedule-results .component-scoreboard .event-row {
    background: var(--bs-tertiary);
    color:var(--bs-white);
    --bs-link-color: var(--bs-light);
    --bs-link-hover-color: var(--bs-white);
}
.site-header .site-title {
    --el-opacity: 1;
}
.section-schedule-results .component-scoreboard .event-row .score.winner{
    color:var(--bs-white);
}
.site-header .primary-nav-wrapper a:hover, .site-header .primary-nav-wrapper a:focus, .site-header .primary-nav-wrapper li:hover a {
        color: var(--bs-light);
    }
}
.component-scoreboard.layout-tabular .event-teams .score {
    color: var(--bs-white);
}
.internal-page .site-main > div {
    color: var(--bs-black);
    --bs-link-color: var(--bs-black);
    --bs-link-hover-color: var(--bs-primary);
}
.component-headlines.layout-flow .slick-arrow {
    transform: none;
    background: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white)
}
.section-schedule-results .component-tabs .nav-pills .nav-link {
    color: var(--bs-primary);
}
.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: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-text-color-over-primary);
    --bs-btn-active-color: var(--bs-text-color-over-primary);
}
html.secondary-color-light .section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp, 
html.secondary-color-light .section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next, 
html.secondary-color-light .section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.prev {
    --bs-btn-hover-color: var(--bs-light);
}
.site-header .secondary-navigation .navbar-brand {
    color: var(--bs-secondary);
}
.site-header .secondary-navigation .navbar-nav {
    --bs-nav-link-color: var(--bs-secondary);
    --bs-nav-link-hover-color: var(--bs-light);
    --bs-navbar-color: var(--bs-secondary);
    --bs-navbar-active-color: var(--bs-light);
}

.section-event-countdown .component-countdown.layout-matchup .countdown-digit span {
    color:var(--bs-primary);
}
.component-scoreboard.layout-tabular .event-teams .score {
    color: var(--bs-white);
}
html.secondary-color-light .section-wrapper .component-title {
    color: var(--bs-secondary);
}
@media only screen and (min-width: 992px) {
    .site-header .header-buttons button {
        --bs-btn-color: var(--bs-primary);
        --bs-btn-hover-color: var(--bs-primary);
    }
    .section-banners .component-banner.layout-slider .slick-arrow-controls .prev, .section-banners .component-banner.layout-slider .slick-arrow-controls .next {
        --bs-btn-bg: var(--bs-secondary);
        --bs-btn-hover-bg: var(--bs-primary);
        --bs-btn-active-bg: var(--bs-primary);
        --bs-btn-color: var(--bs-primary);
        --bs-btn-hover-color: var(--bs-text-color-over-primary);
        --bs-btn-active-color: var(--bs-text-color-over-primary);
    }
    .section-banners .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp {
        --bs-btn-color: var(--bs-primary);
        --bs-btn-hover-color: var(--bs-primary);
        --bs-btn-active-color: var(--bs-primary);
    }
    html.secondary-color-light .section-wrapper .component-title {
        color: var(--bs-secondary);
    }
    .site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link {
        font-size: 1.1rem;
        text-transform: uppercase;
    }
    .site-header .primary-nav-wrapper a {
        color: var(--bs-white);
        opacity: 1;
    }
    .site-header .menu .component-navbar-primary .dropdown-menu .nav-link {
        opacity: 1;
    }
    .site-header .menu .component-navbar-primary .dropdown-menu .nav-link:hover, .site-header .menu .component-navbar-primary .dropdown-menu .nav-link:focus {
        color: var(--bs-light);
    }
}
@media only screen and (max-width: 991px) {
    .site-header .header-buttons .btn {
        color: var(--bs-secondary);
    }
    .site-header .navbar-toggler .icon-bar {
        background: var(--bs-primary);
    }
    .site-header .menu-active .navbar-brand {
        background: none no-repeat 0 0 var(--bs-primary);
        color: var(--bs-white) !important;
    }
    .site-header .menu-active .navbar-toggler .icon-bar {
        background: var(--bs-white);
    }
}

.landing .section-wrapper.section-sponsors {
    background:#fff;
    padding-top:3rem;
    margin-bottom:-4rem;
    color:#000;
    --bs-btn-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-text-color-over-primary);
    --bs-btn-active-color: var(--bs-text-color-over-primary);
}
html.secondary-color-light .section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp, 
html.secondary-color-light .section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next, 
html.secondary-color-light .section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.prev{
    --bs-btn-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-tertiary);
    --bs-btn-active-color: var(--bs-tertiary);
}

.landing .section-wrapper.section-sponsors::before {
    content:"";
    background:#fff;
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:100%;
}