/* RMI official palette and approved branding — private review stylesheet */
:root {
  --deep:#13354B;
  --dark:#13354B;
  --ink:#13354B;
  --aqua:#46BCEB;
  --gold:#D8AC52;
  --gold-deep:#a67824;
  --white:#FFFFFF;
  --cream:#f5fbfe;
  --sand:#e8f6fc;
  --line:#d6e8f0;
}
html {scroll-behavior:smooth;}
body { color:#13354B; }
a:focus-visible,button:focus-visible {outline-color:#46BCEB;}
.site-header {background:#FFFFFF; border-bottom:1px solid #e3eef2;}
.brand-icon, .brand-icon img { width:59px; height:59px; }
.brand-words strong { color:#13354B; letter-spacing:.015em; }
.brand-words strong span {color:#a67824;}
.brand-words small {color:#456372; font-size:9.5px; letter-spacing:.16em;}
.utility {background:#0b2e44; color:#e5f6fb;}
.utility-right {color:#f2d999;}
.desktop-nav>a,.nav-drop-trigger {color:#13354B;}
.desktop-nav>a:hover,.desktop-nav .active,.nav-drop-trigger:hover {color:#947029;}
.dropdown-menu a:hover {background:#eaf7fd;}
.btn-gold {background:#D8AC52;color:#13354B;}
.btn-gold:hover {background:#e9be67;}
.btn-dark {background:#13354B;color:#FFFFFF;}
.hero {background:radial-gradient(circle at 80% 33%,rgba(70,188,235,.25),transparent 38%),linear-gradient(130deg,#0c2c42,#13354B 68%,#175775);}
.inner-hero {background:radial-gradient(circle at 83% 47%,rgba(70,188,235,.21),transparent 48%),linear-gradient(110deg,#0a2a40,#13354B);}
.hero .eyebrow-line,.inner-hero .eyebrow-line {background:#46BCEB;}
.hero-visual {min-height:485px;}
.hero-logo-panel.hero-logo-panel-dark {
  width:min(410px,92%); height:auto; min-height:405px; aspect-ratio:auto;
  background:linear-gradient(150deg,#153a50,#0d273a);
  border:1px solid rgba(216,172,82,.56);
  border-radius:28px;
  padding:25px 26px 25px;
  box-shadow:0 22px 65px rgba(0,0,0,.3);
  transform:rotate(0);
  gap:0;
}
.hero-logo-panel.hero-logo-panel-dark:after {border:1px solid rgba(70,188,235,.25);border-radius:21px;inset:10px;}
.hero-logo-panel-dark img {width:min(100%,285px);max-height:285px;object-fit:contain;filter:none;}
.hero-logo-panel-dark .panel-label {position:relative;margin-top:5px;color:#cce6ee;font-size:11px;line-height:1.6;letter-spacing:.18em;}
.hero-logo-panel-dark .panel-label strong {color:#D8AC52;font-size:17px;letter-spacing:.06em;line-height:1.35;margin-top:2px;}
.hero-note {color:#13354B;}
.service-strip {border-color:#d6e8f0;}
.section-soft,.real-ministry-gallery-section {background:#f2f9fc;}
.ministry-card {border-color:#d8e7ee;border-radius:14px;}
.ministry-card:hover {border-color:#8bd7f1;}
.ministry-card .num {color:#a67824;}
.ministry-card .text-link {color:#936b22;}
.ministry-card-mark {color:#46BCEB;}
.ministry-card-visual {background:linear-gradient(110deg,#f5fbfe,#dff4fc);border-color:#d3eaf5;}
.ministry-card-visual:after {background:linear-gradient(90deg,rgba(248,252,254,1),rgba(248,252,254,.94) 36%,rgba(248,252,254,0) 78%);}
.ministry-brand-dark {background:#151d27;}
.value-pills span {border-color:rgba(70,188,235,.42);}
.real-photo-card {border-color:#d6e8f0;}
.site-footer {background:#0b2c42;}
.site-footer .brand-words strong,.site-footer .brand-words small {color:#FFFFFF;}
.site-footer .brand-words strong span {color:#D8AC52;}
@media (max-width:680px){
  .brand-icon,.brand-icon img {width:46px;height:46px;}
  .brand-words strong {font-size:13px;}
  .brand-words small {font-size:7.5px;letter-spacing:.11em;}
  .hero-visual {height:auto;min-height:365px;}
  .hero-logo-panel.hero-logo-panel-dark {width:min(315px,95%);min-height:300px;padding:20px 16px 17px;border-radius:20px;}
  .hero-logo-panel-dark img {width:min(100%,220px);max-height:216px;}
  .hero-logo-panel-dark .panel-label {font-size:9px;}
  .hero-logo-panel-dark .panel-label strong {font-size:14px;}
  .hero-note {bottom:0;}
  .real-photo-feature img {object-position:center;}
}

/* Original transparent RMI emblem in the homepage hero; no embedded dark image rectangle. */
.hero-logo-panel.hero-logo-panel-dark img[src$="rmi-hero-logo-transparent.png"] {
  display:block; width:min(100%,320px); height:auto; max-height:305px;
  object-fit:contain; background:transparent; border:0; filter:none;
}
@media(max-width:680px){
  .hero-logo-panel.hero-logo-panel-dark img[src$="rmi-hero-logo-transparent.png"] {
    width:min(100%,245px); max-height:230px;
  }
}

/* Leadership: founder visible, six operational leaders, all portraits scaled naturally. */
.lead-pastors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.lead-pastors-grid .leader-avatar{height:325px;background:#e4f3fb}
.leader-avatar.has-photo{overflow:hidden}
.leader-avatar.has-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.lead-pastors-grid .featured-founder .leader-avatar img{object-fit:contain;object-position:center center}
.lead-pastors-grid .featured-resident .leader-avatar img{object-fit:contain;object-position:center center}
.ministry-leaders-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.team-leader-card .leader-avatar{height:285px;background:#e9f6fc}
.team-leader-card .leader-body{padding:22px 24px 27px}
.team-leader-card .leader-body h3{font-size:clamp(21px,2vw,27px);margin:10px 0 0}
.team-leader-card .small-kicker{display:block;color:#8a6620;font-size:10px;letter-spacing:.09em;line-height:1.5}
.team-leader-card .portrait-princess-gibson{object-position: center 23%}
.team-leader-card .portrait-benaiah-soclo{object-position: center 15%}
.team-leader-card .portrait-moses-sleh-jalleh{object-position: center 19%}
.team-leader-card .portrait-frankie-payne{object-position: center 18%}
@media(max-width:900px){.ministry-leaders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lead-pastors-grid,.ministry-leaders-grid{grid-template-columns:minmax(0,1fr)}.lead-pastors-grid .leader-avatar{height:255px}.team-leader-card .leader-avatar{height:290px}.team-leader-card .leader-body{padding:21px}}

/* Refuge Children Church profile: branded initials until an authorized portrait is supplied. */
.ministry-leaders-grid .leader-avatar-placeholder {
  background: linear-gradient(140deg, #13354B, #24668C);
  display: flex; align-items: center; justify-content: center;
  height: 285px;
}
.ministry-leaders-grid .leader-avatar-placeholder span {
  display: flex; align-items: center; justify-content: center;
  width: 138px; height: 138px; border-radius: 50%;
  border: 2px solid #D8AC52; color: #FFFFFF;
  font: 500 52px Georgia, serif; background: rgba(70,188,235,.14);
}

/* Counseling Elders: Chair profile, responsive card */
.board-leadership-section { background:#f2f9fc; }
.board-leaders-grid {grid-template-columns:minmax(0,385px);justify-content:start;gap:24px;}
.board-chair-card .leader-avatar {height:345px;background:#e9f6fc;}
.board-chair-card .portrait-titus-kollie {object-fit:cover;object-position:center 18%;width:100%;height:100%;}
.board-chair-card .leader-body {padding:22px 24px 27px;}
.board-chair-card .leader-body h3 {font-size:clamp(21px,2vw,27px);margin:10px 0 0;}
.board-chair-card .small-kicker {display:block;color:#8a6620;font-size:10px;letter-spacing:.09em;line-height:1.5;}
@media(max-width:620px){.board-leaders-grid{grid-template-columns:minmax(0,1fr)}.board-chair-card .leader-avatar{height:290px;}}

/* Refuge City Care — transparent original gold/silver logo, balanced over authentic staff photo. */
.ministry-card-visual.care-card-visual {
  background:#13354B;
  border-color:#a1c9d8;
}
.ministry-card-visual.care-card-visual:after {
  background:linear-gradient(90deg,
    rgba(12,39,57,.98) 0%,rgba(19,53,75,.97) 30%,
    rgba(19,53,75,.78) 45%,rgba(19,53,75,.22) 69%,rgba(19,53,75,0) 86%);
}
.care-card-visual .ministry-card-photo {
  width:80%;object-position:22% 34%;
}
.care-card-visual .care-brand-overlay {
  position:relative;z-index:2;flex:0 0 51%;height:128px;
  padding:4px;margin-left:3px;
  background:transparent;border:0;border-radius:0;box-shadow:none;
}
.care-card-visual .care-brand-overlay img {
  display:block;width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.12));
}
.care-panel .brand-identity {
  background:linear-gradient(145deg,#13354B,#102a3b);
  border:1px solid rgba(216,172,82,.28);
}
@media (max-width:680px) {
  .care-card-visual .care-brand-overlay {flex-basis:52%;height:115px;margin-left:0;}
}

/* Official RMI social profile links, accessible on the new premium pages. */
.rmi-social-links { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem .85rem; margin-top:1.15rem; }
.rmi-social-links a { display:inline-block; color:#d5eefa; text-decoration:underline; text-decoration-color:rgba(213,238,250,.45); text-underline-offset:.22em; font-weight:600; font-size:.87rem; }
.rmi-social-links a:hover,.rmi-social-links a:focus-visible { color:#fff; text-decoration-color:#d8ac52; }

/*
  REFUGE MINISTRIES INTERNATIONAL — COLORS ONLY
  Palette sourced from:
  RMI_Sky_Blue_Founding_Pastor_Portrait_Updated_PREVIEW(1).zip

  Sky blue: #46BCEB | White: #FFFFFF | Gold: #D8AC52 | Black: #101010

  Append to END of the CURRENT public/assets/rmi-official-brand-final.css.
  Do not replace that stylesheet with the older version from the ZIP.
  No properties for layout, images, image paths, cropping, sizing, or positioning.
*/

/* Top announcement bar. */
.utility,
.utility .utility-inner {
  background: linear-gradient(90deg, #46BCEB, #59C6EF);
  color: #101010;
}
.utility .utility-inner > span,
.utility .utility-right,
.utility .utility-inner a {
  color: #101010;
}
.utility .live-dot,
.live-dot { background-color: #D8AC52; }

/* Navigation: keep white background and existing branding and dimensions. */
.site-header { background-color: #FFFFFF; }

/* Homepage hero: recolor only. Existing columns, rings, and logo are untouched. */
.hero {
  background:
    radial-gradient(ellipse 57% 90% at 79% 47%, rgba(208,247,255,.30), transparent 72%),
    linear-gradient(125deg, #126894 0%, #277EAC 49%, #419FCC 100%);
  color: #FFFFFF;
}

/* 4B mission panel: sky blue in place of green. */
.values-panel { background-color: #46BCEB; color: #101010; }
.values-panel h2,
.values-panel h2 em,
.values-panel .eyebrow,
.values-panel .eyebrow.light,
.values-panel p { color: #101010; }
.values-panel .eyebrow-line { background-color: #D8AC52; }
.values-panel::after { border-color: rgba(255,255,255,.46); }
.values-panel h2 em { text-decoration-color: #D8AC52; }
.values-panel .value-pills span {
  background-color: #FFFFFF;
  color: #101010;
  border-color: rgba(16,16,16,.18);
}

/* Remaining green/teal panels: same design, new background/text colors. */
.cta-wrap,
.approach-art,
.visit-pattern,
.worship-art,
.ministry-quote,
.news-pattern,
.brand-identity,
.care-panel .brand-identity,
.donate-impact-card,
.contact-panel {
  background: #46BCEB;
  color: #101010;
}
.cta-wrap h2,
.cta-wrap p,
.cta-wrap .eyebrow,
.cta-wrap .eyebrow.light,
.worship-art span,
.worship-art b,
.ministry-quote blockquote,
.ministry-quote .verse,
.news-pattern span,
.contact-panel h2,
.contact-panel h3,
.contact-panel p,
.contact-help,
.donate-impact-card p {
  color: #101010;
}
.cta-wrap .eyebrow-line { background-color: #D8AC52; }
.cta-wrap .btn-outline-light,
.contact-panel .contact-action.primary {
  background-color: #FFFFFF;
  color: #101010;
  border-color: #FFFFFF;
}
.cta-wrap .btn-gold { background-color: #D8AC52; color: #101010; }
.news-pattern.school { background-color: #E7F8FE; }
.news-pattern.mission { background-color: #D8AC52; }

/* Approved footer: sky blue with BLACK text; gold headings, never gold background. */
.site-footer {
  background: linear-gradient(180deg, #46BCEB 0%, #2FA8D6 100%);
  color: #101010;
}
.site-footer,
.site-footer .footer-top,
.site-footer .footer-top p,
.site-footer .footer-top p a,
.site-footer .footer-top li,
.site-footer .footer-top li a,
.site-footer .footer-about p,
.site-footer .footer-about .brand-words strong,
.site-footer .footer-about .brand-words small,
.site-footer .footer-about .footer-mini span,
.site-footer .rmi-social-links a,
.site-footer .footer-bottom,
.site-footer .footer-bottom span,
.site-footer .footer-bottom a,
.site-footer a,
.site-footer p,
.site-footer li {
  color: #101010;
}
.site-footer h3,
.site-footer .brand-words strong span { color: #845A19; }
.site-footer .footer-bottom { border-top-color: rgba(16,16,16,.20); }
.site-footer .footer-mini span { border-color: rgba(16,16,16,.22); }
.site-footer .rmi-social-links a { text-decoration-color: rgba(16,16,16,.45); }
.site-footer a:hover { color: #603F0E; }

/* RMI EXACT FOUR COLOR PALETTE START — 2026-10-25 */
/*
  REFUGE MINISTRIES INTERNATIONAL — COLOR-ONLY OVERRIDES
  Approved colors: SKY #46BCEB | WHITE #FFFFFF | GOLD #D8AC52 | BLACK #101010.
  Intended location: very END of public/assets/rmi-official-brand-final.css.
  Only background, foreground, border and accent colors are changed.
  Never changes layout, spacing, positioning, fonts, images, logo paths,
  leadership portraits, HTML text, links or functionality.
  !important is deliberate: some pages load additional stylesheets later.
*/

/* Announcement bar: exact sky-blue field and black lettering. */
.utility,
.utility .utility-inner {
  background: #46BCEB !important;
  color: #101010 !important;
}
.utility :is(span, small, strong, p, a),
.utility .utility-right { color: #101010 !important; }
.utility .live-dot,
.utility .accent-dot { background-color: #D8AC52 !important; }

/* Keep the navigation white. Logo and wordmark artwork are untouched. */
.site-header { background: #FFFFFF !important; }
.site-header :is(.desktop-nav > a, .nav-drop-trigger, .mobile-nav a) {
  color: #101010 !important;
}

/* Homepage and every inner-page banner (About, Worship, five ministries,
   Leadership, Stories, Contact). No other layout properties are altered. */
.hero,
.inner-hero,
.inner-hero.ministry-hero,
.rmi-legacy-page main .subpage-hero,
.subpage-hero {
  background: #46BCEB !important;
  color: #101010 !important;
}
.hero :is(h1,h2,h3,p,small,strong,em,a,.eyebrow,.eyebrow.light,.hero-intro,.hero-side-label,.panel-label),
.inner-hero :is(h1,h2,h3,p,small,strong,em,a,.eyebrow,.eyebrow.light),
.subpage-hero :is(h1,h2,h3,p,small,strong,em,a,.eyebrow) {
  color: #101010 !important;
}
/* Some current homepage rules are in a stylesheet loaded AFTER the official CSS. */
.hero .hero-copy h1,
.hero .hero-copy h1 em,
.hero .hero-intro,
.hero .hero-proof :is(b,small),
.hero .hero-side-label,
.hero .hero-logo-panel-dark .panel-label,
.hero .hero-logo-panel-dark .panel-label strong,
.inner-hero h1,
.inner-hero h1 em { color: #101010 !important; }
.hero .eyebrow-line,
.inner-hero .eyebrow-line { background: #D8AC52 !important; }
.hero .hero-proof { border-top-color: #D8AC52 !important; }
.hero .btn-outline-light {
  background: #FFFFFF !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
.hero .btn-gold { background: #D8AC52 !important; color: #101010 !important; }
/* Recolor the hero's decorative logo holder, NOT the emblem image. */
.hero .hero-logo-panel.hero-logo-panel-dark {
  background: #46BCEB !important;
  border-color: #D8AC52 !important;
}
.hero .hero-logo-panel.hero-logo-panel-dark::after {
  border-color: #D8AC52 !important;
}

/* Four pillars, ministry feature panels, worship/contact blocks, CTAs,
   and all other confirmed navy/green feature blocks. */
.values-panel,
.cta-wrap,
.approach-art,
.visit-pattern,
.worship-art,
.ministry-quote,
.news-pattern,
.news-pattern.school,
.news-pattern.mission,
.brand-identity,
.care-panel .brand-identity,
.contact-panel,
.contact-feature-card,
.donate-impact-card,
.progress-card.next,
.give-section,
.donation-option.custom,
.subpage-stat-card,
.hero-card {
  background: #46BCEB !important;
  color: #101010 !important;
}
.values-panel :is(h1,h2,h3,p,span,small,strong,em,a,.eyebrow,.eyebrow.light),
.cta-wrap :is(h1,h2,h3,p,span,small,strong,em,a,.eyebrow,.eyebrow.light),
.approach-art :is(h1,h2,h3,p,span,small,strong,em,a),
.visit-pattern :is(h1,h2,h3,p,span,small,strong,em,a),
.worship-art :is(h1,h2,h3,p,span,small,strong,em,a),
.ministry-quote :is(h1,h2,h3,p,span,small,strong,em,a,blockquote,.verse),
.news-pattern :is(h1,h2,h3,p,span,small,strong,em,a),
.contact-panel :is(h1,h2,h3,p,span,small,strong,em,a),
.contact-feature-card :is(h1,h2,h3,p,span,small,strong,em,a),
.donate-impact-card :is(h1,h2,h3,p,span,small,strong,em,a,b),
.progress-card.next :is(h1,h2,h3,p,span,small,strong,em,a),
.give-section :is(h1,h2,h3,p,span,small,strong,em,a),
.donation-option.custom :is(h1,h2,h3,p,span,small,strong,em,a),
.subpage-stat-card :is(h1,h2,h3,p,span,small,strong,em,a),
.hero-card :is(h1,h2,h3,p,span,small,strong,em,a) {
  color: #101010 !important;
}
.values-panel .eyebrow-line,
.cta-wrap .eyebrow-line { background: #D8AC52 !important; }
.values-panel .value-pills span {
  background: #FFFFFF !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
.cta-wrap .btn-outline-light,
.contact-panel .contact-action.primary {
  background: #FFFFFF !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
.cta-wrap .btn-gold { background: #D8AC52 !important; color: #101010 !important; }
.contact-panel .contact-action,
.contact-panel .contact-action:hover { color: #101010 !important; }

/* RACE Academy growth: "Working toward 200 students by 2029".
   The original rules were in styles.css, not the branding stylesheet. */
.math-card,
.math-section .math-card {
  background: #46BCEB !important;
  color: #101010 !important;
}
.math-card :is(h1,h2,h3,h4,p,small,span,strong,em,a,.eyebrow,.small-muted),
.math-card .math-grid :is(strong,span,p,small) { color: #101010 !important; }
.math-card .math-grid > div {
  background: #FFFFFF !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
.subpage-stat-card > div,
.donate-impact-card .donate-impact-stat {
  background: #FFFFFF !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
.subpage-stat-card > div :is(strong,span,p),
.donate-impact-card .donate-impact-stat :is(strong,span,b,p) {
  color: #101010 !important;
}

/* Blue / black legacy school sections where separate CSS loads last. */
.rmi-legacy-page .give-section,
.rmi-legacy-page .subpage-stat-card { background: #46BCEB !important; color: #101010 !important; }
.rmi-legacy-page main .subpage-hero :is(h1,h2,h3,p,span,small,strong,em) {
  color: #101010 !important;
}
.rmi-legacy-page main .btn { background: #D8AC52 !important; border-color: #D8AC52 !important; color: #101010 !important; }
.rmi-legacy-page main .btn.btn-ghost { background: #FFFFFF !important; border-color: #D8AC52 !important; color: #101010 !important; }

/* Footer: EXACT sky-blue background, black links, addresses and contact
   details on every main / legacy page. Brand wordmark retains its gold. */
.site-footer,
.rmi-legacy-page .site-footer,
body.rmi-legacy-page .site-footer,
.seo-footer {
  background: #46BCEB !important;
  color: #101010 !important;
}
.site-footer :is(h1,h2,h3,h4,p,li,a,span,small,strong,em),
.rmi-legacy-page .site-footer :is(h1,h2,h3,h4,p,li,a,span,small,strong,em),
.seo-footer :is(h1,h2,h3,h4,p,li,a,span,small,strong,em) {
  color: #101010 !important;
}
.site-footer .brand-words strong span { color: #D8AC52 !important; }
.site-footer .footer-bottom { border-top-color: #D8AC52 !important; }
.site-footer .footer-mini span { border-color: #D8AC52 !important; }
.site-footer .rmi-social-links a { color: #101010 !important; text-decoration-color: #D8AC52 !important; }
.site-footer a:hover,
.seo-footer a:hover { color: #101010 !important; }
/* RMI EXACT FOUR COLOR PALETTE END — 2026-10-25 */
/*
 * RMI — remaining lettering and green accents — color-only completion.
 * 2026-10-25. APPROVED: SKY #46BCEB / WHITE #FFFFFF /
 * GOLD #D8AC52 / BLACK #101010.
 * APPEND ONCE to END of existing public/assets/rmi-official-brand-final.css.
 * Do not replace existing stylesheet. Do not change HTML, photos or logos.
 * Layout, fonts, sizes, positioning, images and functionality untouched.
 */

/* Keep inherited foreground colors black without altering the legacy
   --deep and --green variables (which are also used for backgrounds). */
body { color: #101010 !important; }

/* Header / brand wording; the gold wordmark accent is restored below. */
.brand-words strong,
.brand-words small,
.site-header .brand strong,
.site-header .brand small,
.desktop-nav > a,
.desktop-nav .nav-drop-trigger,
.desktop-nav .dropdown-menu a,
.mobile-nav a,
.nav a,
.nav-dropdown-toggle,
.nav-dropdown-menu a {
  color: #101010 !important;
}

/* All ordinary type in white, cream, and sky-blue page content.
   This corrects colors hardcoded in BOTH styles.css and premium-style.css. */
:is(
  .section, .section-soft, .section-heading, .section-intro,
  .service-strip, .service-lead, .service-time, .story-copy,
  .story-split, .split-columns, .contact-grid, .contact-section,
  .contact-lines, .contact-method-card, .contact-panel,
  .brand-ministry-inner, .ministry-card, .news-body, .leader-body,
  .progress-grid, .progress-card, .stats, .cards,
  .pathway-grid, .pathway-card, .pillars-grid, .pillar,
  .system-card, .vision-card, .donation-panel, .tablet-card,
  .income-card, .donation-lead, .systems-hero, .donate-hero,
  .contact-hero, .math-section, .math-card, .give-card,
  .rmi-legacy-page main
) :is(h1,h2,h3,h4,h5,h6,p,li,small,strong,b,span,em,blockquote,dt,dd,a,label) {
  color: #101010 !important;
}

/* Ensure body copy on approved blue features also uses true black. */
:is(
  .hero, .inner-hero, .subpage-hero,
  .values-panel, .cta-wrap, .approach-art, .visit-pattern,
  .worship-art, .ministry-quote, .news-pattern,
  .brand-identity, .donate-impact-card, .contact-panel,
  .contact-feature-card, .progress-card.next,
  .give-section, .donation-option.custom, .subpage-stat-card,
  .hero-card, .math-card
) :is(h1,h2,h3,h4,p,li,small,strong,b,span,em,blockquote,a,label) {
  color: #101010 !important;
}

/* Small labels and links that retained legacy teal / forest green. */
:is(
  .eyebrow, .eyebrow.light, .service-lead strong, .service-time span,
  .service-time small, .service-time strong, .section-intro,
  .ministry-card p, .ministry-card h3, .news-body p,
  .leader-body p, .progress-card p, .narrow-copy,
  .card-kicker, .small-kicker, .contact-method-label,
  .info-item span, .info-item strong, .info-item a,
  .system-card h3, .stats span, .cards p,
  .pill-row span, .pathway-card span, .pathway-card p,
  .footer-brand span, .contact-grid > div > p,
  .donation-lead, .donation-option, .contact-help,
  .brand-ministry-inner p, .hero-note small, .hero-intro
) { color: #101010 !important; }

/* Recolor remaining actual green fills, where those are decorative
   labels/buttons; no photographs, emblem images or layout are touched. */
.pill-row span,
.pathway-card span,
.contact-method-label,
.nav-dropdown-menu a:hover,
.dropdown-menu a:hover {
  background: #46BCEB !important;
  color: #101010 !important;
}
:is(.btn-dark, .live-updates-premium .btn:not(.btn-gold),
    .btn:not(.btn-gold):not(.btn-outline-light):not(.btn-ghost)) {
  background-color: #46BCEB !important;
  color: #101010 !important;
}
:is(.btn-ghost, .btn-outline-light) {
  background-color: #FFFFFF !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
:is(.btn-gold, .cta-wrap .btn-gold, .hero .btn-gold) {
  background-color: #D8AC52 !important;
  color: #101010 !important;
}

/* Golden highlights that belong in the approved black-and-gold lettering.
   They are deliberately applied AFTER ordinary type to preserve accents. */
.brand-words strong span,
.site-footer .brand-words strong span,
.site-footer h3,
.seo-footer h3,
.nav-num,
.desktop-nav .active,
.desktop-nav > a:hover,
.desktop-nav .nav-drop-trigger:hover,
.service-direction,
.ministry-card .num,
.news-card .card-kicker,
.small-kicker,
.card-kicker,
.hero .eyebrow-line,
.inner-hero .eyebrow-line,
.team-leader-card .small-kicker,
.board-chair-card .small-kicker {
  color: #D8AC52 !important;
}

/* Gold is also the accent on borders, never the footer background. */
.site-footer, .seo-footer { background: #46BCEB !important; color:#101010 !important; }
.site-footer :is(p,li,span,small,a,strong),
.seo-footer :is(p,li,span,small,a,strong) { color:#101010 !important; }
.site-footer .brand-words strong span { color: #D8AC52 !important; }
.site-footer h3, .seo-footer h3 { color: #D8AC52 !important; }
/* END RMI color-only lettering completion */

/* RMI: Our Story and live field updates — approved colors only.
   APPEND ONCE to public/assets/rmi-official-brand-final.css.
   Colors only: sky #46BCEB, black #101010, gold #D8AC52, white #FFFFFF.
   Does not alter layout, logos, images, posts, JavaScript, or SEO. */

/* The 2019 Our Story graphic: replace the legacy green panel and lettering. */
.story-visual {
  background: #46BCEB !important;
  color: #101010 !important;
}
.story-visual::before,
.story-visual::after { border-color: rgba(255, 255, 255, .48) !important; }
.story-visual .number-orbit,
.story-visual .number-orbit span,
.story-visual .story-script { color: #101010 !important; }
.story-visual .story-script em { color: #D8AC52 !important; }
.story-copy :is(h1, h2, h3, p) { color: #101010 !important; }
.story-copy h2 em { color: #D8AC52 !important; }
.story-copy .eyebrow { color: #D8AC52 !important; }

/* Story / media feed: sky blue behind WHITE cards; photographs stay unchanged. */
.updates-section,
.live-updates-premium {
  background: #46BCEB !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
.live-updates-premium > .section-head,
.live-updates-premium .premium-update-intro,
.live-updates-premium .section-head :is(h1, h2, h3, p),
.live-updates-premium .empty-feed,
.live-updates-premium .hero-carousel-empty { color: #101010 !important; }
.live-updates-premium .section-head .eyebrow,
.live-updates-premium .section-head .eyebrow-line {
  color: #D8AC52 !important;
}
.live-updates-premium .premium-carousel-frame { background: #46BCEB !important; }
.live-updates-premium .posts-feed .post-card,
.live-updates-premium .empty-feed,
.live-updates-premium .composer,
.live-updates-premium .read-more-box { background: #FFFFFF !important; }
.live-updates-premium .post-card .post-body,
.live-updates-premium .post-card .post-meta,
.live-updates-premium .post-card h3,
.live-updates-premium .post-card .post-text,
.live-updates-premium .post-card p,
.live-updates-premium .composer :is(h3, label, p),
.live-updates-premium .read-more-full-text { color: #101010 !important; }

/* Read-full-update links: remove the old mint background and green text. */
.live-updates-premium .post-card .read-more-button,
.live-updates-premium .post-card .read-more-button:hover {
  background: #D8AC52 !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
/* Existing administrative Delete post button keeps its warning color. */

/* Story update controls: black lettering on sky blue or white. */
.live-updates-premium .update-actions .btn:not(.btn-ghost),
.live-updates-premium .composer-actions .btn:not(.btn-ghost) {
  background: #46BCEB !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
.live-updates-premium .update-actions .btn-ghost,
.live-updates-premium .composer-actions .btn-ghost {
  background: #FFFFFF !important;
  border-color: #D8AC52 !important;
  color: #101010 !important;
}
/* END RMI Our Story + field-updates colors. */

/* RMI donation cards — approved colors */

.donation-grid .donation-option:not(.custom) {
  background: #FFFFFF !important;
  border-color: #D8AC52 !important;
}

.donation-grid .donation-option.custom {
  background: #46BCEB !important;
  border-color: #D8AC52 !important;
}

.donation-grid .donation-option strong,
.donation-grid .donation-option span {
  color: #101010 !important;
}