@font-face {
    font-family: 'aktiv-grotesk';
    src: url('/fonts/AktivGrotesk-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aktiv-grotesk-bold';
    src: url('/fonts/AktivGrotesk-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aktiv-grotesk-medium';
    src: url('/fonts/AktivGrotesk-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aktiv-grotesk-light';
    src: url('/fonts/AktivGrotesk-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* used to remove the dotted outline of the selected tab */
.k-tabstrip-content.k-focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content:focus, .k-tabstrip > .k-content.k-focus, .k-tabstrip > .k-content.k-state-focused, .k-tabstrip > .k-content:focus {
    outline: none !important;
}

/* Adjust the margin of the headers for cards */
#matchContainer-Desktop h5 {
    margin: unset !important;
    font-weight: bold;
}

.game-result-list .card-actions {
    top: unset !important;
}

.leagueHeader {
    position: absolute;
    left: 0;
    margin-top: 2rem;
    width: 100%;
}

#national-leagues-dropdown .dropdown-menu {
    min-width: 330px;
}

#league-team-list .dropdown-menu li .dropdown-item {
    font-size: unset !important;
}

#league-team-list .dropdown-menu {
    font-size: unset !important;
}

#conferenceDropdownMenuButton {
    background-color: #a6a7a9;
    border: 1px solid transparent;
}

#divisionDropdownMenuButton {
    background-color: #a6a7a9;
    border: 1px solid transparent;
}

/* get rid of the padding below the card title on h tags */

section .card h4, .card h5, .card h6 {
    margin: unset !important;
    line-height: unset !important;
}

.league-breadcrumb section .card-body {
    background-color: #222529 !important;
}

