/*
Theme Name: Native Equity
Theme URI: https://nativeequityservices.org/
Author: My Digital Marketing Help
Description: Lightweight custom WordPress block theme matching the supplied Native Equity HTML design.
Version: 1.0.10
Text Domain: native-equity
*/

/* Remove WordPress block-theme spacing that can shift the original layout. */
*,
*::before,
*::after{
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

html,
body{
margin:0;
padding:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
background:#f4f6fb;
color:#333;
line-height:1.5;
}

.wp-site-blocks{
margin:0 !important;
padding:0 !important;
}

.wp-site-blocks > *{
margin-block-start:0 !important;
margin-block-end:0 !important;
}

img{
max-width:100%;
height:auto;
}

/* =========================================
   HEADER — intentionally matches sharoncode
   ========================================= */

.native-equity-header{
position:relative;
left:50%;
width:100vw;
max-width:none !important;
margin-left:-50vw !important;
margin-right:-50vw !important;
background:#1e3c72;
color:white;
padding:15px 40px;
display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
}

.native-equity-header h1{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:700;
line-height:1.2;
color:white;
white-space:nowrap;
}

.native-equity-header nav{
margin-left:auto;
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:nowrap;
}

.native-equity-header nav a{
display:inline-block;
color:white;
margin:0 15px;
padding:0;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
line-height:1.5;
white-space:nowrap;
}

.native-equity-header nav a:hover,
.native-equity-header nav a:focus{
color:white;
text-decoration:underline;
}

/* =========================================
   HOMEPAGE — matches supplied HTML
   ========================================= */

.hero{
position:relative;
left:50%;
width:100vw;
max-width:none !important;
margin-left:-50vw !important;
margin-right:-50vw !important;
background:
linear-gradient(rgba(30,60,114,0.8),rgba(30,60,114,0.6)),
url('https://images.unsplash.com/photo-1521791136064-7986c2920216');
background-size:cover;
background-position:center;
color:white;
text-align:center;
padding:120px 20px;
}

.hero h2{
font-family:Arial, Helvetica, sans-serif;
font-size:40px;
font-weight:700;
line-height:1.2;
color:white;
margin:0 0 10px;
padding:0;
}

.hero p{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:white;
margin:0 0 30px;
}

.btn{
display:inline-block;
background:#f5a623;
color:white;
padding:14px 30px;
border:none;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}

.btn:hover,
.btn:focus{
background:#f5a623;
color:white;
text-decoration:none;
}

.services{
position:relative;
left:50%;
width:100vw;
max-width:none !important;
margin-left:-50vw !important;
margin-right:-50vw !important;
padding:60px 20px;
text-align:center;
background:#f4f6fb;
}

.services h2{
margin:0 0 40px;
padding:0;
font-size:24px;
line-height:1.2;
color:#333;
}

.service-box{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:25px;
}

.card{
background:white;
padding:25px;
width:280px;
border-radius:10px;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
}

.card h3{
margin-top:10px;
margin-bottom:1em;
font-size:18px;
line-height:1.2;
color:#333;
}

.card p{
margin:0 0 1em;
}

.about{
position:relative;
left:50%;
width:100vw;
max-width:none !important;
margin-left:-50vw !important;
margin-right:-50vw !important;
padding:60px 20px;
background:white;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:40px;
}

.about img{
width:400px;
max-width:100%;
border-radius:10px;
}

.about-text{
max-width:450px;
}

.about-text h2{
margin-top:0;
color:#333;
}

.contact{
position:relative;
left:50%;
width:100vw;
max-width:none !important;
margin-left:-50vw !important;
margin-right:-50vw !important;
padding:60px 20px;
background:#1e3c72;
color:white;
}

.contact > h2{
text-align:center;
margin-top:0;
margin-bottom:40px;
color:white;
}

.contact-container{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:40px;
}

.contact form{
background:white;
color:#333;
padding:25px;
border-radius:10px;
width:350px;
max-width:100%;
}

.contact form h3{
margin-top:0;
color:#333;
}

.contact input,
.contact textarea{
width:90%;
padding:12px;
margin:10px 0;
border:1px solid #ccc;
border-radius:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

.contact textarea{
min-height:100px;
resize:vertical;
}

.contact button{
background:#f5a623;
color:white;
padding:12px;
border:none;
width:100%;
border-radius:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
cursor:pointer;
}

.contact-info{
max-width:350px;
}

.contact-info h3{
color:white;
}

.whatsapp{
display:inline-block;
margin-top:20px;
background:#25D366;
padding:12px 25px;
color:white;
text-decoration:none;
border-radius:6px;
}

.instagram{
display:inline-block;
margin-top:10px;
background:#E4405F;
padding:12px 25px;
color:white;
text-decoration:none;
border-radius:6px;
}

.native-equity-footer{
position:relative;
left:50%;
width:100vw;
max-width:none !important;
margin-left:-50vw !important;
margin-right:-50vw !important;
background:#142850;
color:white;
text-align:center;
padding:15px;
}

/* Generic WordPress page layout for future pages. */
.page-content{
max-width:1100px;
margin:0 auto;
padding:60px 20px;
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width:760px){

.native-equity-header{
padding:15px 20px;
flex-direction:column;
justify-content:center;
gap:12px;
text-align:center;
}

.native-equity-header h1{
white-space:normal;
}

.native-equity-header nav{
margin-left:0;
justify-content:center;
flex-wrap:wrap;
}

.native-equity-header nav a{
margin:5px 10px;
}

.hero{
padding:90px 20px;
}

.hero h2{
font-size:32px;
}

}

@media (max-width:480px){

.native-equity-header h1{
font-size:19px;
}

.hero h2{
font-size:28px;
}

.hero p{
font-size:18px;
}

.card{
width:100%;
max-width:320px;
}

.contact form{
width:100%;
}

.contact input,
.contact textarea{
width:100%;
}

}

/* Footer copyright: keep dynamic year and text on one centered line. */
.native-equity-footer{
min-height:0;
font-size:16px;
line-height:1.5;
white-space:nowrap;
}

.native-equity-footer .wp-block-shortcode,
.native-equity-footer p{
margin:0 !important;
padding:0 !important;
color:white;
}

@media (max-width:600px){
.native-equity-footer{
white-space:normal;
padding:15px 20px;
}
}

/*
 * Sample 2 Homepage
 * Loaded only on /sample2-homepage/ so the current homepage remains unchanged.
 */

.sample2-homepage{
  --s2-blue:#1e3c72;
  --s2-blue-dark:#142850;
  --s2-blue-soft:#edf3ff;
  --s2-orange:#f5a623;
  --s2-orange-dark:#db8c0a;
  --s2-text:#242936;
  --s2-muted:#697386;
  --s2-line:#e7eaf0;
  --s2-bg:#f7f8fc;
  --s2-white:#ffffff;
  --s2-shadow:0 18px 55px rgba(20,40,80,.10);
  --s2-radius:24px;
  font-family:Arial, Helvetica, sans-serif;
  background:var(--s2-bg);
  color:var(--s2-text);
  overflow:hidden;
}

.sample2-homepage *,
.sample2-homepage *::before,
.sample2-homepage *::after{
  box-sizing:border-box;
}

.sample2-homepage h2,
.sample2-homepage h3,
.sample2-homepage p{
  margin-top:0;
}

.sample2-homepage h2,
.sample2-homepage h3{
  color:var(--s2-text);
}

.sample2-shell{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
}

.sample2-section{
  padding:88px 0;
}

.sample2-eyebrow{
  display:inline-block;
  margin-bottom:14px;
  color:var(--s2-orange-dark);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sample2-section-heading{
  max-width:720px;
  margin:0 auto 44px;
  text-align:center;
}

.sample2-section-heading h2{
  margin-bottom:12px;
  font-size:clamp(30px,4vw,44px);
  line-height:1.12;
}

.sample2-section-heading p{
  margin-bottom:0;
  color:#536179;
  font-size:17px;
  line-height:1.65;
}

.sample2-btn{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 23px;
  border:2px solid transparent;
  border-radius:9px;
  background:var(--s2-orange);
  color:#fff;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  transition:transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.sample2-btn:hover,
.sample2-btn:focus{
  background:var(--s2-orange-dark);
  color:#fff;
  text-decoration:none;
  transform:translateY(-1px);
}

.sample2-btn--outline{
  border-color:var(--s2-blue);
  background:transparent;
  color:var(--s2-blue);
}

.sample2-btn--outline:hover,
.sample2-btn--outline:focus{
  background:var(--s2-blue);
  color:#fff;
}

/* Hero */
.sample2-hero{
  position:relative;
  padding:72px 0 88px;
  background:
    radial-gradient(circle at 95% 10%, rgba(245,166,35,.13), transparent 25%),
    linear-gradient(180deg,#fff 0%,#f7f8fc 100%);
}

.sample2-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  align-items:center;
  gap:64px;
}

.sample2-hero-media{
  position:relative;
  min-height:510px;
}

.sample2-hero-image{
  position:absolute;
  inset:0 46px 54px 0;
  overflow:hidden;
  border-radius:28px;
  background:var(--s2-blue-dark);
  box-shadow:var(--s2-shadow);
}

.sample2-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.sample2-mini-card{
  position:absolute;
  right:0;
  bottom:0;
  width:min(270px,72%);
  padding:22px;
  border:1px solid rgba(30,60,114,.08);
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 45px rgba(20,40,80,.16);
}

.sample2-mini-card strong{
  display:block;
  margin-bottom:5px;
  color:var(--s2-blue-dark);
  font-size:20px;
}

.sample2-mini-card span{
  color:var(--s2-muted);
  font-size:14px;
}

.sample2-badge{
  position:absolute;
  top:28px;
  left:-20px;
  z-index:2;
  padding:11px 16px;
  border-radius:999px;
  background:var(--s2-orange);
  color:#fff;
  box-shadow:0 10px 25px rgba(245,166,35,.24);
  font-size:13px;
  font-weight:800;
}

.sample2-hero-copy h2{
  margin-bottom:18px;
  color:var(--s2-blue-dark);
  font-size:clamp(38px,5vw,62px);
  line-height:1.02;
  letter-spacing:-.025em;
}

.sample2-hero-copy .sample2-lead{
  max-width:600px;
  margin-bottom:26px;
  color:var(--s2-muted);
  font-size:18px;
  line-height:1.7;
}

.sample2-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:30px;
}

.sample2-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  padding-top:22px;
  border-top:1px solid var(--s2-line);
}

.sample2-trust-item{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--s2-muted);
  font-size:14px;
  font-weight:700;
}

.sample2-check{
  display:grid;
  width:22px;
  height:22px;
  place-items:center;
  border-radius:50%;
  background:var(--s2-blue-soft);
  color:var(--s2-blue);
  font-size:13px;
}

/* Services */
.sample2-services{
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
}

.sample2-service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.sample2-service-card{
  position:relative;
  overflow:hidden;
  min-height:270px;
  padding:32px 30px 30px;
  border:1px solid #dfe5ee;
  border-radius:20px;
  background:#ffffff;
  box-shadow:0 12px 32px rgba(20,40,80,.07);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Slim highlight strip across the top of every card. */
.sample2-service-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:var(--s2-blue);
}

/* Give the outer cards a very subtle blue wash. */
.sample2-service-card:nth-child(1),
.sample2-service-card:nth-child(3){
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 48%);
}

