/*
Theme Name: Stars of Heaven
Version: 1.0.0
Description: A responsive church theme for Stars of Heaven Ministries International.
Author: Stars of Heaven Ministries
License: GPL-2.0-or-later
Text Domain: stars-of-heaven
Requires PHP: 7.4
*/
:root{--gold:#b68b40;--ink:#171717;--paper:#f7f5f0}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.7 system-ui,sans-serif}a{color:inherit}h1,h2,h3{line-height:1.12}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(42px,6vw,80px)}h2{font-size:clamp(32px,4vw,48px)}h3{font-size:23px}p{max-width:70ch}header{background:#111;color:white;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;text-decoration:none;gap:14px;line-height:1.25;font-size:14px;letter-spacing:1px}.brand img{width:48px;height:60px;object-fit:contain}.brand small{display:block;font-size:10px;margin-top:6px}nav ul{list-style:none;display:flex;gap:22px;padding:0;margin:0}nav a{text-decoration:none;font-size:14px}nav a:hover{color:#d6b370}.menu-toggle{display:none}.hero{min-height:650px;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.15)),var(--hero) center/cover;display:flex;align-items:center;color:white;padding:75px 7%}.hero>div{max-width:750px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--gold);font-weight:700}.hero .eyebrow{color:#e3c183}.hero h1{margin:22px 0}.hero p{max-width:560px}.button,button,input[type=submit]{display:inline-block;background:var(--gold);border:1px solid var(--gold);color:#111;padding:13px 23px;font:600 14px system-ui;text-decoration:none;cursor:pointer;border-radius:2px}.button.outline{background:transparent;color:inherit;border-color:currentColor}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.wrap{max-width:1200px;margin:auto;padding:75px 30px}.strip{background:#181818;color:white;padding:25px 7%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.card{background:white;padding:30px;border:1px solid #e5dfd3}.card img{width:100%;height:240px;object-fit:cover;margin-bottom:15px}.feature-photo{width:100%;max-height:650px;object-fit:cover}.dark{background:#171717;color:white}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-title{background:#191919;color:white;padding:65px 7%}.page-title h1{font-size:58px;margin:10px 0}.content{max-width:1100px}.content p{max-width:800px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;height:260px;object-fit:cover}.giving-details{word-break:break-word;font-size:20px}.copy{margin-top:12px;font-size:12px;padding:8px 13px}form{max-width:650px}label{display:block;margin:18px 0 5px}input,textarea,select{width:100%;padding:13px;border:1px solid #aaa;font:inherit;background:white;color:#111}input[type=checkbox]{width:auto}textarea{min-height:150px}.hp{display:none}.notice{padding:15px;background:#e7eddf;border-left:4px solid #527333}footer{background:#0e0e0e;color:#c9c9c9;padding:50px 7%;font-size:14px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}footer h3{color:white}footer a{display:block;margin:8px 0}.wa{position:fixed;bottom:20px;right:20px;background:#1c643a;color:white;border-radius:30px;padding:12px 20px;z-index:9;text-decoration:none;font-size:14px}a:focus-visible,button:focus-visible{outline:3px solid #ebbd61;outline-offset:5px}.screen-reader-text{position:absolute;left:-9999px}.pagination{margin:20px 0}@media(max-width:900px){header{flex-wrap:wrap}.menu-toggle{display:block;background:transparent;color:white;border-color:#888}nav{display:none;width:100%}nav.open{display:block}nav ul{flex-wrap:wrap;gap:15px}.grid{grid-template-columns:repeat(2,1fr)}.two{gap:30px}.hero{min-height:550px}}@media(max-width:600px){.grid,.two,.footer-grid{grid-template-columns:1fr}.wrap{padding:45px 22px}.hero{padding:60px 23px;min-height:580px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:180px}.page-title h1{font-size:40px}.section-head{display:block}.wa{font-size:12px}}
