/* Fonts for public site (DM Sans / Roboto / Montserrat still used in public rules below).
   Admin/scoring/superadmin fonts (Geist + Geist Mono + Inter) are loaded via <link> in App.razor per BRAND-KIT §3.1. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    /* Defaults — overridden at runtime by LeagueThemeProvider */
    --league-primary: #14213D;
    --league-secondary: #FCA311;
    --league-accent: #4da8da;
    --brand-color: var(--league-primary);
    --secondary-color: var(--league-secondary);

    /* ═════════════════════════════════════════════════════════════════════
       BRAND-KIT v1 tokens — canonical for admin/scoring/superadmin surfaces.
       Source: docs/BRAND-KIT.md §1–§5 (extracted from LeagueHub_Admin.pen).
       Public site (MainLayout) is out of scope and continues to use
       --league-primary / --league-secondary / --brand-color above.
       Runtime-overridable per league (ADR-002): --accent, --accent-dark, --navy.
       ═════════════════════════════════════════════════════════════════════ */

    /* 1.1 Brand */
    --accent:       #E59500;   /* primary interactive: buttons, links, active states, focus ring */
    --accent-dark:  #B87700;   /* primary hover/active */
    --accent-light: #FEF3C7;   /* subtle highlight backgrounds */
    --primary:      #E59500;   /* alias → --accent; prefer --accent in new code */
    --primary-dark: #CC8400;   /* legacy alias — avoid in new code */
    --accent-hover: #B87700;   /* link-hover + button-hover darker accent (admin Bootstrap overrides) */
    --navy:         #14213D;   /* structural / brand accents; runtime-overridable by LeagueConfig */
    --navy-light:   #1A2B4D;   /* hover on navy structural elements */

    /* 1.2 Surface */
    --bg:           #F5F6F8;   /* admin/scoring page canvas */
    --surface:      #FFFFFF;   /* cards, modals, table rows, inputs */
    --border:       #E5E7EB;   /* input borders, card edges */
    --border-light: #F3F4F6;   /* row dividers, subtle separators */
    --shadow-color: rgba(0, 0, 0, 0.05);

    /* 1.3 Text */
    --text:           #111827;
    --text-secondary: #6B7280;
    --text-muted:     #9CA3AF;
    --text-light:     #ADB5BD;
    --white:          #FFFFFF;

    /* 1.4 Sidebar (admin only — never SuperAdmin) */
    --sidebar:             #0F1117;
    --sidebar-hover:       #1A1D27;
    --sidebar-active:      #262A37;
    --sidebar-text:        #9CA3AF;
    --sidebar-text-active: #FFFFFF;

    /* 1.5 SuperAdmin (SuperAdmin project only) */
    --superadmin-bg:      #0F172A;
    --superadmin-nav:     #1A1A2E;
    --superadmin-surface: #1E293B;

    /* 1.6 State (always paired: text + -bg) */
    --success: #10B981;   --success-bg: #ECFDF5;
    --danger:  #EF4444;   --danger-bg:  #FEF2F2;   --danger-hover: #DC2626;
    --warning: #F59E0B;   --warning-bg: #FFFBEB;
    --info:    #3B82F6;   --info-bg:    #EFF6FF;
    --purple:  #8B5CF6;   --purple-bg:  #F5F3FF;

    /* 1.7 Structural */
    --slate: #1E293B;   /* dark <thead> background, Log Penalty primary button */

    /* 1.6b State darks (for text-on-state-bg, high-contrast readout) — extension to BRAND-KIT §1.6 */
    --success-dark:   #047857;
    --success-darker: #065F46;
    --danger-dark:    #B91C1C;
    --warning-dark:   #92400E;
    --info-dark:      #1E40AF;
    --purple-dark:    #6B21A8;

    /* 1.6c State tints (borders, gradient stops, pill fills) */
    --danger-tint:    #FEE2E2;   /* danger gradient start */
    --danger-light:   #F87171;   /* danger gradient mid */
    --info-border:    #DBEAFE;   /* info pill border / position-D pill fill */
    --purple-border:  #E9D5FF;   /* purple pill border / position-G pill fill */

    /* 1.4b Sidebar deep + on-accent text */
    --sidebar-deeper: #0B0D13;   /* darker than --sidebar, scoring setup-rail background */
    --text-on-accent: #1A1100;   /* readable text on amber (accent) surfaces */
    --border-hover:   #D0D5DD;   /* input/select hover border */

    /* 1.1b Accent glow (focus-ring shadow, active-step halo) */
    --accent-glow:    rgba(229, 149, 0, 0.15);

    /* 1.1c Bootstrap-compat grays (scoring.css legacy — pending redesign).
       DEPRECATED: do not use in new code. Retained solely so existing scoring
       pages keep pixel fidelity until the scoring redesign lands. */
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-900: #212529;

    /* 3.1–3.2 Typography (Geist display + Geist Mono labels + Inter body) */
    --font-sans:    'Inter', system-ui, sans-serif;
    --font-heading: 'Geist', 'Inter', system-ui, sans-serif;
    --font-mono:    'Geist Mono', ui-monospace, SFMono-Regular, monospace;

    --text-page-title-size:    24px;   --text-page-title-weight:    700;   --text-page-title-lh:    1.25;
    --text-page-subtitle-size: 14px;   --text-page-subtitle-weight: 400;   --text-page-subtitle-lh: 1.45;
    --text-card-title-size:    15px;   --text-card-title-weight:    600;   --text-card-title-lh:    1.3;
    --text-stat-size:          32px;   --text-stat-weight:          700;   --text-stat-lh:          1.1;
    --text-body-size:          13px;   --text-body-weight:          400;   --text-body-lh:          1.5;
    --text-body-strong-size:   13px;   --text-body-strong-weight:   500;   --text-body-strong-lh:   1.5;
    --text-mono-label-size:    11px;   --text-mono-label-weight:    600;   --text-mono-label-lh:    1.2;
    --text-micro-size:         10px;   --text-micro-weight:         400;   --text-micro-lh:         1.2;
    --text-section-size:        9px;   --text-section-weight:       500;   --text-section-lh:       1.2;

    /* 1.8 Surface extended (redesign) */
    --surface-2: #FAFBFC;

    /* 1.9 Atomic inline-style aliases — issue #293
       Referenced from razor `style=` attributes on legacy admin pages
       (SuspensionDetail, ScorekeeperAccess, GameGoalies, Awards family).
       Declared here so those pages stop falling back to CSS `initial`. */
    --space-1:      4px;
    --space-2:      8px;
    --space-3:     12px;
    --space-4:     16px;
    --space-5:     24px;
    --text-sm:     12px;
    --fs-sm:       12px;
    --fs-base:     14px;
    --fw-semibold: 600;
    --border-subtle: var(--border-light);

    /* 4.2 Radius */
    --radius-sm:    8px;        /* buttons, inputs, search, badges, nav items */
    --radius-md:   12px;        /* cards, modals, stat cards, table cards */
    --radius-sheet:12px 12px 0 0;   /* bottom sheets */
    --r-sm: 8px;  --r-md: 10px;  --r-lg: 14px;  --r-xl: 18px;

    /* 4.3 Sidebar width (redesign) */
    --sidebar-w: 248px;

    /* 5 Elevation (BRAND-KIT scale, prefixed to avoid collision with legacy --shadow-sm/md/lg) */
    --lh-shadow-sm: 0 1px 3px var(--shadow-color);
    --lh-shadow-lg: 0 2px 8px var(--shadow-color);
    --shadow-sm: 0 1px 2px rgba(15,23,42,0.04), 0 1px 3px rgba(15,23,42,0.03);
    --shadow-md: 0 2px 6px rgba(15,23,42,0.05), 0 8px 20px rgba(15,23,42,0.04);

    /* 8 Motion */
    --lh-motion-fast: 150ms;   /* pill/tab state swaps, hover tint */
    --lh-motion-base: 200ms;   /* bottom sheet slide-up, backdrop fade, modal open */
    --lh-motion-slow: 400ms;   /* page-section entrance (use sparingly) */

    /* ═════════════════════════════════════════════════════════════════════
       Public tokens — canonical for public-site surfaces (MainLayout, public
       pages, public widgets, custom.css, responsive.css, public rules in
       style.css). Source: docs/BRAND-KIT-PUBLIC.md.
       DO NOT consume on admin/scoring/superadmin surfaces (use BRAND-KIT v1
       tokens above). DO NOT consume admin tokens on public surfaces.
       The three --league-* tokens at the top of :root remain the runtime-
       overridable brand identity channel per ADR-002.
       ═════════════════════════════════════════════════════════════════════ */

    /* P.1 Brand extensions — derived from runtime --league-* tokens so LeagueConfig
       overrides automatically propagate to hover states. Defined as color-mix so
       they stay in-family with any white-label brand, not just PBHL navy/amber. */
    --league-primary-light:   color-mix(in srgb, var(--league-primary)   85%, white);
    --league-secondary-dark:  color-mix(in srgb, var(--league-secondary) 90%, black);

    /* P.2 Public surface */
    --pub-bg:            #FFFFFF;
    --pub-surface:       #FFFFFF;
    --pub-surface-alt:   #F8F9FA;
    --pub-border:        #E5E5E5;
    --pub-border-light:  #F1F1F1;

    /* P.3 Public text */
    --pub-text:           #212529;
    --pub-text-secondary: #495057;
    --pub-text-muted:     #666666;
    --pub-text-on-navy:   #FFFFFF;
    --pub-text-on-amber:  #14213D;

    /* P.4 Public state (game status badges — ADR-006 GameStatus enum) */
    --pub-live:           #D32F2F;   --pub-live-bg:       #FFEBEE;
    --pub-final:          #1B5E20;   --pub-final-bg:      #E8F5E9;
    --pub-scheduled:      #14213D;   --pub-scheduled-bg:  #F8F9FA;
    --pub-postponed:      #EF6C00;   --pub-postponed-bg:  #FFF3E0;
    --pub-cancelled:      #616161;   --pub-cancelled-bg:  #F5F5F5;

    /* P.5 Public typography scale */
    --pub-text-h1:            56px;   --pub-text-h1-weight:            700;   --pub-text-h1-lh:            1.18;
    --pub-text-h2:            36px;   --pub-text-h2-weight:            700;   --pub-text-h2-lh:            1.22;
    --pub-text-section-title: 22px;   --pub-text-section-title-weight: 700;   --pub-text-section-title-lh: 1.3;    /* section headings — Alumni, etc. */
    --pub-text-h3:            24px;   --pub-text-h3-weight:            600;   --pub-text-h3-lh:            1.3;
    --pub-text-subtitle:      18px;   --pub-text-subtitle-weight:      700;   --pub-text-subtitle-lh:      1.3;    /* empty-state headlines, inset headings */
    --pub-text-body:          16px;   --pub-text-body-weight:          400;   --pub-text-body-lh:          1.5;
    --pub-text-meta:          14px;   --pub-text-meta-weight:          400;   --pub-text-meta-lh:          1.45;
    --pub-text-micro:         13px;   --pub-text-micro-weight:         400;   --pub-text-micro-lh:         1.35;
    --pub-text-label:         12px;   --pub-text-label-weight:         600;   --pub-text-label-lh:         1.2;    /* small mono card labels (Alumni season card, etc.) */
    --pub-text-table-head:    11px;   --pub-text-table-head-weight:    600;   --pub-text-table-head-lh:    1.2;

    /* P.6 Public elevation */
    --pub-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --pub-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);

    /* P.7 Public gold gradient stops — trophy mark + empty-state icon on /awards.
       Tokenized here (rather than inlined) because multiple award-adjacent surfaces
       may reuse this warm-amber ramp (admin Awards page, player profile award card
       sidebar etc.). Source: wwwroot/mockups/public/awards.html :root --gold-from/to. */
    --pub-gold-from: #FEF3C7;
    --pub-gold-to:   #FDE68A;

    /* P.8 Public deep-slate hero stop — Awards subhero gradient origin.
       Distinct from admin --navy (#14213D); matches the v2 mockup hero
       darker tone. Reusable on future dark-hero public surfaces. */
    --pub-slate-deep: #0F172A;

    /* P.9 Position pill tokens — Stats page position badges (Forward / Defenceman / Goalie).
       Tokenized here so any future public surface that renders position badges stays
       consistent without inlining hex. Audit decision Q3 (position filter kept). */
    --pub-pos-F-bg: #FEF3C7;   --pub-pos-F: #92400E;   /* Forward  — warm amber  */
    --pub-pos-D-bg: #DBEAFE;   --pub-pos-D: #1E40AF;   /* Defence  — cool blue   */
    --pub-pos-G-bg: #E9D5FF;   --pub-pos-G: #6B21A8;   /* Goalie   — purple      */
  
    /* P.10 Public discipline state tokens — Suspensions page remaining-games
       color signal + progress bar fill. Distinct from admin --success/--danger
       (BRAND-KIT v1) so public pages never consume admin tokens.
       Green = suspension served (RemainingGames = 0).
       Red   = suspension active (RemainingGames > 0).
       (P.9 reserved for the Stats page position-pill tokens
        --pub-pos-F/D/G/-bg landing in PR #468.) */
    --pub-success:    #15803D;   --pub-success-bg: #DCFCE7;
    --pub-danger:     #B91C1C;   --pub-danger-bg:  #FEE2E2; */



    /* P.11 Transaction-type pill tokens (feat/public-transactions-port, PA4 Lane 4c).
       Separate semantic names even when values overlap with other pill sets — coupling
       by value is intentional but coupling by name is not (future rebranding must not
       force a rename cascade across both pages).
       Trade (blue): same blue-family as P.9 position-D, separate name for clear intent.
       Signing (green): reuses the shared green pair #DCFCE7 / #166534; separate token names keep transaction semantics explicit.
       Release (red): reuses the shared red pair #FEE2E2 / #991B1B; separate token names keep transaction semantics explicit.
       Callup (purple): new — no prior token covers this hue. */
    --pub-tx-trade-bg:   #DBEAFE;   --pub-tx-trade:   #1E40AF;   /* blue — Trade / Waiver */
    --pub-tx-signing-bg: #DCFCE7;   --pub-tx-signing: #166534;   /* green — Signing */
    --pub-tx-release-bg: #FEE2E2;   --pub-tx-release: #991B1B;   /* red — Release */
    --pub-tx-callup-bg:  #EDE9FE;   --pub-tx-callup:  #5B21B6;   /* purple — Callup (new hue) */

    /* P.12 InitialsAvatar palette — 6 deterministic bg/fg pairs for avatar tiles.
       Index selected via Math.Abs(firstChar) % 6 in InitialsAvatar.razor.
       Dark backgrounds, light foregrounds for accessible contrast on the tile surface.
       Source: ui-design-alumni.md §1c (PR #557). */
    --avatar-bg-0: #1E3A5F;   --avatar-fg-0: #93C5FD;   /* deep navy / sky */
    --avatar-bg-1: #1C3D2E;   --avatar-fg-1: #6EE7B7;   /* forest / mint */
    --avatar-bg-2: #3D1F4E;   --avatar-fg-2: #C4B5FD;   /* plum / lavender */
    --avatar-bg-3: #3D2A0B;   --avatar-fg-3: #FCD34D;   /* brown / amber */
    --avatar-bg-4: #1F2D3D;   --avatar-fg-4: #94A3B8;   /* slate / cool gray */
    --avatar-bg-5: #2D1B33;   --avatar-fg-5: #F9A8D4;   /* dark violet / rose */

    /* P.13 Slate-surface text — text on the dark --slate (#1E293B) thead background.
       Used in Alumni.razor.css thead th. Distinct from --pub-text-on-navy (white on navy)
       because the slate surface is darker and calls for a slightly reduced-opacity white.
       Source: PR #557 design-reviewer Fix 2. */
    --text-on-slate-secondary: rgba(255, 255, 255, 0.65);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    font-family: "Inter", sans-serif;
    /* font-family: "DM Sans", sans-serif; */
    /* font-family: "Roboto", sans-serif; */
    /* font-family: "Montserrat", sans-serif; */
}

