/* Donate page — embedded Google Form */
.cbcc-form-embed {
  max-width: 760px;
  margin: 0 auto;
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}
.cbcc-form-embed iframe {
  display: block;
  width: 100%;
  border: 0;
}


/* ==========================================================================
   Elementor conversion additions (post 77 — Donate). IDs pinned at build
   time; see who-we-are.css for rationale. .cbcc-form-embed rules above
   (already unscoped) are untouched and still apply unchanged, as do the
   global .cbcc-giving-card / .cbcc-donate-verse / .cbcc-card rules.
   ========================================================================== */

.elementor-element-a6833f4 { background: #fff; padding: var(--section-pad) 0; }
.elementor-element-a6833f4 > .elementor-container { align-items: center; }
.elementor-element-a6833f4 .elementor-heading-title {
  font-family: var(--font-heading); font-size: 2.4rem; font-weight: 700; color: var(--c-text); line-height: 1.2; margin: 0 0 16px;
}
.elementor-element-a6833f4 .elementor-widget-text-editor p { color: var(--c-muted); line-height: 1.8; margin: 0 0 14px; }
.elementor-element-a6833f4 .elementor-widget-text-editor p:last-child { margin-bottom: 0; }

.elementor-element-ad5dfcc { background: var(--c-bg-alt); padding: var(--section-pad) 0 0; }
.elementor-element-ad5dfcc .elementor-heading-title {
  font-family: var(--font-heading); font-size: 2.4rem; font-weight: 700; color: var(--c-text); line-height: 1.2; margin: 0 0 12px;
}
.elementor-element-ad5dfcc .elementor-widget-text-editor:last-child p {
  font-size: 1.05rem; color: var(--c-muted); max-width: 620px; margin: 0 auto; line-height: 1.8;
}

.elementor-element-59253e6 { background: var(--c-bg-alt); padding: 8px 0 var(--section-pad); }
.elementor-element-59253e6 > .elementor-container > .elementor-column > .elementor-widget-wrap { height: 100%; }
.elementor-element-59253e6 .cbcc-giving-card { height: 100%; }

.elementor-element-a0ac27c { background: var(--c-bg-alt); padding: var(--section-pad) 0 0; }
.elementor-element-a0ac27c .elementor-heading-title {
  font-family: var(--font-heading); font-size: 2.4rem; font-weight: 700; color: var(--c-text); line-height: 1.2; margin: 0 0 12px;
}
.elementor-element-a0ac27c .elementor-widget-text-editor:last-child p {
  font-size: 1.05rem; color: var(--c-muted); max-width: 620px; margin: 0 auto; line-height: 1.8;
}

.elementor-element-4972774 { background: var(--c-bg-alt); padding: 8px 0 var(--section-pad); }

.elementor-element-0864930 { background: #fff; padding: var(--section-pad) 0; }

@media (max-width: 800px) {
  .elementor-element-a6833f4 > .elementor-container { flex-wrap: wrap; }
}


/* ---- Page banner (added: restores original eyebrow/subtitle copy that page.php's generic banner had dropped) ---- */
.elementor-element-1f67317 { background: var(--c-dark); padding: 64px 0; border-bottom: 1px solid rgba(255,255,255,0.07); }
.elementor-element-1f67317 .cbcc-eyebrow { color: var(--c-gold); margin-bottom: 12px; }
.elementor-element-1f67317 .elementor-heading-title { font-family: var(--font-heading); font-size: 2.8rem; font-weight: 700; color: #fff; margin-bottom: 14px; line-height: 1.15; }
.elementor-element-1f67317 .elementor-widget-text-editor:last-child p { font-size: 1.05rem; color: rgba(255,255,255,0.6); max-width: 600px; line-height: 1.8; margin: 0; }


/* ---- Verse card (col 4602042), giving cards (cols 4fd4682/8aec7b8/36e3861): now native widgets (rebuilt Sep 17 2026) ---- */
.elementor-element-4602042 > .elementor-widget-wrap {
  background: var(--c-dark); padding: 48px 44px; border: 1px solid var(--c-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-card);
  display: flex; flex-direction: column; height: 100%; justify-content: center;
}
.elementor-element-4602042 .cbcc-donate-verse__quote {
  font-family: var(--font-heading); font-size: 1.3rem; color: #fff; line-height: 1.6; font-style: italic; margin: 0 0 20px;
}
.elementor-element-4602042 .cbcc-donate-verse__caption {
  color: rgba(255,255,255,0.78) !important; font-size: 1.05rem; font-weight: 600; line-height: 1.6; margin: 6px 0 0;
}
/* The rule above alone loses to .elementor-element-a6833f4 .elementor-widget-text-editor p
   (color: var(--c-muted)) defined earlier in this same file: that selector has 2 classes + 1
   element = higher specificity than our 2-classes-only selector, even though it's declared
   first -- source order never overrides a genuine specificity win. (The verse card's column
   4602042 lives *inside* section a6833f4, so that wrapping-section rule legitimately matches
   our <p> too.) !important above forces our color to win regardless of specificity. */

.elementor-element-0c012ba .elementor-button { background: var(--c-primary); color: #fff; border: 1.5px solid var(--c-primary); }
.elementor-element-0c012ba .elementor-button:hover { background: var(--c-primary-dark); border-color: var(--c-primary-dark); }

.elementor-element-59253e6 > .elementor-container > .elementor-column > .elementor-widget-wrap {
  background: var(--c-card); border: 1px solid var(--c-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-card);
  padding: 32px 28px; display: flex; flex-direction: column; height: 100%;
}
.elementor-element-59253e6 .elementor-icon-box-icon { margin: 0 0 16px; }
.elementor-element-59253e6 .elementor-icon-box-icon i,
.elementor-element-59253e6 .elementor-icon-box-icon svg,
.elementor-element-59253e6 .elementor-icon-box-icon .e-font-icon-svg { color: var(--c-muted) !important; fill: var(--c-muted) !important; font-size: 2rem; width: 32px; height: 32px; }
.elementor-element-59253e6 .elementor-icon-box-title { font-size: 1.2rem; margin: 0 0 10px; color: var(--c-text); }
.elementor-element-59253e6 .elementor-widget-text-editor p { font-size: .9rem; color: var(--c-muted); line-height: 1.7; margin: 0 0 8px; }
.elementor-element-59253e6 .cbcc-giving-card__detail {
  font-size: .92rem; font-weight: 600; color: var(--c-text); background: var(--c-bg-alt); border-radius: var(--radius-sm);
  padding: 10px 14px; margin-bottom: 10px; line-height: 1.6; display: block;
}
.elementor-element-59253e6 .elementor-widget-button { margin-top: auto; padding-top: 8px !important; }
.elementor-element-59253e6 .elementor-button { width: 100%; font-weight: 600; padding: 12px 20px; border-radius: 5px; font-size: .92rem; }

.elementor-element-8aec7b8 > .elementor-widget-wrap { background: var(--c-dark) !important; border-color: var(--c-primary) !important; }
.elementor-element-8aec7b8 .elementor-icon-box-title { color: #fff !important; }
.elementor-element-8aec7b8 .elementor-widget-text-editor p { color: rgba(255,255,255,0.65) !important; }
.elementor-element-8aec7b8 .cbcc-giving-card__detail { background: rgba(255,255,255,0.1) !important; color: #fff !important; }
.elementor-element-8aec7b8 .cbcc-giving-card__detail a { color: var(--c-gold) !important; }

.elementor-element-7b702e6 .elementor-button {
  background: var(--c-primary); color: #fff; border: 1.5px solid var(--c-primary);
}
.elementor-element-7b702e6 .elementor-button:hover {
  background: var(--c-primary-dark); border-color: var(--c-primary-dark);
}
.elementor-element-c3a1a65 .elementor-button {
  background: transparent; color: var(--c-primary); border: 1.5px solid var(--c-primary);
}
.elementor-element-c3a1a65 .elementor-button:hover {
  background: var(--c-primary); color: #fff;
}

@media (max-width: 900px) {
  .elementor-element-59253e6 > .elementor-container { flex-wrap: wrap; }
}

/* ---- "Featured card" staggered prominence: side cards ~10% smaller, middle card larger + elevated (added per client request Sep 17 2026) ---- */
.elementor-element-4fd4682 > .elementor-widget-wrap,
.elementor-element-36e3861 > .elementor-widget-wrap {
  transform: scale(0.9);
}
.elementor-element-8aec7b8 > .elementor-widget-wrap {
  transform: scale(1.08);
  position: relative;
  z-index: 2;
  box-shadow: 0 24px 48px rgba(0,0,0,0.28);
}