/* Global polish: one calm, editorial look on top of the template. White canvas, soft lime tints, forest text,
   the logo green as the single accent. Loaded last, so it can simplify what the template layered on. */
:root{
	--zp-radius:22px;
	--zp-shadow:0 1px 2px rgba(34,51,15,.05),0 10px 30px rgba(34,51,15,.06);
	--zp-shadow-hover:0 2px 4px rgba(34,51,15,.06),0 20px 46px rgba(34,51,15,.13);
}

/* ---- Type ---- */
body{font-size:17px;line-height:1.7;color:#2c3a22;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5{color:var(--zara-forest);letter-spacing:-.018em}
h1,.hero-heading{font-weight:600}
.title-one h2{font-weight:600;letter-spacing:-.025em}
.title-one .upper-title,.upper-title{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--zara-green-ink)}
.upper-title::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--zara-green)}
.text-center .upper-title{justify-content:center}
a{text-underline-offset:3px}

/* ---- Template decoration: scribbles, leaves, stray squares and signposts. The photos and words carry the page. ---- */
.shapes,img.shapes,[class*="shape_0"],[class*="shape_1"],[class*="shape_2"],[class*="shape_3"],[class*="shape_4"]{display:none!important}
.hero-banner-one .zh-collage .shapes{display:none!important}

/* ---- Calm bands: no beige or yellow, only a whisper of the logo green ---- */
.feature-block-one{background:var(--zara-green-soft)}
.soft-panel{background:var(--zara-green-soft)!important;border:1px solid var(--zara-green-line);box-shadow:none}
[style*="#fbf8e8"],[style*="#f9f2cd"],[style*="#f9f4d6"],[style*="#fdf6d8"]{background:var(--zara-green-soft)!important}
.feature-block-one .border-style{border-color:var(--zara-green-line)!important}

