/* style.css — GHL global CSS variables + shared component rules
   Load AFTER base.css, BEFORE per-page CSS
   ============================================================= */

/* ─── Design tokens ───────────────────────────────── */
:root {
  /* Standard palette (referenced by per-page GHL CSS rules) */
  --primary: #37ca37;
  --secondary: #188bf6;
  --white: #ffffff;
  --gray: #cbd5e0;
  --black: #000000;
  --red: #e93d3d;
  --orange: #f6ad55;
  --yellow: #faf089;
  --green: #9ae6b4;
  --teal: #81e6d9;
  --malibu: #63b3ed;
  --indigo: #757BBD;
  --purple: #d6bcfa;
  --pink: #fbb6ce;
  --transparent: transparent;
  --overlay: rgba(0,0,0,0.5);
  --cobalt: #155eef;
  --smoke: #f5f5f5;

  /* Brand custom colours */
  --my-custom-color-63: #125d5dff;
  --my-custom-color-18: #27bdbdff;   /* brand teal */
  --my-custom-color-27: #2c2c2c;     /* near-black text */
  --my-custom-color-60: #e5e5e5;

  /* GHL colour references */
  --color-66c5b4f991201e717d357151: #000000;
  --color-66c5b4f991201e3958357152: #FFFFFF;
  --color-68b5cc1c7a064c201f4f38d3: #27bdbd;

  /* Theme fonts — only Oswald + Montserrat are loaded */
  --contentfont: "Montserrat", sans-serif;
  --headlinefont: "Oswald", sans-serif;

  /* Semantic tokens */
  --text-color: var(--my-custom-color-27);
  --link-color: var(--my-custom-color-18);
}

/* ─── Top bar (section-vIxEXr33Y) ─────────────────── */
.hl_page-preview--content #section-vIxEXr33Y {
  padding: 2px 50px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #27bdbdff;
  border-color: var(--black);
  border-width: 2px;
  border-style: solid;
}
.hl_page-preview--content #section-vIxEXr33Y > .inner { max-width: 1170px; }

/* ─── Nav section (section-U_kXsU6Ny) ─────────────── */
.hl_page-preview--content #section-U_kXsU6Ny {
  background-color: var(--white);
  border-color: var(--black);
  border-width: 2px;
  border-style: solid;
  padding: 0;
  margin: 0;
}
.hl_page-preview--content #section-U_kXsU6Ny > .inner { max-width: 1170px; }
.hl_page-preview--content #row-AHiOTbKjvP { padding: 10px 0; }
.hl_page-preview--content #col-Ps0xXwpv4f { width: 78.9%; max-width: 78.9%; }
.hl_page-preview--content #row-sUtzvDPAX_ { padding: 0 5px 10px; }
.hl_page-preview--content #col-B0kojxItud { width: 100%; }

/* ─── Nav menu styles ─────────────────────────────── */
.hl_page-preview--content .cnav-menu-6QZ2eehQT {
  font-family: var(--headlinefont);
  padding: 0 10px;
  margin-top: 0;
  color: var(--my-custom-color-27);
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: center;
}
.hl_page-preview--content #nav-menu-6QZ2eehQT .nav-menu { font-size: 17px; font-weight: 400; }
.hl_page-preview--content #nav-menu-6QZ2eehQT .nav-menu li.nav-menu-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.hl_page-preview--content #nav-menu-6QZ2eehQT .nav-menu .nav-menu-item a {
  color: var(--my-custom-color-27);
  cursor: pointer;
  height: inherit;
  display: flex;
  align-items: center;
  padding: 10px 40px;
  transition: all .3s ease;
}
.hl_page-preview--content #nav-menu-6QZ2eehQT .nav-menu .nav-menu-item:hover > a,
.hl_page-preview--content #nav-menu-6QZ2eehQT .nav-menu .nav-menu-item.active > a {
  color: var(--white);
  background: #27bdbdff;
}

/* ─── Footer section (section-rhz1jdmeN) ──────────── */
.hl_page-preview--content #section-rhz1jdmeN {
  background-color: var(--my-custom-color-27);
  padding: 40px 0;
}
.hl_page-preview--content #section-rhz1jdmeN > .inner { max-width: 1170px; }
.hl_page-preview--content #section-rhz1jdmeN p,
.hl_page-preview--content #section-rhz1jdmeN a { color: var(--white); }

/* ─── Juicer social feed ────────────────────────── */
.juicer-feed .feed-item .j-message,
.juicer-feed .feed-item .j-message p { color: #27bdbd !important; }
.juicer-feed .is-not-youTube a { color: #27bdbd !important; }
.juicer-feed .is-not-youTube .j-meta a { color: #27bdbd !important; }
.juicer-feed .is-not-youTube a:hover { color: #27bdbd !important; }