h1,
h2,
h3,
h4,
h5,
button,
p,
figure,
ul {
    margin: 0;
}

button {
    border: none;
    /* Intentionally no outline/box-shadow suppression — WCAG 2.4.7.
       The browser's :focus-visible ring is the baseline; admin/scoring
       override with a branded --accent ring in admin.css + brand-kit.css. */
}

ul {
    list-style: none;
    padding: 0;
}

a {
    text-decoration: none;
}

.bg_secondary {
    background-color: var(--secondary-color) !important;
}

.bg_brand {
    background-color: var(--brand-color) !important;
}

.top-nav {
    max-height: 155px;
    background-color: var(--pub-border-light);
    padding: 0 48px;
    overflow: hidden;
}

.sm-navbar-nav {
    display: none !important;
}



.game {
    background-color: var(--pub-bg);
    min-height: 135px;
    padding: 15px;
}

/* Legacy `.games-slot .time` vertical-column rule intentionally removed —
   status now lives inline at the top-right of the tile (see .game-status
   below). Keeping markup without that rotated left column fixes the
   "hard to tell which game" problem on the public ticker. */

.game-header {
    margin-bottom: 6px;
}
.game-header .game-date {
    font-size: 11px;
    font-weight: 500;
    color: var(--pub-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.game-header .game-status {
    font-size: 11px;
    font-weight: 500;
    color: var(--pub-text);
}
.game-venue {
    font-size: 11px;
    color: var(--pub-text-muted);
    margin-bottom: 4px;
}

.game-body ul {
    margin-top: 5px;
}

    .game-body ul li {
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 10px;
    }

.game-body p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
}

.game-body span {
    font-size: 24px;
    font-weight: 400;
    line-height: 25px;
}

.owl-nav {
    display: block !important;
}

.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -59px;
    background: var(--pub-border) !important;
    height: 100%;
    width: 50px;
}

