/*
Theme Name: Sarvodaya Mandal Clean
Theme URI: https://sarvodaymandal.com/
Author: Sarvodaya Mandal Trust
Description: A responsive, community-focused theme for Sarvodaya Mandal Trust.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: sarvodaya-mandal
*/
:root{--green:#176b4b;--green-dark:#104b38;--saffron:#e5a122;--blue:#23638c;--red:#a6312b;--ink:#202924;--muted:#63716a;--paper:#fbfaf6;--line:#e7e8e1;--white:#fff;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}
a{color:var(--green);text-underline-offset:3px}
a:hover{color:var(--red)}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.topbar{background:var(--green-dark);color:#fff;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding:8px 0}
.topbar a{color:#fff}
.header{background:#fff;border-bottom:1px solid var(--line)}
.header .wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:260px}
.nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:700}
.nav a:hover{color:var(--green)}
.nav-toggle{display:none;background:#fff;border:1px solid var(--line);padding:8px 12px}
.button{display:inline-block;background:var(--green);color:#fff!important;padding:12px 20px;text-decoration:none;font-weight:700;border:1px solid var(--green)}
.button:hover{background:var(--green-dark)}
.hero{min-height:540px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(8,32,24,.84),rgba(8,32,24,.35)),url("assets/village-gathering.png") center/cover}
.hero-copy{max-width:660px;padding:72px 0}
.eyebrow{color:var(--saffron);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.hero h1{font:500 60px/1.08 var(--serif);margin:12px 0 18px}
.hero p{font-size:18px;max-width:570px}
.hero .button{margin:10px 8px 0 0;background:#fff;color:var(--green)!important;border-color:#fff}
.ribbon{background:var(--saffron);text-align:center;padding:12px;font:700 15px var(--serif)}
.section{padding:72px 0}
.section.alt{background:#f0f2ea}
.section-title{text-align:center;max-width:700px;margin:0 auto 36px}
.section-title .eyebrow{color:var(--green)}
h2{font:500 40px/1.15 var(--serif);margin:10px 0 14px}
h3{font:600 22px/1.25 var(--serif);margin:0 0 10px}
.muted{color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.photo{min-height:350px;background:url("assets/village-gathering.png") center/cover}
.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.program{background:#fff;border-top:4px solid var(--green);padding:24px;min-height:200px}
.program:nth-child(2){border-color:var(--blue)}
.program:nth-child(3){border-color:var(--saffron)}
.program:nth-child(4){border-color:var(--red)}
.program p{color:var(--muted);font-size:14px}
.program img{width:100%;aspect-ratio:1.35;object-fit:cover;margin-bottom:14px}
.quote{background:var(--green-dark);color:#fff;text-align:center;padding:60px 20px}
.quote blockquote{max-width:840px;margin:auto;font:italic 28px/1.4 var(--serif)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery img{width:100%;aspect-ratio:1.35;object-fit:cover}
.cta{background:var(--blue);color:#fff;padding:48px 0}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}
.cta h2{margin:0 0 8px;font-size:32px}
.cta p{margin:0}
.cta .button{background:#fff;color:var(--green)!important;border-color:#fff}
.page-hero{background:var(--green-dark);color:#fff;padding:50px 0}
.page-hero h1{font:500 46px/1.1 var(--serif);margin:6px 0}
.content{padding:52px 0;min-height:45vh}
.entry{max-width:850px}
.contact-list p{margin:14px 0}
.footer{background:#17251f;color:#e7ede9;padding:46px 0 18px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.footer a{color:#d2ded6}
.footer .brand img{filter:brightness(0) invert(1)}
.footer-bottom{border-top:1px solid #3a4942;margin-top:28px;padding-top:14px;color:#b5c2ba;font-size:12px}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:99}
@media(max-width:850px){.nav ul{gap:12px}.nav a{font-size:13px}.program-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:50px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.topbar .wrap{justify-content:center;text-align:center}.topbar .wrap span:first-child{display:none}.header .wrap{min-height:70px;flex-wrap:wrap}.brand img{width:215px}.nav-toggle{display:block}.nav{display:none;order:3;width:100%;padding-bottom:12px}.nav.open{display:block}.nav ul{display:block}.nav li a{display:block;padding:10px 4px;border-top:1px solid var(--line);font-size:15px}.hero{min-height:510px;background-position:58% center}.hero h1{font-size:43px}.hero p{font-size:16px}.section{padding:54px 0}h2{font-size:34px}.split{grid-template-columns:1fr;gap:28px}.photo{min-height:280px}.program-grid{grid-template-columns:1fr}.program{min-height:0}.quote blockquote{font-size:23px}.gallery{grid-template-columns:repeat(2,1fr)}.cta .wrap{display:block}.cta .button{margin-top:18px}.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:39px}}