/* ---- One button language: lime fill, forest outline, yellow only for the header call to action ---- */
.btn-one,.btn-two,.btn-one.xs,.btn-two.xs{border-radius:999px;font-weight:600;letter-spacing:.05em}
.btn-two{background:transparent!important;border:1.5px solid var(--zara-forest)!important;color:var(--zara-forest)!important}
.btn-two:hover{background:var(--zara-forest)!important;color:#fff!important}
.btn-one{box-shadow:0 6px 18px rgba(136,196,68,.35)}
.btn-one:hover{box-shadow:0 10px 24px rgba(34,51,15,.18)}
.btn-one.inverse{box-shadow:0 6px 18px rgba(246,194,31,.35)}

/* ---- Inner page banner: light and editorial instead of a dark photo ---- */
.inner-banner-one{background:linear-gradient(135deg,var(--zara-green-soft) 0%,#fff 62%)!important;padding:150px 0 54px!important;border-bottom:1px solid var(--zara-green-line);margin-top:0!important}
.inner-banner-one h1,.inner-banner-one h2{color:var(--zara-forest)!important;font-size:clamp(34px,5vw,58px);font-weight:600;margin-bottom:10px;text-shadow:none}
.inner-banner-one .breadcrumb-content ul{background:none}
.inner-banner-one .breadcrumb-content ul::before{display:none}
.inner-banner-one .breadcrumb-content li,.inner-banner-one .breadcrumb-content li a{color:#566150!important;font-size:15px;font-weight:500}
.inner-banner-one .breadcrumb-content li a:hover{color:var(--zara-green-ink)!important}

/* ---- Cards ---- */
.card-style-two,.zd-step,.news-item,.sp-card,.zp-ways a{border-radius:var(--zp-radius)}
.card-style-two{box-shadow:var(--zp-shadow);transition:box-shadow .25s,transform .25s;overflow:hidden}
.card-style-two:hover{box-shadow:var(--zp-shadow-hover);transform:translateY(-3px)}
.card-style-two .media-bg{border-radius:0}
.zd-step{border:1px solid var(--zara-green-line);box-shadow:var(--zp-shadow)}
.widget-banner-one,.widget-banner-two,.widget-banner-three{border-radius:var(--zp-radius)!important;background:var(--zara-green-soft)!important;border:1px solid var(--zara-green-line);box-shadow:none}
.widget-banner-one .amount{border:3px solid var(--zara-green);color:var(--zara-forest)}

/* story cards: the lime strip becomes a quiet line of metadata above the picture */
.blog-meta-one .post-info{margin:0;background:transparent;border-radius:0;padding:0 2px 10px}
.blog-meta-one .post-info ul{justify-content:flex-start!important;gap:4px 12px;margin:0}
.blog-meta-one .post-info ul li a,.blog-meta-one .post-info ul li i{color:#6b7a5f}
.blog-meta-one .post-info ul li span{background:var(--zara-green-soft);color:var(--zara-green-ink);font-weight:600;border-radius:999px;padding:2px 12px}
.blog-meta-one .img-meta{border-radius:var(--zp-radius) var(--zp-radius) 0 0}
.blog-meta-one .post-meta{border:1px solid var(--zara-green-line);border-top:0;border-radius:0 0 var(--zp-radius) var(--zp-radius);background:#fff;box-shadow:var(--zp-shadow)}

/* ---- Facts and counters ---- */
.counter-block-one .main-count{color:var(--zara-forest)}
.card-one,.card-two{background:#fff!important;border-radius:20px;box-shadow:var(--zp-shadow-hover);color:var(--zara-forest)}
.card-one p,.card-two p,.card-one .main-count,.card-two .main-count{color:var(--zara-forest)!important}
.hero-banner-one .card-wrapper{background:var(--zara-green)!important;color:var(--zara-forest);border-radius:20px;box-shadow:var(--zp-shadow-hover)}
.hero-banner-one .card-wrapper p{color:var(--zara-forest)!important;font-weight:600}
.hero-banner-one .card-wrapper .icon{background:var(--zara-forest)!important;color:#fff}

/* ---- Forms ---- */
.zd-input,.zd-select,.sp-share input,.zp-box{border-radius:14px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(136,196,68,.55);outline-offset:1px}

/* ---- Rhythm: generous but not empty ---- */
.pt-110,.pt-120,.pt-130,.pt-140,.pt-150{padding-top:92px}
.pb-110,.pb-120,.pb-130,.pb-140,.pb-150,.pb-170{padding-bottom:92px}

/* ---- Floating buttons: quiet, tidy, and out of each other's way ---- */
.zc-fab{background:var(--zara-green)!important;color:var(--zara-forest)!important;box-shadow:0 10px 26px rgba(34,51,15,.22)!important;height:52px!important;padding:0 20px 0 16px!important;font-weight:600}
.zc-fab:hover{background:var(--zara-green-hover)!important}
.scroll-top{right:24px!important;left:auto!important;bottom:140px!important;width:44px!important;height:44px!important;background:#fff!important;color:var(--zara-forest)!important;border:1px solid var(--zara-green-line);box-shadow:var(--zp-shadow)!important;border-radius:50%!important}
.scroll-top:hover{background:var(--zara-green)!important}

/* ---- Header: lighter and crisper ---- */
.theme-main-menu .bottom-header .navbar-nav .nav-link{font-weight:500;letter-spacing:.01em}
.theme-main-menu .bottom-header .navbar-nav .nav-link.active,.theme-main-menu .bottom-header .navbar-nav .nav-link:hover{color:var(--zara-green-ink)}
.btn-one.inverse{font-weight:600}

/* ---- Tidy leftovers ---- */
.title-one>img.mb-20{display:none}                                   /* the little signpost above section titles */
.causes-slider-one .slick-track{display:flex!important}
.causes-slider-one .slick-slide{height:auto!important;float:none!important;display:flex!important;padding:0 12px}
.causes-slider-one .slick-slide>div{width:100%;display:flex}
.causes-slider-one .item,.causes-slider-one .card-style-two{width:100%;height:100%}
.causes-slider-one .slick-dots li button::before{color:var(--zara-green)}
.causes-slider-one .slick-dots li.slick-active button::before{color:var(--zara-green-ink)}
@media (max-width:767.98px){
	.inner-banner-one{padding:116px 0 36px!important}
	.scroll-top{display:none!important}
}

/* ---- Project galleries: one labelled gallery per school, the rest behind "Show all" ---- */
.zp-album{margin:44px 0 0}
.zp-album h3{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}
.zp-album h3 small{font-size:14px;font-weight:500;color:#6b7a5f}
.zp-album .zp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.zp-album .zp-grid a{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--zara-green-soft)}
.zp-album .zp-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.zp-album .zp-grid a:hover img{transform:scale(1.05)}
.zp-more{margin-top:12px}
.zp-more summary{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1.5px solid var(--zara-forest);border-radius:999px;font-weight:600;cursor:pointer;list-style:none;color:var(--zara-forest)}
.zp-more summary::-webkit-details-marker{display:none}
.zp-more[open] summary{margin-bottom:12px;background:var(--zara-forest);color:#fff}