/*
Theme Name: DGLI Recruitment Hub
Theme URI: https://recruitment.darkgreenleaves.org
Author: Dark Green Leaves Initiative
Author URI: https://darkgreenleaves.org
Description: A modern recruitment and volunteer engagement WordPress theme for Dark Green Leaves Initiative. Built for job openings, volunteer calls, application guidance, WhatsApp contact flow, and NGO recruitment communication.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: dgli-recruitment
Tags: ngo, recruitment, green, responsive, custom-logo, blog, jobs
*/
:root{--green:#063d2b;--green2:#0b6b45;--leaf:#26a269;--mint:#e9fff5;--gold:#f3c04d;--dark:#10251d;--text:#52625b;--bg:#f7fbf8;--white:#fff;--shadow:0 20px 55px rgba(6,61,43,.13);--radius:24px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--dark);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin-inline:auto}.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(6,61,43,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--green);letter-spacing:-.5px}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--leaf));display:grid;place-items:center;color:#fff;font-size:26px;box-shadow:var(--shadow)}.brand span small{display:block;font-weight:700;color:var(--text);font-size:12px;letter-spacing:.4px}.menu{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}.menu a{font-weight:750;font-size:14px;color:#21382f}.menu a:hover{color:var(--green2)}.header-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 23px;font-weight:850;cursor:pointer;transition:.25s ease;background:var(--green);color:white;box-shadow:0 14px 30px rgba(6,61,43,.2)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(6,61,43,.26)}.btn.light{background:#fff;color:var(--green);box-shadow:0 10px 25px rgba(6,61,43,.08)}.btn.gold{background:linear-gradient(135deg,var(--gold),#f7d983);color:#173428}.mobile-toggle{display:none;background:transparent;border:0;font-size:28px;color:var(--green)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(38,162,105,.28),transparent 33%),linear-gradient(135deg,#053623 0%,#0d5e3d 55%,#0b3d2e 100%);color:white}.hero .container{display:grid;grid-template-columns:1.02fr .98fr;gap:45px;align-items:center;min-height:680px;padding:70px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.13);font-weight:800;font-size:13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:22px 0 18px;letter-spacing:-2.5px}.hero p{font-size:18px;color:rgba(255,255,255,.86);max-width:650px}.hero-card{position:relative}.hero-img{border-radius:36px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35);border:8px solid rgba(255,255,255,.16);transform:rotate(1.5deg)}.hero-img img{width:100%;height:560px;object-fit:cover;display:block}.floating-card{position:absolute;left:-28px;bottom:42px;background:white;color:var(--dark);padding:24px;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.18);width:min(310px,84%)}.floating-card b{display:block;color:var(--green);font-size:34px;line-height:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-50px;position:relative;z-index:5}.stat{background:#fff;border-radius:22px;padding:26px;box-shadow:var(--shadow);border:1px solid rgba(6,61,43,.07)}.stat b{font-size:30px;color:var(--green)}.stat span{display:block;color:var(--text);font-weight:700}.section{padding:90px 0}.section-title{max-width:760px;margin:0 auto 45px;text-align:center}.section-title .kicker{color:var(--leaf);font-weight:900;text-transform:uppercase;letter-spacing:1.3px;font-size:13px}.section-title h2{font-size:clamp(30px,4vw,50px);line-height:1.08;margin:10px 0;color:var(--green);letter-spacing:-1.2px}.section-title p{color:var(--text);font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);border:1px solid rgba(6,61,43,.07);transition:.25s}.card:hover{transform:translateY(-5px)}.icon{width:58px;height:58px;border-radius:18px;background:var(--mint);display:grid;place-items:center;font-size:28px;color:var(--green);margin-bottom:20px}.card h3{margin:0 0 10px;color:var(--green);font-size:22px}.card p,.card li{color:var(--text)}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-grid img{height:250px;width:100%;object-fit:cover;border-radius:24px}.photo-grid img:nth-child(2){margin-top:45px}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:10px 14px;border-radius:999px;background:white;border:1px solid rgba(6,61,43,.1);color:var(--green);font-weight:800}.jobs-wrap{display:grid;grid-template-columns:1fr;gap:18px}.job{background:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:20px;border-left:6px solid var(--leaf)}.job h3{margin:0;color:var(--green)}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.meta span{font-size:13px;padding:7px 11px;border-radius:999px;background:#f1f8f4;color:#315d4a;font-weight:750}.cta-band{background:linear-gradient(135deg,var(--green),#0d754a);color:#fff;border-radius:36px;padding:55px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;box-shadow:0 30px 80px rgba(6,61,43,.22)}.cta-band h2{margin:0;font-size:38px;letter-spacing:-1px}.cta-band p{margin:8px 0 0;color:rgba(255,255,255,.82)}.form-shell{background:white;border-radius:32px;box-shadow:var(--shadow);padding:34px;border:1px solid rgba(6,61,43,.07)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-shell label{font-weight:850;color:var(--green);font-size:14px}.form-shell input,.form-shell select,.form-shell textarea{width:100%;border:1px solid rgba(6,61,43,.15);border-radius:16px;padding:14px 15px;margin-top:7px;font:inherit;outline:none;background:#fbfffc}.form-shell input:focus,.form-shell textarea:focus,.form-shell select:focus{border-color:var(--leaf);box-shadow:0 0 0 4px rgba(38,162,105,.12)}.form-shell textarea{min-height:130px}.full{grid-column:1/-1}.contact-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-box{background:#fff;border-radius:24px;padding:25px;box-shadow:var(--shadow)}.contact-box b{color:var(--green);display:block;margin-bottom:8px}.footer{background:#06291e;color:#d7efe4;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer h3{color:#fff}.footer a{display:block;margin:8px 0;color:#d7efe4}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:20px;color:rgba(255,255,255,.65)}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:100;background:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:30px;box-shadow:0 12px 30px rgba(37,211,102,.35)}.page-hero{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;padding:90px 0;text-align:center}.page-hero h1{font-size:clamp(36px,5vw,64px);margin:0;letter-spacing:-1.5px}.content-area{padding:70px 0}.prose{background:#fff;border-radius:28px;padding:38px;box-shadow:var(--shadow)}.prose h2,.prose h3{color:var(--green)}.wp-block-button__link{border-radius:999px;background:var(--green)}@media(max-width:960px){.mobile-toggle{display:block}.menu{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;box-shadow:var(--shadow)}.menu.open{display:flex}.header-actions .btn.light{display:none}.hero .container,.split,.footer-grid{grid-template-columns:1fr}.hero .container{min-height:auto}.hero-img img{height:450px}.stats,.cards,.contact-boxes{grid-template-columns:1fr 1fr}.job,.cta-band{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}@media(max-width:620px){.stats,.cards,.contact-boxes{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-img img{height:380px}.floating-card{position:static;margin-top:16px;width:100%}.cta-band{padding:32px}.nav{height:74px}.menu{top:74px}.photo-grid img{height:190px}}