@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&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 Black', sans-serif;
}

.ps-component.component-headlines .archive-link a {
    color: var(--bs-white);
    background-color: var(--bs-secondary);
    border: 2px solid var(--bs-secondary);
}
.ps-component.component-headlines .archive-link a:hover, 
.ps-component.component-headlines .archive-link a:focus {
    color: var(--bs-secondary);
    background-color: var(--bs-white);
    border: 2px solid var(--bs-secondary);
}
.component-countdown.layout-standard .countdown-container > ul > li .countdown-label,
.component-countdown.layout-standard .details-2 .sport {
    color: var(--bs-primary);
}
.section .sec-players-of-the-week .bg-secondary {
    background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important;
}
.ps-component.component-headlines .archive-link a {
    color: var(--bs-white);
    background-color: var(--bs-secondary);
    border: 2px solid var(--bs-secondary);
}
.ps-component.component-headlines .archive-link a:hover, 
.ps-component.component-headlines .archive-link a:focus {
    color: var(--bs-secondary);
    background-color: var(--bs-white);
    border: 2px solid var(--bs-secondary);
}
.component-countdown.layout-standard .countdown-container > ul > li .countdown-label,
.component-countdown.layout-standard .details-2 .sport {
    color: var(--bs-primary);
}
.section .sec-players-of-the-week .bg-secondary {
    background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important;
}
.section .sec-players-of-the-week .text-light {
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.section.sec-players-of-the-week .component-aotw.layout-standard:before {
    background-color: var(--bs-tertiary);
}
.section.sec-players-of-the-week .layout-wrapper:before {
    background-color: var(--bs-tertiary);
    border: 2px solid var(--bs-tertiary);
}
.sec-tabs .component-tabs .nav-pills .nav-link.active {
    font-weight: 900;
    font-size: xx-large;
}

.site-footer .footer-details .thumbnail {
    max-width:10rem;
}
.section.sec-players-of-the-week .slider-navigation .btn:hover, 
.section.sec-players-of-the-week .slider-navigation .btn:focus, 
.section.sec-players-of-the-week .slider-navigation .btn:active {
    color: var(--bs-secondary);
    background-color: var(--bs-tertiary);
}
.pre-header .component-scoreboard .event-box .event-links a:hover, .pre-header .component-scoreboard .event-box .event-links a:focus {
    color: var(--bs-secondary);
}
.site-header .component-navbar-secondary .navbar-brand,
.site-header .component-navbar-secondary .navbar .navbar-nav .nav-item .nav-link{
    color: var(--bs-secondary);
}
.component-parallax .bars span{
        display:none !important;
    }
.component-parallax .overlay::before {
    background: rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 992px) {
    .component-countdown.layout-standard .details-2 div[class*="specs"] {
        color: var(--bs-primary);
    }
    .site-header .title-bar .site-title {
        font-weight: 900;
    }
    .site-header .title-bar .site-logo {
        top: 2.25rem;
    }
    .site-header .title-bar .site-title {
        margin-left: 15.5rem;
    }
    .site-header .title-bar .site-logo {
        max-width: 13rem;
        left:1rem;
    }
    .site-header .component-navbar-primary .navbar-nav {
        margin-left: 15.5rem;
    }
    
    .component-parallax .bars span{
        display:none !important;
    }
    .component-countdown.layout-standard .details-1 {
        position: absolute;
        left: 1rem;
        bottom: 5rem;
        width: 161px;
        top: auto;
    }
}
@media only screen and (min-width: 768px) {
    .section.sec-players-of-the-week .page-details {
        background-color: var(--bs-tertiary);
    }
    .section.sec-players-of-the-week .details-wrapper:before {
        border-left: 15px solid var(--bs-tertiary);
        border-right: 15px solid var(--bs-tertiary);
    }
}
.site-footer .footer-details {
    background-color: var(--bs-primary);
}

@media only screen and (min-width: 1600px) {
    .site-header .title-bar .site-title {
        margin-left: 15.5rem;
    }
    .site-header .component-navbar-primary .navbar-nav {
        margin-left: 15rem;
    }
    .site-header .title-bar .site-logo {
        max-width: 15rem;
        left:0;
    }
}

@media only screen and (min-width: 1200px) {
    .pre-header .component-scoreboard .archive-link .btn:hover, 
    .pre-header .component-scoreboard .archive-link .btn:focus {
        color: var(--bs-secondary);
    }
    .sec-social-stream .page-details .component-title {
        font-size: xx-large;
    }
}