.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -52px;
    background: var(--pub-border) !important;
    height: 100%;
    width: 50px;
}

.main-nav {
   /* height: 110px;*/
    background-color: var(--brand-color);
    /* padding: 0 48px; */
}
.main-nav-admin {
    /* height: 110px;*/
    background-color: var(--secondary-color);
    /* padding: 0 48px; */
}

    .main-nav .nav-item .nav-link {
        font-size: 18px;
        font-weight: 500;
        line-height: 18px;
        color: var(--pub-bg);
        text-transform: capitalize;
    }

.point-table-body table {
    border-collapse: separate;
    width: 100%;
    border-spacing: 0 10px;
}

.point-table-body tr {
    padding: 8px;
    text-align: left;
}

    .point-table-body tr td {
        padding: 6px 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        border: 1px solid var(--pub-border);
        border-right: none;
        border-left: none;
    }

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.active-tr {
    background: var(--secondary-color);
}

.point-table-body td:first-child {
    width: 15%;
    border-left-style: solid;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 1px solid var(--pub-border);
}

.point-table-body td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-right: 1px solid var(--pub-border);
    ;
}

.hero-section {
    height: calc(100vh - 225px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-text-content-sm {
    display: none;
}

.hero-text-content {
    padding: 0 10px;
}

    .hero-text-content h1 {
        font-family: "Montserrat", sans-serif;
        font-size: 56px;
        font-weight: 700;
        line-height: 66px;
        margin-bottom: 30px;
    }

    .hero-text-content p {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        font-family: "Roboto", sans-serif;
        margin-bottom: 15px;
    }

.point-table-header {
    border-bottom: 1px solid var(--pub-text);
    padding: 10px 0;
    margin-bottom: 20px;
}

    .point-table-header h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
    }

.point-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}