.sample2-service-card:hover{
  transform:translateY(-4px);
  border-color:#c8d6eb;
  box-shadow:0 18px 42px rgba(20,40,80,.12);
}

/* Keep the middle card neutral so all three services have equal visual weight. */
.sample2-service-card--featured{
  border:1px solid #dfe5ee;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 48%);
  color:var(--s2-text);
  box-shadow:0 14px 38px rgba(20,40,80,.07);
}

.sample2-service-card--featured::before{
  height:5px;
  background:var(--s2-blue);
}

.sample2-service-number{
  display:inline-flex;
  min-width:44px;
  height:32px;
  align-items:center;
  justify-content:center;
  margin-bottom:36px;
  padding:0 11px;
  border-radius:999px;
  background:#edf3ff;
  color:var(--s2-blue);
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
}

/* Match the middle number badge to the other service cards. */
.sample2-service-card--featured .sample2-service-number{
  background:#edf3ff;
  color:var(--s2-blue);
  box-shadow:none;
}

.sample2-service-card h3{
  margin-bottom:14px;
  color:#17233c;
  font-size:22px;
  line-height:1.3;
}

.sample2-service-card p{
  margin-bottom:0;
  color:#445268;
  font-size:17px;
  line-height:1.7;
}

/* Keep the featured text dark and high contrast on the light background. */
.sample2-service-card--featured h3{
  color:#142850;
}

