/**
 * Theme Name:   Vivid Frequency
 * Description:  The Spiritual Agency child theme. Vivid Frequency brand system v11.7.4 - clean architecture release. Three-layer separation enforced: brand tokens + foundation in style.css, theme primitives in css/vf-overrides.css, page-specific layouts migrated to Blocksy Content Blocks and GreenShift Reusable Templates. Plus Jakarta Sans 700 heading weight (locked per VF v6.2 §5.2).
 * Author:       The Spiritual Agency
 * Author URI:   https://spiritual.agency
 * Theme URI:    https://spiritual.agency/vivid-frequency
 * Template:     blocksy
 * Text Domain:  vivid-frequency
 * Version:      11.7.55
 * Requires PHP: 8.1
 * Tags:         blocksy-child, brand-system, dark-mode, light-mode
 */

/* ============================================================================
   VIVID FREQUENCY v11.2.1 · Brand tokens + foundation
   The Spiritual Agency · spiritual.agency

   ARCHITECTURE
   This file holds ONLY brand tokens (the canonical :root block) and global
   foundation styles (default text colours, base typography, utilities,
   robustness layer). Component primitives live in css/vf-overrides.css.
   Page-specific layouts live in Blocksy Content Blocks. Reusable component
   patterns live as GreenShift Reusable Templates. Truly global rules live in
   GreenShift Custom CSS (gspb_global_settings.custom_css).

   See README.md for the complete architecture. See CHANGELOG.md for history.
   ============================================================================ */