.league-breadcrumb .dropdown-menu li .dropdown-item {
    font-size: .9em !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.league-breadcrumb-schedule-card {

}

.league-breadcrumb .league-breadcrumb-schedule-card .card-body {
    background-color: #2e353e !important;
    color: #d1d1d1 !important;
}

.league-breadcrumb-league-card {
}

.league-breadcrumb-league-card {
    display: flex; /* Use Flexbox to align children side by side */
    flex-wrap: wrap; /* Allow items to wrap if necessary */
    gap: 10px; /* Optional: Adds some space between the items */
}

    .league-breadcrumb-league-card ul {
        display: flex; /* Make the ul itself a flex container to align its children (li) inline */
        margin: 0; /* Remove default margin */
        padding: 0; /* Remove default padding */
        list-style-type: none; /* Remove default list styling */
        color: #d1d1d1 !important;
    }

.league-breadcrumb-league-card li {
    margin-right: 10px; /* Optional: Adds some space between list items */
    color: #d1d1d1 !important;
}


.league-breadcrumb-team-card  {
    
}

.league-breadcrumb-team-card {
    display: flex; /* Use Flexbox to align children side by side */
    flex-wrap: wrap; /* Allow items to wrap if necessary */
    gap: 10px; /* Optional: Adds some space between the items */
}

.league-breadcrumb-team-card ul {
        display: flex; /* Make the ul itself a flex container to align its children (li) inline */
        margin: 0; /* Remove default margin */
        padding: 0; /* Remove default padding */
        list-style-type: none; /* Remove default list styling */
        color: #d1d1d1 !important;
    }

.league-breadcrumb-team-card li {
        margin-right: 10px; /* Optional: Adds some space between list items */
        color: #d1d1d1 !important;
    }

.league-breadcrumb .card-body {
    background-color: #2e353e !important;
    color: #d1d1d1 !important;
}

.league-games {
    padding: unset !important;
    margin: unset !important;
}

.league-games tbody {
    padding: 0;
    margin: 0;
}

.league-games .container {
    padding: 0;
    margin: 0;
    background-color: unset !important;
}

.league-games .container .row {
    padding: 0;
    margin: 0;
}

.league-games table, .table {
    margin: unset !important;
    padding: unset !important;
}

.league-games tbody, td, tfoot, th, thead, tr {
    border: none !important;
    margin: unset !important;
}

.league-games .row {
    margin: unset !important;
    padding: 0 !important;
}

    .league-games h5 {
        font-size: 16px;
        color: #4f84be;
        margin: 0;
        padding: 0;
        font-weight: 600;
    }

.league-games .team-name {
    color: #4e4f52;
    font-weight: 300;
    font-size: .9rem;
    padding-bottom: 2px;
}



.league-games .team-col {
    width: 60%;
}

.league-games .team-th {
    width: 60%;
}

.league-games .team-col .col {
    margin: 0;
    padding: 0;
}

.league-games .mvp-col {
    width: 30%;
    font-weight: 300;
    font-size: .9rem;
}

.league-games .mvp-col .col {
    margin: 0;
    padding: 0;
}

.league-games .mvp-th {
    width: 30%;
    font-weight: 300;
    font-size: .9rem;
}

.league-games .scores-col {
    width: 120px;
    text-align: right;
}

.league-games .scores-th {
    width: 120px;
    text-align: right;
    padding-right: 16px;
}


    .league-games .winner {
        font-weight: 600;
        color: #232529;
        font-size: .9rem;
    }

.league-games .score {
    font-size: 1rem;
    color: #b2b7be;
    font-weight: 600;
}

.league-games th {
    font-weight: unset !important;
}

.league-games th tr td {
    font-weight: unset !important;
}

    .league-games .game-name {
        font-size: 1rem;
        color: #232529;
        font-weight: 600;
    }

    .league-games .leaders-th {
        font-size: .9rem;
        vertical-align: text-bottom;
        color: #4e4f52;
        font-weight: 600;
    }

    .league-games .scoreWinner {
        color: #232529;
    }

.league-games .game {
    padding: 0;
    margin: 0;
}

.league-games .game .table:first-child {
    
}

    .league-games .game .table > thead {
        border-bottom: 1px dashed #b2b7be!important;
    }

.league-games .overall-leader {
    font-weight: 600;
}

.league-games .overall-leader {
    
}

.league-games .overall-leader {
    
}

.league-games .mvp-col a {
    text-decoration: none;
}

.league-games .mvp-col a:hover {

    text-decoration: underline;
}

.league-games .table-striped tbody tr:nth-of-type(odd):not(.table .table tr) {
        background-color: unset !important;
    }

.league-games .table-striped tbody tr:nth-of-type(even):not(.table .table tr) {
        background-color: #d1d1d1;
    }

.league-games .individual-score {
    font-weight: normal !important;
    font-size: unset !important;
}

.league-games .overall-leader .individual-score {
    font-weight: 600 !important;
}

.league-games-col {
    padding: 0;
}

.table-teams {
    font-size: var(--font-size-table);
}

.table-teams th:first-child, .table-teams td:first-child {
    border-right: 1px solid #dcdcdc !important; /* A light gray color */
}

.table-teams th:nth-child(5), .table-teams td:nth-child(5) {
    border-left: 1px solid #dcdcdc !important; /* A light gray color for the border */
}

.table-teams th:nth-child(8), .table-teams td:nth-child(8) {
    border-left: 1px solid #dcdcdc !important; /* A light gray color for the border */
}


.table-teams th:nth-child(9), .table-teams td:nth-child(9) {
    border-left: 1px solid #dcdcdc !important; /* A light gray color for the border */
}


.league-nav-card-active .card-body {
    background-color: #2e353e;
    box-shadow: 0 3px 6px rgba(50, 50, 50, 1);
}

.league-nav-card-active {
    color: #d1d1d1;
    border-color: var(--primary-color);
}

    .league-nav-card-active a {
        color: #ffffff;
    }

    .league-nav-card-active a:hover {
        text-decoration: none;
    }

.table-games {
    font-size: var(--font-size-table);
}

.table-games thead th {
    font-weight: 600 !important;
}

.league-games-schedule-table {
    font-size: var(--font-size-table) !important;
}

div:has(.league-games-schedule-table) table {
    width: 100% !important;
}

.league-games-schedule-table tr,th,td {

}

.league-games-schedule-table th {
    font-weight: 500 !important;
    font-size: .75rem !important;

}

.league-games-schedule-table tr,td {

}

.league-games-tbr {
    font-size: 18px !important;
    font-weight: 500 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.team-link a {
    font-size: 1.2em !important;
    font-weight: 500 !important;
}

.game-versus {
    color: #4e4f52 !important;
    vertical-align: middle !important;
    padding-top: 15px !important;
}

.games-versus-card-body {
    
}

.game-versus-list {
    color: var(--primary-color);
    vertical-align: middle !important;
    padding-top: 25px !important;
}

.games-versus-list-col {
    
}

.games-versus-list-away {

}

.games-versus-list-home {

}

.games-versus-list-row {
    padding-top: 0 !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    border-bottom: 1px dotted #b2b7be !important;
}

.games-versus-list-row:nth-child(even) {
    background-color: #f1f1f1;
}

.games-versus-list-row {
    padding-top: 0 !important;
}

.games-versus-list-row .row {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}

.game-tie {
    background-color: #4e4f52 !important;
    border-color: #2e353e !important;
}



.game-leader {

}

.game-follower {

}

.active a {
    color: var(--breadcrumb-active-item-color) !important;
}

#MatchHtmlDocument h1 {
    font-family: aktiv-grotesk-light;
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px;
}

#MatchHtmlDocument h2 {
    font-family: aktiv-grotesk-light;
    font-size: 20px;
    line-height: 26px;
}

#MatchHtmlDocument h3 {
    font-family: aktiv-grotesk-light;
    font-size: 16px;
    line-height: 22px;
}

#MatchHtmlDocument p {
    font-family: aktiv-grotesk;
    font-size: 16px;
    line-height: 22px;
}

#MatchHtmlDocument ol li,
#MatchHtmlDocument ul li,
#MatchHtmlDocument ol li p,
#MatchHtmlDocument ul li p {
    font-family: aktiv-grotesk;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}