.point {
    font-size: 72px;
    font-weight: 500;
    line-height: 87px;
    margin-bottom: 6px;
}

.team-name {
    
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.player-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 6px;
}

.tablef-text {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-align: right;
}

.statistics-section {
    padding-top: 0;
/*    padding-bottom: 60px;*/
}

    .statistics-section h2 {
        font-size: 40px;
        font-weight: 500;
        line-height: 48px;
        color: var(--brand-color);
        margin-bottom: 10px;
    }

    .statistics-section .tabs {
        border-bottom: 1px solid var(--pub-text);
        padding: 10px 0 !important;
    }

        .statistics-section .tabs ul {
            display: flex;
            align-items: center;
            gap: 50px;
        }

            .statistics-section .tabs ul li {
                font-size: 16px;
                font-weight: 400;
                line-height: 19px;
            }

                .statistics-section .tabs ul li.active,
                .statistics-section .tabs ul li .tab-btn.active {
                    font-weight: 700;
                }

.point-table-header .tabs {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 0 10px;
}

    .point-table-header .tabs li {
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
    }

        .point-table-header .tabs li.active,
        .point-table-header .tabs li .tab-btn.active {
            font-weight: 700;
            border-bottom: 1px solid var(--pub-text);
        }

/* Blazor-driven tab button — reset browser defaults so the <button> inside
   a <li> renders indistinguishably from the old <li onclick> tab pattern.
   Keeps visual parity while giving us native keyboard, role=tab, and
   aria-selected support. The :focus-visible rule below draws the 2px
   --league-secondary (amber) ring per BRAND-KIT-PUBLIC §2 rule 7. */
