:root
 {--green:#198754;--green-dark:#12633d;--light:#e9f7ee;--black:#101312;--muted:#6c757d
}
body{
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--black);
    background:#fff}
body{
    padding-top:76px
}
.brand-logo{width:48px;height:48px}.navbar-brand strong{color:var(--green);
    font-size:1.15rem}.navbar-brand small{font-size:.72rem;color:#555}.nav-link{font-weight:600}.nav-link:hover,.nav-link.active{color:var(--green)!important}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;
    top:10px;z-index:2000;background:#fff;padding:8px}
.hero-slide{height:560px;position:relative;background-size:cover;background-position:center}.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15))}
.hero-content{position:relative;z-index:2;color:#fff;max-width:700px;padding-top:130px}.hero-content h1{font-weight:800;font-size:clamp(2.2rem,5vw,4.2rem)}.hero-content .lead{font-size:1.15rem}.section-title{font-weight:800}.section-title span{color:var(--green)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:800;font-size:.78rem}
.card{border:0;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.07);overflow:hidden}.card-img-top{height:210px;object-fit:cover}.news-card .card-img-top,.event-card .card-img-top{height:220px}.member-card img{height:250px;object-fit:cover}.gallery-item{position:relative;border-radius:18px;overflow:hidden;background:#ddd;cursor:pointer}.gallery-item img{width:100%;height:250px;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.06)}.gallery-overlay{position:absolute;inset:auto 0 0;padding:18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85));transform:translateY(5px);transition:.3s}.gallery-item:hover .gallery-overlay{transform:none}.like-circle{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);box-shadow:0 4px 15px rgba(0,0,0,.15)}
.category-pill{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--light);color:var(--green-dark);font-weight:700;font-size:.75rem}.bg-soft{background:var(--light)}.icon-box{width:52px;height:52px;border-radius:14px;background:var(--light);color:var(--green);display:grid;place-items:center;font-size:1.5rem}.quote-box{border-left:5px solid var(--green);background:var(--light);padding:25px;border-radius:0 16px 16px 0}
.footer{background:#0d2017;color:#d9e7df}.footer-title{color:#fff;font-weight:800}.footer a{display:block;color:#d9e7df;text-decoration:none;margin:7px 0}.footer a:hover{color:#7ee2ad}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:.9rem}.social-links{display:flex;gap:10px}.social-links a{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center}
.admin-wrap{min-height:80vh;background:#f6f8f7}.admin-sidebar{min-height:100%;background:#0d2017;color:#fff}.admin-sidebar a{color:#d9e7df;text-decoration:none;display:block;padding:10px 15px}.admin-sidebar a:hover{background:#183d2b}
.contact-card{height:100%}.form-control,.form-select{border-radius:12px;padding:.75rem}.btn{border-radius:10px;font-weight:700}.stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(0,0,0,.06)}
/* ==============================
   FACEBOOK SECTION
============================== */

.facebook-section {
    background: #f4fff7;
}

.section-label {
    display: inline-block;
    color: #198754;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

.facebook-section h2 {
    color: #111;
    font-size: 32px;
}

.facebook-feed-wrapper {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    max-width: 900px;
    margin: auto;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e5e5;
}

/* Facebook plugin responsive */

.fb-page,
.fb-page span,
.fb-page iframe {
    max-width: 100% !important;
}

@media (max-width: 768px) {

    .facebook-section h2 {
        font-size: 26px;
    }

    .facebook-feed-wrapper {
        padding: 10px;
        border-radius: 10px;
    }

}
@media(max-width:767px){.hero-slide{height:500px}.hero-content{padding-top:95px}.card-img-top{height:190px}}