.sample2-service-card--featured p{
  color:#445268;
}

/* Slightly improve the section introduction as well. */
.sample2-section-heading p{
  color:#536179;
  font-size:17px;
  line-height:1.65;
}

/* About */
.sample2-about{
  background:var(--s2-bg);
}

.sample2-about-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:70px;
}

.sample2-about-copy h2{
  margin-bottom:18px;
  font-size:clamp(32px,4vw,46px);
  line-height:1.08;
}

.sample2-about-copy > p{
  color:var(--s2-muted);
  font-size:17px;
  line-height:1.75;
}

.sample2-feature-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}

.sample2-feature-list li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border:1px solid var(--s2-line);
  border-radius:12px;
  background:#fff;
  color:var(--s2-blue-dark);
  font-size:14px;
  font-weight:700;
}

.sample2-about-media{
  position:relative;
}

.sample2-about-media img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:24px;
  box-shadow:var(--s2-shadow);
}

/* Automatic 4-image slideshow for the About section. */
.sample2-slideshow{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:24px;
  box-shadow:var(--s2-shadow);
  background:#eef2f8;
}

.sample2-slideshow .sample2-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  box-shadow:none;
  opacity:0;
  transition: opacity 0.9s ease-in-out;
}

.sample2-slideshow .sample2-slide.active{
  opacity:1;
}

.sample2-about-note{
  position:absolute;
  left:-28px;
  bottom:28px;
  max-width:245px;
  padding:18px 20px;
  border-radius:15px;
  background:#fff;
  box-shadow:0 15px 38px rgba(20,40,80,.14);
  color:var(--s2-blue-dark);
  font-weight:800;
}

.sample2-about-note small{
  display:block;
  margin-top:5px;
  color:var(--s2-muted);
  font-weight:400;
}

/* CTA */
.sample2-cta-wrap{
  padding:0 0 88px;
  background:var(--s2-bg);
}

.sample2-cta{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:48px 52px;
  border-radius:24px;
  background:var(--s2-blue);
  color:#fff;
}

.sample2-cta::before,
.sample2-cta::after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  border:14px solid rgba(245,166,35,.52);
  border-radius:50%;
}

.sample2-cta::before{
  left:-90px;
  bottom:-95px;
}

.sample2-cta::after{
  right:-75px;
  top:-95px;
}

.sample2-cta-copy,
.sample2-cta-actions{
  position:relative;
  z-index:1;
}

.sample2-cta h2{
  margin-bottom:8px;
  color:#fff;
  font-size:clamp(28px,3vw,40px);
}

.sample2-cta p{
  max-width:650px;
  margin-bottom:0;
  color:rgba(255,255,255,.86);
}

/* Contact */
.sample2-contact{
  background:#fff;
}

