@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200..800&family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

:root {
    --body-font-family: 'Cabin', sans-serif;
    --bs-font-sans-serif: 'Cabin', sans-serif;
    --bs-body-font-family: 'Cabin', sans-serif;
    --heading-font-family: "BioRhyme", serif;
}

.pre-header .site-title span {   font-family: "BioRhyme", serif; }

.site-header .navbar-offcanvas-template .btn-link[data-bs-toggle="offcanvas"] {    font-family: "BioRhyme", serif;   letter-spacing: 1px;    font-weight: normal; }
.site-header .component-nav.layout-standard .nav-link {   font-family: "BioRhyme", serif; }

.section.sec-scoreboard > .container.bg-primary-light {   background-color: var(--bs-primary); }
.section.sec-scoreboard .nav-pills .nav-link.active {   color: #efcf02; }
.component-scoreboard.layout-standard .card .card-header {    background-color: #efcf02;   color: var(--bs-primary); }
.component-scoreboard.layout-standard .slick-active + .slick-active .card-body:after {   background-color: #fff; }
.component-scoreboard.layout-standard .slick-arrow {    border-color: #fff;   color: #fff; }

footer#site-footer {    background-color: #efcf0c !important;   background-image: none; }
.site-footer .footer-details .text {   color: var(--bs-primary); }
.site-footer .footer-details .title {    font-family: "BioRhyme", serif;   font-size: 1.2rem !important; }
.site-footer .affiliate-logos .component-banner.layout-flex .item img {   max-width: 200px; }
.site-header .branding span:before, .site-header .branding span:after {   background-color: #efcf02; }

.pre-header .site-title {    background: #EFCF0C !important;    color: var(--bs-primary) !important;   font-weight: bold; }

.site-header .navbar-offcanvas-template .navbar-dark.bg-secondary .offcanvas-header h5 {   font-family: "BioRhyme", serif; }

@media(min-width:992px){
    .site-header .site-logo {   top: 0; }
    .site-home .site-header .site-logo img {   max-height: 6.4rem; }
    
    section.section.sec-top-stories {   padding-top: 1rem !important; }
    .site-header .branding span:before, .site-header .branding span:after {   background-color: #efcf02; }
    
    .section.sec-scoreboard .form-floating{left: 16rem;}
    .site-header .links .component-nav.layout-standard .nav-link {   padding-left: 5px;     padding-right: 10px;}
    .site-header .social-icons .component-nav.layout-standard .nav-link {    padding-left: 5px;   padding-right: 5px; }
}

@media(min-width:1200px){
    .site-footer .footer-details img {   max-height: 7rem; }
    .site-header .component-navbar-offcanvas.layout-standard .sidebar > .nav > .nav-item > .nav-link:hover, .site-header .component-navbar-offcanvas.layout-standard .sidebar > .nav > .nav-item > .nav-link > span > .nav-link:hover, .site-header .component-navbar-offcanvas.layout-standard .sidebar > .nav > .nav-item > .nav-link > span > a:hover {
    color: var(--bs-primary);   opacity: 1; }
    .site-header .component-navbar-offcanvas.layout-standard .submenu-wrapper.level-2 > .submenu-inner > .submenu > .accordion-item > span.nav-link > span > a.nav-link.accordion-link {
    color: var(--bs-primary);    font-weight: bold;   font-size: 1.25rem; }
}


@media(min-width:1400px){
    .section.sec-scoreboard .form-floating {   left: 21rem; }
}

@media(max-width:1200px){
    .site-footer .affiliate-logos .component-banner.layout-flex ul {   flex-wrap: wrap; }
}

@media(max-width:991px){
    .site-header .site-logo img {   margin-top: -10px; }
}

.hbcuacFPVideo {
    width: 500px !important;
    margin: 0 auto 13px auto !important;
}