/*
Theme Name: MSSS Custom
Theme URI: https://msss.org/
Author: MSSS Website Team
Description: A clean, responsive and editable WordPress theme created for Malankara Social Service Society.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: msss-custom
*/
:root{--msss-green:#16834b;--msss-blue:#174b78;--msss-ink:#24313b;--msss-muted:#66747d;--msss-pale:#f3f8f5;--msss-white:#fff;--msss-radius:16px;--msss-shadow:0 12px 35px rgba(25,55,42,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--msss-ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}a{color:var(--msss-green);text-decoration:none}a:hover{color:var(--msss-blue)}img{max-width:100%;height:auto;display:block}.container{width:min(1160px,92%);margin:auto}.site-header{background:#fff;position:relative;z-index:5;box-shadow:0 2px 16px rgba(0,0,0,.05)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-branding{display:flex;align-items:center;gap:12px}.custom-logo{max-height:62px;width:auto}.site-title{font-size:22px;font-weight:800;color:var(--msss-blue);line-height:1.2}.site-description{font-size:12px;color:var(--msss-muted);margin:3px 0 0}.main-navigation ul{display:flex;align-items:center;gap:23px;list-style:none;margin:0;padding:0}.main-navigation a{font-weight:650;font-size:14px;color:#263944}.main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--msss-green)}.menu-toggle{display:none;border:0;background:var(--msss-green);color:#fff;padding:10px 14px;border-radius:8px}.hero{position:relative;min-height:470px;background:#eaf2ed;overflow:hidden}.hero-slide{display:none;min-height:470px;background-size:cover;background-position:center;position:relative}.hero-slide.is-active{display:flex;align-items:center}.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,26,.66),rgba(7,31,26,.08))}.hero-content{position:relative;color:#fff;max-width:650px;padding:80px 0}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.12;margin:0 0 18px;color:#fff}.hero p{font-size:18px;max-width:580px}.btn{display:inline-block;background:var(--msss-green);color:#fff;padding:12px 23px;border-radius:7px;font-weight:700;margin:8px 8px 0 0}.btn:hover{background:var(--msss-blue);color:#fff}.hero-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.hero-dot{width:10px;height:10px;border:0;border-radius:50%;background:#ffffff88;padding:0}.hero-dot.active{background:#fff}.section{padding:76px 0}.section-soft{background:var(--msss-pale)}.section-heading{text-align:center;max-width:720px;margin:0 auto 38px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--msss-green)}h1,h2,h3,h4{line-height:1.25;color:var(--msss-blue)}h2{font-size:clamp(28px,3vw,38px);margin:8px 0 14px}h3{font-size:21px;margin:0 0 10px}.intro-grid,.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.media-frame{border-radius:var(--msss-radius);overflow:hidden;box-shadow:var(--msss-shadow)}.media-frame img,.card-image img,.team-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.media-frame:hover img,.card-image:hover img,.team-photo:hover img,.entry-content img:hover,.wp-block-image:hover img{transform:scale(1.045)}.media-frame{height:360px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:#fff;border-radius:12px;padding:25px;text-align:center;box-shadow:var(--msss-shadow)}.stat strong{display:block;color:var(--msss-green);font-size:34px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.msss-card{border-radius:var(--msss-radius);overflow:hidden;background:#fff;box-shadow:var(--msss-shadow)}.card-image{height:220px;overflow:hidden;background:#e7eee9}.card-image img{height:100%}.card-body{padding:22px}.card-body p{color:var(--msss-muted);margin:8px 0 0}.card-meta{font-size:13px;color:var(--msss-muted)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.team-card{text-align:center;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--msss-shadow);padding-bottom:18px}.team-photo{height:230px;overflow:hidden;background:#edf2ef}.team-photo img{height:100%}.team-card h3{margin:15px 8px 2px}.team-card p{margin:0;color:var(--msss-muted);font-size:14px}.cta-panel{background:var(--msss-blue);color:#fff;padding:48px;border-radius:var(--msss-radius)}.cta-panel h2{color:#fff}.cta-panel p{color:#e4edf4}.site-footer{background:#102f42;color:#d8e2e8;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.site-footer h3{color:#fff}.site-footer a{color:#d8e2e8}.footer-bottom{border-top:1px solid #ffffff24;margin-top:35px;padding-top:18px;font-size:13px}.page-header{background:var(--msss-pale);padding:55px 0}.page-header h1{margin:0}.content-area{padding:55px 0}.entry-content{max-width:850px}.entry-content img{border-radius:10px}.pagination{margin-top:30px}.screen-reader-text{position:absolute;left:-9999px}.no-image{height:100%;background:linear-gradient(135deg,#e6f1e9,#dce8f0)}
@media(max-width:900px){.menu-toggle{display:block}.main-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 4%;box-shadow:0 12px 18px #00000012}.main-navigation.is-open{display:block}.main-navigation ul{display:block}.main-navigation li{padding:8px 0}.card-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.header-inner{min-height:72px}.site-title{font-size:18px}.hero,.hero-slide{min-height:390px}.hero-content{padding:55px 0}.hero p{font-size:16px}.section{padding:52px 0}.intro-grid,.cta-grid,.footer-grid{grid-template-columns:1fr;gap:25px}.media-frame{height:260px}.card-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr);gap:12px}.team-photo{height:180px}.card-image{height:210px}.cta-panel{padding:28px}.stats-grid{gap:10px}.stat{padding:18px 10px}.stat strong{font-size:27px}}
/* Slider controls and gentle cross-fade */
.hero{min-height:clamp(430px,56vw,650px)}
.hero-slide{position:absolute;inset:0;min-height:100%;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translatex(100%);transition:opacity .8s ease,visibility .8s ease}
.hero-slide.is-active{display:flex;opacity:1;visibility:visible;z-index:1}
.hero-content{z-index:2}
.hero-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#102f4280;color:#fff;font-size:18px;cursor:pointer}
.hero-prev{left:22px}.hero-next{right:22px}
.hero-dots{z-index:4}
.hero-dot{cursor:pointer}
@media(max-width:620px){.hero{min-height:390px}.hero-slide{min-height:390px}.hero-arrow{width:36px;height:36px}.hero-prev{left:10px}.hero-next{right:10px}}