.sample2-contact-grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:30px;
  align-items:stretch;
}

.sample2-form-card,
.sample2-info-card{
  border:1px solid var(--s2-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 35px rgba(20,40,80,.06);
}

.sample2-form-card{
  padding:34px;
}

.sample2-info-card{
  padding:34px;
  background:var(--s2-blue-dark);
  color:#fff;
}

.sample2-form-card h3,
.sample2-info-card h3{
  margin-bottom:10px;
  font-size:25px;
}

.sample2-info-card h3{
  color:#fff;
}

.sample2-form-card > p{
  margin-bottom:24px;
  color:var(--s2-muted);
}

.sample2-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.sample2-form-field--full{
  grid-column:1/-1;
}

.sample2-form-card label{
  display:block;
  margin-bottom:6px;
  color:var(--s2-blue-dark);
  font-size:13px;
  font-weight:800;
}

.sample2-form-card input,
.sample2-form-card textarea{
  width:100%;
  margin:0;
  padding:13px 14px;
  border:1px solid #dce1e9;
  border-radius:9px;
  background:#fff;
  color:var(--s2-text);
  font:inherit;
}

.sample2-form-card textarea{
  min-height:128px;
  resize:vertical;
}

.sample2-form-card input:focus,
.sample2-form-card textarea:focus{
  border-color:var(--s2-blue);
  outline:3px solid rgba(30,60,114,.10);
}

.sample2-form-submit{
  grid-column:1/-1;
  width:100%;
  border:0;
}

.sample2-info-card p{
  color:rgba(255,255,255,.82);
}

.sample2-info-list{
  margin:25px 0 30px;
  padding:0;
  list-style:none;
}

.sample2-info-list li{
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.13);
}

.sample2-info-list strong{
  display:block;
  margin-bottom:3px;
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.sample2-info-list a{
  color:#fff;
  text-decoration:none;
}

.sample2-info-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.sample2-social-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 16px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:9px;
  color:#fff;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}

.sample2-social-btn:hover,
.sample2-social-btn:focus{
  border-color:#fff;
  background:rgba(255,255,255,.08);
  color:#fff;
}

.sample2-payment{
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.13);
}

.sample2-payment h3{
  margin-bottom:8px;
  font-size:20px;
}

/* Responsive */
@media (max-width:900px){
  .sample2-hero-grid,
  .sample2-about-grid,
  .sample2-contact-grid{
    grid-template-columns:1fr;
  }

  .sample2-hero-copy{
    order:-1;
  }

  .sample2-service-grid{
    grid-template-columns:1fr;
  }

  .sample2-service-card{
    min-height:auto;
  }

  .sample2-about-note{
    left:20px;
  }

  .sample2-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width:640px){
  .sample2-shell{
    width:min(100% - 28px,1180px);
  }

  .sample2-section{
    padding:64px 0;
  }

  .sample2-hero{
    padding:54px 0 66px;
  }

  .sample2-hero-grid{
    gap:38px;
  }

  .sample2-hero-media{
    min-height:390px;
  }

  .sample2-hero-image{
    inset:0 20px 48px 0;
  }

  .sample2-badge{
    left:12px;
  }

  .sample2-mini-card{
    width:78%;
  }

  .sample2-feature-list,
  .sample2-form-grid{
    grid-template-columns:1fr;
  }

  .sample2-form-field--full,
  .sample2-form-submit{
    grid-column:auto;
  }

  .sample2-cta{
    padding:36px 28px;
  }

  .sample2-form-card,
  .sample2-info-card{
    padding:26px;
  }
}

@media (prefers-reduced-motion:reduce){
  .sample2-btn,
  .sample2-service-card{
    transition:none;
  }
}

/* =========================================================
   DONATE PAGE
   Matches the Sample 2 Homepage visual system.
   Used on /donate/
   ========================================================= */

.donate-page{
  --donate-blue:#1e3c72;
  --donate-blue-dark:#142850;
  --donate-blue-soft:#edf3ff;
  --donate-orange:#f5a623;
  --donate-orange-dark:#db8c0a;
  --donate-text:#242936;
  --donate-muted:#5f6b7d;
  --donate-line:#e2e7ef;
  --donate-bg:#f7f8fc;
  --donate-white:#ffffff;
  --donate-shadow:0 18px 55px rgba(20,40,80,.10);
  font-family:Arial, Helvetica, sans-serif;
  background:var(--donate-bg);
  color:var(--donate-text);
  overflow:hidden;
}

.donate-page *,
.donate-page *::before,
.donate-page *::after{
  box-sizing:border-box;
}

.donate-page h1,
.donate-page h2,
.donate-page h3,
.donate-page p{
  margin-top:0;
}

.donate-shell{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
}

.donate-eyebrow{
  display:inline-block;
  margin-bottom:13px;
  color:var(--donate-orange-dark);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Hero */
.donate-hero{
  position:relative;
  padding:82px 0;
  background:
    radial-gradient(circle at 92% 12%, rgba(245,166,35,.15), transparent 26%),
    linear-gradient(180deg,#fff 0%,#f7f8fc 100%);
}

.donate-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  align-items:center;
  gap:70px;
}

.donate-hero-copy h1{
  max-width:760px;
  margin-bottom:20px;
  color:var(--donate-blue-dark);
  font-size:clamp(42px,5.6vw,66px);
  line-height:1.02;
  letter-spacing:-.025em;
}

.donate-hero-copy > p{
  max-width:720px;
  margin-bottom:28px;
  color:var(--donate-muted);
  font-size:18px;
  line-height:1.72;
}

.donate-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  padding-top:22px;
  border-top:1px solid var(--donate-line);
  color:var(--donate-blue-dark);
  font-size:14px;
  font-weight:700;
}

