/* ===== CLEARGATE GLOBAL THEME (Kadence) ===== */
:root{
  --cg-navy:#0C1530;      /* brand background */
  --cg-ink:#0F172A;       /* body text */
  --cg-slate:#475569;     /* subtext */
  --cg-line:#E5E7EB;      /* borders */
  --cg-gold:#D8B65A;      /* accents / buttons */
}

/* Page background + subtle texture */
body{ background: radial-gradient(1200px 600px at 50% -10%, #121a38 0%, var(--cg-navy) 60%) fixed; color:var(--cg-ink); }

/* Main content container – turn pages into cards */
.site, .content-area, .entry-content, .wp-site-blocks{
  background: transparent !important;
}
.entry-content > *:not(.kb-row-layout-wrap):not(.wp-block-cover){
  max-width: 1080px; margin-left:auto; margin-right:auto;
}

/* Kadence rows and sections as elegant cards */
.kb-row-layout-wrap{
  background:#fff; border:1px solid var(--cg-line); border-radius:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.06); padding:22px; margin:18px auto;
}

/* Headings + accent underline */
h1,h2,h3{ color:#fff; } /* over navy hero (see hero class below) */
.entry-content h2, .entry-content h3{ color:var(--cg-ink); }
.cg-underline{ position:relative; display:inline-block; }
.cg-underline::after{ content:""; position:absolute; left:0; right:0; bottom:-6px; height:3px; background:linear-gradient(90deg,var(--cg-gold),#f4e1a5); border-radius:2px; }

/* Buttons */
.wp-block-button__link, .kb-button, .button, button, input[type=submit]{
  background:var(--cg-gold) !important; color:var(--cg-navy) !important;
  border:0!important; border-radius:12px!important; padding:11px 18px!important; font-weight:700;
}
.wp-block-button__link:hover, .kb-button:hover, .button:hover, button:hover, input[type=submit]:hover{
  filter:brightness(.96);
}

/* Forms – consistent premium look */
input, select, textarea{
  border:1px solid #cbd5e1; border-radius:12px; padding:12px 14px; font-size:16px;
}
label{ font-weight:600; color:var(--cg-ink); }

/* Nav & footer polish */
.site-header, .header-area{ background:transparent !important; }
.site-footer{ background:rgba(12,21,48,.75); color:#e6e8ef; }
.site-footer a{ color:#f8f9ff; }

/* Compact spacing */
.entry-content{ padding-top: 14px; }
.kb-row-layout-wrap:last-child{ margin-bottom:28px; }

/* Optional hero section utility (use .cg-hero on a Row Layout) */
.cg-hero{
  background:linear-gradient(180deg, #0f1a3a 0%, var(--cg-navy) 100%) !important;
  color:#fff !important; border:1px solid rgba(255,255,255,.08); border-radius:18px;
}
.cg-hero .wp-block-heading, .cg-hero h1, .cg-hero h2, .cg-hero p{ color:#fff !important; }
.cg-hero .gold{ color:var(--cg-gold); }
:root{
  /* Cleargate Monochrome — Navy family only */
  --cg-navy-950:#070D24;
  --cg-navy-900:#0D1736;   /* BASE (match logo background) */
  --cg-navy-800:#14214A;
  --cg-navy-700:#1D2C5E;
  --cg-navy-600:#2A3A73;
  --cg-navy-500:#3A4A88;
  --cg-navy-400:#51629F;
  --cg-navy-300:#6C7CB6;
  --cg-navy-200:#8D9DD0;
  --cg-navy-100:#B8C2E4;
  --cg-ink:#F4F7FF;        /* on-dark text */
  --cg-ink-2:#DDE4FA;      /* secondary on-dark */
  --cg-paper:#FFFFFF;      /* page white */
}

/* Site shell */
body, .site-main{ background: var(--cg-paper); color:#1a1f2e; }
header.site-header, .kadence-header{
  background: var(--cg-paper) !important;
  box-shadow: 0 1px 0 rgba(13,23,54,.06);
}

/* Menu */
.kad-header-menu .menu>li>a{ color:#2a3147; }
.kad-header-menu .menu>li:hover>a,
.kad-header-menu .current-menu-item>a{ color: var(--cg-navy-700); }

/* Primary buttons (navy only) */
a.button, .wp-block-button__link, .kt-btn{
  background: var(--cg-navy-600) !important;
  color: var(--cg-ink) !important;
  border-radius: 14px; font-weight: 800; letter-spacing:.2px;
}
a.button:hover, .wp-block-button__link:hover, .kt-btn:hover{
  background: var(--cg-navy-700) !important; filter:saturate(1.02);
}

/* Cards on light */
.card-navy{
  background:#fff; border:1px solid rgba(13,23,54,.10);
  border-radius:18px; box-shadow:0 8px 24px rgba(13,23,54,.06);
}

/* Kill header gap on Home if Transparent Header was on */
.home .entry-content .wp-block-kadence-rowlayout:first-child{
  margin-top:0 !important; padding-top:0 !important;
}

/* Footer (deep navy band) */
.site-footer{ background: var(--cg-navy-900); color: var(--cg-ink-2); }
.site-footer a{ color: var(--cg-ink); }
header.site-header, .kadence-header {
  background: #F9FAFF !important;
  border-bottom: 1px solid #E2E5EF;
}

.kad-header-menu .menu>li>a {
  color: #1B2750;
  font-weight: 500;
}
.kad-header-menu .menu>li:hover>a {
  color: #C7B377;
}
.wp-block-button__link {
  border-radius: 4px !important;
}

.site-footer {
  background: #0E1630;
  color: #E8EBF8;
}
/* Header */
header.site-header, .kadence-header {
  background: #F8F9FC !important; /* subtle off-white for clean contrast */
  border-bottom: 1px solid rgba(14,22,48,0.1);
}
.kad-header-menu .menu>li>a { color: #0E1630; font-weight: 600; }
.kad-header-menu .menu>li:hover>a,
.kad-header-menu .current-menu-item>a { color: #F5B940; }

/* Hero section */
.hero-cleargate {
  background: #0E1630;
  color: #E8EBF8;
  padding: 120px 24px 90px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 0 !important;
}
.hero-cleargate h1 {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-size: 52px;
  color: #FFFFFF;
  text-shadow: 0 2px 6px rgba(0,0,0,0.25);
}
.hero-cleargate p {
  font-family: "Inter", sans-serif;
  font-size: 19px;
  color: #D9DEF3;
  max-width: 740px;
  margin: 0 auto 36px;
}
.hero-cleargate .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}
.hero-cleargate a {
  background: #F5B940;
  color: #0E1630;
  padding: 14px 32px;
  border-radius: 6px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  transition: all .25s ease;
  box-shadow: 0 3px 10px rgba(0,0,0,.15);
}
.hero-cleargate a:hover { background: #ffd676; }
/* --- ABOUT page refinements (alignment + tone) --- */

/* Softer page tone */
#cg-about .values { background: #F3F5FB; }              /* subtle blue-grey */
#cg-about .about-cleargate, 
#cg-about .wrap { background: transparent; }

/* Balanced 2×2 grid on desktop; 1×4 on mobile */
#cg-about .grid{
  display:grid;
  grid-template-columns: repeat(1, minmax(260px,1fr));   /* mobile default */
  gap: 28px;
  max-width:1080px;
  margin:0 auto 70px;
}
@media (min-width: 900px){
  #cg-about .grid{ grid-template-columns: repeat(2, minmax(320px,1fr)); }
}

/* Equal-height cards + cleaner shadow */
#cg-about .card{
  display:flex; flex-direction:column; justify-content:flex-start;
  height:100%;
  background:#fff;
  border:1px solid rgba(14,22,48,.10);
  border-radius:16px;
  padding:36px 28px;
  box-shadow: 0 12px 24px rgba(14,22,48,.08);           /* deeper, softer */
}

/* Headings alignment + accent */
#cg-about .card h3{
  margin-top:2px; margin-bottom:12px;
  border-left:4px solid #F5B940;                         /* gold accent */
  padding-left:12px;
}

/* Typography polish */
#cg-about .card p{ color:#49526F; line-height:1.75; font-size:16.5px; }

/* Section spacing + faint inner glow to avoid flat white */
#cg-about .values .wrap{ padding:88px 22px 92px; }
#cg-about .values{ box-shadow: inset 0 40px 80px -60px rgba(14,22,48,.15); }

/* Divider subtlety */
#cg-about .divider{
  height:1px; margin:64px 0;
  background: linear-gradient(90deg, rgba(14,22,48,.04), rgba(14,22,48,.18), rgba(14,22,48,.04));
}
@media (min-width: 1280px){
  #cg-about .grid{ grid-template-columns: repeat(3, minmax(320px,1fr)); }
}
/* Test override */
#cg-about {
  background: #F3F5FB !important;
}
/* ========== Cleargate Header Polish ========== */
:root{
  --cg-navy:#0F172A;         /* header base */
  --cg-navy-2:#121B2E;       /* pattern secondary */
  --cg-ink:#E8EEF9;          /* link base */
  --cg-gold:#E6B800;         /* accent */
  --cg-ink-dim:#C9D3E7;      /* muted */
}

/* Header shells (Kadence common selectors) */
.site-header,
.header-main,
.kadence-sticky-header,
.kadence-sticky-header.item-is-fixed,
.site-main-header-wrap {
  background-color: var(--cg-navy);
  /* subtle dual-scale dot grid, no external assets */
  background-image:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, transparent 0),
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.035) 1px, transparent 0);
  background-size: 12px 12px, 24px 24px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.20);
}

/* Compact vertical rhythm */
.site-header .site-header-wrap,
.header-main .site-header-wrap,
.site-main-header-wrap .site-header-wrap {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Logo presence */
.site-branding img,
.header-branding img {
  max-height: 56px;           /* adjust to taste */
  height: auto;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}

/* Primary nav links */
.main-navigation .menu > li > a,
.header-navigation .menu > li > a,
.header-navigation a {
  color: var(--cg-ink);
  font-weight: 600;
  letter-spacing: .2px;
  padding: 16px 14px;
  transition: color .2s ease, opacity .2s ease;
}

/* Hover & current */
.main-navigation .menu > li > a:hover,
.header-navigation .menu > li > a:hover,
.main-navigation .menu > li.current-menu-item > a,
.header-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current-menu-ancestor > a {
  color: var(--cg-gold);
}

/* Optional: underline on hover for better affordance */
.main-navigation .menu > li > a:hover::after,
.header-navigation .menu > li > a:hover::after {
  content:"";
  display:block;
  margin:6px auto 0;
  width: 24px;
  height: 2px;
  background: var(--cg-gold);
  border-radius: 2px;
}

/* Header CTA buttons (if you use one) */
.header-button .button,
.header-button .wp-block-button__link {
  background: var(--cg-gold);
  color: var(--cg-navy);
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 700;
  box-shadow: 0 6px 12px rgba(230,184,0,.25);
}
.header-button .button:hover,
.header-button .wp-block-button__link:hover {
  filter: brightness(0.95);
}

/* Mobile: keep contrast strong */
@media (max-width: 992px){
  .site-header .site-header-wrap,
  .header-main .site-header-wrap {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .main-navigation .menu > li > a,
  .header-navigation .menu > li > a {
    padding: 12px 10px;
  }
}

/* Optional: match Kadence sticky header when fixed */
.kadence-sticky-header.item-is-fixed {
  background-color: var(--cg-navy);
  background-image:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, transparent 0),
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.035) 1px, transparent 0);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
/* HERO BACKGROUND */
.hero {
  position: relative;
  min-height: 62vh; /* 520–720px on desktop */
  background-image:
    linear-gradient(180deg, rgba(12,17,37,.72) 0%, rgba(12,17,37,.32) 45%, rgba(12,17,37,.78) 100%),
    url('/path/cleargate-hero.webp');
  background-size: cover;
  background-position: 50% 60%;
  background-repeat: no-repeat;
  color: #fff;
}

/* TEXT LEGIBILITY */
.hero h1 { letter-spacing: .3px; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.hero p  { max-width: 850px; opacity: .92; }

/* CTA ALIGNMENT */
.hero .cta-row { gap: 24px; flex-wrap: wrap; }

/* OPTIONAL: subtle emblem watermark on the far right */
.hero::after{
  content:"";
  position:absolute; right:4vw; bottom:6vh; width:120px; height:120px;
  background:url('/path/cleargate-emblem-gold.svg') no-repeat center/contain;
  opacity:.06; pointer-events:none; filter: drop-shadow(0 0 0 rgba(0,0,0,0));
}
background: linear-gradient(180deg, rgba(10,15,43,0.9) 0%, rgba(10,15,43,0.95) 100%), 
url('https://cleargateconsulting.ca/wp-content/uploads/2025/11/elegant_minimal_navy_and_gold_03.jpeg') center/cover no-repeat;
/* --- Cleargate full-header background override --- */
.site-header,
.site-header-row-container-inner,
.site-header-main-row,
.site-header-top-row,
.site-header-bottom-row {
  background-color: #0A0F2B !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Make sure logo and menu stay vertically aligned */
.site-header-row-container-inner {
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove any leftover art image fragments */
.site-header:before,
.site-header:after {
  background-image: none !important;
  content: none !important;
}
/* Give the navigation row a solid navy base */
.kb-header-row.navigation {
  background-color: #0A0F2B !important;
  position: relative;
  z-index: 3;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Tighten top row padding so the logo isn't floating */
.kb-header-row.top {
  padding: 8px 0 !important;
}

/* Force logo + text alignment */
.kb-header-row.top .site-branding {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
}

/* Make sure navigation links pop */
.site-navigation a {
  color: #F4E4B0 !important;
  font-weight: 600;
}
.site-navigation a:hover {
  color: #D1B05C !important;
}
.hero-cleargate {
  background: linear-gradient(165deg, #0E1630 0%, #1B2750 100%);
  color: #E8EBF8;
  padding: 120px 24px 100px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.hero-cleargate h1 {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-size: 52px;
  line-height: 1.1;
  color: #FFFFFF;
  text-shadow: 0 2px 4px rgba(0,0,0,.2);
}

.hero-cleargate p {
  font-family: "Inter", sans-serif;
  font-size: 19px;
  color: #D9DEF3;
  max-width: 720px;
  margin: 0 auto 36px;
}

.hero-cleargate .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.hero-cleargate a {
  background: #C7B377;
  color: #0E1630;
  padding: 14px 32px;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: .4px;
  transition: all .25s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}

.hero-cleargate a:hover {
  background: #D4C28C;
}

@media (max-width:768px){
  .hero-cleargate h1 { font-size: 36px; }
  .hero-cleargate p { font-size: 16px; }
}
/* Make full-bleed sections truly edge-to-edge in Gutenberg/Kadence */
.entry-content > .alignfull,
.alignfull {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: 100vw !important;
  width: 100vw !important;
}

/* Split Hero */
.cg-hero-split{
  position: relative;
  min-height: 100vh;           /* fills the whole screen */
  isolation: isolate;
  overflow: hidden;
  color: #EDEFF7;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.cg-hero-bg{
  position: absolute; inset: 0;
  background: url("https://cleargateconsulting.ca/wp-content/uploads/2025/11/abstract_geometric_gold_grid_p-6.jpeg") center/cover no-repeat;
  transform: translateZ(0);
}

.cg-hero-overlay{
  position: absolute; inset: 0;
  /* gentle depth so text reads well */
  background:
    linear-gradient(180deg, rgba(10,16,32,.55) 0%, rgba(10,16,32,.35) 44%, rgba(10,16,32,.55) 56%, rgba(10,16,32,.75) 100%),
    radial-gradient(120% 70% at 50% 100%, rgba(12,20,40,.0) 0%, rgba(12,20,40,.35) 60%, rgba(12,20,40,.65) 100%);
  pointer-events: none;
}

.cg-hero-grid{
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  min-height: 100vh;
  width: min(1200px, 92vw);
  margin: 0 auto;
  padding: clamp(28px, 4vw, 48px) 0;
}

/* Panes */
.cg-pane{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 18px;
  padding-inline: clamp(12px, 2vw, 24px);
}

.cg-top h1{
  font-family: "Merriweather", Georgia, serif;
  font-weight: 900;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.08;
  color: #FFFFFF;
  text-shadow: 0 2px 6px rgba(0,0,0,.25);
}
.cg-top p{
  max-width: 860px;
  font-size: clamp(16px, 1.6vw, 20px);
  color: #D9DEF3;
}

/* Buttons */
.cg-buttons{
  display: flex; flex-wrap: wrap; gap: 14px; justify-content: center;
}
.cg-buttons a{
  background: #CDB87A;
  color: #0E1630;
  padding: 12px 26px;
  border-radius: 6px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  font-size: 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.cg-buttons a:hover{
  background:#D9C889;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0,0,0,.3);
}

/* Divider with glow */
.cg-divider{
  height: 1px; position: relative; width: 100%;
}
.cg-divider span{
  position: absolute; left: 50%; top: 0;
  width: min(100%, 1000px);
  transform: translateX(-50%);
  height: 1px;
  background: linear-gradient(90deg, rgba(0,0,0,0), #E3C878, rgba(0,0,0,0));
  box-shadow: 0 0 18px rgba(227,200,120,.55), 0 0 48px rgba(227,200,120,.25);
}

/* Bottom section */
.cg-bottom h2{
  font-family: "Merriweather", Georgia, serif;
  font-weight: 900;
  font-size: clamp(28px, 4vw, 44px);
  color: #FFFFFF;
  text-shadow: 0 2px 6px rgba(0,0,0,.25);
}
.cg-bottom p{
  max-width: 900px;
  font-size: clamp(16px, 1.5vw, 19px);
  color: #D7DDF2;
  margin-bottom: 10px;
}

/* Service pills */
.cg-pills{
  display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 8px;
}
.cg-pills a{
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(13,21,42,.55);
  border: 1px solid rgba(233,210,140,.35);
  color: #F4E9C2;
  backdrop-filter: blur(3px);
  text-decoration: none;
  transition: background .2s ease, transform .16s ease, border-color .2s ease;
}
.cg-pills a:hover{
  background: rgba(233,210,140,.12);
  border-color: rgba(233,210,140,.6);
  transform: translateY(-1px);
}

/* Mobile tuning */
@media (max-width: 768px){
  .cg-hero-grid{ width: 94vw; }
  .cg-buttons a{ padding: 11px 18px; font-size: 13px; }
}
/* Remove white background and gap between header and hero */
body.entry-content {
  background: transparent !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Optional: tighten header + hero alignment */
header.site-header {
  margin-bottom: 0 !important;
}
.cg-hero-bg{
  background-position: center 40%; /* adjusts focus upward so text sits over clear area */
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll; /* stops that Star Trek pan effect */
}
/* Line and horizon alignment */
.cg-divider {
  margin-top: 3.2rem; /* space above the line */
  margin-bottom: 3.2rem; /* breathing room below */
  position: relative;
  height: 1px;
  width: 100%;
}
.cg-divider span {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: min(100%, 950px);
  height: 1.5px;
  background: linear-gradient(90deg, rgba(0,0,0,0), #e5c974, rgba(0,0,0,0));
  box-shadow: 0 0 25px rgba(229,201,116,.55), 0 0 80px rgba(229,201,116,.25);
  opacity: 0.85;
}
.cg-hero-bg {
  background-position: center 60%; /* raises horizon slightly to match line */
}
/* Nudge the gold divider ~6px lower */
.cg-divider { 
  margin-top: calc(6rem + 6px);  /* was 3.2rem */
}

/* If you prefer shifting the horizon instead (keep the line fixed), use this: */
/* .cg-hero-bg { background-position: center 61%; }  /* was 60% */
/* 1) Sticky header: stable color + compact on scroll */
.site-header {
  position: sticky; top: 0; z-index: 1000;
  background: #0e1429;             /* same navy as hero top */
  transition: padding .25s ease, box-shadow .25s ease;
  padding: 18px 0;                  /* default height */
}
.site-header.scrolled {
  padding: 10px 0;                  /* shrink */
  box-shadow: 0 4px 18px rgba(0,0,0,.35);
}
.site-header .site-logo img { height: 52px; transition: height .25s ease; }
.site-header.scrolled .site-logo img { height: 42px; }
/* ✅ Remove the pale band above the header and under the sticky bar *//* Force-paint header and eliminate flicker */
#masthead,
header.site-header,
.kadence-header,
.site-header,
.site-header-row-container,
.site-header-row-container-inner,
.header-row-inner,
header.kadence-header,
.site-header-wrap {
  background-color:#0E1630 !important;
  background-image:none !important;
  transition:none !important;
  box-shadow:none !important;
}

/* Wipe any theme fade-in on load */
body.kadence-header-fade-in header.site-header {
  opacity:1 !important;
  visibility:visible !important;
}

/* Remove ghost margin and transparent gap */
html,body,#inner-wrap {
  background:#0E1630 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Kill sticky placeholder jump */
.kadence-sticky-placeholder {
  display:none !important;
  height:0 !important;
}
/* --- Remove leftover white/grey band beneath the header --- */
header.site-header + *,
#inner-wrap > .entry-content:first-child,
#main > .content-area:first-child,
.kadence-sticky-placeholder,
.kadence-sticky-header #inner-wrap::before,
.site-main > .wp-block-group:first-child,
.site-main > .wp-block-kadence-rowlayout:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
  border: none !important;
}

/* Paint the area immediately under the header navy, same tone */
#inner-wrap,
.site-main,
.entry-content {
  background-color: #0E1630 !important;
  background-image: none !important;
}

/* Fix scroll flicker */
body, html {
  background: #0E1630 !important;
  overflow-x: hidden;
}
/* ======= CLEARGATE two–row header ======= */
:root{
  --cg-navy-900:#0B1326;
  --cg-navy-800:#0E1630; /* footer/navy */
  --cg-text:#E8EBF8;
  --cg-gold:#D6BC73;
  --cg-gold-weak: rgba(214,188,115,.45);
}

.cg-header{
  position: sticky;
  top: 0;
  z-index: 9999;
  background: linear-gradient(180deg,var(--cg-navy-900) 0%, var(--cg-navy-800) 100%);
  color: var(--cg-text);
  box-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* ---------- Middle row (brand) ---------- */
.cg-brandrow{
  display: grid;
  grid-template-columns: 1fr auto; /* left: brand, right: aux buttons (optional) */
  align-items: center;
  gap: 1.25rem;
  padding: .85rem 3%;
}

.cg-brand{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.cg-logo{
  height: 84px;         /* tune if you need it taller/shorter */
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.45));
  margin-top: 4px;      /* tiny lift to visually center */
}

.cg-tagline{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: .3px;
  color: var(--cg-gold);
  opacity: .95;
}

/* right side: use for chips/badges/language, etc */
.cg-brand-aux{
  display: flex;
  align-items: center;
  gap: .6rem;
}
.cg-chip{
  display: inline-block;
  padding: .45rem .8rem;
  border: 1px solid var(--cg-gold);
  color: var(--cg-text);
  text-decoration: none;
  border-radius: .5rem;
  font-weight: 600;
  transition: all .25s ease;
}
.cg-chip:hover{ background: rgba(214,188,115,.12); }

/* ---------- Gold horizon divider ---------- */
.cg-midline{
  height: 4px;
  background: linear-gradient(
    90deg,
    rgba(214,188,115,0) 0%,
    var(--cg-gold-weak) 50%,
    rgba(214,188,115,0) 100%
  );
  filter: blur(.6px);
  border-bottom: 1px solid rgba(255,255,255,.05); /* subtle structure */
}

/* ---------- Lower row (navigation) ---------- */
.cg-navrow{
  padding: .6rem 3%;
  background: var(--cg-navy-800);
}

.cg-nav ul{
  display: flex;
  flex-wrap: wrap;
  gap: 2.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  justify-content: center; /* nav centered on lower line */
}

.cg-nav a{
  color: var(--cg-text);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .35px;
  transition: color .25s ease, text-shadow .25s ease;
}
.cg-nav a:hover{
  color: var(--cg-gold);
  text-shadow: 0 0 6px rgba(214,188,115,.25);
}

/* ---------- Responsive ---------- */
@media (max-width: 980px){
  .cg-logo{ height: 72px; }
  .cg-tagline{ font-size: .95rem; }
  .cg-nav ul{ gap: 1.4rem; }
}
@media (max-width: 720px){
  .cg-brandrow{ grid-template-columns: 1fr; row-gap: .5rem; }
  .cg-brand{ justify-content: center; text-align: center; }
  .cg-brand-aux{ justify-content: center; }
  .cg-tagline{ display: block; }
  .cg-nav ul{ gap: 1.1rem; }
}
/* ——— Soft gold glow on headings ——— */
.glow-soft{
  /* subtle depth + warm halo for dark navy */
  text-shadow:
     0 1px 0 rgba(12,17,48,.35),
     0 0 12px rgba(244,228,176,.18),
     0 0 28px rgba(214,175,102,.12);
}

/* Optional: a gentle top light halo on the section wrapper */
.halo-top{ position: relative; }
.halo-top::before{
  content:"";
  position:absolute; left:50%; transform:translateX(-50%);
  top:-2.5rem; width:110%; height:6rem;
  background: radial-gradient(60% 100% at 50% 0,
              rgba(244,228,176,.16), transparent 70%);
  filter: blur(6px); pointer-events:none;
  z-index:0;
}

/* ——— Animated sheen (tasteful, slow) ——— */
.sheen{
  background-image: linear-gradient(90deg,
     rgba(255,255,255,0) 0%,
     rgba(255,255,255,.85) 14%,
     rgba(255,255,255,0) 28%);
  background-size: 200% 100%;
  -webkit-background-clip:text; background-clip:text;
  color: transparent; /* keeps the sheen visible on text */
  animation: sheen-move 4.5s cubic-bezier(.35,.1,.2,1) infinite;
  text-shadow: 0 2px 10px rgba(244,228,176,.25); /* keeps legibility on dark */
}

@keyframes sheen-move{
  0%   { background-position:-120% 0; }
  40%  { background-position: 120% 0; }
  100% { background-position: 120% 0; }
}

/* Respect reduced-motion */
@media (prefers-reduced-motion: reduce){
  .sheen{ animation:none; color:#fff; -webkit-text-fill-color:#fff; }
}
glow-soft sheen
/* homepage hero one-liner */
/* Keep your existing glow if you like */
.glow-soft{
  text-shadow:
     0 1px 0 rgba(12,17,48,.35),
     0 0 14px rgba(244,228,176,.18),
     0 0 32px rgba(214,175,102,.14);
}
.glow-soft
.sheen
.sheen-vert
.halo-top
/* RESET: remove prior glow/shine effects */
.glow-soft,
.sheen,
.sheen-vert,
.halo-top,
.halo-top::before,
.sheen-vert::after {
  all: unset;
}

/* Reinstate clean defaults for headers */
h1, h2, h3, h4, h5, h6 {
  color: #f4e4b0; /* or #fff depending on your palette */
  text-shadow: none !important;
  background: none !important;
  -webkit-background-clip: initial;
  animation: none !important;
}
header.site-header,
.site-header {
  background-color: #0b1228 !important;
  background-image: none !important;
}
header.site-header {
  background: linear-gradient(180deg, #0b1228 0%, #111833 100%) !important;
}
header.site-header {
  background: url('https://cleargateconsulting.ca/wp-content/uploads/your-header-bg.png') center/cover no-repeat !important;
}
.site-branding img.custom-logo {
  max-height: 80px;
  margin-top: 4px;
  margin-bottom: 4px;
}
/* Base header rows */
.kadence-header,
.site-header,
.site-main-header-wrap,
.site-header-row-container,
.site-header-row-container-inner {
  background: #0b1228 !important;   /* your navy */
  box-shadow: none !important;
}

/* If Transparent Header is ON on this page/site, override it */
body.header-transparent .kadence-header,
body.transparent-header .kadence-header,
body.header-transparent .site-header,
body.transparent-header .site-header {
  background: #0b1228 !important;
}

/* Sticky header variant (Kadence adds these classes when sticky triggers) */
.kadence-sticky-header,
.kadence-sticky .kadence-header,
.kadence-sticky .site-header {
  background: #0b1228 !important;
}
/* Control logo size & vertical rhythm */
.site-branding img.custom-logo {
  max-height: 80px !important;  /* Kadence header accepts 80px fine */
  height: auto !important;
  width: auto !important;
  margin: 6px 0 !important;     /* gentle breathing space */
}

/* If the logo still looks a bit low or high, nudge here */
.header-section-left .site-branding,
.site-main-header-wrap .site-branding {
  align-items: center !important;
}
/* Swap the solid color for an image, if you want */
.kadence-header,
.site-header {
  background: url('https://cleargateconsulting.ca/wp-content/uploads/your-header-bg.png')
              center/cover no-repeat !important;
}
/* Make header a positioning context (safe) */
.site-header,
.kadence-header { position: relative; }

/* Shift the whole left header section a bit from the corner */
.site-header .header-section-left,
.kadence-header .header-section-left {
  padding-left: 18px !important;   /* adjust to taste (12–28px) */
}

/* Fine-tune the logo itself */
.site-branding img.custom-logo {
  margin-left: 4px !important;     /* micro-nudge; optional */
}

/* Smaller nudge on phones so it doesn’t eat space */
@media (max-width: 768px) {
  .site-header .header-section-left,
  .kadence-header .header-section-left {
    padding-left: 10px !important;
  }
}
/* Soft left-corner halo, very subtle */
.site-header::before,
.kadence-header::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 140px;                     /* how wide the halo extends */
  pointer-events: none;
  background:
    radial-gradient(120px 100% at 0% 50%,
      rgba(212, 175, 55, 0.14),     /* soft gold */
      rgba(12, 17, 40, 0) 70%);     /* fade to your navy */
  mix-blend-mode: screen;           /* gentle blend on dark bg */
  opacity: 0.75;                    /* dial down if too bright */
}

/* Don’t overpower small screens */
@media (max-width: 768px) {
  .site-header::before,
  .kadence-header::before {
    width: 90px;
    opacity: 0.55;
  }
}
/* Elegant gold divider after the logo section */
.header-section-left {
  position: relative;
  padding-left: 24px !important;
  margin-right: 18px !important;
}

.header-section-left::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 10%;
  height: 80%;
  width: 1px;
  background: linear-gradient(to bottom, #d6af66, #f4e4b0);
  opacity: 0.6;
}
/* Gentle left-corner gold glow */
.kadence-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 180px;
  background: radial-gradient(circle at 20% 50%, rgba(212,175,102,0.15), rgba(12,17,40,0) 70%);
  pointer-events: none;
  z-index: 1;
}
.cg-footer .brand {
  border-top: 1px solid rgba(214,175,102,0.3);
  border-bottom: none;
  background: linear-gradient(to right, rgba(214,175,102,0.08), rgba(12,20,48,0) 60%);
  text-transform: uppercase;
  letter-spacing: 1.2px;
.mission-hero {
  background: radial-gradient(ellipse at center, rgba(10,17,40,0.94), rgba(6,9,25,1)),
              url('https://cleargateconsulting.ca/wp-content/uploads/2025/11/golden-stairway-enlightenment.webp') center/cover no-repeat;
  text-align: center;
  color: #f2f3f5;
  padding: 120px 20px 140px;
}
.mission-hero h1 {
  color: #d9b86a;
  font-weight: 700;
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: 0.02em;
  margin-bottom: 1rem;
}
.mission-hero p {
  max-width: 800px;
  margin: 0 auto;
  font-size: clamp(1rem, 1.3vw, 1.25rem);
  line-height: 1.8;
  color: #e0e4ec;
}
/* Stretch Cleargate Services section full width */
.page-id-1642 .entry-content > .wp-block-group {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Optional: expand the individual boxes to align evenly */
.page-id-1642 .wp-block-column {
  flex: 1 1 25% !important;
  min-width: 300px;
}

/* Adjust background image to stretch with it */
.page-id-1642 .wp-block-cover {
  background-size: cover !important;
  background-position: center !important;
  width: 100vw !important;
}

/* Keep disclaimer on the floor, not floating */
.cg-floor-note {
  position: sticky;
  bottom: 0;
  z-index: 10;
  width: 100%;
  background: rgba(10, 12, 20, 0.4);
  padding: 10px 16px;
  color: #e0e0e0;
  text-align: center;
  font-size: 13px;
}
/* --- Cleargate Consulting Service Page Styling --- */

.cg-hero {
  position: relative;
  width: 100vw;
  min-height: 80vh;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.cg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
    rgba(5,8,18,0.75),
    rgba(5,8,18,0.65) 35%,
    rgba(5,8,18,0.55) 70%,
    rgba(5,8,18,0.85) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.cg-hero-content {
  color: #f8f6ef;
  max-width: 900px;
  padding: 2rem;
  background: rgba(5, 8, 18, 0.45);
  backdrop-filter: blur(8px);
  border-radius: 1rem;
  box-shadow: 0 0 25px rgba(242, 211, 122, 0.2);
}

.cg-hero h1 {
  font-size: 3rem;
  color: #f2d37a;
  margin-bottom: 1rem;
}

.cg-hero p {
  font-size: 1.2rem;
  color: #e8e8e8;
}

.cg-button {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.75rem 2rem;
  background: #f2d37a;
  color: #050812;
  border-radius: 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cg-button:hover {
  background: #ffeaa7;
  box-shadow: 0 0 12px #f2d37a;
}

/* Core Section */
.cg-core {
  padding: 5rem 2rem;
  background: linear-gradient(to bottom, #050812, #0a0f1d);
  color: #eaeaea;
  text-align: center;
}

.cg-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.cg-column {
  flex: 1 1 300px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 1rem;
  padding: 2rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cg-column:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 20px rgba(242, 211, 122, 0.2);
}

.cg-column h2 {
  color: #f2d37a;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
/* Cleargate Consulting — Compliance & Governance Page */

.compliance-hero {
  background-image: url('https://cleargateconsulting.ca/wp-content/uploads/2025/11/elegant_minimal_navy_and_gold_-2.jpeg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  width: 100vw;
  min-height: 80vh;
  overflow: hidden;
}

.cg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
    rgba(5,8,18,0.75),
    rgba(5,8,18,0.65) 35%,
    rgba(5,8,18,0.55) 70%,
    rgba(5,8,18,0.85) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.cg-hero-content {
  color: #f8f6ef;
  max-width: 900px;
  padding: 2rem;
  background: rgba(5, 8, 18, 0.45);
  backdrop-filter: blur(8px);
  border-radius: 1rem;
  box-shadow: 0 0 25px rgba(242, 211, 122, 0.2);
  z-index: 2;
}

.cg-hero-content h1 {
  font-size: 3rem;
  color: #f2d37a;
  margin-bottom: 1rem;
}

.cg-hero-content p {
  font-size: 1.2rem;
  color: #e8e8e8;
}

.cg-button {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.75rem 2rem;
  background: #f2d37a;
  color: #050812;
  border-radius: 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cg-button:hover {
  background: #ffeaa7;
  box-shadow: 0 0 12px #f2d37a;
}

/* Core Section Styling */
.cg-core {
  padding: 5rem 2rem;
  background: linear-gradient(to bottom, #050812, #0a0f1d);
  color: #eaeaea;
  text-align: center;
}

.cg-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.cg-column {
  flex: 1 1 300px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 1rem;
  padding: 2rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cg-column:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 20px rgba(242, 211, 122, 0.2);
}

.cg-column h2 {
  color: #f2d37a;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
align-content/* Cleargate Consulting — Compliance & Governance Page */

.compliance-hero {
  background-image: url('https://cleargateconsulting.ca/wp-content/uploads/2025/11/elegant_minimal_navy_and_gold_-2.jpeg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  width: 100vw;
  min-height: 80vh;
  overflow: hidden;
}

.cg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
    rgba(5,8,18,0.75),
    rgba(5,8,18,0.65) 35%,
    rgba(5,8,18,0.55) 70%,
    rgba(5,8,18,0.85) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.cg-hero-content {
  color: #f8f6ef;
  max-width: 900px;
  padding: 2rem;
  background: rgba(5, 8, 18, 0.45);
  backdrop-filter: blur(8px);
  border-radius: 1rem;
  box-shadow: 0 0 25px rgba(242, 211, 122, 0.2);
  z-index: 2;
}

.cg-hero-content h1 {
  font-size: 3rem;
  color: #f2d37a;
  margin-bottom: 1rem;
}

.cg-hero-content p {
  font-size: 1.2rem;
  color: #e8e8e8;
}

.cg-button {
  display: inline-block;
  margin-top: 1.5rem;
  padding: 0.75rem 2rem;
  background: #f2d37a;
  color: #050812;
  border-radius: 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cg-button:hover {
  background: #ffeaa7;
  box-shadow: 0 0 12px #f2d37a;
}
/* --- Cleargate footer hover palette --- */
:root{
  --cg-gold: #F4D27F;      /* primary gold (bright) */
  --cg-gold-soft: #FFE7AB; /* softer highlight */
  --cg-gold-deep: #D3AF5C; /* headings */
}

/* Link base + hover */
footer.cleargate-footer a{
  color:#EDEEF3;
  text-decoration:none;
  transition: color .16s ease, box-shadow .16s ease, text-shadow .16s ease;
}
footer.cleargate-footer a:hover,
footer.cleargate-footer a:focus-visible{
  color: var(--cg-gold);
  text-shadow: 0 0 10px rgba(244,210,127,.35);
  box-shadow: inset 0 -2px 0 var(--cg-gold);
  outline: none;
}

/* Section headings */
footer.cleargate-footer h4{
  color: var(--cg-gold-deep);
}

/* Badges (Governance-Ready / Ethics-Aligned) */
footer.cleargate-footer .badge{
  border-color: var(--cg-gold-deep);
  color: var(--cg-gold-deep);
  transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}
footer.cleargate-footer .badge:hover,
footer.cleargate-footer .badge:focus-visible{
  background: var(--cg-gold);
  color:#0b0e14;
  box-shadow: 0 0 16px rgba(244,210,127,.35);
  outline:none;
}

/* Optional: subtle logo glow on hover */
footer.cleargate-footer .logo-col img.logo{
  transition: filter .2s ease, transform .2s ease;
}
footer.cleargate-footer .logo-col img.logo:hover{
  filter: drop-shadow(0 0 14px rgba(244,210,127,.35));
  transform: translateY(-2px);
}
align-content
/* ===== Cleargate Contact Form – Kadence Fix ===== */

/* Form container card */
.kb-form-wrap {
  background: rgba(8, 12, 20, 0.92);
  padding: 32px;
  border-radius: 14px;
  border: 1px solid rgba(244, 210, 127, 0.28);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
}

/* Inputs + textarea */
.kb-form-wrap input[type="text"],
.kb-form-wrap input[type="email"],
.kb-form-wrap input[type="tel"],
.kb-form-wrap textarea,
.kb-form-wrap select {
  background: #0c1322;
  border: 1px solid #2f3747;
  border-radius: 10px;
  padding: 11px 13px;
  color: #e7e7e7;
  width: 100%;
  box-sizing: border-box;
}

.kb-form-wrap input::placeholder,
.kb-form-wrap textarea::placeholder {
  color: #7f8793;
}

/* Focus state */
.kb-form-wrap input:focus,
.kb-form-wrap textarea:focus,
.kb-form-wrap select:focus {
  border-color: #f4d27f;
  box-shadow: 0 0 0 2px rgba(244, 210, 127, 0.35);
  outline: none;
}

/* Labels & helper text */
.kb-form-wrap label {
  color: #d8dde7;
  font-size: 0.96rem;
  font-weight: 500;
}

.kb-form-wrap p {
  color: #b9c0cc;
}

/* Submit button */
.kb-form-wrap .kb-forms-submit input[type="submit"],
.kb-form-wrap .kb-forms-submit button {
  background: #f4d27f;
  color: #050814;
  padding: 12px 28px;
  border-radius: 999px;
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.kb-form-wrap .kb-forms-submit input[type="submit"]:hover,
.kb-form-wrap .kb-forms-submit button:hover {
  background: #d7b35f;
}
/* FORCE HERO TITLE YELLOW */
.page-id-XXXX h1,
.page-id-XXXX .entry-header h1 {
    color: #E6B800 !important;
}

/* HERO TAGLINE BRIGHT WHITE */
.page-id-XXXX .entry-content p:first-of-type {
    color: #F8F8F8 !important;
}
h1 { display: none; }
.group h1 { visibility: hidden; }backface-visibility