@font-face {
    font-family: 'arial';
    src: url('arial-regular-webfont.ttf ');
    font-weight: 400;
    font-style: normal;
    font-family: 'arial-bold';
    src: url('Arial-Bold.ttf ');
    font-weight: 700;
    font-style: normal;

}

:root {
    --body-font-family: 'arial', sans-serif;
    --bs-font-sans-serif: 'arial', sans-serif;
    --bs-body-font-family: 'arial', sans-serif;
    --heading-font-family: 'arial-bold', sans-serif;
}

html.primary-color-light .bg-white,
html.primary-color-light .bg-white.text-dark{
    --bs-link-color: #000;
    --bs-link-hover-color: var(--bs-body-color);
    color:var(--bs-body-color);
}


.next-event-wrapper { --bs-link-color: var(--bs-secondary); --bs-link-hover-color: var(--bs-secondary); }


.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .navbar-brand-centered img {
    height: 3rem!important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    
}
body {background-image: url(/images/setup/texture.png);}

.site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link, .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent > .nav-link > span > a.nav-link {color: var(--bs-secondary);}
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .dropdown-menu a, .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link, .site-header .macro-primary-navigation .component-navbar-split.layout-standard .navbar .nav-item.parent:hover > .nav-link > span > a.nav-link {color: var(--bs-secondary);}
.site-header .macro-primary-navigation .component-navbar-split.layout-standard .headers-icon-links > div, .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search, .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search button, .site-header .macro-primary-navigation .component-navbar-split.layout-standard .search > div  {color: var(--bs-secondary) !important;}
.site-header.social-new .social-collapse-btn {color: var(--bs-secondary) !important;}
.site-header.social-new .social-wrapper .nav-link {color: var(--bs-secondary);}
.site-header .macro-primary-navigation .headers-icon-links a:hover, .site-header .macro-primary-navigation .search button:hover {  color: var(--bs-secondary);}

.site-header .macro-primary-navigation .headers-icon-links a,
.site-header .macro-primary-navigation .search button {color: var(--bs-secondary);}

.sec-schedule-tabs .component-tabs .page-details {background-color: var(--bs-secondary);}
.sec-schedule-tabs .component-tabs .page-details .component-title {color: var(--bs-primary) !important;}
.sec-schedule-tabs .component-tabs .nav-pills .nav-link {color: var(--bs-primary);}
.sec-schedule-tabs .component-tabs .nav-pills .nav-link.active {color: var(--bs-secondary); background-color: var(--bs-primary);}
.sec-schedule-tabs .component-scoreboard.layout-small .card .sport-name a {color: var(--bs-secondary);}
.section span.fa-ellipsis-vertical {color: var(--bs-secondary); hover:var(--bs-#757575);}

.site-footer a:hover, .site-footer a:focus {color: var(--bs-tertiary) !important;
}

@media (min-width: 992px) {
    .next-event-wrapper .component-countdown.layout-standard > div > div.contents:before, .next-event-wrapper .details .specs-3 .event-links:before {border-right: 1px solid var(--bs-secondary);}
    .next-event-wrapper .details .specs-1 .teams:before, .next-event-wrapper .details .sport:before {border-right: 1px solid var(--bs-secondary);}
    .next-event-wrapper .details {color: var(--bs-secondary);}
    .next-event-wrapper .component-countdown.layout-standard .countdown-container > ul {color: var(--bs-secondary);}
    .site-header .macro-secondary-navigation a, .site-header .macro-secondary-navigation .nav-item.dropdown.flexible-menu > a {color: var(--bs-secondary);}
}

.site-header .mobile-menu .navbar-offcanvas-template .btn-link[data-bs-toggle=offcanvas] span:before {color: var(--bs-secondary);}
.site-header .mobile-menu .navbar-offcanvas-template .btn-link {color: var(--bs-secondary);}
.site-header .mobile-menu .navbar-offcanvas-template .offcanvas-title { color: var(--bs-secondary); hover: var(--bs-tertiary);}
.btn-close-white {filter: none;}    
.accordion-button:not(.collapsed)::after { color: var(--bs-secondary);}