.donate-hero-card{
  padding:36px;
  border:1px solid var(--donate-line);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--donate-shadow);
}

.donate-icon-circle{
  display:grid;
  width:64px;
  height:64px;
  margin-bottom:24px;
  place-items:center;
  border-radius:50%;
  background:var(--donate-orange);
  color:#fff;
  font-size:28px;
  box-shadow:0 10px 24px rgba(245,166,35,.24);
}

.donate-hero-card strong{
  display:block;
  margin-bottom:8px;
  color:var(--donate-blue-dark);
  font-size:22px;
}

.donate-hero-card p{
  margin-bottom:0;
  color:var(--donate-muted);
  line-height:1.65;
}

/* Main donation section */
.donate-section{
  padding:88px 0;
  background:#fff;
}

.donate-section-heading{
  max-width:720px;
  margin:0 auto 46px;
  text-align:center;
}

.donate-section-heading h2{
  margin-bottom:12px;
  color:var(--donate-blue-dark);
  font-size:clamp(32px,4vw,46px);
  line-height:1.1;
}

.donate-section-heading p{
  margin-bottom:0;
  color:var(--donate-muted);
  font-size:17px;
  line-height:1.65;
}

.donate-layout{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);
  gap:30px;
  align-items:start;
}

.donate-form-card,
.donate-summary-card{
  border:1px solid var(--donate-line);
  border-radius:24px;
  box-shadow:0 12px 35px rgba(20,40,80,.07);
}

.donate-form-card{
  padding:38px;
  background:#fff;
}

.donate-summary-card{
  position:sticky;
  top:30px;
  padding:36px;
  background:linear-gradient(155deg,var(--donate-blue) 0%,var(--donate-blue-dark) 100%);
  color:#fff;
}

.donate-summary-card .donate-eyebrow{
  color:#ffd27a;
}

.donate-summary-card h2{
  margin-bottom:12px;
  color:#fff;
  font-size:30px;
  line-height:1.15;
}

.donate-summary-card > p{
  color:rgba(255,255,255,.82);
  line-height:1.65;
}

/* Donation amount buttons */
.donate-fieldset{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}

.donate-fieldset legend,
.donate-form-card h3{
  margin-bottom:18px;
  color:var(--donate-blue-dark);
  font-size:22px;
  font-weight:800;
}

.donate-amount-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.donate-amount-btn{
  min-height:58px;
  padding:12px;
  border:2px solid var(--donate-line);
  border-radius:12px;
  background:#fff;
  color:var(--donate-blue-dark);
  font:inherit;
  font-size:17px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.donate-amount-btn:hover,
.donate-amount-btn:focus{
  border-color:var(--donate-orange);
  outline:none;
  transform:translateY(-1px);
}

.donate-amount-btn.is-selected{
  border-color:var(--donate-orange);
  background:#fff6e7;
  color:var(--donate-blue-dark);
  box-shadow:inset 0 0 0 1px var(--donate-orange);
}

.donate-custom-amount{
  margin-top:18px;
}

.donate-custom-amount label,
.donate-field label{
  display:block;
  margin-bottom:7px;
  color:var(--donate-blue-dark);
  font-size:13px;
  font-weight:800;
}

.donate-money-input{
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #d9e0ea;
  border-radius:10px;
  background:#fff;
}

.donate-money-input span{
  padding-left:14px;
  color:var(--donate-muted);
  font-size:17px;
  font-weight:700;
}

.donate-money-input input{
  border:0 !important;
  box-shadow:none !important;
}

/* Fee option */
.donate-fee-option{
  margin-top:24px;
  padding:18px;
  border:1px solid #f4d69e;
  border-radius:14px;
  background:#fff9ee;
}

.donate-checkbox{
  display:flex;
  align-items:flex-start;
  gap:12px;
  cursor:pointer;
}

.donate-checkbox input{
  width:18px;
  height:18px;
  margin-top:3px;
  accent-color:var(--donate-orange);
}

.donate-checkbox strong{
  display:block;
  margin-bottom:3px;
  color:var(--donate-blue-dark);
}

.donate-checkbox small{
  display:block;
  color:var(--donate-muted);
  line-height:1.5;
}

.donate-divider{
  height:1px;
  margin:30px 0;
  background:var(--donate-line);
}

/* Form fields */
.donate-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.donate-field-full{
  grid-column:1/-1;
}

.donate-field input{
  width:100%;
  min-height:48px;
  margin:0;
  padding:12px 14px;
  border:1px solid #d9e0ea;
  border-radius:10px;
  background:#fff;
  color:var(--donate-text);
  font:inherit;
}

.donate-field input:focus,
.donate-money-input:focus-within{
  border-color:var(--donate-blue);
  outline:3px solid rgba(30,60,114,.10);
}

.donate-card-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.donate-card-heading h3{
  margin-bottom:5px;
}

.donate-card-heading p{
  max-width:520px;
  margin-bottom:0;
  color:var(--donate-muted);
  font-size:14px;
  line-height:1.55;
}

.donate-secure-badge{
  flex:0 0 auto;
  padding:8px 11px;
  border-radius:999px;
  background:var(--donate-blue-soft);
  color:var(--donate-blue);
  font-size:12px;
  font-weight:800;
}

/* Buttons */
.donate-submit,
.donate-secondary-btn{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:10px;
  background:var(--donate-orange);
  color:#fff;
  font:inherit;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}

.donate-submit{
  width:100%;
  margin-top:24px;
  padding:14px 22px;
}

.donate-submit:hover,
.donate-submit:focus,
.donate-secondary-btn:hover,
.donate-secondary-btn:focus{
  background:var(--donate-orange-dark);
  color:#fff;
}

.donate-form-note{
  margin:12px 0 0;
  color:var(--donate-muted);
  font-size:12px;
  line-height:1.5;
  text-align:center;
}

/* Donation summary */
.donate-summary{
  margin-top:28px;
  border-top:1px solid rgba(255,255,255,.14);
}

.donate-summary > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:17px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
}

