/* =========================================================
   RBCA design refresh — v2
   Paste into: Appearance > Customize > Additional CSS
   Reversible: deleting this block restores the old look.
   Note: leaves the hero (body) background image untouched.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --pine:#1F3B68; --pine-900:#14284A; --moss:#335E96; --plum:#6A2E73;
  --paper:#F4F3EE; --ink:#233040; --ink-soft:#5A6573; --line:#D9D5CC;
}

/* ---- base typography (do NOT touch body background = the hero) ---- */
body{ color:var(--ink) !important;
  font-family:'Hanken Grotesk', system-ui, -apple-system, sans-serif !important;
  font-size:17px !important; line-height:1.65 !important; }
p, li, td, .bg-box, .boldgrid-section, .widget{
  font-family:'Hanken Grotesk', system-ui, sans-serif !important; }

h1,h2,h3,h4,h5,.entry-title,.widget-title{
  font-family:'Fraunces', Georgia, 'Times New Roman', serif !important;
  color:var(--pine) !important; font-weight:500 !important;
  letter-spacing:.005em !important; }

/* ---- hero title (church name over the Bible photo) ---- */
.site-title, .site-title a{
  font-family:'Fraunces', Georgia, serif !important;
  color:#F7F4E9 !important; font-weight:400 !important;
  letter-spacing:.02em !important;
  text-shadow:0 2px 14px rgba(12,22,42,.55), 0 1px 2px rgba(12,22,42,.6) !important; }

/* ---- top nav (sits over the hero photo) ---- */
.primary-menu .menu-item > a{
  font-family:'Hanken Grotesk', sans-serif !important;
  text-transform:uppercase !important; letter-spacing:.06em !important;
  font-weight:600 !important; font-size:.78rem !important; }
.primary-menu .menu-item > a:hover,
.primary-menu .current-menu-item > a{ color:#E7C86B !important; }

/* ---- links & buttons ---- */
.boldgrid-section a, .entry-content a{ color:var(--moss); }
.boldgrid-section a:hover, .entry-content a:hover{ color:var(--plum); }
.button-primary, .btn-primary, .wp-block-button__link,
input[type=submit], .wpforms-submit{
  background:var(--pine) !important; border:1.5px solid var(--pine) !important;
  color:#F4F3EE !important; border-radius:2px !important;
  font-family:'Hanken Grotesk', sans-serif !important; font-weight:600 !important;
  letter-spacing:.03em !important; text-transform:none !important; }
.button-primary:hover, .btn-primary:hover,
input[type=submit]:hover, .wpforms-submit:hover{
  background:var(--pine-900) !important; border-color:var(--pine-900) !important; }

/* ---- dividers & rhythm ---- */
hr{ border-color:var(--line) !important; opacity:1; }
.boldgrid-section{ padding-top:2.4rem; padding-bottom:2.4rem; }