@font-face {
    font-family: 'Arial';
    src: url('/Arial Bold.ttf') format('truetype') ;
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('/Arial Italic.ttf') format('truetype') ;
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('/Arial Bold Italic.ttf') format('truetype') ;
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('/Arial.ttf') format('truetype') ;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.nav-link {
    color: #fff;
}

.site-header .primary-nav-wrapper a {   opacity: 1;}
.site-header .header-buttons button {    --bs-btn-color: var(--bs-black);   --bs-btn-hover-color: var(--bs-primary); }
.component-headlines.layout-flow .slick-slide .read-more-button .btn { --bs-btn-bg: var(--bs-primary); --bs-btn-hover-bg: #fff; --bs-btn-active-bg: #fff; --bs-btn-color: #fff; --bs-btn-hover-color: var(--bs-primary); --bs-btn-active-color: var(--bs-primary);}
.component-headlines.layout-flow .slick-arrow {    --bs-btn-color: var(--bs-primary); --bs-btn-hover-color: var(--bs-primary); --bs-btn-active-color: var(--bs-primary);}
.component-countdown.layout-matchup .countdown-digit {   color: var(--bs-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);}
.section-schedule-results .image-overlay {   background-color: var(--bs-primary);}
.section-schedule-results .component-tabs .nav-pills {   background-color: var(--bs-primary);}
.section-schedule-results .component-tabs .nav-pills .nav-link.active:after, .section-schedule-results .component-tabs .nav-pills .show > .nav-link:after {   background: var(--bs-secondary);}
.section-schedule-results .component-scoreboard .archive-link .btn-link {    
    --bs-btn-bg: var(--bs-primary);   
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);   
    --bs-btn-hover-color: #000;
}
.section-schedule-results .component-tabs .nav-pills .nav-link {
    color: var(--bs-white);
}


.secondary-navigation {    background: var(--bs-primary); }
.site-header .secondary-navigation a:hover, .site-header .secondary-navigation a:focus {   color: var(--bs-secondary);}
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.pp, 
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.next, 
.section-sponsors .component-banner.layout-slider .slick-arrow-controls .slick-arrow.prev {
    --bs-btn-hover-color: #757575;
}

.component-countdown.layout-matchup .event-links a {   color: #fff;}

.section-container .page-details {
    background: var(--bs-primary1);
}
.site-header .secondary-navigation .navbar-brand {
    color: #fff;
}
@media(min-width:992px){
    .site-header .menu .component-navbar-primary .dropdown-menu {   top: 85%;}
    .site-header .primary-nav-wrapper a {   background: #000; }
    .component-title { 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-color: var(--bs-white);
        --bs-btn-bg: var(--bs-primary);
        --bs-btn-hover-bg: var(--bs-secondary);
        --bs-btn-active-bg: var(--bs-secondary);
        --bs-btn-hover-color: var(--bs-primary)
    }
    .component-navbar-secondary.layout-standard .navbar .nav-item:not(.parent) .nav-link {
        color:#fff;
    }
    
}

@media(max-width:991px){
    .site-header .navbar-toggler {   background: var(--bs-primary) !important; }
    .site-header .secondary-navigation .navbar-brand {   color: #fff; }
    .site-header .secondary-navigation .dropdown-menu .nav-link {   color: #000;}
    .site-header .component-navbar-primary .navbar-collapse:after {   max-height: 6rem; }
    .section-banners .component-banner.layout-slider .slick-arrow.next, .section-banners .component-banner.layout-slider .slick-arrow.prev, .section-banners .component-banner.layout-slider .slick-arrow.pp {
        --bs-btn-hover-color: #757575;
        --bs-btn-active-color: #757575;
    }
    html.secondary-color-light .component-headlines.layout-flow .slick-arrow-controls .slick-arrow {
        --bs-btn-hover-color: #757575;
        --bs-btn-active-color: #757575;
    }
    .site-header .menu-active .navbar-brand {
        background: var(--bs-primary);
    }
    .site-header .navbar-toggler .icon-bar {
        background: #fff;
    }
}