.donate-summary span{
  color:rgba(255,255,255,.76);
}

.donate-summary strong{
  color:#fff;
  font-size:17px;
}

.donate-summary .donate-total-row{
  border-bottom:0;
}

.donate-summary .donate-total-row span,
.donate-summary .donate-total-row strong{
  color:#fff;
  font-size:20px;
  font-weight:800;
}

.donate-summary-note{
  margin-top:24px;
  padding:17px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  background:rgba(255,255,255,.07);
}

.donate-summary-note strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
}

.donate-summary-note p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.55;
}

.donate-summary-mobile{
  display:none;
  margin-top:26px;
  padding:0 18px;
  border-radius:14px;
  background:var(--donate-blue-dark);
}

/* Bottom CTA */
.donate-bottom-cta{
  padding:0 0 88px;
  background:#fff;
}

.donate-bottom-cta-inner{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  padding:48px 52px;
  border-radius:24px;
  background:var(--donate-blue);
  color:#fff;
}

.donate-bottom-cta-inner::after{
  content:"";
  position:absolute;
  right:-80px;
  top:-100px;
  width:190px;
  height:190px;
  border:15px solid rgba(245,166,35,.48);
  border-radius:50%;
}

.donate-bottom-cta-inner > *{
  position:relative;
  z-index:1;
}

.donate-bottom-cta .donate-eyebrow{
  color:#ffd27a;
}

.donate-bottom-cta h2{
  margin-bottom:8px;
  color:#fff;
  font-size:clamp(28px,3vw,40px);
}

.donate-bottom-cta p{
  max-width:680px;
  margin-bottom:0;
  color:rgba(255,255,255,.84);
  line-height:1.65;
}

.donate-secondary-btn{
  flex:0 0 auto;
  padding:13px 24px;
}

/* Donate responsive */
@media (max-width:900px){
  .donate-hero-grid,
  .donate-layout{
    grid-template-columns:1fr;
  }

  .donate-summary-card{
    position:static;
  }
}

@media (max-width:680px){
  .donate-shell{
    width:min(100% - 28px,1180px);
  }

  .donate-hero{
    padding:58px 0;
  }

  .donate-hero-grid{
    gap:35px;
  }

  .donate-section{
    padding:64px 0;
  }

  .donate-form-card,
  .donate-summary-card{
    padding:26px;
  }

  .donate-amount-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .donate-form-grid{
    grid-template-columns:1fr;
  }

  .donate-field-full{
    grid-column:auto;
  }

  .donate-card-heading{
    flex-direction:column;
  }

  .donate-summary-card{
    display:none;
  }

  .donate-summary-mobile{
    display:block;
  }

  .donate-bottom-cta-inner{
    align-items:flex-start;
    flex-direction:column;
    padding:36px 28px;
  }
}

@media (prefers-reduced-motion:reduce){
  .donate-amount-btn{
    transition:none;
  }
}

/* =========================================
   DONATE - OTHER AMOUNT FIELD
   ========================================= */

.donate-custom-amount{
  margin-top:22px;
}

.donate-custom-amount label{
  display:block;
  margin-bottom:8px;
  color:#142850;
  font-size:14px;
  font-weight:800;
}

/* Outer input container */
.donate-money-input{
  display:flex;
  align-items:center;
  min-height:54px;
  overflow:hidden;
  border:2px solid #dce3ee;
  border-radius:12px;
  background:#ffffff;
  transition:border-color .18s ease, box-shadow .18s ease;
}

/* Dollar sign */
.donate-money-input > span{
  display:flex;
  align-items:center;
  align-self:stretch;
  justify-content:center;
  min-width:52px;
  padding:0 14px;
  border-right:1px solid #e2e7ef;
  background:#f7f9fc;
  color:#142850;
  font-size:18px;
  font-weight:800;
}

/* Actual amount field */
.donate-money-input input{
  flex:1;
  width:100%;
  min-width:0;
  height:52px;
  margin:0 !important;
  padding:0 16px !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:#ffffff !important;
  box-shadow:none !important;
  color:#142850;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:700;
}

