/* =========================================================
   APEX DARK MODE
========================================================= */

body.dark-mode {
    --white: #0d1b24;
    --black: #f3faff;

    --text: #d2e1e9;
    --muted: #91a7b4;

    --border: #203743;

    --sky-light: #102b3a;
    --sky-soft: #0a1820;

    background: #07151d;
    color: var(--text);
}

body.dark-mode .site-header {
    background: rgba(7, 21, 29, .97);
}

body.dark-mode .dropdown-menu,
body.dark-mode .stat-card,
body.dark-mode .program-card,
body.dark-mode .why-card,
body.dark-mode .coach-card,
body.dark-mode .event-card,
body.dark-mode .experience-card,
body.dark-mode .performance-badge,
body.dark-mode .theme-toggle,
body.dark-mode .rtl-toggle,
body.dark-mode .menu-toggle {
    background: #0d1b24;
}

body.dark-mode .dropdown-menu a:hover,
body.dark-mode .dropdown-menu a.active {
    background: #102b3a;
}

body.dark-mode .site-footer {
    background: #030b10;
}

body.dark-mode .home2-hero,
body.dark-mode .section-light {
    background: #091922;
}
/* =========================================
   AUTH DARK MODE
========================================= */

body.dark-mode .auth-control-btn {
    background: #182633;
    color: #6dc9ff;
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark-mode .auth-control-btn:hover {
    background: #168bd1;
    color: #fff;
}

/* Login / Register */
body.dark-mode .auth-page {
    background: #0d151c;
}

body.dark-mode .auth-form-panel {
    background: #111c25;
    color: #fff;
}

body.dark-mode .auth-form-panel h1,
body.dark-mode .auth-form-panel h2,
body.dark-mode .auth-form-panel h3 {
    color: #fff;
}

body.dark-mode .auth-form-panel p {
    color: #aebbc5;
}

body.dark-mode .form-group label {
    color: #dce6ec;
}

body.dark-mode .form-group input,
body.dark-mode .form-group select {
    background: #182633;
    color: #fff;
    border-color: #30414e;
}

body.dark-mode .form-group input::placeholder {
    color: #82919c;
}

body.dark-mode .form-group input:focus,
body.dark-mode .form-group select:focus {
    border-color: #168bd1;
    background: #1b2b38;
}

body.dark-mode .auth-google-btn {
    background: #182633;
    color: #fff;
    border-color: #30414e;
}

body.dark-mode .auth-google-btn:hover {
    background: #213542;
}
/* =========================================================
   TRAINING ZONES - DARK MODE FIX
========================================================= */

body.dark-mode .training-zones-section {
    background: #071923 !important;
    color: #ffffff !important;
}

/* Section heading */
body.dark-mode .training-zones-section .apex-new-heading h2 {
    color: #ffffff !important;
}

body.dark-mode .training-zones-section .apex-new-heading h2 span {
    color: #159ee3 !important;
}

body.dark-mode .training-zones-section .apex-new-heading p {
    color: #9db0bb !important;
}

body.dark-mode .training-zones-section .section-tag {
    color: #159ee3 !important;
}


/* =========================================================
   FOUR TRAINING BOXES
========================================================= */

body.dark-mode .training-zones-section .training-zone-card {
    background: #102b39 !important;
    background-color: #102b39 !important;

    border: 1px solid #294653 !important;

    color: #ffffff !important;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.25) !important;
}


/* Number */
body.dark-mode .training-zones-section .training-zone-number {
    color: rgba(69, 196, 245, 0.35) !important;
}


/* Icon box */
body.dark-mode .training-zones-section .training-zone-icon {
    background: rgba(21, 158, 227, 0.13) !important;
    color: #159ee3 !important;
    border-color: rgba(21, 158, 227, 0.20) !important;
}

body.dark-mode .training-zones-section .training-zone-icon i {
    color: #159ee3 !important;
}


/* Card heading */
body.dark-mode .training-zones-section .training-zone-card h3 {
    color: #ffffff !important;
}


/* Card paragraph */
body.dark-mode .training-zones-section .training-zone-card p {
    color: #9db0bb !important;
}


/* Bottom blue line */
body.dark-mode .training-zones-section .training-zone-line {
    background: #159ee3 !important;
}


/* =========================================================
   HOVER
========================================================= */

body.dark-mode .training-zones-section .training-zone-card:hover {
    background: #123344 !important;
    border-color: #159ee3 !important;

    transform: translateY(-8px);

    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.35),
        0 0 25px rgba(21, 158, 227, 0.08) !important;
}

body.dark-mode .training-zones-section .training-zone-card:hover
.training-zone-icon {
    background: #159ee3 !important;
    color: #071923 !important;
}

body.dark-mode .training-zones-section .training-zone-card:hover
.training-zone-icon i {
    color: #071923 !important;
}


/* =========================================================
   VIEW ALL SPORTS BUTTON
========================================================= */

