div.zonePlace.zoneWAbranding {display: none}
div.zonePlace.zoneHeader2 {position: sticky; top: 0; z-index: 50}
#id_vBF9pIA_loginContainer.loginPanel {z-index: 51}

@media (max-width: 767px) {
  #id_7oRzvPt.WaLayoutItem { margin: 0};
  #id_GQDfWtw.WaLayoutItem { margin: 0};
  #id_uzWkIH8.WaLayoutItem { margin: 0};
  #id_KUMEfcn.WaLayoutItem { margin: 0};
  #id_VMW8xw1 { display: none};
  #id_uAik8vt { display: none};
  #id_3hZIO6f { padding: 10px}
}


/* ===== Wild Apricot site-wide CSS for #vc-theme-block ===== */
@layer vc-wa {
  body #vc-theme-block { 
    color-scheme: light dark !important;
    --blue:#3357a5; --purple:#65378c; --orange:#ff4400;
    --ink:#1F2937; --ink-2:#374151; --muted:#6B7280;
    --bg:#ffffff; --surface:#f8fafc; --border:#e6e8eb;
    --shadow:0 8px 24px rgba(17,24,39,.08); --radius:12px;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
    color:var(--ink) !important; background:var(--bg) !important;
    line-height:1.7 !important; font-size:16px !important;
  }
  @media (prefers-color-scheme: dark){
    body #vc-theme-block{
      --ink:#E5E7EB; --ink-2:#CBD5E1; --muted:#94A3B8;
      --bg:#0F172A; --surface:#111827; --border:#1F2937;
      --shadow:0 12px 28px rgba(0,0,0,.55);
    }
  }
  body #vc-theme-block[data-theme="dark"]{
    --ink:#E5E7EB; --ink-2:#CBD5E1; --muted:#94A3B8;
    --bg:#0F172A; --surface:#111827; --border:#1F2937;
    --shadow:0 12px 28px rgba(0,0,0,.55);
  }
  body #vc-theme-block[data-theme="light"]{
    --ink:#1F2937; --ink-2:#374151; --muted:#6B7280;
    --bg:#ffffff; --surface:#f8fafc; --border:#e6e8eb;
    --shadow:0 8px 24px rgba(17,24,39,.08);
  }

  / Links & resets /
  body #vc-theme-block { box-sizing:border-box !important; }
  body #vc-theme-block a{ color:var(--blue) !important; text-decoration:none !important; }
  body #vc-theme-block a:hover{ text-decoration:underline !important; }
  body #vc-theme-block .vc-sr-only{position:absolute!important;height:1px!important;width:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}

  /* Utility */
  body #vc-theme-block .vc-utility{background:var(--blue) !important;color:#fff !important;font-size:14px !important}
  body #vc-theme-block .vc-wrap{max-width:1200px !important;margin:0 auto !important;padding:8px 20px !important;display:flex !important;gap:24px !important;justify-content:space-between !important;align-items:center !important}
  body #vc-theme-block .vc-cta{background:var(--orange) !important;color:#fff !important;border:none !important;border-radius:999px !important;padding:8px 14px !important;font-weight:600 !important}
  body #vc-theme-block .vc-cta:hover{background:#e63c00 !important}

  /* Header and nav */
  body #vc-theme-block .vc-header{background:var(--bg) !important;border-bottom:1px solid var(--border) !important;position:sticky !important;top:0 !important;z-index:10 !important}
  body #vc-theme-block .vc-header-wrap{max-width:1200px !important;margin:0 auto !important;padding:14px 20px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important}
  body #vc-theme-block .vc-brand{display:flex !important;align-items:center !important;gap:16px !important;min-width:0 !important}
  body #vc-theme-block .vc-logo{height:40px !important;width:auto !important}
  body #vc-theme-block .vc-tagline{font-weight:600 !important;color:var(--ink) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}

  body #vc-theme-block .vc-nav{background:var(--bg) !important;box-shadow:0 2px 8px rgba(17,24,39,.1) !important}
  body #vc-theme-block .vc-nav-wrap{max-width:1200px !important;margin:0 auto !important;padding:0 20px !important;display:flex !important;gap:24px !important}
  body #vc-theme-block .vc-nav-wrap a{display:inline-block !important;padding:14px 8px !important;color:var(--ink-2) !important;position:relative !important;font-weight:600 !important}
  body #vc-theme-block .vc-nav-wrap a.active{color:var(--blue) !important}
  body #vc-theme-block .vc-nav-wrap a.active::after,
  body #vc-theme-block .vc-nav-wrap a:hover::after{
    content:"" !important;position:absolute !important;left:50% !important;transform:translateX(-50%) !important;
    bottom:6px !important;height:3px !important;width:60% !important;background:var(--blue) !important;border-radius:8px !important;
  }

  /* Theme menu */
  body #vc-theme-block .vc-theme-group{position:relative !important;display:flex !important;align-items:center !important;gap:8px !important}
  body #vc-theme-block .vc-theme-btn{
    display:inline-flex !important;align-items:center !important;gap:8px !important;padding:10px 14px !important;border-radius:999px !important;
    border:2px solid var(--purple) !important;background:transparent !important;color:var(--purple) !important;
    font-weight:700 !important;cursor:pointer !important;
  }
  body #vc-theme-block .vc-theme-btn:hover{background:var(--purple) !important;color:#fff !important}
  body #vc-theme-block .vc-theme-menu{
    position:absolute !important;top:calc(100% + 8px) !important;right:0 !important;min-width:240px !important;
    background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:12px !important;
    box-shadow:var(--shadow) !important;padding:8px !important;display:none !important;
  }
  body #vc-theme-block .vc-theme-menu[aria-hidden="false"]{display:block !important}
  body #vc-theme-block .vc-theme-option{
    display:flex !important;align-items:center !important;gap:10px !important;width:100% !important;
    padding:10px 12px !important;border-radius:8px !important;border:none !important;background:transparent !important;color:var(--ink) !important;
    text-align:left !important;cursor:pointer !important;font-weight:600 !important;
  }
  body #vc-theme-block .vc-theme-option[aria-checked="true"]{background:rgba(101,55,140,.10) !important}
  body #vc-theme-block .vc-theme-option:focus-visible{outline:3px solid var(--purple) !important;outline-offset:2px !important}

  /* Hero (light + dark gradient) */
  body #vc-theme-block .vc-hero{padding:64px 20px !important;background:linear-gradient(180deg, rgba(51,87,165,.14), rgba(255,255,255,0)) !important}
  @media (prefers-color-scheme: dark){
    body #vc-theme-block .vc-hero{background:linear-gradient(180deg, rgba(51,87,165,.22) 0%, rgba(15,23,42,.85) 100%) !important}
  }
  body #vc-theme-block[data-theme="dark"] .vc-hero{
    background:linear-gradient(180deg, rgba(51,87,165,.22) 0%, rgba(15,23,42,.85) 100%) !important
  }

  /* Typography & CTAs */
  body #vc-theme-block .vc-container{max-width:900px !important;margin:0 auto !important;text-align:center !important}
  body #vc-theme-block .vc-h1{font-size:48px !important;line-height:1.15 !important;margin:0 0 16px !important;color:var(--ink) !important}
  body #vc-theme-block .vc-lead{color:var(--ink-2) !important;margin:0 auto 24px !important;max-width:75ch !important}
  body #vc-theme-block .vc-cta-row{display:flex !important;justify-content:center !important;gap:12px !important;flex-wrap:wrap !important}

  body #vc-theme-block .vc-btn{display:inline-flex !important;align-items:center !important;gap:10px !important;padding:12px 18px !important;border-radius:999px !important;border:2px solid transparent !important;font-weight:700 !important;cursor:pointer !important;transition:all .2s ease !important}
  body #vc-theme-block .vc-btn-primary{background:var(--orange) !important;color:#fff !important}
  body #vc-theme-block .vc-btn-primary:hover{background:#e63c00 !important}
  body #vc-theme-block .vc-btn-secondary{background:#fff !important;color:var(--purple) !important;border-color:var(--purple) !important}
  body #vc-theme-block .vc-btn-secondary:hover{background:var(--purple) !important;color:#fff !important}

  /* Section & cards */
  body #vc-theme-block .vc-section{padding:40px 20px !important}
  body #vc-theme-block .vc-section-inner{max-width:1200px !important;margin:0 auto !important}
  body #vc-theme-block .vc-h2{font-size:32px !important;line-height:1.25 !important;margin:0 0 12px !important;color:var(--ink) !important}
  body #vc-theme-block .vc-h2-rule{height:4px !important;width:48px !important;background:var(--purple) !important;border-radius:4px !important;margin-bottom:20px !important}
  body #vc-theme-block .vc-cards{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important}
  body #vc-theme-block .vc-card{background:var(--surface) !important;border-radius:var(--radius) !important;box-shadow:var(--shadow) !important;padding:20px !important;border:1px solid var(--border) !important}
  body #vc-theme-block .vc-chip{display:inline-block !important;border-radius:999px !important;color:#fff !important;font-weight:700 !important;padding:6px 12px !important;margin-bottom:12px !important}
  body #vc-theme-block .vc-blue{background:var(--blue) !important}
  body #vc-theme-block .vc-purple{background:var(--purple) !important}
  body #vc-theme-block .vc-orange{background:var(--orange) !important}
  body #vc-theme-block .vc-h3{font-size:22px !important;margin:0 0 6px !important;color:var(--ink) !important}
  body #vc-theme-block .vc-card p{color:var(--ink-2) !important;margin:0 0 12px !important}

  /* Footer */
  body #vc-theme-block .vc-footer{background:var(--blue) !important;color:#fff !important;padding:40px 20px !important;margin-top:60px !important}
  body #vc-theme-block .vc-footer-wrap{max-width:1200px !important;margin:0 auto !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:24px !important}
  body #vc-theme-block .vc-newsletter input{padding:10px 12px !important;border-radius:8px !important;border:1px solid #cbd5e1 !important;margin-right:8px !important}

  /* Responsive */
  @media (max-width:960px){
    body #vc-theme-block .vc-cards{grid-template-columns:repeat(2,1fr) !important}
    body #vc-theme-block .vc-h1{font-size:40px !important}
  }
  @media (max-width:640px){
    body #vc-theme-block .vc-nav-wrap{overflow-x:auto !important}
    body #vc-theme-block .vc-cards{grid-template-columns:1fr !important}
    body #vc-theme-block .vc-h1{font-size:34px !important}
    body #vc-theme-block .vc-footer-wrap{grid-template-columns:1fr 1fr !important}
  }

  /* Focus fallback for engines without :focus-visible */
  @supports not selector(:focus-visible){
    body #vc-theme-block :focus{outline:3px solid var(--purple) !important;outline-offset:2px !important}
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    body #vc-theme-block {animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  }
}


