body {color:#1e293b;background-color:#FFFFFF !important;background-image:none;font-family:'Open Sans';font-weight:400;font-style:normal;font-size:16px;} .sp-el-row{max-width:1100px;}#primary.content-area{max-width:1000px;} h1, h2, h3, h4, h5, h6{color:#091053; font-family:'Urbanist';font-weight:400;font-style:normal;}  h1{font-family:'Urbanist';font-weight:700;font-style:normal;font-size:53px;} h2{font-family:'Urbanist';font-weight:500;font-style:normal;font-size:40px;} h3{font-size:30px;} h4{font-family:'Roboto';font-weight:500;font-style:normal;font-size:20px;} h5{font-family:'Roboto';font-weight:500;font-style:normal;font-size:18px;} h6{font-family:'Roboto';font-weight:500;font-style:normal;font-size:16px;} a{color:#091053;font-family:'Urbanist';font-weight:400;font-style:normal;} a:hover{color:#040725;} ::placeholder{color:rgba(71, 85, 105, 0.5) !important;} .sp-button,  #edd-purchase-button.edd-submit.sp-button, input[type='submit'].edd-submit.sp-button, .edd-add-to-cart, button.edd-submit.sp-button, a.edd-submit.sp-button, .edd-submit, input[type='submit'].edd-submit, #edd-save-cart-button, #edd_next_button, input[type='submit'], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .button.wp-element-button,  .widget-content-block input[type='submit']{color:#FFFFFF;background-color:#E0C55B;font-family:'Urbanist';font-weight:400;font-style:normal;border-radius:60px;border-width:0px;border-style:solid;} .sp-button:hover{background-color:#091053;color:#FFFFFF;} input[type="text"],  input[type="password"],  input[type="email"], input[type="url"],  input[type="date"],  input[type="month"],  input[type="time"],  input[type="datetime"],  input[type="datetime-local"],  input[type="week"],  input[type="number"],  input[type="search"],  input[type="tel"],  input[type="color"],  select,  textarea, .woocommerce input, .woocommerce select, .woocommerce textarea, .widget-content-block input, .widget-content-block select, .widget-content-block textarea{color:#475569;background-color:#FFFFFF;border:1px solid #e2e8f0;border-radius:60px;padding:15px;font-family:'Open Sans';font-weight:400;font-style:normal;} .btn{background-color:#E0C55B} .sp-cd-amount{background-color:#E0C55B;}@media (max-width: 480px){ h1 {font-size:40px;} h2 {font-size:30px;} h3 {font-size:25px;}}/*endmobile*/@media (min-width: 481px) and (max-width: 1024px){}/*endtablet*/

/* Custom CSS */
/* === Brand tokens (Wisal brand deck, Edition 01 2026) === */
:root{--brand:#091053;--brand-80:#3A4076;--brand-60:#6B6F98;--brand-40:#9C9FBB;--brand-20:#CDCFDD;--brand-dark:#040725;--gold:#E0C55B;--gold-80:#E6D07C;--gold-dark:#c9ad45;--dark:#1C1C1C;--dark-60:#767676;--platinum:#F4F4F4;--brand-red:#091053;--brand-red-dark:#040725;--ink:#1C1C1C;--muted:#494949;--line:#e5e7eb;--nav-gap:26px}

/* === Typography: Urbanist everywhere (brand deck, TYPEFACE) ===
   Sanctioned weights 400 / 500 / 600, self-hosted under /wp-content/bcf-fonts/Urbanist/.
   The universal rule is needed because SeedProd writes per-block font-family at ID specificity.
   Icon fonts are excluded so Font Awesome and Dashicons still render. */
body{font-family:'Urbanist',sans-serif!important}
body *:not(i):not(svg):not(path):not([class*="fa-"]):not([class^="fa"]):not([class*="dashicons"]):not(.sp-icon){font-family:'Urbanist',sans-serif!important}

/* Brand type scale - defaults only (no !important), so deliberate per-block sizes survive. */
h1{font-size:56px;line-height:64px;font-weight:400;letter-spacing:-.04em}
h2{font-size:40px;line-height:48px;font-weight:400;letter-spacing:-.04em}
h3{font-size:36px;line-height:42px;font-weight:500;letter-spacing:-.04em}
h4{font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.02em}
h5{font-size:24px;line-height:32px;font-weight:400;letter-spacing:-.04em}
h6{font-size:20px;line-height:28px;font-weight:500;letter-spacing:-.02em}
h1,h2,h3,h4,h5,h6{color:var(--brand)}
@media (max-width:767px){h1{font-size:40px;line-height:46px}h2{font-size:30px;line-height:38px}h3{font-size:26px;line-height:32px}h4{font-size:22px;line-height:30px}}

/* === Links === */
a{color:var(--brand)}
a:hover{color:var(--brand-dark)}

/* === Site header === */
.sth-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 3px rgba(15,23,42,.06)}
.sth-header .sp-el-row{max-width:1280px;align-items:center}
.sth-header-row{justify-content:space-between!important}
.sth-header .sp-el-col{display:flex;flex-direction:column;justify-content:center}
.sth-logo p{margin:0}
.sth-logo a{display:inline-block;line-height:0}
.sth-logo img{max-height:52px;width:auto;display:block}
.sth-logo svg{height:50px;width:auto;display:block}
.sth-header .sth-logo-col{width:auto!important;flex:0 0 auto}
.sth-header .sth-nav-col{width:auto!important;flex:1 1 auto;min-width:0;padding:0 24px}
.sth-header .sth-cta-col{width:auto!important;flex:0 0 auto}

/* Nav Menu block. This replaced the old .sth-nav text block in Aug 2026, so every
   .sth-nav rule was dead code and has been removed. Per-link colours live in
   style-59.css at ID specificity, hence !important here. */
.sth-header .seedprod-menu-list{gap:0 var(--nav-gap)}
.sth-header .seedprod-menu-list li.menu-item a,
.sth-header .seedprod-menu-list li.menu-item a span{color:var(--brand)!important;font-weight:600;letter-spacing:0}
.sth-header .seedprod-menu-list li.menu-item a:hover,
.sth-header .seedprod-menu-list li.menu-item a:hover span{color:var(--gold-dark)!important}
.sth-header .hamburger .bar{background-color:var(--brand)}
/* Mobile header section of template 59 - its links are coloured black by element ID. */
#sp-zc35q4 a,#sp-zc35q4 a span{color:var(--brand)!important}
@media (max-width:1100px){.sth-header .seedprod-menu-list{gap:0 18px}.sth-header .sth-nav-col{padding:0 14px}}

/* === Buttons === */
.sp-button.sth-donate{background-color:var(--gold)!important;color:var(--brand)!important;border-radius:60px!important;font-weight:600;letter-spacing:.02em;padding-left:34px;padding-right:34px;box-shadow:none}
.sp-button.sth-donate:hover{background-color:var(--brand)!important;color:#fff!important}

/* === Home: hero === */
.sth-hero-row{align-items:center}
.sth-hero .sp-el-row{max-width:1220px}
.sth-hero .sp-button.sth-donate-btn{width:100%}
.sth-eyebrow p{margin:0;letter-spacing:.16em;text-transform:uppercase}
.sth-donate-card{border-radius:14px;padding:26px 22px!important;box-shadow:0 20px 50px rgba(2,6,23,.35)}
.sth-toggle p{display:flex;margin:0;border:1px solid #e2e8f0;border-radius:60px;padding:4px}
.sth-toggle a{flex:1;text-align:center;padding:9px 10px;border-radius:60px;color:var(--muted);text-decoration:none;transition:all .15s ease}
.sth-toggle a:first-child{background:var(--brand);color:#fff}
.sth-toggle a:hover{color:var(--brand)}
.sth-toggle a:first-child:hover{color:#fff}
.sth-amounts p{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.sth-amounts a{flex:1 0 28%;padding:11px 6px;border:1.5px solid #e2e8f0;border-radius:10px;color:var(--ink);text-decoration:none;text-align:center;transition:all .15s ease}
.sth-amounts a:hover{border-color:var(--gold);color:var(--brand);background:var(--platinum)}
.sp-button.sth-donate-btn{display:block;width:100%}

/* === Home: sections === */
.sth-intro .sp-el-row,.sth-faq .sp-el-row{max-width:920px}
.sth-stats .sp-el-col,.sth-response .sp-el-col{display:flex;flex-direction:column}
.sth-stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 22px;flex:1;box-shadow:0 2px 10px rgba(15,23,42,.04);transition:box-shadow .2s ease,transform .2s ease}
.sth-stat-card:hover{box-shadow:0 10px 26px rgba(15,23,42,.09);transform:translateY(-2px)}
.sth-stat-card h3{font-size:20px!important;line-height:1.35!important;font-weight:600;color:var(--ink);margin:10px 0 8px}
.sth-stat-card p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}
.sth-story-row{align-items:center}
.sth-story-img img{width:100%;height:auto;display:block}
.sth-faq-acc .sp-accordion-item,.sth-faq-acc .sp-accordion{border-radius:10px;overflow:hidden}
.sth-cta .sp-el-row{max-width:820px}

/* === Footer: pre-footer CTA / newsletter band === */
.sth-foot-signup .sp-el-row{max-width:860px}
.sth-foot-news{max-width:860px;margin-left:auto;margin-right:auto}
.sth-foot-news .sp-el-col{align-items:center}
.sth-foot-optin input[type=text],.sth-foot-optin input[type=email]{border:1px solid #cbd5e1!important;background:#fff!important}
.sth-foot-optin .sp-button,.sth-foot-optin button[type=submit],.sth-foot-optin input[type=submit]{background-color:var(--gold)!important;color:var(--brand)!important;border-radius:60px!important;font-weight:600}
.sth-foot-optin .sp-button:hover,.sth-foot-optin button[type=submit]:hover{background-color:var(--brand)!important;color:#fff!important}

/* === Footer: main === */
.sth-foot-main .sp-el-row{max-width:1280px}
.sth-foot-row{align-items:flex-start}
.sth-foot-links p{margin:0 0 12px}
/* Footer links are coloured black by element ID in style-60.css, so !important is required. */
.sth-foot-main a{color:var(--muted)!important;text-decoration:none}
.sth-foot-main a:hover{color:var(--brand)!important}
.sth-foot-links a{border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}
.sth-foot-links a:hover{border-bottom-color:var(--gold)}
.sth-foot-img img{width:100%;height:auto;display:block}
.sth-social p{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.sth-social a{display:inline-block;padding:7px 13px;border:1px solid #cbd5e1;border-radius:60px;text-decoration:none;font-size:12px;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease}
.sth-social a:hover{background:var(--brand);border-color:var(--brand);color:#fff!important}
.sth-badges{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);align-items:center}
.sth-trust .sth-badges{border-top:none;margin-top:6px;padding-top:0}
.sth-badges img{opacity:.92}

/* === Footer: legal bar === */
.sth-legal p{margin:0}
.sth-legal p+p{margin-top:8px}
.sth-legal a{color:var(--brand-20)!important;text-decoration:none;margin:0 10px;transition:color .15s ease}
.sth-legal a:hover{color:#fff!important;text-decoration:underline}

/* Newsletter band and legal bar are VISIBLE (the hide rule was removed 1 Sep 2026). */

/* === Brand retheme: legacy red -> Night blue / Goldish === */
#sp-vn0j2m,#sp-qbjpza,#sp-ecph73,#sp-qxjii4{background-color:#091053!important}
#sp-hmbt01,#sp-gu4btn,#sp-srcbtn,#sp-ctbtn1{background-color:#E0C55B!important;color:#091053!important}
#sp-hmbt01:hover,#sp-gu4btn:hover,#sp-srcbtn:hover,#sp-ctbtn1:hover{background-color:#091053!important;color:#fff!important}
#sp-hmey02,#sp-gwh01a,#sp-f9xpo2,#sp-mw3afb{color:#091053!important}
#sp-n19c5d,#sp-rlau58{background-color:#F4F4F4!important}

/* === Responsive === */
@media (max-width:991px){
  .sth-logo img{max-height:44px}
  .sth-logo svg{height:42px}
  .sth-stat-card{padding:24px 18px}
}
@media (max-width:767px){
  .sth-header{position:relative}
  .sth-header .sp-el-row{flex-wrap:wrap;text-align:center}
  .sth-header .sp-el-col{align-items:center}
  .sth-header .sth-logo-col,.sth-header .sth-nav-col,.sth-header .sth-cta-col{width:100%!important;flex:1 1 100%;padding:0}
  .sth-logo img{margin:0 auto}
  .sth-logo svg{margin:0 auto}
  .sp-button.sth-donate{margin:0 auto}
  .sth-donate-card{margin-top:28px}
  .sth-stats .sp-el-col,.sth-response .sp-el-col{margin-bottom:16px}
  .sth-story-copy{margin-top:24px}
  .sth-foot-row .sp-el-col{margin-bottom:26px}
  .sth-social p{justify-content:flex-start}
  .sth-badges .sp-el-col{margin-bottom:16px}
}