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};
  #id_qzhGFyX { display: none}
}


/* ===== 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 */
}

/* =========================================================
   UNIVERSAL WILD APRICOT GADGET BASE
========================================================= */

.CustomVCtheme.CustomVCtheme .WaGadget {
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 1.6;
}

.CustomVCtheme.CustomVCtheme .WaGadget,
.CustomVCtheme.CustomVCtheme .WaGadget * {
  box-sizing: border-box;
}

.CustomVCtheme.CustomVCtheme .WaGadgetTitle {
  font-size: 26px;
  color: var(--primary-blue);
  margin-bottom: 20px;
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 10px;
}

/* =========================================================
   BUTTONS (SCOPED)
========================================================= */

.CustomVCtheme.CustomVCtheme .WaButton,
.CustomVCtheme.CustomVCtheme button,
.CustomVCtheme.CustomVCtheme input[type="submit"],
.CustomVCtheme.CustomVCtheme input[type="button"] {
  background: var(--accent-orange);
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  border: none;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
}

.CustomVCtheme.CustomVCtheme .WaButton:hover,
.CustomVCtheme.CustomVCtheme button:hover,
.CustomVCtheme.CustomVCtheme input[type="submit"]:hover {
  background: #e03b00;
}

.CustomVCtheme.CustomVCtheme .WaButton:active,
.CustomVCtheme.CustomVCtheme button:active {
  transform: scale(0.98);
}

.CustomVCtheme.CustomVCtheme .WaButtonSecondary {
  background: var(--secondary-purple);
}

/* =========================================================
   CARD GRID CONTAINERS
========================================================= */