body.dark-mode .training-zones-section .btn-dark {
    background: #159ee3 !important;
    color: #ffffff !important;
    border-color: #159ee3 !important;
}

body.dark-mode .training-zones-section .btn-dark:hover {
    background: #087db8 !important;
    border-color: #087db8 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    body.dark-mode .training-zones-section .training-zone-card {
        background: #102b39 !important;
        border-color: #294653 !important;
    }

}
/* =========================================================
   APEX HOME - APPROACH / METHOD DARK MODE FIX
========================================================= */

body.dark-mode .apex-approach-section {
    background: #071923 !important;
    color: #ffffff !important;
}

/* Main left heading */
body.dark-mode .apex-approach-section .apex-approach-intro h2 {
    color: #ffffff !important;
}

body.dark-mode .apex-approach-section .apex-approach-intro h2 span {
    color: #159ee3 !important;
}

/* Paragraph */
body.dark-mode .apex-approach-section .apex-approach-intro p {
    color: #9db0bb !important;
}

/* Small section label */
body.dark-mode .apex-approach-section .section-tag {
    color: #159ee3 !important;
}

/* Blue line */
body.dark-mode .apex-approach-section .approach-line {
    background: #159ee3 !important;
}


/* =========================================================
   METHOD CENTER CIRCLE
========================================================= */

body.dark-mode .apex-approach-section .method-center {
    background: #159ee3 !important;
    color: #071923 !important;
    box-shadow:
        0 0 0 12px rgba(21,158,227,.10),
        0 0 35px rgba(21,158,227,.18) !important;
}

body.dark-mode .apex-approach-section .method-center i {
    color: #071923 !important;
}

body.dark-mode .apex-approach-section .method-center span {
    color: #071923 !important;
}

body.dark-mode .apex-approach-section .method-orbit {
    border-color: rgba(21,158,227,.35) !important;
}


/* Method points */
body.dark-mode .apex-approach-section .method-point-icon {
    background: #102b39 !important;
    border-color: #159ee3 !important;
    color: #159ee3 !important;
}

body.dark-mode .apex-approach-section .method-point strong {
    color: #9db0bb !important;
}


/* =========================================================
   APPROACH IMAGE
========================================================= */

body.dark-mode .apex-approach-section .approach-image-frame {
    border-color: #294653 !important;
    box-shadow: 0 20px 45px rgba(0,0,0,.30) !important;
}

body.dark-mode .apex-approach-section .approach-floating-note {
    background: #102b39 !important;
    border-color: #159ee3 !important;
    color: #ffffff !important;
}

body.dark-mode .apex-approach-section .approach-floating-note strong {
    color: #159ee3 !important;
}

body.dark-mode .apex-approach-section .approach-floating-note span {
    color: #ffffff !important;
}


/* =========================================================
   CORE ELEMENTS HEADING
========================================================= */

body.dark-mode .apex-approach-section .apex-core-heading {
    color: #ffffff !important;
}

body.dark-mode .apex-approach-section .apex-core-heading h3 {
    color: #ffffff !important;
}

body.dark-mode .apex-approach-section .apex-core-heading h3 span {
    color: #159ee3 !important;
}

body.dark-mode .apex-approach-section .apex-core-heading .section-tag {
    color: #159ee3 !important;
}


/* =========================================================
   CORE CARDS
========================================================= */

body.dark-mode .apex-approach-section .apex-core-card {
    background: #102b39 !important;
    border-color: #294653 !important;
    color: #ffffff !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.20) !important;
}

body.dark-mode .apex-approach-section .apex-core-card h4 {
    color: #ffffff !important;
}

body.dark-mode .apex-approach-section .apex-core-card p {
    color: #9db0bb !important;
}

body.dark-mode .apex-approach-section .apex-core-card > strong {
    color: #159ee3 !important;
}

body.dark-mode .apex-approach-section .core-number {
    color: #159ee3 !important;
    background: rgba(21,158,227,.15) !important;
}

body.dark-mode .apex-approach-section .core-icon {
    background: rgba(21,158,227,.14) !important;
    color: #159ee3 !important;
}


/* =========================================================
   CORE CARD HOVER
========================================================= */

body.dark-mode .apex-approach-section .apex-core-card:hover {
    border-color: #159ee3 !important;
    box-shadow:
        0 20px 50px rgba(0,0,0,.30),
        0 0 25px rgba(21,158,227,.08) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    body.dark-mode .apex-approach-section {
        background: #071923 !important;
    }

}
/* =========================================================
   APEX HOME TWO
   COMPLETE DARK MODE
========================================================= */

body.dark-mode.home-two-page,
html.dark-mode body.home-two-page {
    background: #071923 !important;
    color: #d7e6ed !important;
}


/* =========================================================
   ALL HOME TWO NORMAL SECTIONS
========================================================= */