/* Focus state */
.donate-money-input:focus-within{
  border-color:#f5a623;
  box-shadow:0 0 0 4px rgba(245,166,35,.14);
}

/* Remove browser number arrows */
.donate-money-input input[type="number"]::-webkit-inner-spin-button,
.donate-money-input input[type="number"]::-webkit-outer-spin-button{
  margin:0;
  -webkit-appearance:none;
}

.donate-money-input input[type="number"]{
  appearance:textfield;
  -moz-appearance:textfield;
}

/* Placeholder */
.donate-money-input input::placeholder{
  color:#98a2b3;
  font-weight:400;
}
/* =========================================
   SAMPLE 2 - FLUENT FORM 3
   ========================================= */

/* Remove Fluent Forms default spacing */
#fluentform_3 fieldset {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;

    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}


/* Individual Fluent Forms field wrappers */
#fluentform_3 .ff-el-group {
    margin: 0 !important;
}


/* Full Name */
#fluentform_3 fieldset > .ff-el-group:nth-of-type(1) {
    grid-column: 1;
}


/* Email */
#fluentform_3 fieldset > .ff-el-group:nth-of-type(2) {
    grid-column: 2;
}


/* Phone / WhatsApp */
#fluentform_3 fieldset > .ff-el-group:nth-of-type(3) {
    grid-column: 1 / -1;
}


/* Describe your case */
#fluentform_3 fieldset > .ff-el-group:nth-of-type(4) {
    grid-column: 1 / -1;
}


/* Submit button wrapper */
#fluentform_3 .ff_submit_btn_wrapper {
    grid-column: 1 / -1;
    margin: 0 !important;
}


/* Inputs */
#fluentform_3 .ff-el-form-control {
    width: 100% !important;
    min-height: 52px;

    margin: 0 !important;
    padding: 13px 14px !important;

    border: 1px solid #dce1e9 !important;
    border-radius: 9px !important;

    background: #ffffff !important;

    color: #242936 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;

    box-shadow: none !important;
}


/* Textarea */
#fluentform_3 textarea.ff-el-form-control {
    min-height: 128px !important;
    resize: vertical;
}


/* Placeholder text */
#fluentform_3 .ff-el-form-control::placeholder {
    color: #7b8494 !important;
    opacity: 1;
}


/* Input focus */
#fluentform_3 .ff-el-form-control:focus {
    border-color: #1e3c72 !important;

    outline: 3px solid rgba(30, 60, 114, 0.10) !important;

    box-shadow: none !important;
}


/* Submit Request button */
#fluentform_3 .ff-btn-submit {
    width: 100% !important;
    min-height: 48px;

    margin: 0 !important;
    padding: 13px 23px !important;

    border: 0 !important;
    border-radius: 9px !important;

    background: #f5a623 !important;
    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;

    line-height: 1.2;

    cursor: pointer;
}


/* Button hover */
#fluentform_3 .ff-btn-submit:hover,
#fluentform_3 .ff-btn-submit:focus {
    background: #db8c0a !important;
    color: #ffffff !important;
}


/* Validation */
#fluentform_3 .ff-el-is-error .ff-el-form-control {
    border-color: #b42318 !important;
}

#fluentform_3 .error {
    color: #b42318 !important;
}


/* Mobile */
@media (max-width: 640px) {

    #fluentform_3 fieldset {
        grid-template-columns: 1fr;
    }

    #fluentform_3 fieldset > .ff-el-group:nth-of-type(1),
    #fluentform_3 fieldset > .ff-el-group:nth-of-type(2),
    #fluentform_3 fieldset > .ff-el-group:nth-of-type(3),
    #fluentform_3 fieldset > .ff-el-group:nth-of-type(4),
    #fluentform_3 .ff_submit_btn_wrapper {
        grid-column: 1;
    }

}
/* =========================================
   ORIGINAL HOMEPAGE - FLUENT FORM
   ========================================= */

.contact .homepage-form-card{
    width:350px;
    max-width:100%;
    padding:25px;
    border-radius:10px;
    background:#ffffff;
    color:#333333;
}

.contact .homepage-form-card h3{
    margin:0 0 10px;
    color:#333333;
    font-size:20px;
}


/* Remove Fluent Forms outer styling */
.contact .homepage-fluent-form #fluentform_3{
    width:100%;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
}


/* Keep every field stacked vertically */
.contact .homepage-fluent-form #fluentform_3 fieldset{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}


/* Field spacing */
.contact .homepage-fluent-form #fluentform_3 .ff-el-group{
    width:100% !important;
    margin:0 0 10px !important;
}


/* Inputs + textarea */
.contact .homepage-fluent-form #fluentform_3 .ff-el-form-control{
    width:100% !important;
    min-height:44px !important;

    margin:0 !important;
    padding:12px !important;

    border:1px solid #cccccc !important;
    border-radius:5px !important;

    background:#ffffff !important;
    color:#333333 !important;

    font-family:Arial, Helvetica, sans-serif !important;
    font-size:16px !important;

    box-shadow:none !important;
}


/* Message field */
.contact .homepage-fluent-form #fluentform_3 textarea.ff-el-form-control{
    min-height:100px !important;
    resize:vertical;
}


