
/*
Theme Name: Alma Lou Warren Foundation
Theme URI: https://almalouwarren.com
Author: The Alma Lou Warren Foundation
Description: Vibrant memorial foundation theme modeled after the supplied Alma Lou Warren Foundation homepage design.
Version: 2.1.0
Text Domain: alma-lou-warren
*/
:root{
  --burgundy:#8c003d; --burgundy2:#65002d; --gold:#f4c64d; --green:#2f7d24;
  --teal:#067a84; --cream:#fffaf0; --ink:#17324d; --line:#e7d6c3;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#fff;font-family:Georgia,"Times New Roman",serif;color:#17324d}
a{color:inherit}.site-top{background:linear-gradient(90deg,#fffdf5,#fff7e7,#f9fff2);min-height:124px;display:flex;align-items:center;justify-content:space-between;padding:12px 5vw;border-bottom:1px solid #e9d9c4}
.brand{display:flex;align-items:center;gap:18px}.paw-heart{width:72px;height:72px;border-radius:50% 50% 45% 45%;background:var(--burgundy);border:5px solid var(--gold);display:grid;place-items:center;color:#fff;font-size:31px;box-shadow:0 3px 10px #7b002d44}
.brand-text .initials{font-size:62px;line-height:.8;font-style:italic;color:var(--burgundy);font-weight:700}
.brand-text .name{font-size:30px;font-weight:700;color:#6e1535;border-bottom:2px solid #cba447;padding-bottom:2px}
.brand-text .tag{font-size:17px;letter-spacing:.5px;color:#273b46;font-style:italic}
.quote{font-size:20px;font-style:italic;text-align:center;max-width:330px;color:#0e2c49}.quote b{color:var(--burgundy)}
.state-badge{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#26722b}.state-shape{font-size:46px}
.main-nav{background:linear-gradient(90deg,#72002f,#9a0043,#71002f);display:flex;flex-wrap:wrap;justify-content:center;border-bottom:4px solid #f2c24b}
.main-nav a{color:#fff;text-decoration:none;padding:13px 18px;font-size:16px;border-right:1px solid #b64b73}
.main-nav a:hover,.main-nav a.active{background:#f4c64d;color:#4e1830}
.hero{min-height:330px;background:linear-gradient(90deg,#fff8ebcc,#fff,#eff9dfcc);position:relative;display:grid;grid-template-columns:34% 39% 27%;align-items:center;overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#e8c87930;filter:blur(2px)}
.hero:before{left:38%;top:-80px}.hero:after{right:5%;bottom:-110px}
.hero-photo{height:330px;width:100%;object-fit:cover;object-position:center 35%;clip-path:polygon(0 0,94% 0,100% 100%,0 100%);position:relative;z-index:1}
.hero-copy{padding:25px 35px;z-index:2}.hero-copy h1{font-size:42px;line-height:1.05;color:var(--burgundy);font-style:italic;text-align:center;margin:0 0 12px}.hero-copy h1:after{content:"♥";display:block;font-style:normal;font-size:26px}.hero-copy h2{color:#7b1d45;font-size:22px;text-align:center;margin:6px}.hero-copy p{font-size:18px;line-height:1.25;text-align:center}
.hero-quote{padding:25px;z-index:2}.quote-card{background:#fff4c9d9;padding:22px;border-radius:20px;transform:rotate(-3deg);box-shadow:0 5px 20px #8d6d2430;font-size:25px;font-style:italic;color:#15344b;text-align:center}.quote-card span{color:#125c67;font-size:18px}
.buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;border-radius:25px;padding:12px 24px;text-decoration:none;color:#fff;font-weight:700;font-size:17px;box-shadow:0 2px 6px #0002}.btn-burg{background:var(--burgundy)}.btn-green{background:var(--green)}.btn-teal{background:var(--teal)}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:14px 2%;background:#fff}
.card{border:1px solid var(--line);border-radius:7px;overflow:hidden;text-align:center;box-shadow:0 2px 8px #0000000d;background:#fff}
.card img{width:100%;height:110px;object-fit:cover}.card h3{font-size:21px;margin:9px 6px 5px;color:var(--burgundy)}.card p{font-size:15px;line-height:1.25;margin:5px 10px 12px;min-height:58px}.card .btn{font-size:14px;padding:8px 18px;margin-bottom:12px}
.card:nth-child(2){background:#effaf8}.card:nth-child(3){background:#fff6e9}.card:nth-child(4){background:#eaf8fa}.card:nth-child(5){background:#fff0f5}.card:nth-child(6){background:#eef8e9}
.mission{display:grid;grid-template-columns:30% 40% 30%;align-items:center;background:linear-gradient(90deg,#f8f1dc,#fff,#f8f1dc);padding:12px 2%}.mission img{width:100%;height:135px;object-fit:cover;border-radius:12px}.mission-copy{text-align:center;padding:10px 30px}.mission-copy h2{color:var(--burgundy);font-style:italic;font-size:31px;margin:5px}.mission-copy p{font-size:17px;line-height:1.35}
.page-wrap{max-width:1120px;margin:30px auto;padding:0 20px}.page-title{color:var(--burgundy);font-size:42px;text-align:center;font-style:italic;margin-bottom:10px}.page-intro{text-align:center;font-size:18px;max-width:850px;margin:0 auto 25px}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.panel{padding:22px;border-radius:12px;border:1px solid #e7d6c3;background:#fffaf1;box-shadow:0 3px 10px #0000000b}.panel img{width:100%;max-height:330px;object-fit:cover;border-radius:10px}.panel h2{color:var(--burgundy);margin-top:0}.notice{padding:15px;border-left:6px solid var(--gold);background:#fff7d9;margin:20px 0}.site-footer{background:linear-gradient(90deg,#68002f,#92003f,#68002f);color:#fff;padding:22px 5%;margin-top:30px}.footer-inner{display:grid;grid-template-columns:30% 55% 15%;gap:20px;align-items:center}.footer-brand{font-size:20px}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:13px}.footer-nav a{text-decoration:none}.copyright{text-align:center;font-size:14px;border-top:1px solid #b95c7e;padding-top:10px;margin-top:12px}.social{font-size:25px;text-align:right}
form label{display:block;font-weight:700;margin-top:12px}input,textarea,select{width:100%;padding:11px;border:1px solid #ccbfae;border-radius:7px;font:inherit}textarea{min-height:150px}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.hero-quote{display:none}.cards{grid-template-columns:repeat(3,1fr)}.mission{grid-template-columns:1fr}.mission img{margin:5px 0}.footer-inner{grid-template-columns:1fr}.social{text-align:center}}
@media(max-width:650px){.site-top{flex-direction:column;gap:10px;text-align:center}.brand{justify-content:center}.brand-text .name{font-size:22px}.brand-text .initials{font-size:48px}.main-nav a{padding:10px 9px;font-size:14px}.hero{grid-template-columns:1fr}.hero-photo{height:280px;clip-path:none}.hero-copy{padding:18px}.hero-copy h1{font-size:34px}.cards{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}}