:root {

  /* -- Brand palette -------------------------------------------------- */
  --sa-void:             #0D0D1A;   /* Dark canvas                              */
  --sa-spirit-blue:      #0896F2;   /* T5 Vishuddha - secondary elements         */
  --sa-shakti-start:     #FF0060;   /* Shakti Gradient start (Blocksy C1)        */
  --sa-shakti-end:       #FF008B;   /* Shakti Gradient end (also T7)             */
  --sa-shakti-crimson:   var(--sa-shakti-start);   /* retired in 11.6.0 - alias to Shakti Pink; auto-flips to Shakti Deep in light via §13 */
  --sa-shakti-deep:      #6B0030;   /* Light-Mode Pink replacement (WCAG AAA on parchment) */
  --sa-anahata-green:    #A7FF00;   /* T4 Anahata - Dark-Mode highlight          */
  --sa-anahata-deep:     #3D6500;   /* Light-Mode body text on Parchment         */
  --sa-spirit-deep:      #073B7A;   /* Light-Mode Spirit Blue replacement (per vf.brand.spirit_deep, 2026-05-19) */
  --sa-manipura-deep:    #B8860B;   /* Light-Mode Manipura T3 replacement (per vf.brand.manipura_deep, 2026-05-19) */
  --sa-ajna-deep:        #6322A8;   /* Light-Mode Electric Violet replacement (per vf.brand.ajna_deep, 2026-06-25); ~8.7:1 on parchment AAA */
  --sa-electric-yellow:  #FFE600;   /* WARNINGS ONLY - never primary accent      */
  --sa-parchment:        #FAFAF7;   /* Light backgrounds                         */
  --sa-electric-violet:  #9000FF;   /* T6 Ajna                                   */
  --sa-deep-violet-dark: #1A0533;   /* Headings on Light Mode (Blocksy C4)       */

  /* -- Brand gradients ------------------------------------------------ */
  --sa-shakti-gradient: linear-gradient(135deg, var(--sa-shakti-start), var(--sa-shakti-end));
  --vf-grad-shakti:     linear-gradient(135deg, var(--sa-shakti-start) 0%, var(--sa-shakti-end) 100%);
  --vf-grad-crown:      linear-gradient(135deg, #FF0060 0%, #9000FF 50%, #0896F2 100%);
  --vf-grad-spectrum:   linear-gradient(90deg, #FF1500 0%, #FF5500 14.28%, #FFD000 28.57%, #A7FF00 42.85%, #0896F2 57.14%, #9000FF 71.42%, #FF008B 85.71%, #FF1500 100%);

  /* -- Chakra tier colours -------------------------------------------- */
  --sa-t1: #FF1500;   /* Muladhara    - Root         - Free     */
  --sa-t2: #FF5500;   /* Svadhisthana - Sacral       - £9.99    */
  --sa-t3: #FFD000;   /* Manipura     - Solar Plexus - £29.99   */
  --sa-t4: #A7FF00;   /* Anahata      - Heart        - £49.99   */
  --sa-t5: #0896F2;   /* Vishuddha    - Throat       - £99.99   */
  --sa-t6: #9000FF;   /* Ajna         - Third Eye    - £299     */
  --sa-t7: #FF008B;   /* Sahasrara    - Crown        - £599     */

  /* -- Pillar colours (4-pillar service architecture) ----------------- */
  --vf-pillar-create:   var(--sa-shakti-start);    /* Pink   - content / creative   (-> Shakti Deep in light via the §M.4 pillar remap; base shakti-start stays #FF0060 for the button) */
  --vf-pillar-build:    var(--sa-spirit-blue);     /* Blue   - infrastructure / hosting (-> Spirit Deep in light via the spirit-blue remap) */
  --vf-pillar-grow:     var(--sa-anahata-green);   /* Green  - growth / marketing   (→ Anahata Deep in light via §13) */
  --vf-pillar-automate: var(--sa-electric-violet); /* Violet - automation / scale   (-> Ajna Deep in light; menu pillar only, base violet stays vivid)     */
  --vf-pillar-support:  var(--sa-t3);              /* Yellow - Care & Support; auto-flips to Manipura Deep #B8860B in light via the .vf--light --sa-t3 remap */

  /* -- Semantic / Mode tokens ----------------------------------------- */
  /* Default mode = Dark. Body uses var(--vf-text); .vf--light flips it.
     The flip happens in the .vf--light selector below. */
  --vf-text:        var(--sa-parchment);
  --vf-heading:     var(--sa-parchment);
  --vf-text-muted:  rgba(250, 250, 247, 0.78);
  --vf-text-subtle: rgba(250, 250, 247, 0.55);
  --vf-surface:     var(--sa-void);
  --vf-surface-alt: #1A1A26;
  --vf-surface-rhythm: var(--sa-deep-violet-dark);   /* WI-M4 §M - section-alternation backdrop rhythm; mode-symmetric; estate-portable. Dark = Deep Violet Dark #1A0533; light flip in the .vf--light block below. */
  --vf-border:      rgba(250, 250, 247, 0.08);   /* mode-aware hairline/border; flips in .vf--light below */
  --vf-surface-tint: rgba(250, 250, 247, 0.03);  /* mode-aware translucent card fill; flips in .vf--light below */
  --vf-code-surface: rgba(110, 118, 129, 0.28);  /* §7 inline-code chip surface; flips in .vf--light below */
  --vf-code-border:  rgba(255, 255, 255, 0.06);  /* §7 inline-code chip border;  flips in .vf--light below */
  --vf-bg:          var(--vf-surface);           /* fallback alias for --vf-surface; flips via --vf-surface, no .vf--light redefine */

  /* Primary CTA button - canonical button tokens, both mode-invariant.
     --vf-btn-tint: Shakti Pink #FF0060 literal (ES10). Bypasses §13's
     --sa-shakti-start swap so the default primary button stays warm
     in both modes. Chakra modifiers (.vf-btn--primary-blue / -violet /
     -green) override --vf-btn-tint at the element level with chakra
     tokens that follow §13 normally - chakra primary buttons remain
     mode-following by design.
     --vf-btn-text: parchment. Reads parchment-on-Shakti-Pink 3.70:1
     (AA-Large) in both modes; the .vf-btn--primary text-shadow lifts
     perceived contrast comfortably past AA. */
  --vf-btn-tint:    #FF0060;
  --vf-btn-text:    var(--sa-parchment);

  /* -- Typography ----------------------------------------------------- */
  --sa-font:             'Plus Jakarta Sans', system-ui, sans-serif;
  --sa-weight-heading:   700;   /* LOCKED VF v6.2 §5.2 - display 800 reserved for 80px+ only */
  --sa-weight-sub:       700;
  --sa-weight-label:     700;
  --sa-track-heading:    -0.025em;
  --sa-track-label:      0.12em;
  --sa-body-size:        16px;
  --sa-body-line-height: 1.7;

  /* -- Spacing & Layout ----------------------------------------------- */
  --sa-section-padding:   64px;
  --sa-card-radius:       16px;
  --sa-btn-radius:        8px;
  --sa-chakra-bar-height: 3px;

  /* -- VF chrome ------------------------------------------------------ */
  --vf-header-h:        90px;
  --vf-hero-clear:      1.5rem;
  --vf-hero-pad-x:      clamp(1.25rem, 4vw, 2rem);
  --vf-hero-pad-bottom: clamp(3rem, 6vw, 5rem);
  --vf-content-max:     1280px;
  --vf-container-max:   1290px;

  /* -- Reading spine (P1 Wisdom Star foundation) ---------------------- */
  --vf-reading-measure:   58rem;   /* widened 2026-06-21 from 65ch - at 65ch the desktop reading column read half-empty; 58rem (~81ch at the 19px reading size) fills more width while staying short of edge-to-edge. One tunable lever for the whole spine. */
  --vf-reading-leading:   1.65;
  --vf-reading-body-size: 1.1875rem;   /* ~19px */

  --vf-gutter-x:        1.5rem;
  --vf-section-pad-y:   clamp(3rem, 6vw, 5rem);
  --vf-radius-card:     16px;
  --vf-radius-pill:     999px;

  /* -- Transitions ---------------------------------------------------- */
  --sa-transition-fast: 0.15s ease;
  --sa-transition-base: 0.25s ease;
  --sa-transition-slow: 0.4s   ease;
}

/* Responsive header height */
@media (max-width: 1023px) { :root { --vf-header-h: 85px; } }
@media (max-width: 767px)  { :root { --vf-header-h: 80px; --vf-hero-clear: 1rem; } }


/* ============================================================================
   LIGHT-MODE TOKEN FLIP
   Activates on any element with `.vf--light`. Body text flips from Parchment
   to Anahata Deep #3D6500 (VF v6.2 §2.5 - WCAG-AA pass at 5.8:1 on parchment).
   Headings flip to Deep Violet Dark #1A0533 (Blocksy C4).
   Anahata Green (lime) is unreadable on parchment - remap to Anahata Deep so
   any consumer of --sa-anahata-green / --sa-t4 flips correctly.
   ============================================================================ */
.vf--light,
body.vf--light {
  /* §13 - was --sa-anahata-deep #3D6500 (v6.2 §2.6 mapping).
     Corrected 2026-05-19 per brand token-role symmetry: motif
     tokens flip green-to-green (--sa-anahata-green ↔ anahata-deep),
     text tokens flip parchment-to-violet (--sa-parchment ↔
     --sa-deep-violet-dark). See bridge
     vf.brand.text_token_role_correction_2026_05_19. */
  --vf-text:          var(--sa-deep-violet-dark);
  --vf-heading:       var(--sa-deep-violet-dark);
  --vf-text-muted:    rgba(13, 13, 26, 0.7);
  --vf-text-subtle:   rgba(13, 13, 26, 0.5);
  --vf-surface:       var(--sa-parchment);
  --vf-surface-alt:   #ffffff;
  --vf-surface-rhythm: color-mix(in oklab, var(--sa-parchment) 95%, var(--sa-deep-violet-dark));
  --vf-border:        rgba(26, 5, 51, 0.12);
  --vf-surface-tint:  rgba(13, 13, 26, 0.03);
  --vf-code-surface:  rgba(13, 13, 26, 0.15);
  --vf-code-border:   rgba(13, 13, 26, 0.10);
  --sa-anahata-green: var(--sa-anahata-deep);
  --sa-t4:            var(--sa-anahata-deep);
  --sa-spirit-blue:   var(--sa-spirit-deep);
  --sa-t5:            var(--sa-spirit-deep);
  --sa-t3:            var(--sa-manipura-deep);
}


/* ============================================================================
   DEFAULT TEXT COLOURS - driven by tokens so the .vf--light flip propagates
   ============================================================================ */
body                                    { color: var(--vf-text); }
p, li, dd, dt, blockquote, figcaption   { color: var(--vf-text); }
h1, h2, h3, h4, h5, h6                  { color: var(--vf-heading); }

a              { color: var(--sa-shakti-start); }
a:hover,
a:focus        { color: var(--sa-shakti-end); }


/* ============================================================================
   BASE TYPOGRAPHY
   Plus Jakarta Sans is enqueued via wp_enqueue_style; no @import here.
   ============================================================================ */
body {
  font-family: var(--sa-font);
  font-size:   var(--sa-body-size);
  line-height: var(--sa-body-line-height);
}

h1, h2, h3, h4, h5, h6 {
  font-family:    var(--sa-font);
  font-weight:    var(--sa-weight-heading);
  letter-spacing: var(--sa-track-heading);
}


/* ============================================================================
   GLOBAL IMPROVEMENTS
   ============================================================================ */

:focus-visible {
  outline:        2px solid var(--sa-anahata-green);
  outline-offset: 3px;
  border-radius:  3px;
}

::selection {
  background-color: var(--sa-anahata-green);
  color:            var(--sa-void);
}

body.vf--light ::selection {
  background-color: var(--sa-anahata-deep);
  color:            var(--sa-parchment);
}


/* ============================================================================
   FULL-BLEED UTILITIES
   ============================================================================ */
.single-project .entry-content.is-layout-constrained,
.single-project .entry-content.is-layout-constrained > * {
  max-width:     100% !important;
  padding-left:  0    !important;
  padding-right: 0    !important;
}

.sa-full-bleed {
  margin-left:  calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  width:        100vw;
  position:     relative;
}

.ct-full-page-replacement .entry-content {
  padding-top:    0 !important;
  padding-bottom: 0 !important;
}


/* ============================================================================
   UTILITY CLASSES
   ============================================================================ */
.sa-gradient-text {
  background:              var(--sa-shakti-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip:         text;
}

.sa-pill {
  background:     var(--sa-anahata-green);
  color:          var(--sa-void);
  padding:        5px 14px;
  border-radius:  4px;
  font-family:    var(--sa-font);
  font-size:      11px;
  font-weight:    var(--sa-weight-label);
  letter-spacing: var(--sa-track-label);
  text-transform: uppercase;
  display:        inline-block;
}

.sa-pill--blue {
  background: color-mix(in srgb, var(--sa-spirit-blue) 15%, transparent);
  color:      var(--sa-spirit-blue);
}

.sa-status-dot {
  display:        inline-block;
  width:          8px;
  height:         8px;
  border-radius:  50%;
  background:     var(--sa-anahata-green);
  margin-right:   6px;
  vertical-align: middle;
}

.sa-label {
  font-family:    var(--sa-font);
  font-size:      11px;
  font-weight:    var(--sa-weight-label);
  letter-spacing: var(--sa-track-label);
  text-transform: uppercase;
}

.sa-section            { padding-top: var(--sa-section-padding); padding-bottom: var(--sa-section-padding); }
.sa-section--dark      { background:  var(--sa-void);            color: var(--sa-parchment); }
.sa-section--light     { background:  var(--sa-parchment);       color: var(--sa-void); }


/* Tier pill - semantic chip for inline copy.
   v11.2: T1 / T2 RGB equivalents corrected to v11.0 LOCKED palette
   (was using stale rgba(226,75,74) and rgba(255,140,0) from pre-v11). */
.sa-tier-pill {
  display:       inline-flex;
  align-items:   center;
  gap:           6px;
  padding:       6px 14px;
  border-radius: 20px;
  font-family:   var(--sa-font);
  font-size:     13px;
  font-weight:   var(--sa-weight-sub);
  border:        1px solid;
}
.sa-tier-pill--t1 { background: color-mix(in srgb, var(--sa-t1) 12%, transparent); color: var(--sa-t1); border-color: color-mix(in srgb, var(--sa-t1) 25%, transparent); }
.sa-tier-pill--t2 { background: color-mix(in srgb, var(--sa-t2) 12%, transparent); color: var(--sa-t2); border-color: color-mix(in srgb, var(--sa-t2) 25%, transparent); }
.sa-tier-pill--t3 { background: color-mix(in srgb, var(--sa-t3) 12%, transparent); color: #8B7A00;      border-color: color-mix(in srgb, var(--sa-t3) 25%, transparent); }
.sa-tier-pill--t4 { background: color-mix(in srgb, var(--sa-t4) 12%, transparent); color: #4A7000;      border-color: color-mix(in srgb, var(--sa-t4) 25%, transparent); }
.sa-tier-pill--t5 { background: color-mix(in srgb, var(--sa-t5) 12%, transparent); color: var(--sa-t5); border-color: color-mix(in srgb, var(--sa-t5) 25%, transparent); }
.sa-tier-pill--t6 { background: color-mix(in srgb, var(--sa-t6) 12%, transparent); color: var(--sa-t6); border-color: color-mix(in srgb, var(--sa-t6) 25%, transparent); }
.sa-tier-pill--t7 { background: color-mix(in srgb, var(--sa-t7) 12%, transparent); color: var(--sa-t7); border-color: color-mix(in srgb, var(--sa-t7) 25%, transparent); }


/* ============================================================================
   §M.1 - Anahata Green light-mode overrides for tier pills

   The .sa-tier-pill--t4 rgba tints are hardcoded (not via tokens), so they
   don't auto-remap with the .vf--light root flip. Swap to deep-green rgba
   in light mode. The text colour #4A7000 already reads on parchment.
   ============================================================================ */
.vf--light .sa-tier-pill--t4,
body.vf--light .sa-tier-pill--t4 {
  background:   color-mix(in srgb, var(--sa-anahata-deep) 12%, transparent);
  border-color: color-mix(in srgb, var(--sa-anahata-deep) 25%, transparent);
}


/* Static chakra bar - 7 segments, used inline in copy */
.sa-chakra-bar {
  display: flex;
  gap:     2px;
  width:   100%;
}
.sa-chakra-bar span {
  flex:    1;
  height:  var(--sa-chakra-bar-height);
  display: block;
}
.sa-chakra-bar span:nth-child(1) { background: var(--sa-t1); }
.sa-chakra-bar span:nth-child(2) { background: var(--sa-t2); }
.sa-chakra-bar span:nth-child(3) { background: var(--sa-t3); }
.sa-chakra-bar span:nth-child(4) { background: var(--sa-t4); }
.sa-chakra-bar span:nth-child(5) { background: var(--sa-t5); }
.sa-chakra-bar span:nth-child(6) { background: var(--sa-t6); }
.sa-chakra-bar span:nth-child(7) { background: var(--sa-t7); }


/* ============================================================================
   DEPRECATED ALIASES - .sa-btn-* family
   v11.2 introduces the canonical .vf-btn--* family in css/vf-overrides.css.
   These selectors ship with a deprecation banner in the editor (see
   inc/editor-support.php) and are scheduled for removal in v11.3.0.
     .sa-btn-primary  →  .vf-btn .vf-btn--primary
     .sa-btn-ghost    →  .vf-btn .vf-btn--ghost
     .sa-btn-hot      →  .vf-btn .vf-btn--primary
   ============================================================================ */
.sa-btn-primary, a.sa-btn-primary,
.sa-btn-ghost,   a.sa-btn-ghost,
.sa-btn-hot,     a.sa-btn-hot {
  display:         inline-flex;
  align-items:     center;
  gap:             0.5rem;
  padding:         0.875rem 1.75rem;
  border-radius:   var(--vf-radius-pill);
  font-family:     var(--sa-font);
  font-weight:     var(--sa-weight-heading);
  font-size:       15px;
  line-height:     1;
  border:          1px solid transparent;
  text-decoration: none;
  cursor:          pointer;
  transition:      transform 0.15s, box-shadow 0.2s, border-color 0.2s, background 0.2s;
}

.sa-btn-primary, a.sa-btn-primary,
.sa-btn-hot,     a.sa-btn-hot {
  background: var(--sa-shakti-gradient);
  color:      #fff;
  box-shadow: 0 8px 28px rgba(255, 0, 96, 0.30);
}
.sa-btn-primary:hover, a.sa-btn-primary:hover,
.sa-btn-hot:hover,     a.sa-btn-hot:hover {
  transform:  translateY(-2px);
  box-shadow: 0 14px 40px rgba(255, 0, 96, 0.45);
  color:      #fff;
}

.sa-btn-ghost, a.sa-btn-ghost {
  background:   color-mix(in srgb, var(--sa-spirit-blue) 10%, transparent);
  color:        var(--sa-parchment);
  border-color: color-mix(in srgb, var(--sa-spirit-blue) 35%, transparent);
}
.sa-btn-ghost:hover, a.sa-btn-ghost:hover {
  background:   var(--sa-shakti-gradient);
  border-color: transparent;
  transform:    translateY(-2px);
  box-shadow:   0 8px 28px rgba(255, 0, 96, 0.40);
}

a.sa-btn-ghost:hover,
a.sa-btn-ghost:focus {
  color: var(--sa-parchment);
}

body.vf--light .sa-btn-ghost,
body.vf--light a.sa-btn-ghost {
  background:   color-mix(in srgb, var(--sa-void) 4%, transparent);
  border-color: color-mix(in srgb, var(--sa-void) 20%, transparent);
  color:        var(--sa-void);
}


/* ============================================================================
   v10/v11 ROBUSTNESS LAYER
   Consolidated from prior versions. Justified !important usage only -
   each rule fights a Blocksy or WordPress core inline-style cascade.
   ============================================================================ */

/* Full-width template: cancel WordPress entry-content boxing
   !important justified: WP core injects max-width inline on is-layout-constrained */
.page-template-full-width .entry-content.is-layout-constrained,
.page-template-full-width .entry-content.is-layout-constrained > * {
  max-width:     100% !important;
  padding-left:  0    !important;
  padding-right: 0    !important;
}

.page-template-full-width .site-main,
.page-template-full-width .site-main .entry-content,
.page-template-full-width .site-main > .ct-container,
.page-template-full-width .site-main .ct-container-narrow {
  max-width: 100% !important;
  width:     100% !important;
  padding:   0    !important;
  margin:    0    !important;
}

.page-template-full-width .site-main > article:last-child,
.page-template-full-width .site-main > .entry-content:last-child,
.page-template-full-width main.site-main {
  padding-bottom: 0 !important;
  margin-bottom:  0 !important;
}

/* Hide Blocksy default footer top/bottom rows - middle row only is used
   !important justified: Blocksy footer template injects display: flex inline */
.ct-footer > [data-row="top"],
.ct-footer > [data-row="bottom"] {
  display: none !important;
}

/* Sitewide canvas - prevents background gap flashes on any wrapper.
   Mode-aware via --vf-surface (void in dark, parchment in light).
   The hardcoded --sa-void approach broke Light Mode because it overrode
   body.vf--light with !important. Fixed 2026-05-12, Phase 2 mid-flight.
   See bridge memory: light.phase2_canvas_token_fix_2026_05_12 */
html,
body,
body.wp-singular,
body.page,
body.page-template-full-width,
.ct-site-wrap,
.site-content,
main.site-main {
  background-color: var(--vf-surface);
}

/* Hero overflow - let ChakraPulse dots escape their hero containers
   !important justified: hero CSS-in-JS sets overflow: hidden inline */
/* A2-P4 (R3 Cluster 1, 11.7.41): wildcard [class*="-hero"] replaced with the
   explicit live match set below; hero-bg and hero-dots stay excluded by
   omission; the five vf-*__hero BEM roots stay out (banked follow-up). */
.m-hero,
.m-hero-wrap,
.m-hero-content,
.m-hero-sub,
.sa-about-hero,
.sa-about-hero__chakrapulse,
.sa-about-hero__ctas,
.sa-about-hero__eyebrow,
.sa-about-hero__sub,
.sa-about-hero__title,
.h-hero,
.h-hero-v11,
.h-hero-sub,
.sa-hero,
.sa-hero-badge,
.sa-hero-inner,
.sa-hero-sub,
.sa-hero-title,
.sa-cls-hero,
.sa-cls-hero-inner,
.sa-cls-hero-left,
.sa-msc2-hero,
.sa-msc2-hero-badge-wrap,
.sa-msc2-hero-inner,
.sa-msc2-hero-stats,
.sa-msc2-hero-sub,
.sa-msc2-hero-title,
.sa-shw-hero,
.sa-shw-hero-inner,
.sv-hero,
.pt-hero,
.pt-hero__inner,
.pt-hero__eyebrow,
.pt-hero__title,
.pt-hero__sub,
.pt-hero__ctas,
.pt-hero__btn,
.pt-hero__btn--primary,
.pt-hero__btn--secondary,
.rm-hero,
.rm-hero__glow,
.rm-hero__inner,
.lp-hero,
.lp-hero-eyebrow,
.lp-hero-lede,
.lp-hero-meta,
.lp-hero-title,
.vf-studio-hero,
.gsbp-pt-hero01,
.gsbp-star-hero,
.gsbp-studio-hero,
.ct-hero-section,
.mem-wrap .m-hero,
main.site-main,
.site-content {
  overflow: visible !important;
}
.m-hero-bg,
[class*="hero-bg"] {
  overflow: hidden !important;
}


/* ct_content_block preview at /ct_content_block/<slug>/ */
body.single-ct_content_block {
  --vf-surface: var(--sa-void);
  background-color: var(--vf-surface);
}
body.single-ct_content_block main.site-main {
  padding: 0 !important;
  margin:  0 !important;
}


/* ============================================================================
   PRINT STYLES
   ============================================================================ */
@media print {
  .sa-chakra-pulse,
  .sa-chakra-bar,
  .vf-chakrapulse {
    display: none;
  }

  body {
    font-family: var(--sa-font);
    font-size:   12pt;
    color:       #000;
    background:  #fff;
  }
}

/* End style.css v11.4.6 */