@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');

:root {
   --body-font-family: 'Arial', sans-serif;
   --bs-font-sans-serif: 'Arial', sans-serif;
   --bs-body-font-family: 'Arial', sans-serif;
   --heading-font-family: 'Rajdhani', sans-serif;
}

body {    
      background-image: url("/assets/Texturebg.png");
      background-attachment: fixed;
      background-size: cover;
    
}

.site-header .site-title {
    font-weight: bold;
    text-transform: uppercase;
    --el-opacity: 1;
    font-family: Rajdhani;
    font-size: 1.2rem;
}
.site-header:not(.sticky-top) .site-title-wrapper {
    border-bottom:1px solid var(--bs-primary);
    background: black;
}

.site-header {
        background: transparent;
    }

@media only screen and (min-width: 992px) {
    .site-header .menu .component-navbar-primary .dropdown-menu {
        border-bottom: 0.25rem solid;
        border-bottom-color: #387C93 !important;
    }
    .site-header.sticky-top {
    background-color: black !important
    }
    .site-header .header-buttons button {
        --bs-btn-color: black !important;
        --bs-btn-bg: white;
        --bs-btn-hover-bg: black;
        --bs-btn-hover-color: white;
    }
     .site-header .menu .component-navbar-primary .dropdown-menu {
        background: #000 !important;
}
}

.card {
     background: transparent;
     color: white !important;
}
.component-scoreboard.layout-tabular .sport-name {   
    --bs-link-color: white;
    --bs-link-hover-color: #a1a1a1;
}
.section-schedule-results .archive-link .btn-link {
    --bs-btn-bg: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-primary);
}

.section-schedule-results .component-title {
    font-family: Arial;
    font-weight: bold;
}

.landing .section-wrapper.section-sponsors {
    background: white;
}
.section-wrapper .component-title {
   color: white;
}
.section-event-countdown .component-countdown.layout-matchup .countdown-digit span {
    background: black;
}
.component-headlines.layout-flow .slick-active .card-body:after {
    background: black;
}

.site-header .menu .component-navbar-primary .navbar-nav > .nav-item > .nav-link {
      font-weight: bold;
}

.component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-link {
    color: white;
}
.component-navbar-secondary.layout-standard .navbar .navbar-nav .nav-link:hover {
    color: #a1a1a1;
}
.site-header .secondary-navigation .navbar-secondary {
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #a1a1a1;
}

.component-navbar-secondary.layout-standard .navbar .flexible-menu .flexible-dropdown-menu.dropdown-menu-right {
    background: black !important;
}