@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --body-font-family: 'Roboto', sans-serif;
    --bs-font-sans-serif: 'Roboto', sans-serif;
    --bs-body-font-family: 'Roboto', sans-serif;
    --heading-font-family: 'Roboto Bold', sans-serif; 
}
.site-header .site-title {
    color: var(--bs-primary);
    font-weight: 400;
    letter-spacing: .2rem;
    word-spacing: .2rem;
}
.site-header .site-title-wrapper:before {
    background: var(--bs-primary);
}
.site-header .component-tabs .card .body-top .date, 
.site-header .component-tabs .card .body-top .status,
.site-header .component-tabs .card .body-middle .name, 
.site-header .component-tabs .card .body-middle .event-score {
    color: var(--bs-black);
}
.site-header .component-tabs .card .body-middle .vs-at-indicator {
    color: var(--bs-primary);
}
.secondary-navigation a.nav-link:hover, .secondary-navigation a.nav-link:focus, .secondary-navigation .navbar-brand:hover, .secondary-navigation .navbar-brand:focus {
    text-decoration: underline;
}
main#site-main {
    background: url(/images/setup/Texture.png);
    background-size: cover;
}
#site-footer {
    background: none;
}
.featured-headlines .component-headlines .layout-wrapper .right-col .macro-archive-link a:hover {
    color: var(--bs-tertiary);
}
.banner:before {
    border-bottom: 4px solid var(--bs-primary);
    background: var(--bs-secondary);
}
.media-section .component-tabs .tab-content .slick-dots li.slick-active button {
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary);
}
#site-footer ul.nav a.nav-link:hover {
    color: var(--bs-tertiary);
}
.site-header .component-tabs .card .body-top .sport .sport-name a:hover, .members-menu .nav-item .nav-link:hover {
    color: var(--bs-tertiary);
}
#site-footer .affiliate-logos .layout-wrapper ul.list-unstyled {
    margin-bottom: 1rem !important;
}
.secondary-navigation a.nav-link,
.secondary-navigation .navbar-brand{
    color: var(--bs-primary);
}
.secondary-navigation .navbar-nav .nav-link.active, .secondary-navigation .navbar-nav .show>.nav-link {
    color: var(--bs-primary);
    text-decoration: underline;
}
@media screen and (min-width: 992px) {
    .secondary-navigation .component-navbar-secondary .navbar-secondary > .container > a.navbar-brand {
        color: var(--bs-primary);
    }
    .component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-link {
        color: var(--bs-primary);
    }
}
@media screen and (max-width: 991px) {
    .featured-headlines .component-headlines .layout-wrapper .left-col .carousel-indicators button.active {
        background: var(--bs-primary);
    }
}