/*
Theme Name: Spriggs Custom
Theme URI: https://spriggs.joshdoe.com/
Author: OpenClaw
Description: Minimal custom theme for Spriggs Road Presbyterian Church.
Version: 1.0.0
Text Domain: spriggs-custom
*/
html { margin: 0; padding: 0; scrollbar-gutter: stable; }
body { margin: 0; padding: 0; background: #f9f8f5; color: #1a1a1a; font-family: Georgia, serif; }
a { color: #0b1c91; }
img { max-width: 100%; height: auto; }
.spriggs-site-content { min-height: 50vh; }
.spriggs-content-wrap { width: min(1100px, 94%); margin: 0 auto; padding: 28px 0; }
.entry-content::after { content: ''; display: block; clear: both; }
.wp-block-image { margin: 0 0 1.5rem; }
@media (max-width: 800px) {
  .spriggs-content-wrap { width: min(1100px, 96%); padding: 18px 0; }
}

.srpc-page { color:#1a1a1a; background:#F9F8F5; }
.srpc-page * { box-sizing:border-box; }
.srpc-page a { color:#0b1c91; }
.srpc-page .srpc-wrap { max-width:1100px; margin:0 auto; }
.srpc-page .srpc-topbar { background:#F9F8F5; border-bottom:1px solid rgba(26,26,26,.08); padding:14px 20px; }
.srpc-page .srpc-topbar-inner { max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.srpc-page .srpc-brand { display:inline-flex; align-items:center; color:#0B1C91; text-decoration:none; }
.srpc-page .srpc-logo { height:58px; width:auto; display:block; }
.srpc-page .srpc-top-actions { display:flex; align-items:center; gap:12px; position:relative; }
.srpc-page .srpc-icon-button { color:#0B1C91; background:#F0E7DA; border:1px solid rgba(11,28,145,.10); cursor:pointer; text-decoration:none; font-size:28px; line-height:1; display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; padding:0; border-radius:999px; }
.srpc-page .srpc-mobile-menu { display:none; position:absolute; top:calc(100% + 10px); right:0; min-width:280px; background:#F9F8F5; border:1px solid rgba(26,26,26,.10); box-shadow:0 14px 30px rgba(26,26,26,.14); border-radius:4px; padding:10px 0; z-index:10000; }
.srpc-page .srpc-mobile-menu.is-open { display:block; }
.srpc-page .srpc-mobile-menu-group-title { display:block; padding:10px 16px 6px; color:#514C45; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.srpc-page .srpc-mobile-menu a { display:block; padding:12px 16px; color:#1A1A1A; text-decoration:none; font-weight:600; }
.srpc-page .srpc-mobile-menu a:hover { background:#F0E7DA; }
.srpc-page .srpc-utility-nav { display:flex; gap:0; flex-wrap:nowrap; }
.srpc-page .srpc-utility-link { display:inline-block; padding:10px 14px; color:#2f6b2f; text-decoration:none; font-weight:700; font-size:15px; text-transform:uppercase; letter-spacing:.03em; }
.srpc-page .srpc-hero { background-size:cover; background-position:center; padding:80px 20px 55px; }
.srpc-page .srpc-hero-card { max-width:720px; background:rgba(0,0,0,.28); color:#fff; padding:24px; border-radius:3px; }
.srpc-page h1, .srpc-page h2, .srpc-page h3 { line-height:1.2; margin:0 0 16px; font-family:"EB Garamond", Georgia, serif; }
.srpc-page h1 { font-size:clamp(2rem, 4vw, 3.4rem); color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.35); }
.srpc-page h2 { font-size:clamp(1.6rem, 3vw, 2.4rem); color:#1a1a1a; }
.srpc-page h3 { color:#1a1a1a; }
.srpc-page p { margin:0 0 16px; font-size:18px; line-height:1.7; }
.srpc-page .srpc-muted-link { color:#EDDA99; }
.srpc-page .srpc-cta-row { display:flex; gap:14px; flex-wrap:wrap; margin-top:18px; }
.srpc-page .srpc-btn { display:inline-block; padding:14px 22px; border-radius:4px; text-decoration:none; font-weight:700; }
.srpc-page .srpc-btn-primary { background:#EDDA99; color:#1A1A1A; }
.srpc-page .srpc-btn-secondary { background:transparent; color:#EDDA99; border:2px solid #EDDA99; }
.srpc-page .srpc-main { background:#F9F8F5; padding:70px 20px 60px; }
.srpc-page .srpc-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.srpc-page .srpc-card { background:#fff; border-radius:3px; padding:30px; box-shadow:0 14px 30px rgba(26,26,26,.12); }
.srpc-page .srpc-accent-card { background:#F0E7DA; }
.srpc-page ul { margin:0; padding-left:20px; }
.srpc-page li { margin:0 0 10px; font-size:18px; line-height:1.6; }
.srpc-page .srpc-staff-list { display:grid; gap:26px; }
.srpc-page .srpc-staff-member { display:grid; grid-template-columns:140px 1fr; gap:18px; align-items:start; }
.srpc-page .srpc-staff-photo { width:140px; height:140px; object-fit:cover; border-radius:8px; box-shadow:0 8px 20px rgba(26,26,26,.12); }
.srpc-page .srpc-staff-member h3 { margin-bottom:8px; }
.srpc-page .srpc-role { margin:0 0 8px; font-weight:700; color:#514C45; }
.srpc-page .srpc-email { margin:0 0 12px; }
.srpc-page .srpc-footer { background:#2f7d32; color:#f7f4ee; padding:48px 20px 30px; }
.srpc-page .srpc-footer-grid { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:28px; }
.srpc-page .srpc-footer h3 { color:#fffdf8; font-size:1.35rem; margin-bottom:14px; }
.srpc-page .srpc-footer p, .srpc-page .srpc-footer li { color:rgba(247,244,238,.92); font-size:16px; line-height:1.7; }
.srpc-page .srpc-footer a { color:#f3df9b; text-decoration:none; }
.srpc-page .srpc-footer ul { list-style:none; padding:0; margin:0; }
.srpc-page .srpc-footer li { margin:0 0 8px; }
.srpc-page .srpc-footer-bottom { max-width:1100px; margin:26px auto 0; padding-top:18px; border-top:1px solid rgba(247,244,238,.18); font-size:14px; color:rgba(247,244,238,.78); }
@media (max-width: 800px) {
  .srpc-page { padding-bottom:86px; }
  .srpc-page .srpc-topbar { padding:12px 16px; }
  .srpc-page .srpc-logo { height:50px; }
  .srpc-page .srpc-top-actions { gap:12px; }
  .srpc-page .srpc-icon-button { width:42px; height:42px; font-size:26px; }
  .srpc-page .srpc-mobile-menu { right:0; left:auto; min-width:220px; }
  .srpc-page .srpc-utility-nav { justify-content:space-evenly; width:100%; position:fixed; left:0; right:0; bottom:0; z-index:9999; background:#F3EBDD; border-top:1px solid rgba(26,26,26,.10); padding:12px 10px calc(12px + env(safe-area-inset-bottom)); }
  .srpc-page .srpc-utility-link { flex:1 1 0; text-align:center; padding:8px 4px; font-size:13px; }
  .srpc-page .srpc-grid, .srpc-page .srpc-footer-grid { grid-template-columns:1fr; }
  .srpc-page .srpc-staff-member { grid-template-columns:1fr; gap:14px; }
  .srpc-page .srpc-staff-photo { width:100%; max-width:220px; height:auto; aspect-ratio:1/1; }
  .srpc-page .srpc-hero { padding:56px 16px 34px; }
  .srpc-page .srpc-hero-card { margin:0 auto; text-align:center; }
  .srpc-page .srpc-cta-row { justify-content:center; }
  .srpc-page .srpc-main { padding:32px 10px 28px; }
  .srpc-page .srpc-card { padding:18px; }
  .srpc-page .srpc-footer { padding:40px 16px 24px; }
}