.statistics-section .tab-btn,
.point-table-header .tab-btn {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    line-height: inherit;
}
.statistics-section .tab-btn:focus-visible,
.point-table-header .tab-btn:focus-visible {
    outline: 2px solid var(--league-secondary);
    outline-offset: 2px;
}

.statistics-reports {
    padding-bottom: 50px;
}

    .statistics-reports .point-table-wrapper {
        padding: 0 10px;
    }

    .statistics-reports .tabs {
        padding: 0;
    }

    .statistics-reports .point-table-header {
        padding-bottom: 0;
    }

    .statistics-reports .row .col-md-6 {
        padding-bottom: 90px;
    }

.home-Sponsors {
    padding-bottom: 50px;
}

    .home-Sponsors .row .col-md-6 {
        padding-bottom: 15px;
    }

    .home-Sponsors h2 {
        font-size: 40px;
        font-weight: 500;
        line-height: 48px;
        text-align: center;
        color: var(--brand-color);
        margin-bottom: 40px;
    }

.footer {
    padding: 30px 0;
    background-color: var(--brand-color);
}

.social-box {
    margin-bottom: 5px;
}

    .social-box h3 {
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 21px;
        text-align: center;
        margin-bottom: 10px;
        color: var(--pub-bg);
    }

.copyRight {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: var(--pub-bg);
    margin: 20px 0;
}

