/* =========================================================
   HULEG INTERNATIONAL SCHOOL
   FINAL RED THEME

   MAIN COLOR: #971a22
   TOP UTILITY BAR: WHITE
========================================================= */

:root {
    /* =====================================================
       MAIN RED
    ====================================================== */
    --school: #971a22;
    --school-dark: #7a151b;
    --school-light: #b42b34;
    --huleg-blue: #971a22;
    --huleg-blue-dark: #7a151b;
    --huleg-blue-light: #b42b34;
    --huleg-navy: #971a22;
    --huleg-navy-dark: #7a151b;
    --hh-navy: #971a22;
    --hh-navy-dark: #7a151b;
    --kgx-navy: #971a22;
    --kgx-navy-dark: #7a151b;
    --cam-navy: #971a22;
    --cam-navy-dark: #7a151b;
    --ac-navy: #971a22;
    --ac-navy-dark: #7a151b;
    /* =====================================================
       GOLD
    ====================================================== */
    --accent: #b79a60;
    --accent-dark: #967b47;
    --huleg-gold: #b79a60;
    --huleg-gold-dark: #967b47;
    --hh-gold: #b79a60;
    --hh-gold-light: #cbb47f;
    --kgx-gold: #b79a60;
    --kgx-gold-light: #cbb47f;
    --cam-gold: #b79a60;
    --cam-gold-light: #cbb47f;
    --ac-gold: #b79a60;
    --ac-gold-light: #cbb47f;
}


/* =========================================================
   GLOBAL OLD BLUE TEXT -> RED
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgba(0,0,0);
}

.page-title,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.new-home-title,
.new-home-program h3,
.new-home-news-card h3,
.new-home-event-content h3,
.huleg-content-heading h2,
.huleg-cms-content h1,
.huleg-cms-content h2,
.huleg-cms-content h3,
.huleg-cms-content h4 {
    color: #7a151b !important;
}


/* =========================================================
   LINKS
========================================================= */

.page-content a,
.new-home-text-link,
.new-home-program-link,
.new-home-news-more {
    color: #971a22 !important;
}


/* =========================================================
   TOP UTILITY BAR
   KEEP WHITE
========================================================= */

.hero-topbar {
    height: 35px !important;
    background: #ffffff !important;
    color: #333 !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

.hero-topbar-inner {
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff !important;
}

.hero-topbar-left,
.hero-topbar-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hero-topbar a {
    color: #333 !important;
    text-decoration: none !important;
}

    .hero-topbar a:hover,
    .hero-topbar a.active {
        color: #971a22 !important;
    }

.hero-topbar .hero-user-name,
.hero-topbar .hero-admin-login,
.hero-topbar .hero-admin-dashboard,
.hero-topbar .hero-logout-button {
    color: #333 !important;
}

    .hero-topbar .hero-admin-login:hover,
    .hero-topbar .hero-admin-dashboard:hover,
    .hero-topbar .hero-logout-button:hover {
        color: #971a22 !important;
    }

.hero-topbar i,
.hero-admin-login i,
.hero-admin-dashboard i,
.hero-logout-button i {
 
}

.hero-topbar span {
    color: #aaa !important;
}

    .hero-topbar span.hero-user-name {
        color: #333 !important;
    }

.hero-topbar-separator {
    background: #ccc !important;
}


/* =========================================================
   HOME MAIN NAV OVER HERO
========================================================= */




/* =========================================================
   CENTER LOGO
========================================================= */

/*.hero-center-logo-inner {
    background: #971a22 !important;
}*/


/* =========================================================
   STICKY NAVIGATION
========================================================= */

.hero-site-header.is-sticky .hero-mainnav {
    background: rgba(151,26,34,.98) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.18) !important;
}


/* =========================================================
   OLD HULEG HEADER
========================================================= */

.huleg-topbar {
    background: #971a22 !important;
}

.huleg-mobile-admission {
    background: #971a22 !important;
}

.huleg-mobile-dynamic
.huleg-menu-link {
    color: #971a22 !important;
}

.huleg-mobile-lang a.active {
    color: #971a22 !important;
}


/* =========================================================
   DESKTOP MENU
========================================================= */

.huleg-desktop-navigation
.huleg-menu > .huleg-menu-item > .huleg-menu-link:hover {
    color: #971a22 !important;
}

.huleg-dropdown-title {
    color: #971a22 !important;
}

.huleg-dropdown-item:hover {
    color: #971a22 !important;
}


/* =========================================================
   ADMISSIONS BUTTON
========================================================= */

.huleg-admission-button {
    border-color: #971a22 !important;
    color: #971a22 !important;
}

    .huleg-admission-button:hover {
        background: #971a22 !important;
        border-color: #971a22 !important;
        color: #fff !important;
    }


/* =========================================================
   ADMIN BUTTON
========================================================= */

.huleg-admin-button {
    color: #971a22 !important;
}

    .huleg-admin-button:hover {
        background: #971a22 !important;
        border-color: #971a22 !important;
        color: #fff !important;
    }


/* =========================================================
   HOME HERO OVERLAY
========================================================= */

.new-home-hero-overlay {
    background: linear-gradient( 180deg, rgba(151,26,34,.05) 0%, rgba(151,26,34,.06) 38%, rgba(122,21,27,.82) 100% ) !important;
}


/* =========================================================
   HOME WELCOME BADGE
========================================================= */

.new-home-image-badge {
    background: #971a22 !important;
}


/* =========================================================
   HOME JOURNEY
========================================================= */

.new-home-journey {
    background: #7a151b !important;
}

