/*
Theme Name: Al-Wahid Community Healthcare
Description: A self-contained community healthcare website for Al-Wahid Foundation.
Version: 3.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: alwahid-health
*/
:root{--ink:#152d35;--blue:#193d49;--paper:#fcfaf5;--cream:#f2ecdf;--gold:#edbe76;--rule:#d7d1c4;--soft:#465c60;--rust:#8b4b33}
*{box-sizing:border-box}html{scroll-padding-top:16px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:.2em}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:cover}p{margin:0 0 1em}h1,h2,h3,.brand,.foot b{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;text-wrap:balance;margin:0 0 .44em;line-height:1.06}h1{font-size:clamp(3.2rem,6.1vw,6rem)}h2{font-size:clamp(2.1rem,4.2vw,4rem)}h3{font-size:1.75rem}.wrap{width:min(1220px,89%);margin-inline:auto}.mast{background:var(--paper);border-bottom:1px solid var(--rule)}.bar,.foot,.call .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem}.bar{min-height:88px}.brand{display:flex;align-items:center;gap:.7rem;font-size:1.85rem;margin:0;text-decoration:none}.brand small{display:block;font:650 .59rem/1.5 system-ui;letter-spacing:.28em}.mark{background:var(--blue);color:var(--gold);border-radius:50% 50% 48% 8%;display:grid;place-items:center;width:46px;height:46px;font:34px/1 Georgia}.bar nav{display:flex;align-items:center;gap:clamp(1rem,3vw,3rem)}.bar nav a{font-size:.93rem;text-decoration:none}.bar nav a:hover,.bar nav a[aria-current]{text-decoration:underline}.bar nav a:last-child{border:1px solid #a7aca4;padding:.43em 1.25em;border-radius:99px}.menu{display:none}.skip,.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto;z-index:5;padding:.7em;background:white}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd6a26;outline-offset:3px}[hidden]{display:none!important}
.slider{position:relative;background:var(--blue);color:white}.slide{display:grid;grid-template-columns:52% 48%;min-height:clamp(470px,39vw,620px)}.hero-copy{align-self:center;max-width:800px;padding:58px clamp(30px,4vw,76px) 86px max(5.5vw,calc((100vw - 1220px)/2));}.hero-copy .eyebrow{color:#eaca99}.eyebrow{font-size:.72rem;font-weight:700;line-height:1.6;letter-spacing:.15em;text-transform:uppercase;color:var(--rust);margin:0 0 1.4rem}.eyebrow i{display:inline-block;vertical-align:middle;margin:0 .5rem;width:22px;border-top:1px solid}.headline{font-size:clamp(3.2rem,5.6vw,5.8rem);line-height:1.01;max-width:13ch}.hero-copy>p:not(.eyebrow){max-width:48ch;color:#e3ebe9}.herophoto{position:relative;min-height:100%}.herophoto img{position:absolute;width:100%;height:100%;inset:0}.btn,.link{display:inline-flex;align-items:center;gap:1.2em;font-weight:650;font-size:.92rem}.btn{border-radius:30px;padding:.8em 1.45em;text-decoration:none;color:var(--ink);background:var(--gold)}.btn:hover{background:#f8d399}.btn span,.link span{font-size:1.15em}.controls{position:absolute;bottom:19px;left:max(5.5vw,calc((100vw - 1220px)/2));display:flex;align-items:center;gap:.7rem}.controls button{border:1px solid #8dabad;border-radius:50%;color:white;background:transparent;width:34px;height:34px;line-height:1}.count{font-size:.72rem;letter-spacing:.13em;color:#e7dfce}.phase{background:#ede3cc;font-size:.86rem;padding:11px 0}.phase strong{margin-right:.65rem}.section,.story,.article{padding-block:clamp(44px,6vw,84px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:clamp(1.2rem,3vw,3.8rem);margin:2rem 0 0}.cards article{border-top:2px solid #bb8858;padding-top:1.3rem}.cards p,.story p,.wide,.prose p{color:var(--soft)}.story{border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,7vw,7rem)}.story img{width:100%;aspect-ratio:1.48;border-radius:4px 45px 4px 4px}.story p.eyebrow{color:var(--rust)}.call{background:var(--blue);color:white;padding:clamp(40px,5vw,75px) 0}.call h2{max-width:22ch}.call p{margin:0;color:#d9e4df}.call .btn{flex-shrink:0}footer{background:var(--cream);padding:34px 0}footer p{font-size:.82rem;margin:.4em 0}.foot b{font-size:1.55rem}.foot a{font-size:.9rem}.intro{background:var(--cream);padding:clamp(32px,5vw,70px) 0}.introgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:center}.introgrid img{width:100%;height:clamp(250px,30vw,410px);border-radius:3px 55px 3px 3px}.lead{font-size:clamp(1.1rem,1.65vw,1.42rem);line-height:1.5;max-width:54ch}.wide{max-width:72ch}.article{display:grid;grid-template-columns:1fr 3fr;gap:6%}.contents{border-top:2px solid var(--gold);align-self:start;padding-top:.8rem}.contents a{display:block;margin:.6em 0;font-size:.94rem}.prose{max-width:72ch}.prose .opening{font-size:1.35rem;color:var(--ink)}.prose h2,.contact>h2{margin:1.1em 0 .5em;font-size:clamp(1.9rem,3vw,2.7rem)}.contact .cards{max-width:900px}.contact .cards h2{font-size:1.65rem}details{max-width:850px;border-top:1px solid var(--rule);padding:.9em 0}details:last-child{border-bottom:1px solid var(--rule)}summary{cursor:pointer;font-weight:600}details p{margin:.7em 0;max-width:64ch}
@media(max-width:760px){.bar{flex-wrap:wrap;gap:.4rem;min-height:72px;padding:12px 0}.menu:not([hidden]){display:block;border:1px solid var(--rule);background:none;border-radius:20px;padding:.25em .85em}.bar nav{width:100%;gap:1em;flex-wrap:wrap;padding:.5em 0}.menu:not([hidden])~nav:not(.open){display:none}.bar nav a:last-child{border:0;padding:0}.slide,.story,.introgrid,.article{grid-template-columns:1fr}.slide{min-height:0}.hero-copy{padding:34px 5.5% 74px;min-height:330px}.herophoto{height:clamp(215px,58vw,360px);min-height:0}.herophoto img{object-position:center 40%}.controls{bottom:calc(clamp(215px,58vw,360px) + 19px)}.introgrid img{height:240px}.introgrid{gap:1.4rem}.call .wrap,.foot{align-items:flex-start;flex-direction:column;gap:1.2rem}.story{gap:1.4rem}.article{gap:2rem}.section h2{max-width:100%}.bar nav a{padding:.3em 0}.contact a{overflow-wrap:anywhere}}
/* Full-bleed photographic cover. The photograph and text share the entire slide. */
.slider{background:#36332c;isolation:isolate}
.slider .slide{position:relative;display:flex;align-items:flex-end;min-height:clamp(530px,39vw,690px);isolation:isolate}
.slider .herophoto{position:absolute;inset:0;min-height:0;height:100%;width:100%;z-index:-2}
.slider .herophoto img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.slider .slide:nth-child(3) img{object-position:center 49%}
.slider .slide:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,18,17,.84),rgba(18,20,18,.59) 38%,rgba(18,20,18,.09) 76%),linear-gradient(0deg,rgba(17,20,16,.28),transparent 54%);pointer-events:none}
.slider .hero-copy{width:min(1220px,89%);max-width:none;margin:0 auto;padding:64px 0 88px;align-self:flex-end}
.slider .headline{font:500 clamp(3rem,4.6vw,5.1rem)/1.03 Georgia,serif;letter-spacing:-.048em;max-width:18ch;margin:0 0 .24em;text-wrap:balance}
.slider .hero-copy>p:not(.eyebrow){font-size:clamp(1.02rem,1.22vw,1.24rem);line-height:1.51;max-width:49ch;color:white}
.slider .eyebrow{color:#ffe1ae}.slider .controls{bottom:23px}.slider .controls button{background:#18211cbf}
.ledger{display:grid;grid-template-columns:.85fr 1.4fr;gap:7%;padding-block:clamp(42px,5vw,78px);border-top:1px solid var(--rule)}
.ledger h2{max-width:15ch}.ledger dl{margin:0}.ledger dl div{border-top:1px solid var(--rule);padding:1em 0}.ledger dt{font-weight:680;font-size:1.12rem}.ledger dd{margin:.4em 0;color:var(--soft)}.editorial img{height:clamp(285px,32vw,470px);border-radius:3px}.prose figure{margin:2em 0}.prose figure img{width:100%;aspect-ratio:1.85}.prose figcaption{font-size:.87rem;color:var(--soft);margin-top:.5em}.introgrid h1{font-size:clamp(2.9rem,5vw,5.2rem)}.section>h2,.story h2,.ledger h2{font-size:clamp(2rem,3.2vw,3.35rem)}
@media(max-width:760px){.slider .slide{min-height:clamp(520px,72svh,620px)}.slider .hero-copy{min-height:0;padding:145px 0 76px}.slider .headline{font-size:clamp(2.55rem,8.5vw,3.8rem);max-width:17ch}.slider .herophoto img{object-position:center 35%}.slider .slide:after{background:linear-gradient(0deg,rgba(11,15,13,.92),rgba(15,19,16,.79) 35%,rgba(18,21,18,.43) 65%,rgba(18,21,18,.03))}.slider .controls{bottom:18px}.ledger{display:block}.ledger h2{max-width:none}.ledger dl{margin-top:1.5em}.editorial img{height:270px}}
@media(max-width:760px){.slider .slide:first-child .herophoto img{object-position:78% 40%}.slider .slide:nth-child(2) .herophoto img{object-position:72% 42%}}