.links ul li a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--pub-bg);
}

.emery-section {
    display: none;
}

.heading {
    border-bottom: 1px solid var(--pub-text);
    padding: 20px 0;
}

    .heading h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
    }

    .heading select {
        width: 35%;
        height: 48px;
        padding: 12px 12px 12px 16px;
        border-radius: 8px;
        border: 2px solid var(--pub-border);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        background-color: transparent;
        color: var(--brand-color);
    }
    .heading select:focus-visible {
        outline: 2px solid var(--league-secondary);
        outline-offset: 2px;
    }

.section {
    padding: 40px 0;
}

.table-heading {
    margin-bottom: 50px;
}

    .table-heading h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
    }

.table-wrapepr table {
    width: 100%;
    border-spacing: 0 10px;
}

    .table-wrapepr table th {
        font-size: 11px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        text-align: center;
        padding: 17px 0;
    }


    .table-wrapepr table tr td {
        padding: 24px 10px !important;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        padding: 10px;
        color: var(--pub-text-secondary);
        text-align: center;
    }

.table-wrapepr {
    padding: 50px 0;
}



.standings-table thead tr {
    border-top: 1px solid var(--pub-border);
    border-bottom: 1px solid var(--pub-border);
}

.standings-table tr td {
    padding: 24px 10px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 10px;
    color: var(--pub-text-secondary);
    text-align: center;
}