.new-home-stage-overlay {
    background: linear-gradient( 180deg, rgba(122,21,27,.04) 20%, rgba(122,21,27,.88) 100% ) !important;
}


/* =========================================================
   HOME CAMBRIDGE STATS
========================================================= */

.new-home-stat strong {
    color: #971a22 !important;
}


/* =========================================================
   LIFE AT HULEG
========================================================= */

.new-home-life-overlay {
    background: linear-gradient( 90deg, rgba(122,21,27,.94) 0%, rgba(122,21,27,.80) 42%, rgba(122,21,27,.12) 78% ) !important;
}

@media (max-width: 1199.98px) {

    .new-home-life-overlay {
        background: rgba(122,21,27,.82) !important;
    }
}


/* =========================================================
   HOME EVENTS
========================================================= */

.new-home-event-date strong {
    color: #971a22 !important;
}

.new-home-event-arrow {
    color: #971a22 !important;
}

.new-home-event-row:hover
.new-home-event-arrow {
    background: #971a22 !important;
    border-color: #971a22 !important;
    color: #fff !important;
}


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

.new-home-final-overlay {
    background: rgba(122,21,27,.80) !important;
}


/* =========================================================
   INNER PAGE HEADER
========================================================= */

.inner-page-header {
   
    border-bottom: 4px solid #b79a60 !important;
}

.inner-page-title {
    color: rgb(0,0,0) !important;
}


/* =========================================================
   INNER PAGE BREADCRUMB
========================================================= */

.inner-breadcrumb .breadcrumb-item a {
    color: #971a22 !important;
}


/* =========================================================
   INNER PAGE CONTENT
========================================================= */

.inner-page-content .page-content h1,
.inner-page-content .page-content h2,
.inner-page-content .page-content h3 {
    color: #7a151b !important;
}

.inner-page-content .page-content a {
    color: #971a22 !important;
}

.inner-page-content .page-content table th {
    background: #971a22 !important;
}


/* =========================================================
   OLD CMS PHOTO HERO
========================================================= */

.huleg-page-hero {
    background: linear-gradient( rgba(151,26,34,.20), rgba(122,21,27,.82) ), url("/images/surguuli.jpg") center center / cover no-repeat !important;
}

.huleg-page-hero-overlay {
    background: linear-gradient( 180deg, rgba(151,26,34,.05) 0%, rgba(151,26,34,.15) 40%, rgba(122,21,27,.80) 100% ) !important;
}

.huleg-page-kicker {
    color: #d3bd8b !important;
}


/* =========================================================
   CMS HIGHLIGHT
========================================================= */

.huleg-cms-content .school-highlight {
    background: #971a22 !important;
}

.huleg-cms-content blockquote {
    color: #7a151b !important;
}


/* =========================================================
   ORGANIZATION CHART
========================================================= */

.huleg-org-node {
    color: #7a151b !important;
}

.huleg-org-node-main {
    background: #971a22 !important;
    border-color: #971a22 !important;
    color: #fff !important;
}

.huleg-org-node-director {
    background: #b79a60 !important;
    border-color: #b79a60 !important;
    color: #fff !important;
}

.huleg-org-department-header {
    background: linear-gradient( 135deg, #7a151b 0%, #971a22 100% ) !important;
}

.huleg-org-position-head {
    color: #7a151b !important;
}

    .huleg-org-position-head::before {
        background: #971a22 !important;
    }


/* =========================================================
   KINDERGARTEN
========================================================= */

.kgx-sidebar-title {
    background: #971a22 !important;
}

.kgx-page-heading h2,
.kgx-section-title h2,
.kgx-split-content h2 {
    color: #7a151b !important;
}

.kgx-framework-center {
    background: #971a22 !important;
}

.kgx-info-table-title {
    background: #971a22 !important;
}

.kgx-goal {
    background: #971a22 !important;
}

.kindergarten-apply-box {
    background: #971a22 !important;
}


/* =========================================================
   CAMBRIDGE
========================================================= */

.cam-page-header {
    background: linear-gradient( 135deg, #7a151b 0%, #971a22 100% ) !important;
}

.cam-stage-nav-wrap {
    background: #7a151b !important;
}

.cam-intro-heading h2,
.cam-stage-title,
.cam-prose h3 {
    color: #7a151b !important;
}

.cam-info-card-title {
    background: #971a22 !important;
}

.cam-cta {
    background: #7a151b !important;
}


/* =========================================================
   ACADEMIC CALENDAR
========================================================= */

.ac-heading h2,
.ac-event-title,
.ac-modal-header .modal-title {
    color: #7a151b !important;
}

.ac-month-header {
    background: #971a22 !important;
}

.ac-event-date strong {
    color: #7a151b !important;
}


/* =========================================================
   CLUBS PAGE
========================================================= */

.clubs-page-header {
    background: linear-gradient( 135deg, #7a151b 0%, #971a22 100% ) !important;
}


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

.huleg-new-footer {
    background: #7a151b !important;
}

.huleg-footer-title {
    color: #b79a60 !important;
}

.huleg-footer-contact i {
    color: #b79a60 !important;
}

.huleg-social a:hover {
    background: #b79a60 !important;
    border-color: #b79a60 !important;
    color: #7a151b !important;
}


/* =========================================================
   MOBILE ADMIN BUTTONS
========================================================= */

.mobile-panel-admission {
    background: #971a22 !important;
}

.mobile-panel-admin:hover,
.mobile-panel-logout:hover {
    background: #971a22 !important;
    border-color: #971a22 !important;
    color: #fff !important;
}


/* =========================================================
   SELECTION
========================================================= */

::selection {
    background: #971a22;
    color: #fff;
}