/* Charity: accessible warm accents and photo surfaces. */
:root { --readable-gold: #866000; }
.text-yellow,
.main-heading span[style*="color:#EAB308"],
.quote-card .stars { color: var(--readable-gold) !important; }
.step-num, .quote-mark { color: #92702a; }
.sub-heading, .stat-desc, .form-note, .float-card small { color: #57534e !important; }
.sub-heading { font-weight: 400; }
.cause-tag.urgent { background: #b52930; }
.stat-icon { color: #866000; }
.contact a.color-black { color: #365f64; }
.contact-form-card input::placeholder,
.contact-form-card textarea::placeholder { color: #625e56; opacity: 1; }
#footer .footer_text { opacity: 1 !important; }

/* Opaque navigation prevents underlying page text showing through. */
.top-banner.bg-trans-color, .navbar.fixed-menu,
.outer-window.inner-window { background: #211f19 !important; }
.top-banner .text-yellow { color: #ffda64 !important; }
.transparent-banner { margin-top: 0; padding-top: 12px; height: 76px; }
.rounded-bar.margin-nav { top: 124px; margin-top: 0; background: #211f19; z-index: 10; }
.navbar.fixed-menu { top: 48px; }
.outer-window .nav-link { color: #fff; }
.outer-window .nav-link:hover { color: #ffda64; }

/* Darkest across the actual central caption band, lighter at the photo edges. */
#home .layer-overlay {
  background: linear-gradient(180deg, rgba(24,22,17,.20) 0%, rgba(24,22,17,.46) 30%, rgba(24,22,17,.55) 55%, rgba(24,22,17,.46) 68%, rgba(24,22,17,.18) 100%);
}
.trans-btn { background: rgba(24,22,17,.7); }
.volunteer-cta .overlay {
  background: linear-gradient(90deg, rgba(24,22,17,.78), rgba(24,22,17,.60) 52%, rgba(24,22,17,.12));
}
.volunteer-cta .eyebrow { background: #29271f !important; color: #ffe08a !important; }
.volunteer-cta h2 { color: #fff; }
.check-list li { color: #292524; line-height: 1.65; }
.causes .causes-detail { height: auto; min-height: 300px; padding: 24px; }
.causes .height-sub-heading { height: auto; }
.team-box .image img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.gmap_canvas img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.map-caption { margin: 0; padding: 10px 14px; color: #57534e; background: #faf6ee; font-size: 12px; }
section[id] { scroll-margin-top: 145px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #866000; outline-offset: 4px; }
@media (max-width: 991px) {
  body.landing-charity header { top: 48px; background: #211f19; }
}
@media (max-width: 767px) {
  .main-heading { font-size: 2.35rem !important; line-height: 1.16 !important; }
  .volunteer-cta .overlay { background: linear-gradient(90deg, rgba(24,22,17,.76), rgba(24,22,17,.55)); }
  .volunteer-cta { margin: 0; }
  .volunteer-cta .inner { padding: 48px 24px; }
  .volunteer-cta .eyebrow { font-size: .72rem; letter-spacing: .6px; }
  .widget-wrapper { padding: 28px 22px; }
  .widget-amount-btn { padding: 14px 10px; flex-basis: 40%; }
  .float-card { padding: 12px; max-width: calc(100% - 16px); }
  .float-card b { font-size: 1.1rem; }
}