body.dark-mode.home-two-page .h2-sports,
body.dark-mode.home-two-page .h2-journey,
body.dark-mode.home-two-page .h2-training-lab,
body.dark-mode.home-two-page .h2-session,
body.dark-mode.home-two-page .h2-playbook,
body.dark-mode.home-two-page .h2-progress,
body.dark-mode.home-two-page .h2-numbers,
body.dark-mode.home-two-page .h2-story,
body.dark-mode.home-two-page .h2-environment,
body.dark-mode.home-two-page .h2-weekly {
    background: #071923 !important;
    color: #d7e6ed !important;
}


/* =========================================================
   SPORTS MARQUEE
========================================================= */

body.dark-mode.home-two-page .h2-marquee {
    background: #030d13 !important;
    border-color: #203b48 !important;
}

body.dark-mode.home-two-page .h2-marquee-track {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-marquee-track b {
    color: #55717f !important;
}


/* =========================================================
   COMMON HEADINGS
========================================================= */

body.dark-mode.home-two-page h1,
body.dark-mode.home-two-page h2,
body.dark-mode.home-two-page h3,
body.dark-mode.home-two-page h4 {
    color: #f3faff !important;
}

body.dark-mode.home-two-page h1 span,
body.dark-mode.home-two-page h2 span,
body.dark-mode.home-two-page h3 span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page p {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .section-tag {
    color: #159ee3 !important;
}


/* =========================================================
   HERO
========================================================= */

body.dark-mode.home-two-page .h2-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(2,14,21,.92),
            rgba(3,24,35,.70),
            rgba(3,17,25,.88)
        ) !important;
}

body.dark-mode.home-two-page .h2-hero-content h1 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-hero-content h1 span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-hero-content p {
    color: #e0edf2 !important;
}

body.dark-mode.home-two-page .h2-eyebrow {
    color: #55c9f5 !important;
}

body.dark-mode.home-two-page .h2-outline-btn {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.35) !important;
}