/* ============================
   Gradient brand accents update
   Works with #vc-theme-block
   ============================ */
@layer vc-wa {

  /* Tokens: light mode */
  body #vc-theme-block{
    /* solid brand colors already defined earlier */
    --grad-blue:   linear-gradient(135deg,#3a62b6 0%,#274d93 100%);
    --grad-purple: linear-gradient(135deg,#6b3fa0 0%,#512c7c 100%);
    --grad-orange: linear-gradient(135deg,#ff5a19 0%,#d83a00 100%);

    /* subtle highlight tints for borders/shadows (eye comfort) */
    --blue-glow: rgba(51,87,165,.10);
    --purple-glow: rgba(101,55,140,.12);
    --orange-glow: rgba(255,68,0,.10);
  }

  /* Tokens: dark mode (muted stops to avoid bloom) */
  @media (prefers-color-scheme: dark){
    body #vc-theme-block{
      --grad-blue-dm:   linear-gradient(135deg,#395aa9 0%,#224786 100%);
      --grad-purple-dm: linear-gradient(135deg,#6a3e9d 0%,#4a2975 100%);
      --grad-orange-dm: linear-gradient(135deg,#ff5412 0%,#c83600 100%);

      --blue-glow: rgba(51,87,165,.18);
      --purple-glow: rgba(101,55,140,.20);
      --orange-glow: rgba(255,68,0,.18);
    }
  }
  body #vc-theme-block[data-theme="dark"]{
    --grad-blue-dm:   linear-gradient(135deg,#395aa9 0%,#224786 100%);
    --grad-purple-dm: linear-gradient(135deg,#6a3e9d 0%,#4a2975 100%);
    --grad-orange-dm: linear-gradient(135deg,#ff5412 0%,#c83600 100%);
    --blue-glow: rgba(51,87,165,.18);
    --purple-glow: rgba(101,55,140,.20);
    --orange-glow: rgba(255,68,0,.18);
  }

  /* ============================
     Where gradients are applied
     ============================ */

  /* 1) Hero: use gentle brand gradient overlay
        - Light: soft blue gradient into white
        - Dark: muted brand gradient into slate
  */
  body #vc-theme-block .vc-hero{
    background:
      linear-gradient(180deg, rgba(17,24,39,0) 0%, rgba(17,24,39,0) 100%),
      var(--grad-blue); /* base brand feel */
    /* soften with transparency for readability over text */
    background-image:
      linear-gradient(180deg, rgba(51,87,165,.14), rgba(255,255,255,0)),
      var(--grad-blue);
  }
  @media (prefers-color-scheme: dark){
    body #vc-theme-block .vc-hero{
      background-image:
        linear-gradient(180deg, rgba(51,87,165,.22) 0%, rgba(15,23,42,.85) 100%),
        var(--grad-blue-dm);
    }
  }
  body #vc-theme-block[data-theme="dark"] .vc-hero{
    background-image:
      linear-gradient(180deg, rgba(51,87,165,.22) 0%, rgba(15,23,42,.85) 100%),
      var(--grad-blue-dm);
  }

  /* 2) Buttons
        - Primary CTA uses orange gradient to increase perceived depth
        - Secondary remains high-contrast outline for clarity
  */
  body #vc-theme-block .vc-btn-primary{
    background: var(--grad-orange) !important;
    color:#fff !important;
    box-shadow: 0 6px 18px var(--orange-glow) !important;
  }
  body #vc-theme-block .vc-btn-primary:hover{
    filter: brightness(0.97) !important;
  }
  @media (prefers-color-scheme: dark){
    body #vc-theme-block .vc-btn-primary{ background: var(--grad-orange-dm) !important; }
  }
  body #vc-theme-block[data-theme="dark"] .vc-btn-primary{ background: var(--grad-orange-dm) !important; }

  /* 3) Theme menu button: tasteful purple outline + subtle gradient on hover */
  body #vc-theme-block .vc-theme-btn:hover{
    background: var(--grad-purple) !important;
    color:#fff !important;
    box-shadow: 0 4px 14px var(--purple-glow) !important;
  }
  @media (prefers-color-scheme: dark){
    body #vc-theme-block .vc-theme-btn:hover{ background: var(--grad-purple-dm) !important; }
  }
  body #vc-theme-block[data-theme="dark"] .vc-theme-btn:hover{ background: var(--grad-purple-dm) !important; }

  /* 4) Chips atop cards: gradient accents to distinguish sections
        (Education=blue, Community=purple, Support=orange)
  */
  body #vc-theme-block .vc-chip.vc-blue{    background: var(--grad-blue) !important; }
  body #vc-theme-block .vc-chip.vc-purple{  background: var(--grad-purple) !important; }
  body #vc-theme-block .vc-chip.vc-orange{  background: var(--grad-orange) !important; }
  @media (prefers-color-scheme: dark){
    body #vc-theme-block .vc-chip.vc-blue{   background: var(--grad-blue-dm) !important; }
    body #vc-theme-block .vc-chip.vc-purple{ background: var(--grad-purple-dm) !important; }
    body #vc-theme-block .vc-chip.vc-orange{ background: var(--grad-orange-dm) !important; }
  }
  body #vc-theme-block[data-theme="dark"] .vc-chip.vc-blue{   background: var(--grad-blue-dm) !important; }
  body #vc-theme-block[data-theme="dark"] .vc-chip.vc-purple{ background: var(--grad-purple-dm) !important; }
  body #vc-theme-block[data-theme="dark"] .vc-chip.vc-orange{ background: var(--grad-orange-dm) !important; }

  /* 5) Section rule: subtle gradient bar for visual rhythm */
  body #vc-theme-block .vc-h2-rule{
    background: var(--grad-purple) !important;
    box-shadow: 0 2px 6px var(--purple-glow) !important;
  }
  @media (prefers-color-scheme: dark){
    body #vc-theme-block .vc-h2-rule{ background: var(--grad-purple-dm) !important; }
  }
  body #vc-theme-block[data-theme="dark"] .vc-h2-rule{ background: var(--grad-purple-dm) !important; }

  /* 6) Nav underline: thin gradient pill (keeps text flat for legibility) */
  body #vc-theme-block .vc-nav-wrap a.active::after,
  body #vc-theme-block .vc-nav-wrap a:hover::after{
    background: var(--grad-blue) !important;
  }
  @media (prefers-color-scheme: dark){
    body #vc-theme-block .vc-nav-wrap a.active::after,
    body #vc-theme-block .vc-nav-wrap a:hover::after{
      background: var(--grad-blue-dm) !important;
    }
  }
  body #vc-theme-block[data-theme="dark"] .vc-nav-wrap a.active::after,
  body #vc-theme-block[data-theme="dark"] .vc-nav-wrap a:hover::after{
    background: var(--grad-blue-dm) !important;
  }

  /* 7) Newsletter/Utility CTAs use the orange gradient for clarity */
  body #vc-theme-block .vc-cta,
  body #vc-theme-block .vc-newsletter button{
    background: var(--grad-orange) !important; color:#fff !important;
    box-shadow: 0 6px 18px var(--orange-glow) !important;
  }
  @media (prefers-color-scheme: dark){
    body #vc-theme-block .vc-cta,
    body #vc-theme-block .vc-newsletter button{
      background: var(--grad-orange-dm) !important;
    }
  }
  body #vc-theme-block[data-theme="dark"] .vc-cta,
  body #vc-theme-block[data-theme="dark"] .vc-newsletter button{
    background: var(--grad-orange-dm) !important;
  }

  /* 8) Cards remain flat surfaces for readability; add gentle colored borders */
  body #vc-theme-block .vc-card{
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow) !important;
  }
  /* Optional: section-tinted borders by chip theme (unobtrusive) */
  body #vc-theme-block .vc-card .vc-blue + .vc-h3,
  body #vc-theme-block .vc-card .vc-blue ~ p { border-left: 0 solid transparent; }
  body #vc-theme-block .vc-card .vc-purple + .vc-h3,
  body #vc-theme-block .vc-card .vc-purple ~ p { border-left: 0 solid transparent; }
  body #vc-theme-block .vc-card .vc-orange + .vc-h3,
  body #vc-theme-block .vc-card .vc-orange ~ p { border-left: 0 solid transparent; }

  /* 9) Footer stays solid blue for strong contrast, no gradient (eye comfort) */
  /* (existing footer rules suffice) */

  /* 10) Focus ring – unchanged, stays purple for consistent visibility */
}