/* Palette from https://localcatalyst.ai/wp-localcatalyst-style.css, 2026-09-06.
   Keep the Canvas SEO composition and type; only adapt the brand colors. */
:root {
  --lc-navy: #0b1120;
  --lc-dark: #0f172a;
  --lc-bodytext: #475569;
  --lc-muted: #94a3b8;
  --lc-emerald: #10b981;
  --lc-emerald-hover: #34d399;
  --lc-light-bg: #f8fafc;
  --lc-card-border: #e2e8f0;
  --cnvs-themecolor: var(--lc-emerald);
  --cnvs-themecolor-rgb: 16, 185, 129;
  --cnvs-heading-color: var(--lc-navy);
  --cnvs-body-color: var(--lc-bodytext);
}
body { color: var(--lc-bodytext); }
h1,h2,h3,h4,h5,h6 { color: var(--lc-navy); }
.button:not(.button-white):not(.button-light):not(.button-border) { color: var(--lc-navy); }
.button.button-dark { background-color: var(--lc-navy); color: white; }
.button:hover { background-color: var(--lc-emerald-hover); color: var(--lc-navy); }
.bg-dark, .dark { background-color: var(--lc-navy) !important; }
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6 { color: #f1f5f9; }
.bg-light { background-color: var(--lc-light-bg) !important; }
#copyrights { color: var(--lc-bodytext); }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid var(--lc-emerald); outline-offset: 4px; }
/* Keep the original footer wave artwork and recolor its background only. */
#copyrights { position: relative; isolation: isolate; background-image: none !important; }
#copyrights::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: url('/industry-release/industry-children-c28a5a4ce37aa9e5/canvas/demos/seo/images/hero/footer.svg') no-repeat top center / cover;
  filter: hue-rotate(105deg) saturate(.8);
}
/* Canvas's narrow-screen rows can extend two pixels beyond the viewport. */
html, body { overflow-x: clip; }

/* Actual LocalCatalyst icon and live-site wordmark treatment, adapted to white. */
.lc-brand { display: inline-flex !important; align-items: center; gap: 10px; color: var(--lc-navy); white-space: nowrap; }
#logo .lc-brand img, .lc-brand img { width: 40px !important; height: 40px !important; max-height: 40px !important; object-fit: contain; }
.lc-wordmark { display: inline-flex; align-items: baseline; font: 600 22px/1 'DM Sans', sans-serif; letter-spacing: -.3px; }
.lc-dot-ai { font: 700 16px/1 'Space Mono', monospace; color: var(--lc-emerald); }
.lc-footer-logo { margin-bottom: 22px; }
.lc-social-profiles { display: flex; flex-wrap: wrap; gap: 18px 24px; }
.lc-social-profile { display: inline-flex; align-items: center; gap: 10px; color: var(--lc-navy); font-weight: 600; font-size: 14px; }
@media (max-width: 575px) {
  #logo .lc-brand { gap: 7px; }
  #logo .lc-brand img { width: 32px !important; height: 32px !important; }
  #logo .lc-wordmark { font-size: 19px; }
  #logo .lc-dot-ai { font-size: 14px; }
}

/* Match the typography served by localcatalyst.ai, including Canvas defaults. */
:root,body{--cnvs-body-font:'DM Sans',sans-serif;--cnvs-primary-font:'DM Sans',sans-serif;--cnvs-secondary-font:'DM Sans',sans-serif;--cnvs-primary-menu-font:'DM Sans',sans-serif;--bs-body-font-family:'DM Sans',sans-serif}
body,button,input,select,textarea,.menu-link{font-family:'DM Sans',sans-serif}
h1,h2,h3,h4,h5,h6,h1 em,h2 em,h3 em,.heading-block h1,.heading-block h2,.heading-block h3{font-family:'DM Sans',sans-serif}

/* Keep the navigation flat across the full viewport, including sticky mode. */
#header{--cnvs-header-boxshadow:none}
#header #header-wrap,#header #header-wrap .container{box-shadow:none}