body.dark-mode.home-two-page .h2-outline-btn:hover {
    background: #159ee3 !important;
    border-color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-hero-side span,
body.dark-mode.home-two-page .h2-hero-bottom span {
    color: #d7e6ed !important;
}


/* =========================================================
   FIND YOUR SPORT
========================================================= */

body.dark-mode.home-two-page .h2-heading-row h2,
body.dark-mode.home-two-page .h2-center-heading h2,
body.dark-mode.home-two-page .h2-progress-heading h2,
body.dark-mode.home-two-page .h2-competition-heading h2 {
    color: #f3faff !important;
}

body.dark-mode.home-two-page .h2-heading-row p,
body.dark-mode.home-two-page .h2-center-heading p,
body.dark-mode.home-two-page .h2-progress-heading p,
body.dark-mode.home-two-page .h2-competition-heading p {
    color: #9db0bb !important;
}


/* Sport image cards keep their original image */
body.dark-mode.home-two-page .h2-sport-card {
    border-color: #294653 !important;
    background: #102b39 !important;
}

body.dark-mode.home-two-page .h2-sport-overlay {
    background:
        linear-gradient(
            to top,
            rgba(3,15,22,.95),
            rgba(3,15,22,.18)
        ) !important;
}

body.dark-mode.home-two-page .h2-sport-overlay h3 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-sport-overlay span {
    color: #b9cbd3 !important;
}

body.dark-mode.home-two-page .h2-sport-overlay small {
    color: #55c9f5 !important;
}


/* =========================================================
   ATHLETE JOURNEY
========================================================= */

body.dark-mode.home-two-page .h2-journey {
    background: #091d28 !important;
}

body.dark-mode.home-two-page .h2-journey-grid::before {
    background: #294653 !important;
}

body.dark-mode.home-two-page .h2-journey-item {
    background: #102b39 !important;
    border-color: #294653 !important;
    color: #d7e6ed !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.20) !important;
}

body.dark-mode.home-two-page .h2-journey-number {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-journey-item small {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-journey-item h3 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-journey-item p {
    color: #9db0bb !important;
}


/* =========================================================
   TRAINING LAB
========================================================= */

body.dark-mode.home-two-page .h2-training-lab {
    background: #071923 !important;
}

body.dark-mode.home-two-page .h2-lab-content h2 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-lab-content p {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .h2-lab-label {
    background: rgba(4,19,28,.88) !important;
    color: #ffffff !important;
    border-color: rgba(21,158,227,.30) !important;
}

body.dark-mode.home-two-page .h2-lab-items > div {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .h2-lab-items strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-lab-items span {
    color: #9db0bb !important;
}


/* =========================================================
   INSIDE A TRAINING SESSION
========================================================= */

body.dark-mode.home-two-page .h2-session {
    background: #091d28 !important;
}

body.dark-mode.home-two-page .h2-session-content h2 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-session-content p {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .h2-session-row {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .h2-session-row time {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-session-row > div > span {
    background: rgba(21,158,227,.13) !important;
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-session-row strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-session-row p {
    color: #9db0bb !important;
}


/* =========================================================
   COACH'S PLAYBOOK
========================================================= */

body.dark-mode.home-two-page .h2-playbook {
    background: #071923 !important;
}

body.dark-mode.home-two-page .h2-playbook-content h2 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-playbook-content p {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .h2-playbook-board {
    background: #0d2633 !important;
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .playbook-stamp {
    color: rgba(21,158,227,.35) !important;
}

body.dark-mode.home-two-page .playbook-box {
    background: #102b39 !important;
    border-color: #294653 !important;
    box-shadow: 0 15px 35px rgba(0,0,0,.20) !important;
}

body.dark-mode.home-two-page .playbook-box small {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .playbook-box strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .playbook-box span {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .playbook-arrow {
    color: #159ee3 !important;
}


/* =========================================================
   ATHLETE PROGRESS / DASHBOARD MOCKUP
========================================================= */

body.dark-mode.home-two-page .h2-progress {
    background: #091d28 !important;
}

body.dark-mode.home-two-page .h2-dashboard {
    background: #0d202b !important;
    border-color: #294653 !important;
    box-shadow: 0 25px 55px rgba(0,0,0,.28) !important;
}

body.dark-mode.home-two-page .h2-dashboard-top {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .h2-dashboard-top small {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-dashboard-top strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .dashboard-active {
    color: #5bd88e !important;
}

body.dark-mode.home-two-page .h2-main-progress,
body.dark-mode.home-two-page .h2-next-tournament,
body.dark-mode.home-two-page .h2-dashboard-card {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .h2-main-progress h3,
body.dark-mode.home-two-page .h2-next-tournament h3,
body.dark-mode.home-two-page .h2-dashboard-card h3 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-main-progress p,
body.dark-mode.home-two-page .h2-next-tournament p,
body.dark-mode.home-two-page .h2-dashboard-card p {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .h2-progress-bar {
    background: #294653 !important;
}

body.dark-mode.home-two-page .h2-progress-bar span {
    background: #159ee3 !important;
}


/* =========================================================
   COMPETITION ZONE
========================================================= */

body.dark-mode.home-two-page .h2-competition {
    background: #061721 !important;
}

body.dark-mode.home-two-page .h2-court-bg {
    opacity: .18 !important;
}

body.dark-mode.home-two-page .h2-competition-heading h2 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-competition-heading p {
    color: #b4c6ce !important;
}

body.dark-mode.home-two-page .h2-competition-card {
    background: rgba(13,32,43,.92) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-competition-card > span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-competition-card > i {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-competition-card h3 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-competition-card p {
    color: #9db0bb !important;
}


/* =========================================================
   TRAINING NUMBERS
========================================================= */

body.dark-mode.home-two-page .h2-numbers {
    background: #071923 !important;
}

body.dark-mode.home-two-page .h2-number {
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .h2-number strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-number strong span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-number small {
    color: #8fa6b1 !important;
}


/* =========================================================
   ATHLETE STORY
========================================================= */

body.dark-mode.home-two-page .h2-story {
    background: #091d28 !important;
}

body.dark-mode.home-two-page .h2-story-content blockquote {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-story-content blockquote span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-story-person strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-story-person span {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .h2-story-controls button {
    background: #102b39 !important;
    border-color: #294653 !important;
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-story-controls button:hover {
    background: #159ee3 !important;
    color: #ffffff !important;
}


/* =========================================================
   TRAINING ENVIRONMENT
========================================================= */

body.dark-mode.home-two-page .h2-environment {
    background: #071923 !important;
}

body.dark-mode.home-two-page .h2-environment-photo {
    border-color: #294653 !important;
}


/* =========================================================
   WEEKLY TRAINING
========================================================= */

body.dark-mode.home-two-page .h2-weekly {
    background: #091d28 !important;
}

body.dark-mode.home-two-page .h2-weekly-card {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .h2-weekly-card small {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-weekly-card strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-weekly-card span {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .h2-weekly-card i {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .h2-weekly-card:hover {
    border-color: #159ee3 !important;
    background: #123344 !important;
}


/* =========================================================
   FINAL CTA
========================================================= */

body.dark-mode.home-two-page .h2-final-cta {
    background: linear-gradient(
        135deg,
        #082c47,
        #087db8
    ) !important;
}

body.dark-mode.home-two-page .h2-final-cta h2,
body.dark-mode.home-two-page .h2-final-cta h2 strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .h2-final-cta p {
    color: #d9edf5 !important;
}

body.dark-mode.home-two-page .h2-final-cta > div > span {
    color: #9cdef8 !important;
}


/* =========================================================
   FOOTER
========================================================= */

body.dark-mode.home-two-page .site-footer {
    background: #030b10 !important;
}

body.dark-mode.home-two-page .site-footer h3,
body.dark-mode.home-two-page .site-footer h4,
body.dark-mode.home-two-page .site-footer strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .site-footer p,
body.dark-mode.home-two-page .site-footer a,
body.dark-mode.home-two-page .site-footer small {
    color: #8fa6b1 !important;
}

body.dark-mode.home-two-page .site-footer a:hover {
    color: #159ee3 !important;
}


/* =========================================================
   MOBILE DARK MODE
========================================================= */

@media (max-width: 768px) {

    body.dark-mode.home-two-page .h2-journey-item,
    body.dark-mode.home-two-page .h2-weekly-card,
    body.dark-mode.home-two-page .h2-competition-card,
    body.dark-mode.home-two-page .playbook-box {
        background: #102b39 !important;
        border-color: #294653 !important;
    }

}
/* =========================================================
   APEX CONTACT PAGE - COMPLETE DARK MODE
========================================================= */

body.dark-mode.home-two-page .apex-contact-page {
    background: #071923 !important;
    color: #d7e6ed !important;
}


/* =========================================================
   CONTACT HERO
========================================================= */

body.dark-mode.home-two-page .apex-contact-page .ac-contact-hero {
    background: #061720 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-hero-bg {
    filter: brightness(.55) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-hero-overlay {
    background: rgba(3,15,22,.72) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-hero-content h1 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-hero-content h1 span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-hero-content p {
    color: #c0d0d8 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-eyebrow {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-hero-side-number {
    color: rgba(21,158,227,.45) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-hero-side-text span {
    color: #8da5b0 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-hero-side-text strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-scroll {
    color: #a8bdc7 !important;
}


/* =========================================================
   QUICK CONTACT SECTION
========================================================= */

body.dark-mode.home-two-page .apex-contact-page .ac-contact-info {
    background: #071923 !important;
    color: #d7e6ed !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-section-heading h2 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-section-heading h2 span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-section-heading p {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-section-label {
    color: #159ee3 !important;
}


/* CONTACT INFO CARDS */

body.dark-mode.home-two-page .apex-contact-page .ac-info-card {
    background: #102b39 !important;
    border: 1px solid #294653 !important;
    color: #d7e6ed !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.22) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-info-number {
    color: rgba(21,158,227,.45) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-info-icon {
    background: rgba(21,158,227,.13) !important;
    border-color: rgba(21,158,227,.25) !important;
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-info-icon i {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-info-content > span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-info-content h3 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-info-content p {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-info-content a {
    color: #159ee3 !important;
}


/* =========================================================
   CONTACT FORM SECTION
========================================================= */

body.dark-mode.home-two-page .apex-contact-page .ac-form-section {
    background-color: #061720 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-pattern {
    opacity: .15 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-intro h2 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-intro h2 span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-intro > p {
    color: #a8bbc4 !important;
}


/* FORM POINTS */

body.dark-mode.home-two-page .apex-contact-page .ac-form-point {
    border-color: rgba(255,255,255,.12) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-point > span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-point strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-point p {
    color: #8fa7b2 !important;
}


/* FORM BOX */

body.dark-mode.home-two-page .apex-contact-page .ac-form-wrapper {
    background: #102b39 !important;
    border: 1px solid #294653 !important;
    box-shadow: 0 25px 60px rgba(0,0,0,.32) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-top {
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-top span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-form-top i {
    color: #8fa7b2 !important;
}


/* FORM LABELS */

body.dark-mode.home-two-page .apex-contact-page .ac-form-group label {
    color: #dceaf0 !important;
}


/* INPUT CONTAINERS */

body.dark-mode.home-two-page .apex-contact-page .ac-input {
    background: #0b202c !important;
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-input:focus-within {
    border-color: #159ee3 !important;
    box-shadow: 0 0 0 3px rgba(21,158,227,.10) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-input i {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-input input,
body.dark-mode.home-two-page .apex-contact-page .ac-input textarea,
body.dark-mode.home-two-page .apex-contact-page .ac-input select {
    background: transparent !important;
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-input input::placeholder,
body.dark-mode.home-two-page .apex-contact-page .ac-input textarea::placeholder {
    color: #718995 !important;
}


/* SELECT OPTIONS */

body.dark-mode.home-two-page .apex-contact-page .ac-input select option {
    background: #102b39 !important;
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-select-arrow {
    color: #159ee3 !important;
}


/* CHECKBOX */

body.dark-mode.home-two-page .apex-contact-page .ac-checkbox {
    color: #a8bbc4 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-checkbox small {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-checkmark {
    background: #0b202c !important;
    border-color: #294653 !important;
}


/* SUBMIT */

body.dark-mode.home-two-page .apex-contact-page .ac-submit {
    background: #159ee3 !important;
    color: #ffffff !important;
    border-color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-submit:hover {
    background: #087db8 !important;
    border-color: #087db8 !important;
}


/* =========================================================
   WHY CONNECT / SUPPORT
========================================================= */

body.dark-mode.home-two-page .apex-contact-page .ac-support-section {
    background: #071923 !important;
    color: #d7e6ed !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-support-section .ac-section-heading h2 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-support-section .ac-section-heading p {
    color: #9db0bb !important;
}


/* SUPPORT CARDS */

body.dark-mode.home-two-page .apex-contact-page .ac-support-card {
    background: #102b39 !important;
    border-color: #294653 !important;
    color: #d7e6ed !important;

    box-shadow: 0 18px 45px rgba(0,0,0,.22) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-support-card:hover {
    background: #123344 !important;
    border-color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-support-top span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-support-top i {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-support-card h3 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-support-card p {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-support-line {
    background: #159ee3 !important;
}


/* =========================================================
   FAQ
========================================================= */

body.dark-mode.home-two-page .apex-contact-page .ac-faq-section {
    background: #091d28 !important;
    color: #d7e6ed !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-intro h2 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-intro h2 span {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-intro > p {
    color: #9db0bb !important;
}


/* FAQ BADGE */

body.dark-mode.home-two-page .apex-contact-page .ac-faq-badge {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-badge i {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-badge span {
    color: #9db0bb !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-badge strong {
    color: #ffffff !important;
}


/* FAQ ITEMS */

body.dark-mode.home-two-page .apex-contact-page .ac-faq-item {
    background: #102b39 !important;
    border-color: #294653 !important;
    color: #d7e6ed !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-item summary {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-item summary span {
    color: #ffffff !important;
    padding-left: 20px;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-item summary i {
    color: #159ee3 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-faq-item p {
    color: #9db0bb !important;
    border-color: #294653 !important;
}


/* =========================================================
   FINAL CTA
========================================================= */

body.dark-mode.home-two-page .apex-contact-page .ac-final-section {
    background: #071923 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-final-box {
    background: linear-gradient(
        135deg,
        #082c47,
        #087db8
    ) !important;

    border-color: rgba(255,255,255,.10) !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-final-content h2 {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-final-content h2 strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-final-content p {
    color: #d8edf5 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-final-label {
    color: #9cdef8 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-final-button {
    background: #ffffff !important;
    color: #087db8 !important;
}

body.dark-mode.home-two-page .apex-contact-page .ac-final-button:hover {
    background: #071923 !important;
    color: #ffffff !important;
}


/* =========================================================
   CONTACT FOOTER
========================================================= */

body.dark-mode.home-two-page .site-footer {
    background: #030b10 !important;
    color: #d7e6ed !important;
}

body.dark-mode.home-two-page .site-footer h4,
body.dark-mode.home-two-page .site-footer strong {
    color: #ffffff !important;
}

body.dark-mode.home-two-page .site-footer p,
body.dark-mode.home-two-page .site-footer a,
body.dark-mode.home-two-page .site-footer small {
    color: #8fa6b1 !important;
}

body.dark-mode.home-two-page .site-footer a:hover {
    color: #159ee3 !important;
}


/* =========================================================
   CONTACT PAGE - MOBILE
========================================================= */

@media (max-width: 768px) {

    body.dark-mode.home-two-page .apex-contact-page .ac-info-card,
    body.dark-mode.home-two-page .apex-contact-page .ac-support-card,
    body.dark-mode.home-two-page .apex-contact-page .ac-faq-item,
    body.dark-mode.home-two-page .apex-contact-page .ac-form-wrapper {
        background: #102b39 !important;
        border-color: #294653 !important;
    }

}
/* =========================================================
   APEX SPORTS ACADEMY
   FINAL GLOBAL DARK MODE OVERRIDE
   DO NOT MIX WITH OLD CUSTOM DARK MODE FIXES
========================================================= */


/* =========================================================
   ROOT
========================================================= */

html.dark-mode {
    background: #071923 !important;
}

html.dark-mode body,
body.dark-mode {
    background: #071923 !important;
    color: #d7e6ed !important;
}


/* =========================================================
   ALL PAGE WRAPPERS
========================================================= */

body.dark-mode .apex-about-page,
body.dark-mode .apex-contact-page,
body.dark-mode .apex-facilities-page,
body.dark-mode .apex-schedule-page,
body.dark-mode .apex-student-dashboard,
body.dark-mode .apex-admin-dashboard,
body.dark-mode .apex-404-page,
body.dark-mode .apex-coming-page {
    background: #071923 !important;
    color: #d7e6ed !important;
}


/* =========================================================
   ALL NORMAL SECTIONS
========================================================= */

body.dark-mode section:not(
    .hero,
    .h2-hero,
    .ac-contact-hero,
    .aa-hero,
    .facilities-hero,
    .schedule-hero,
    .error-404,
    .coming-soon-hero
) {
    background-color: #071923 !important;
    color: #d7e6ed !important;
}


/* =========================================================
   ALTERNATE SECTION BACKGROUND
========================================================= */

body.dark-mode .section-light,
body.dark-mode .section-white,
body.dark-mode .bg-light,
body.dark-mode .bg-white {
    background-color: #071923 !important;
}


/* =========================================================
   HEADINGS
========================================================= */

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #f4fbff !important;
}

body.dark-mode h1 span,
body.dark-mode h2 span,
body.dark-mode h3 span,
body.dark-mode h4 span {
    color: #159ee3 !important;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

body.dark-mode p {
    color: #9db0bb !important;
}


/* =========================================================
   LABELS
========================================================= */

body.dark-mode .section-tag,
body.dark-mode .section-label,
body.dark-mode .eyebrow,
body.dark-mode .section-eyebrow {
    color: #159ee3 !important;
}


/* =========================================================
   COMMON CARDS
========================================================= */

body.dark-mode article,
body.dark-mode .card,
body.dark-mode [class*="card"],
body.dark-mode [class*="-card"] {
    background-color: #102b39 !important;
    color: #d7e6ed !important;
    border-color: #294653 !important;
}


/* Card headings */

body.dark-mode article h3,
body.dark-mode article h4,
body.dark-mode .card h3,
body.dark-mode .card h4,
body.dark-mode [class*="-card"] h3,
body.dark-mode [class*="-card"] h4 {
    color: #ffffff !important;
}


/* Card paragraphs */

body.dark-mode article p,
body.dark-mode .card p,
body.dark-mode [class*="-card"] p {
    color: #9db0bb !important;
}


/* =========================================================
   COMMON ICONS
========================================================= */

body.dark-mode [class*="icon"] {
    color: #159ee3 !important;
}


/* =========================================================
   TRAINING ZONES
========================================================= */

body.dark-mode .training-zones-section {
    background: #071923 !important;
}

body.dark-mode .training-zone-card {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode .training-zone-card h3 {
    color: #ffffff !important;
}

body.dark-mode .training-zone-card p {
    color: #9db0bb !important;
}

body.dark-mode .training-zone-icon {
    background: rgba(21,158,227,.13) !important;
    color: #159ee3 !important;
}


/* =========================================================
   PERFORMANCE LAB
========================================================= */

body.dark-mode .performance-lab-section {
    background: #071923 !important;
}

body.dark-mode .performance-metrics .metric-card {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode .metric-card h3 {
    color: #ffffff !important;
}

body.dark-mode .metric-card p {
    color: #9db0bb !important;
}

body.dark-mode .metric-bar {
    background: #294653 !important;
}

body.dark-mode .metric-bar span {
    background: #159ee3 !important;
}

body.dark-mode .metric-card > strong {
    color: #159ee3 !important;
}


/* =========================================================
   HOME TWO
========================================================= */

body.dark-mode .h2-sports,
body.dark-mode .h2-journey,
body.dark-mode .h2-training-lab,
body.dark-mode .h2-session,
body.dark-mode .h2-playbook,
body.dark-mode .h2-progress,
body.dark-mode .h2-numbers,
body.dark-mode .h2-story,
body.dark-mode .h2-environment,
body.dark-mode .h2-weekly {
    background: #071923 !important;
}


/* Home two cards */

body.dark-mode .h2-sport-card,
body.dark-mode .h2-journey-item,
body.dark-mode .h2-session-row,
body.dark-mode .h2-weekly-card,
body.dark-mode .h2-competition-card,
body.dark-mode .h2-number,
body.dark-mode .h2-live-card {
    background: #102b39 !important;
    border-color: #294653 !important;
    color: #d7e6ed !important;
}


/* Home two card text */

body.dark-mode .h2-sport-card h3,
body.dark-mode .h2-journey-item h3,
body.dark-mode .h2-session-row strong,
body.dark-mode .h2-weekly-card strong,
body.dark-mode .h2-competition-card h3,
body.dark-mode .h2-live-card h3 {
    color: #ffffff !important;
}

body.dark-mode .h2-sport-card span,
body.dark-mode .h2-journey-item p,
body.dark-mode .h2-session-row p,
body.dark-mode .h2-weekly-card span,
body.dark-mode .h2-competition-card p,
body.dark-mode .h2-live-card p {
    color: #9db0bb !important;
}


/* =========================================================
   ABOUT PAGE
========================================================= */

body.dark-mode .apex-about-page {
    background: #071923 !important;
}

body.dark-mode .aa-intro-section,
body.dark-mode .aa-stats,
body.dark-mode .aa-story-section,
body.dark-mode .aa-philosophy,
body.dark-mode .aa-journey-section,
body.dark-mode .aa-coaching-section,
body.dark-mode .aa-values-section {
    background: #071923 !important;
}

body.dark-mode .aa-story-card,
body.dark-mode .aa-philosophy-card,
body.dark-mode .aa-value {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode .aa-story-card h3,
body.dark-mode .aa-philosophy-card h3,
body.dark-mode .aa-value h3 {
    color: #ffffff !important;
}

body.dark-mode .aa-story-card p,
body.dark-mode .aa-philosophy-card p,
body.dark-mode .aa-value p {
    color: #9db0bb !important;
}


/* =========================================================
   CONTACT PAGE
========================================================= */

body.dark-mode .apex-contact-page {
    background: #071923 !important;
}

body.dark-mode .ac-contact-info,
body.dark-mode .ac-support-section,
body.dark-mode .ac-faq-section,
body.dark-mode .ac-final-section {
    background: #071923 !important;
}

body.dark-mode .ac-info-card,
body.dark-mode .ac-support-card,
body.dark-mode .ac-faq-item {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode .ac-info-card h3,
body.dark-mode .ac-support-card h3,
body.dark-mode .ac-faq-item summary {
    color: #ffffff !important;
}

body.dark-mode .ac-info-card p,
body.dark-mode .ac-support-card p,
body.dark-mode .ac-faq-item p {
    color: #9db0bb !important;
}


/* Contact form */

body.dark-mode .ac-form-section {
    background-color: #061720 !important;
}

body.dark-mode .ac-form-wrapper {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode .ac-input {
    background: #0b202c !important;
    border-color: #294653 !important;
}

body.dark-mode .ac-input input,
body.dark-mode .ac-input textarea,
body.dark-mode .ac-input select {
    color: #ffffff !important;
    background: transparent !important;
}


/* =========================================================
   FACILITIES
========================================================= */

body.dark-mode .apex-facilities-page,
body.dark-mode .facilities-intro,
body.dark-mode .facility-showcase,
body.dark-mode .training-environment,
body.dark-mode .athlete-experience {
    background: #071923 !important;
}

body.dark-mode .facility-feature,
body.dark-mode .facility-features,
body.dark-mode .facility-stats {
    background: #102b39 !important;
    border-color: #294653 !important;
}


/* =========================================================
   SCHEDULE
========================================================= */

body.dark-mode .apex-schedule-page,
body.dark-mode .schedule-planner,
body.dark-mode .today-training,
body.dark-mode .sport-schedule,
body.dark-mode .schedule-cycle,
body.dark-mode .schedule-events,
body.dark-mode .schedule-note {
    background: #071923 !important;
}

body.dark-mode .session-card,
body.dark-mode .event-item,
body.dark-mode .schedule-note-inner {
    background: #102b39 !important;
    border-color: #294653 !important;
}

body.dark-mode .session-card h3,
body.dark-mode .event-item h3 {
    color: #ffffff !important;
}

body.dark-mode .session-card p,
body.dark-mode .event-item p {
    color: #9db0bb !important;
}


/* =========================================================
   DASHBOARDS
========================================================= */

body.dark-mode .apex-student-dashboard,
body.dark-mode .apex-admin-dashboard {
    background: #071923 !important;
}

body.dark-mode .apex-student-dashboard [class*="card"],
body.dark-mode .apex-admin-dashboard [class*="card"],
body.dark-mode .apex-student-dashboard [class*="panel"],
body.dark-mode .apex-admin-dashboard [class*="panel"] {
    background: #102b39 !important;
    border-color: #294653 !important;
    color: #d7e6ed !important;
}


/* =========================================================
   FORMS
========================================================= */

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: #0b202c !important;
    color: #ffffff !important;
    border-color: #294653 !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #718995 !important;
}


/* =========================================================
   TABLES
========================================================= */

body.dark-mode table {
    background: #102b39 !important;
    color: #d7e6ed !important;
}

body.dark-mode th {
    background: #0b202c !important;
    color: #ffffff !important;
}

body.dark-mode td {
    background: #102b39 !important;
    color: #9db0bb !important;
    border-color: #294653 !important;
}


/* =========================================================
   BUTTONS
========================================================= */

body.dark-mode .theme-toggle,
body.dark-mode .rtl-toggle,
body.dark-mode .menu-toggle {
    background: #102b39 !important;
    color: #ffffff !important;
    border-color: #294653 !important;
}

body.dark-mode .login-link {
    background: #102b39 !important;
    color: #ffffff !important;
    border-color: #294653 !important;
}

body.dark-mode .btn-primary,
body.dark-mode .ac-btn-primary,
body.dark-mode .ac-submit {
    background: #159ee3 !important;
    color: #ffffff !important;
    border-color: #159ee3 !important;
}


/* =========================================================
   FOOTER
========================================================= */

body.dark-mode .site-footer {
    background: #030b10 !important;
    color: #d7e6ed !important;
}

body.dark-mode .site-footer h3,
body.dark-mode .site-footer h4 {
    color: #ffffff !important;
}

body.dark-mode .site-footer p,
body.dark-mode .site-footer a {
    color: #8fa6b1 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    body.dark-mode section:not(
        .hero,
        .h2-hero,
        .ac-contact-hero,
        .aa-hero,
        .facilities-hero,
        .schedule-hero,
        .error-404,
        .coming-soon-hero
    ) {
        background-color: #071923 !important;
    }

}