.CustomVCtheme.CustomVCtheme .WaGadgetEvents,
.CustomVCtheme.CustomVCtheme .WaGadgetBlog,
.CustomVCtheme.CustomVCtheme .WaGadgetNews,
.CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents,
.CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts {
  max-width: 1200px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.CustomVCtheme.CustomVCtheme .WaGadgetEvents .event:hover,
.CustomVCtheme.CustomVCtheme .WaGadgetBlog .blogPost:hover,
.CustomVCtheme.CustomVCtheme .WaGadgetNews .newsItem:hover,
.CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents .eventItem:hover,
.CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts .blogPost:hover {
  transform: translateY(-2px);
  transition: transform 0.2s ease;
}

/* =========================================================
   CARD GRID LAYOUTS (DESKTOP DEFAULT)
========================================================= */

.CustomVCtheme.CustomVCtheme .WaGadgetEvents .eventsList,
.CustomVCtheme.CustomVCtheme .WaGadgetBlog .blogPosts,
.CustomVCtheme.CustomVCtheme .WaGadgetNews .newsList,
.CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents .gadgetContent,
.CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts .gadgetContent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* =========================================================
   EVENTS – FULL + UPCOMING
========================================================= */

.CustomVCtheme.CustomVCtheme .WaGadgetEvents .event,
.CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents .event,
.CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents .eventItem {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  padding: 16px;
  display: flex;
  flex-direction: column;
}

.CustomVCtheme.CustomVCtheme .WaGadgetEvents .eventTitle,
.CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents .eventTitle {
  font-size: 18px;
  font-weight: bold;
  color: var(--primary-blue);
  margin-bottom: 8px;
}

.CustomVCtheme.CustomVCtheme .WaGadgetEvents .eventDate,
.CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents .eventDate,
.CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents .eventLocation {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 6px;
}

/* =========================================================
   BLOG – FULL + RECENT
========================================================= */

.CustomVCtheme.CustomVCtheme .WaGadgetBlog .blogPost,
.CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts .blogPost,
.CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts .blogPostSummary {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.CustomVCtheme.CustomVCtheme .WaGadgetBlog img,
.CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.CustomVCtheme.CustomVCtheme .WaGadgetBlog .blogPostTitle,
.CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts .blogPostTitle {
  font-size: 18px;
  font-weight: bold;
  color: var(--primary-blue);
  padding: 16px 16px 8px;
}

.CustomVCtheme.CustomVCtheme .WaGadgetBlog .blogPostBody,
.CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts .blogPostBody,
.CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts .blogPostDescription {
  padding: 0 16px 16px;
  font-size: 15px;
}

/* =========================================================
   NEWS
========================================================= */

.CustomVCtheme.CustomVCtheme .WaGadgetNews .newsItem {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
}

/* =========================================================
   DONATION / LOGIN / FORMS
========================================================= */

.CustomVCtheme.CustomVCtheme .WaGadgetDonation,
.CustomVCtheme.CustomVCtheme .WaGadgetLogin,
.CustomVCtheme.CustomVCtheme .WaGadgetMemberProfile,
.CustomVCtheme.CustomVCtheme .WaGadgetForm {
  background: #f9fafb;
  padding: 24px;
  border-radius: 12px;
  max-width: 100%;
}

/* =========================================================
   TYPOGRAPHY – HEADINGS (SCOPED)
========================================================= */

.CustomVCtheme.CustomVCtheme h1,
.CustomVCtheme.CustomVCtheme h2,
.CustomVCtheme.CustomVCtheme h3,
.CustomVCtheme.CustomVCtheme h4,
.CustomVCtheme.CustomVCtheme h5,
.CustomVCtheme.CustomVCtheme h6 {
  color: #3357a5;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 0.6em;
}

.CustomVCtheme.CustomVCtheme h1 { font-size: 44px; letter-spacing: -0.02em; }
.CustomVCtheme.CustomVCtheme h2 { font-size: 32px; margin-top: 1.2em; }
.CustomVCtheme.CustomVCtheme h3 { font-size: 24px; margin-top: 1em; }
.CustomVCtheme.CustomVCtheme h4 { font-size: 20px; font-weight: 600; }
.CustomVCtheme.CustomVCtheme h5 { font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.CustomVCtheme.CustomVCtheme h6 { font-size: 14px; font-weight: 600; letter-spacing: 0.03em; }

/* =========================================================
   TABLET RESPONSIVE (≤ 1024px)
========================================================= */

@media (max-width: 1024px) {
  .CustomVCtheme.CustomVCtheme .WaGadgetEvents .eventsList,
  .CustomVCtheme.CustomVCtheme .WaGadgetBlog .blogPosts,
  .CustomVCtheme.CustomVCtheme .WaGadgetNews .newsList,
  .CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents .gadgetContent,
  .CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts .gadgetContent {
    grid-template-columns: repeat(2, 1fr);
  }

  .CustomVCtheme.CustomVCtheme h1 { font-size: 38px; }
  .CustomVCtheme.CustomVCtheme h2 { font-size: 28px; }
  .CustomVCtheme.CustomVCtheme h3 { font-size: 22px; }
}

/* =========================================================
   MOBILE RESPONSIVE (≤ 600px)
========================================================= */

@media (max-width: 600px) {
  .CustomVCtheme.CustomVCtheme .WaGadget {
    margin-bottom: 24px;
  }

  .CustomVCtheme.CustomVCtheme .WaGadgetEvents .eventsList,
  .CustomVCtheme.CustomVCtheme .WaGadgetBlog .blogPosts,
  .CustomVCtheme.CustomVCtheme .WaGadgetNews .newsList,
  .CustomVCtheme.CustomVCtheme .WaGadgetUpcomingEvents .gadgetContent,
  .CustomVCtheme.CustomVCtheme .WaGadgetRecentBlogPosts .gadgetContent {
    grid-template-columns: 1fr;
  }

  .CustomVCtheme.CustomVCtheme h1 { font-size: 30px; }
  .CustomVCtheme.CustomVCtheme h2 { font-size: 24px; }
  .CustomVCtheme.CustomVCtheme h3 { font-size: 20px; }

  .CustomVCtheme.CustomVCtheme .WaGadgetEvents .event:hover,
  .CustomVCtheme.CustomVCtheme .WaGadgetBlog .blogPost:hover,
  .CustomVCtheme.CustomVCtheme .WaGadgetNews .newsItem:hover {
    transform: none;
  }

  .CustomVCtheme.CustomVCtheme button,
  .CustomVCtheme.CustomVCtheme .WaButton {
    width: 100%;
    justify-content: center;
  }
}