/* Placeholder text */
.contact .homepage-fluent-form #fluentform_3 .ff-el-form-control::placeholder{
    color:#777777 !important;
    opacity:1;
}


/* Focus */
.contact .homepage-fluent-form #fluentform_3 .ff-el-form-control:focus{
    border-color:#1e3c72 !important;
    outline:2px solid rgba(30,60,114,.12) !important;
    box-shadow:none !important;
}


/* Submit wrapper */
.contact .homepage-fluent-form #fluentform_3 .ff_submit_btn_wrapper{
    width:100% !important;
    margin:10px 0 0 !important;
}


/* Submit Request */
.contact .homepage-fluent-form #fluentform_3 .ff-btn-submit{
    display:block !important;

    width:100% !important;
    min-height:44px !important;

    margin:0 !important;
    padding:12px !important;

    border:0 !important;
    border-radius:5px !important;

    background:#f5a623 !important;
    color:#ffffff !important;

    font-family:Arial, Helvetica, sans-serif !important;
    font-size:16px !important;
    font-weight:bold !important;

    opacity:1 !important;
    cursor:pointer;
}


.contact .homepage-fluent-form #fluentform_3 .ff-btn-submit:hover,
.contact .homepage-fluent-form #fluentform_3 .ff-btn-submit:focus{
    background:#db8c0a !important;
    color:#ffffff !important;
}


/* Mobile */
@media (max-width:480px){

    .contact .homepage-form-card{
        width:100%;
    }

}

/* =========================================
   RESEARCH & ADVOCACY TEAM
   ========================================= */
.sample2-team{
  background:#ffffff;
}

.sample2-mission-card{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:start;
  margin-bottom:32px;
  padding:28px 30px;
  border:1px solid var(--s2-line);
  border-left:5px solid var(--s2-orange);
  border-radius:18px;
  background:linear-gradient(180deg,#fffaf2 0%,#ffffff 100%);
  box-shadow:0 12px 32px rgba(20,40,80,.06);
}

.sample2-mission-icon{
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border-radius:12px;
  background:#fff0d6;
  font-size:23px;
}

.sample2-mission-card h3{
  margin-bottom:10px;
  color:var(--s2-blue-dark);
  font-size:24px;
}

.sample2-mission-card p{
  margin-bottom:0;
  color:#536179;
  font-size:16px;
  line-height:1.75;
}

.sample2-team-grid{
  display:grid;
  gap:28px;
}

.sample2-profile-card{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:30px;
  align-items:start;
  padding:30px;
  border:1px solid #dfe5ee;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 38px rgba(20,40,80,.07);
}

.sample2-profile-card:nth-child(even){
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 58%);
}

.sample2-profile-media{
  overflow:hidden;
  border-radius:18px;
  background:#edf3ff;
  box-shadow:0 10px 28px rgba(20,40,80,.12);
}

.sample2-profile-media img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
}

.sample2-profile-role{
  display:inline-block;
  margin-bottom:8px;
  color:var(--s2-orange-dark);
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.sample2-profile-copy h3{
  margin-bottom:18px;
  color:var(--s2-blue-dark);
  font-size:28px;
  line-height:1.2;
}

.sample2-profile-list{
  margin:0;
  padding-left:20px;
}

.sample2-profile-list li{
  margin-bottom:13px;
  color:#445268;
  font-size:15.5px;
  line-height:1.7;
}

.sample2-profile-list li:last-child{
  margin-bottom:0;
}

.sample2-profile-list strong{
  color:#17233c;
}

.sample2-research-card{
  margin-top:32px;
  padding:34px;
  border-radius:22px;
  background:var(--s2-blue-dark);
  color:#fff;
  box-shadow:0 16px 42px rgba(20,40,80,.14);
}

.sample2-research-heading{
  display:flex;
  gap:16px;
  align-items:center;
  margin-bottom:24px;
}

.sample2-research-icon{
  display:grid;
  width:48px;
  height:48px;
  flex:0 0 48px;
  place-items:center;
  border-radius:13px;
  background:rgba(255,255,255,.10);
  font-size:23px;
}

.sample2-research-heading .sample2-eyebrow{
  margin-bottom:4px;
  color:#ffd48b;
}

.sample2-research-heading h3{
  margin:0;
  color:#fff;
  font-size:28px;
}

.sample2-research-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.sample2-research-item{
  padding:20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(255,255,255,.06);
}

.sample2-research-item strong,
.sample2-research-item span{
  display:block;
}

.sample2-research-item strong{
  margin-bottom:7px;
  color:#fff;
  font-size:15px;
}

.sample2-research-item span{
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.65;
}

@media (max-width:820px){
  .sample2-profile-card{
    grid-template-columns:190px minmax(0,1fr);
    gap:24px;
  }

  .sample2-research-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .sample2-mission-card{
    grid-template-columns:1fr;
    padding:24px;
  }

  .sample2-profile-card{
    grid-template-columns:1fr;
    padding:22px;
  }

  .sample2-profile-media{
    width:min(100%,280px);
  }

  .sample2-profile-copy h3{
    font-size:25px;
  }

  .sample2-research-card{
    padding:26px 22px;
  }
}