.standings-table tr th {
    padding: 24px 10px !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.04em;
    color: var(--brand-color);
    text-align: center;
}

.table > :not(:first-child) {
    border-top: none;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-item {
    margin-bottom: 20px;
}

.accordion-body p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.accordion-button {
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
}

.player-stats-heading select {
    width: 15%;
}

.sub-hero h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: var(--brand-color);
}


.roster-hero-row h2 {
    font-size: 56px;
    font-weight: 700;
    line-height: 66px;
    margin-bottom: 20px;
}

.roster-hero-row p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.roster-hero-row figure img {
}

.roster-hero-row .hero-text-content-sm figure {
    display: flex;
    justify-content: center;
}

    .roster-hero-row .hero-text-content-sm figure img {
        width: 100%;
    }

.awards-hero-lg-img {
    width: 80%;
    border-radius: 40px;
}

.awards-text-content span {
    font-size: 31px;
    font-weight: 700;
    line-height: 44px;
}

.awards-text-content h2 {
    font-size: 56px;
    font-weight: 700;
    line-height: 66px;
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.awards-text-content h4 {
    font-size: 31px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 10px;
}

.awards-text-content p {
    font-size: 18px;
    line-height: 30px;
}

.awards-box {
    box-shadow: 0px 4px 4px 0px var(--pub-border)40;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 7px;
    width: 90%;
    padding: 20px;
    transition: all .3s ease-in;
    cursor: pointer;
}

    .awards-box:hover {
        box-shadow: 0px 0px 4px 0px var(--pub-border);
    }

    .awards-box figure img {
        width: 55%;
        display: block;
        margin: 0 auto;
    }

    .awards-box h3 {
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        color: var(--pub-text);
    }

    .awards-box span {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: var(--pub-text);
    }

    .awards-box p {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: var(--pub-text);
    }

.all-awards-section .row .col-md-3 {
    margin-bottom: 50px;
}

.all-awards-section .row {
    border-bottom: 1px solid var(--pub-text)
}

.awards-heading h2 {
    font-size: 31px;
    font-weight: 700;
    line-height: 44px;
}

.sponsors-img {
    width: 55%;
    margin: 0 auto;
}

.all-sponsors-section .row .col-md-12 {
    border-bottom: 1px solid var(--pub-text);
}

.single-sponsor {
    padding: 100px 0;
}

.all-sponsors-section .row .col-md-12:nth-child(1) {
    border-top: 1px solid var(--pub-text);
}

.single-sponsor-content {
    padding: 0 12px;
}

.single-sponsor h2 {
    font-size: 56px;
    font-weight: 700;
    line-height: 66px;
    margin-bottom: 10px;
}

.single-sponsor p {
    font-size: 18px;
    line-height: 30px;
}

.single-sponsor figure {
    display: flex;
    justify-content: center;
}

.single-sponsor-content .btns {
    padding-top: 40px;
}

    .single-sponsor-content .btns a {
        font-family: "DM Sans", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
        color: var(--secondary-color);
        border: 1px solid var(--secondary-color);
        padding: 23px 36px 23px 36px;
        gap: 8px;
        border-radius: 30px;
    }

.accordion-item table tr td {
    font-size: 14px;
}

.navbar-companyTitle, .navbar-companyTitle:hover {
    color: var(--pub-bg);
    font-weight: 400;
    font-size: 25px;
}
.navbar-admin-companyTitle, .navbar-admin-companyTitle:hover {
    color: var(--pub-bg);
    font-weight: 400;
    font-size: 18px;
}

.StatWidgetLink, .StatWidgetLink:hover {
    color: var(--pub-text);
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-align: right;
    display: inherit;
}