@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* ==========================================================================
   AMHRI — "Donat" charity theme re-skin for Joomla Helix3 (shaper_finance)
   All values mirror the Donat HTML template. Content untouched.
   ========================================================================== */

:root{
  /* AAZAL sticker palette — CMY-K with the third channel dropped: Cyan + Yellow + Ink on cream/paper */
  --cyan:#00A8E4; --cyan-bright:#00B4F0; --cyan-deep:#0084B4; --cyan-ink:#006C95;
  --yel:#FCCC00; --yel-soft:#FCD854; --yel-deep:#E0AE00;
  --ink:#111418; --inksh:#0C486C;
  --paper:#FFFFFF; --paper-off:#F7F9FB; --cream:#FFFBEF;
  --n300:#D7DEE6; --n500:#5B6772; --radius:16px;

  /* legacy token names remapped to the new palette so every existing var() recolours */
  --theme-color:#00A8E4; --theme-dark:#0C486C; --theme-color2:#FCCC00;
  --title-color:#111418; --body-color:#5B6772; --light-color:#5B6772;
  --smoke-color:#F7F9FB; --smoke-color2:#F2F6F9; --smoke-color3:#EEF3F7;
  --gray-color:#FFFBEF; --white-color:#ffffff;
  --black-color:#000; --black-color2:#111418; --black-color3:#111418; --black-color4:#0A0C0F;
  --yellow-color:#FCCC00; --success-color:#0F8A5F; --error-color:#E0451F;
  --th-border-color:#D7DEE6;
  --title-font:"Sora",sans-serif; --body-font:"Inter",system-ui,sans-serif; --caveat-font:"Sora",sans-serif;
  --section-space:104px; --section-space-mobile:72px;
}

/* ---------- Typography (｜important to beat Helix inline font/color CSS) ---------- */
body,.sp-page-builder,#sp-component,p,li,td,span,div,input,textarea,select,button{ font-family:var(--body-font) !important; }
body{ font-size:16px; font-weight:400; color:var(--body-color) !important; line-height:1.625; background:var(--white-color); -webkit-font-smoothing:antialiased; }
p{ margin:0 0 18px; color:var(--body-color); line-height:1.75; }
a{ color:var(--theme-color); text-decoration:none; outline:0; transition:all .4s ease; }
a:hover{ color:var(--title-color); }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.sppb-addon-title,.sp-megamenu-parent > li > a{ font-family:var(--title-font) !important; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ color:var(--title-color); font-weight:700; line-height:1.4; margin:0 0 15px; }
h1,.h1{ font-size:60px; line-height:1.18; font-weight:800; }
h2,.h2{ font-size:42px; line-height:1.23; font-weight:800; }
h3,.h3{ font-size:30px; line-height:1.3; }
h4,.h4{ font-size:24px; line-height:1.35; }
h5,.h5{ font-size:20px; }
h6,.h6{ font-size:18px; }
@media (max-width:1199px){ h1,.h1{ font-size:46px; } h2,.h2{ font-size:34px; } h3,.h3{ font-size:26px; } }
@media (max-width:767px){ h1,.h1{ font-size:36px; } h2,.h2{ font-size:28px; } }

/* Section-title eyebrow (Caveat) + heading — applied to SPPB/article headings via helper class */
.sub-title,.amhri-eyebrow{ display:inline-flex; align-items:center; gap:10px; font-size:24px; font-weight:700; font-family:var(--caveat-font); color:var(--theme-color2); margin-bottom:18px; line-height:1; }
.sub-title:before,.amhri-eyebrow:before{ content:''; height:2px; width:50px; background:var(--theme-color2); display:inline-block; }

/* ---------- Buttons ---------- */
.th-btn,
#sp-component .btn, #sp-component a.btn, .readmore a, .item-page a.btn,
.sppb-btn, button.th-btn{
  position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center;
  border:none; text-align:center; background-color:var(--theme-color); color:var(--white-color)!important;
  font-family:var(--body-font); font-size:14px; font-weight:700; line-height:1; padding:18px 34px;
  border-radius:50px; box-shadow:inset 0 0 0 0 var(--theme-color2); transition:.5s; text-transform:capitalize;
}
.th-btn:hover,
#sp-component .btn:hover, #sp-component a.btn:hover, .readmore a:hover, .item-page a.btn:hover, .sppb-btn:hover{
  box-shadow:inset 0 -100px 0 0 var(--theme-color2); background:var(--theme-color); color:var(--title-color)!important; /* hover floods GOLD -> dark text (AA 8.75:1) */
}
.th-btn.style2{ background:var(--theme-color2); color:var(--title-color)!important; box-shadow:inset 0 0 0 0 var(--title-color); }
.th-btn.style2:hover{ color:var(--white-color)!important; box-shadow:inset 0 -100px 0 0 var(--title-color); }
.th-btn.style3{ background:var(--theme-color2); color:var(--title-color)!important; box-shadow:inset 0 0 0 0 var(--theme-color); }
.th-btn.style3:hover{ color:var(--white-color)!important; box-shadow:inset 0 -100px 0 0 var(--theme-color); }
.th-btn.style4{ background:var(--theme-color); box-shadow:inset 0 0 0 0 var(--white-color); }
.th-btn.style4:hover{ background:var(--white-color); color:var(--title-color)!important; box-shadow:inset 0 -100px 0 0 var(--white-color); }
.th-btn i{ margin-left:8px; transition:.1s; }

/* ============================ HEADER ============================ */
#sp-top-bar{ background:var(--white-color); color:var(--title-color); padding:8px 0; font-family:var(--body-font); font-size:14px; border-bottom:1px solid var(--th-border-color); }
#sp-top-bar a{ color:var(--title-color); }
#sp-top-bar a:hover{ color:var(--theme-color); }
#sp-top-bar .social-icons{ display:flex; gap:7px; justify-content:flex-end; margin:0; padding:0; list-style:none; }
#sp-top-bar .social-icons a{ width:34px; height:34px; line-height:34px; display:inline-block; text-align:center; border:1px solid var(--th-border-color); border-radius:50%; font-size:13px; }
#sp-top-bar .social-icons a:hover{ background:var(--theme-color); border-color:var(--theme-color); color:#fff; }

#sp-logo-wrapper{ background:var(--white-color); padding:14px 0; }
#sp-logo-wrapper .logo img,#sp-logo-wrapper img.logo{ max-height:64px; width:auto; }

/* blue pill nav bar */
#sp-header{ background:transparent!important; box-shadow:none; padding:0; margin-top:6px; }
#sp-header > .container{ position:relative; }
#sp-header > .container > .row{ background:var(--theme-color); border-radius:50px; padding:4px 18px 4px 34px; align-items:center; min-height:74px; box-shadow:0 16px 30px -10px rgba(0,168,228,.35); }
#sp-header.header-sticky, #sp-header.menu-fixed-in{ background:transparent!important; }
.sp-megamenu-parent{ background:transparent; }
.sp-megamenu-parent > li.sp-menu-item > a{ color:var(--white-color); font-family:var(--title-font); font-weight:700; font-size:16px; padding:24px 0; text-transform:capitalize; }
.sp-megamenu-parent > li.sp-menu-item{ margin:0 16px; }
.sp-megamenu-parent > li.sp-menu-item > a:hover,
.sp-megamenu-parent > li.sp-menu-item.current-item > a,
.sp-megamenu-parent > li.sp-menu-item.active > a{ color:var(--theme-color2); }
.sp-megamenu-parent > li.sp-has-child > a:after{ content:"\f107"; font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome; font-weight:900; font-size:.8em; margin-left:6px; transition:.3s; }
.sp-megamenu-parent > li.sp-has-child:hover > a:after{ transform:rotate(180deg); color:var(--theme-color2); }

/* dropdown / megamenu panels */
.sp-megamenu-parent .sp-dropdown{ background:var(--white-color); border:none; border-radius:10px; border-bottom:3px solid var(--theme-color); box-shadow:0 4px 25px rgba(1,15,28,.12); padding:14px 0; margin-top:6px; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{ padding:6px 14px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{ color:var(--title-color); font-family:var(--title-font); font-weight:600; font-size:16px; padding:8px 12px; border-radius:8px; position:relative; transition:.3s; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before{ content:"\f105"; font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome; font-weight:900; color:var(--theme-color); opacity:0; margin-right:6px; transition:.3s; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{ color:var(--theme-color); padding-left:22px; background:var(--smoke-color); }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover:before{ opacity:1; }
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega{ padding:24px; }
.sp-megamenu-parent .sp-mega-group-title{ color:var(--title-color); font-family:var(--title-font); }

/* offcanvas / mobile toggle */
.sp-megamenu-toggle, #offcanvas-toggler, .burger-icon{ color:var(--white-color)!important; }
.offcanvas-menu .offcanvas-inner .menu .menu-child{ }
.offcanvas-menu{ background:var(--theme-dark); }
.offcanvas-menu .sp-module ul.menu > li > a{ color:#fff; }

/* search/donate area in header */
#sp-header .sp-module, #sp-header .search input{ color:#fff; }

/* ============================ PAGE TITLE / BREADCRUMB ============================ */
#sp-page-title{ background-color:var(--theme-dark); background-image:url('/images/amhri-hero-un.jpg'); background-size:cover; background-position:center; position:relative; z-index:1; padding:80px 0; }
#sp-page-title:before{ content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,72,108,.86),rgba(0,168,228,.66)); z-index:-1; }
/* breadcrumb hero (title injected by custom.js when the banner is empty) */
.amhri-bc{ text-align:center; }
.amhri-bc h1{ color:#fff; font-family:var(--title-font); font-size:46px; font-weight:800; line-height:1.15; margin:0 0 12px; }
@media (max-width:767px){ .amhri-bc h1{ font-size:32px; } #sp-page-title{ padding:56px 0; } }
.amhri-crumb{ display:flex; gap:10px; justify-content:center; align-items:center; font-family:var(--body-font); font-size:15px; font-weight:600; }
.amhri-crumb a{ color:rgba(255,255,255,.85); }
.amhri-crumb a:hover{ color:var(--theme-color2); }
.amhri-crumb span{ color:rgba(255,255,255,.55); }
.amhri-crumb span.cur{ color:var(--theme-color2); }
#sp-page-title .sp-page-title{ text-align:center; }
#sp-page-title h1,#sp-page-title h2,#sp-page-title .page-title-heading{ color:#fff; font-size:48px; font-weight:800; margin:0 0 10px; }
#sp-page-title .breadcrumb,#sp-page-title ol.breadcrumb{ justify-content:center; background:transparent; margin:0; padding:0; }
#sp-page-title .breadcrumb a,#sp-page-title .breadcrumb li,#sp-page-title .breadcrumb span{ color:rgba(255,255,255,.85); }
#sp-page-title .breadcrumb .active,#sp-page-title .breadcrumb a:hover{ color:var(--theme-color2); }

/* main body padding */
#sp-main-body{ padding-top:80px; padding-bottom:90px; }
body.view-featured #sp-main-body, body.view-category #sp-main-body{ background:var(--smoke-color); }

/* ============================ BLOG / NEWS LISTING ============================ */
#sp-component .blog .article-list .row{ display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px; }
#sp-component .blog .article-list .row > [class*="col-"]{ flex:0 0 33.3333%; max-width:33.3333%; padding:0 15px; margin-bottom:30px; }
@media (max-width:991px){ #sp-component .blog .article-list .row > [class*="col-"]{ flex:0 0 50%; max-width:50%; } }
@media (max-width:575px){ #sp-component .blog .article-list .row > [class*="col-"]{ flex:0 0 100%; max-width:100%; } }

#sp-component .blog article.item,
.blog .items-leading article.item{
  background:var(--white-color); border-radius:30px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.06);
  margin:0; height:100%; display:flex; flex-direction:column; transition:.4s;
}
#sp-component .blog article.item:hover{ box-shadow:0 18px 40px rgba(0,0,0,.10); transform:translateY(-4px); }
article.item .entry-image.intro-image,article.item .pull-left.entry-image{ float:none!important; margin:0; overflow:hidden; position:relative; }
article.item .entry-image img{ width:100%; height:240px; object-fit:cover; transition:.5s ease; filter:grayscale(.1); }
article.item:hover .entry-image img{ transform:scale(1.06); filter:none; }
article.item .blog-content-wrap{ padding:28px 30px 30px; display:flex; flex-direction:column; flex:1; }
article.item .entry-header h2{ font-size:22px; line-height:1.35; font-weight:700; margin:10px 0 0; order:2; }
article.item .entry-header h2 a{ color:var(--title-color); }
article.item .entry-header h2 a:hover{ color:var(--theme-color); }
article.item .entry-header .post-format{ display:none; }

/* date / meta — Donat inline calendar (amber icon) */
article.item dl.article-info{ display:flex; flex-wrap:wrap; gap:0 24px; margin:0; padding:0; order:1; }
article.item dl.article-info dt.article-info-term{ display:none; }
article.item dl.article-info dd{ margin:0; font-size:14px; font-weight:400; color:var(--body-color); font-family:var(--body-font); display:inline-flex; align-items:center; }
article.item dl.article-info dd i{ color:var(--theme-color2); margin-right:8px; }
article.item dl.article-info dd time{ color:var(--body-color); }
article.item .icons{ display:none; }
article.item p.readmore{ margin:auto 0 0; padding-top:20px; }
article.item p.readmore a{ padding:14px 28px; font-size:14px; }

/* pagination — circular pills */
.pagination,.pagination-list{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; list-style:none; padding:0; margin:40px 0 0; }
.pagination li a,.pagination li span,.pagination-list a,.pagination-list span{ display:inline-flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:50%; background:var(--smoke-color); color:var(--title-color); border:none; font-weight:600; transition:.3s; }
.pagination li.active span,.pagination li a:hover{ background:var(--theme-color); color:#fff; }
.pagination li a i,.pagination-list a i{ color:var(--theme-color); }
.pagination li a:hover i{ color:#fff; }

/* ============================ SINGLE ARTICLE ============================ */
.item-page{ background:var(--white-color); border-radius:30px; padding:40px; box-shadow:0 10px 30px rgba(0,0,0,.06); }
.item-page .page-header h1,.item-page .page-header h2{ font-size:32px; font-weight:800; line-height:1.3; }
.item-page .article-info{ display:flex; flex-wrap:wrap; gap:0 26px; margin:0 0 22px; padding:0; }
.item-page .article-info dt{ display:none; }
.item-page .article-info dd{ margin:0; font-size:14px; color:var(--body-color); display:inline-flex; align-items:center; }
.item-page .article-info dd i{ color:var(--theme-color2); margin-right:8px; }
.item-page img{ border-radius:16px; }
.item-page blockquote{ font-size:16px; line-height:1.78; padding:36px 56px; font-weight:600; position:relative; background:transparent; margin:40px 0; color:var(--title-color); border:1px solid var(--th-border-color); border-radius:30px; }

/* ============================ SIDEBAR widgets ============================ */
#sp-right .sp-module,#sp-left .sp-module{ background:var(--smoke-color2); border-radius:30px; padding:34px 30px; margin-bottom:30px; }
#sp-right .sp-module-title,#sp-left .sp-module-title{ font-size:22px; font-weight:700; font-family:var(--title-font); margin-bottom:22px; position:relative; padding-bottom:14px; }
#sp-right .sp-module-title:after,#sp-left .sp-module-title:after{ content:''; position:absolute; left:0; bottom:0; width:60px; height:2px; background:var(--theme-color2); }

/* ============================ FOOTER ============================ */
#sp-bottom{ background:var(--black-color3); color:#8794A5; padding:80px 0 30px; }
#sp-bottom h1,#sp-bottom h2,#sp-bottom h3,#sp-bottom .sp-module-title{ color:#fff; font-family:var(--title-font); font-size:22px; font-weight:700; margin-bottom:26px; position:relative; padding-bottom:14px; }
#sp-bottom .sp-module-title:after{ content:''; position:absolute; left:0; bottom:0; width:70px; height:1px; background:var(--theme-color2); }
#sp-bottom a{ color:#8794A5; }
#sp-bottom a:hover{ color:var(--theme-color2); }
#sp-bottom ul.menu,#sp-bottom ul{ list-style:none; padding:0; margin:0; }
#sp-bottom ul.menu li a{ display:block; padding:0 0 0 22px; margin-bottom:13px; position:relative; }
#sp-bottom ul.menu li a:before{ content:"\f105"; font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome; font-weight:900; position:absolute; left:0; color:var(--theme-color2); transition:.3s; }
#sp-bottom ul.menu li a:hover{ color:var(--theme-color2); }
#sp-bottom ul.menu li a:hover:before{ transform:translateX(3px); }

#sp-footer{ background:var(--theme-color); color:#fff; padding:22px 0; }
#sp-footer, #sp-footer a, #sp-footer .sp-copyright{ color:#fff; }
#sp-footer a{ color:var(--theme-color2); }
#sp-footer a:hover{ color:#fff; }
#sp-footer .social-icons{ display:flex; gap:8px; justify-content:flex-end; list-style:none; margin:0; padding:0; }
#sp-footer .social-icons a{ width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; }
#sp-footer .social-icons a:hover{ background:var(--theme-color2); color:var(--title-color); }

/* ============================ ANIMATIONS (scroll reveal) ============================ */
.amhri-ani{ opacity:0; transform:translateY(60px); transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.3,1); will-change:transform,opacity; }
.amhri-ani.is-visible{ opacity:1; transform:none; }
@keyframes amhriRipple{ 0%{ transform:scale(1); opacity:0; } 30%{ opacity:.4; } 100%{ transform:scale(1.8); opacity:0; } }

/* ============================ HOMEPAGE (SP Page Builder) ============================ */
#sp-page-builder .sppb-addon-title{ font-family:var(--title-font); color:var(--title-color); font-weight:800; }
#sp-page-builder .sppb-section-title .sppb-title-subheading{ font-family:var(--caveat-font); color:var(--theme-color2); font-size:24px; font-weight:700; }
#sp-page-builder .sppb-btn,#sp-page-builder a.sppb-btn{ border-radius:50px!important; font-family:var(--body-font); font-weight:700; padding:16px 34px; }

/* HERO — Donat dark-navy overlay over the UN photo */
#section-id-1700000000007{ position:relative; z-index:1; background-image:url('/images/amhri-hero-un.jpg'); background-size:cover; background-position:center 18%; }
#section-id-1700000000007:before{ content:''; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg,rgba(12,72,108,.90),rgba(0,168,228,.62)); }
#section-id-1700000000007 .sppb-row-container,#section-id-1700000000007 .sppb-col{ position:relative; z-index:2; }
#section-id-1700000000007 *{ color:#fff !important; }
#section-id-1700000000007 .sppb-addon-title{ font-size:60px; line-height:1.1; font-weight:800; }
@media (max-width:991px){ #section-id-1700000000007 .sppb-addon-title{ font-size:40px; } }

/* COUNTERS — Donat funfact band (blue) */
#section-id-1700000000020{ background:var(--theme-color) !important; }
#section-id-1700000000020 *{ color:#fff !important; }
#section-id-1700000000020 .sppb-addon-title,#section-id-1700000000020 .sppb-counter-number{ font-size:48px; font-weight:800; }

/* hide leftover empty sections */
#section-id-1700000000032,#section-id-1700000000059{ display:none !important; }

/* Injected "Our Work" cards (.amhri-cards) -> Donat donation-card */
.amhri-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:14px; }
@media (max-width:991px){ .amhri-cards{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:575px){ .amhri-cards{ grid-template-columns:1fr; } }
.amhri-card{ display:block; background:#fff; border-radius:30px; padding:40px 30px; color:var(--title-color); box-shadow:0 16px 30px -4px rgba(12,12,13,.06); transition:.4s; position:relative; overflow:hidden; }
.amhri-card:hover{ transform:translateY(-6px); box-shadow:0 24px 46px -8px rgba(0,168,228,.18); color:var(--title-color); }
.amhri-card .ic{ width:80px; height:80px; line-height:80px; text-align:center; border-radius:24px; background:var(--theme-color); color:#fff; font-size:32px; margin-bottom:24px; transition:.4s; }
.amhri-card:hover .ic{ background:var(--theme-color2); color:var(--title-color); }
.amhri-card h3{ font-size:24px; font-weight:700; margin-bottom:12px; }
.amhri-card p{ margin-bottom:18px; }
.amhri-card .more{ color:var(--theme-color); font-weight:700; font-family:var(--title-font); }

/* reveal used by injected before_body observer */
.amhri-reveal{ opacity:0; transform:translateY(50px); transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.3,1); }
.amhri-reveal.amhri-in{ opacity:1; transform:none; }

/* language switcher pill inside blue nav */
.sp-megamenu-parent li.amhri-lang{ margin-left:18px; }
.sp-megamenu-parent li.amhri-lang > a{ background:var(--theme-color2); color:var(--title-color)!important; border-radius:50px; padding:10px 20px!important; font-weight:700; }
.sp-megamenu-parent li.amhri-lang > a:hover{ background:#fff; color:var(--theme-color)!important; }
[dir="rtl"] .sp-megamenu-parent li.amhri-lang{ margin-left:0; margin-right:18px; }

/* ============================ RTL (Arabic /ar/) ============================ */
[dir="rtl"] article.item dl.article-info dd i,[dir="rtl"] .item-page .article-info dd i{ margin-right:0; margin-left:8px; }
[dir="rtl"] #sp-bottom ul.menu li a{ padding:0 22px 0 0; }
[dir="rtl"] #sp-bottom ul.menu li a:before{ left:auto; right:0; content:"\f104"; }
[dir="rtl"] .sp-megamenu-parent > li.sp-menu-item{ margin:0 16px; }
[dir="rtl"] #sp-footer .social-icons,[dir="rtl"] #sp-top-bar .social-icons{ justify-content:flex-start; }

/* misc */
.sppb-text-center .sub-title{ justify-content:center; }
img{ max-width:100%; height:auto; }

/* ==========================================================================
   DONAT REFINEMENTS v2 — deeper fidelity across all pages
   ========================================================================== */
::selection{ background:var(--theme-color); color:#fff; }
html{ scroll-behavior:smooth; }
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-thumb{ background:var(--theme-color); border-radius:10px; }

/* ---- Section title pattern on Joomla module + SPPB headings ---- */
.sp-module-title,#sp-component .page-header > h1,#sp-component .page-header > h2{ font-family:var(--title-font); font-weight:800; color:var(--title-color); }
#sp-page-builder .sppb-section-title{ margin-bottom:40px; }
#sp-page-builder .sppb-title-subheading{ font-family:var(--caveat-font)!important; color:var(--theme-color2)!important; font-size:24px!important; font-weight:700!important; display:inline-flex; align-items:center; gap:10px; }
#sp-page-builder .sppb-title-subheading:before{ content:''; width:50px; height:2px; background:var(--theme-color2); display:inline-block; }
#sp-page-builder .sppb-section-title-heading,#sp-page-builder .sppb-addon-title{ font-family:var(--title-font)!important; font-weight:800!important; color:var(--title-color); }

/* ---- HEADER: wider Donat dropdown + mega panel ---- */
.sp-megamenu-parent > li.sp-has-child > .sp-dropdown{ min-width:250px; padding:18px 14px; }
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega{ padding:26px 30px; border-radius:14px; }
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega .sp-dropdown-mega-group-title{ color:var(--theme-color); font-family:var(--title-font); font-weight:700; border-bottom:1px solid var(--th-border-color); padding-bottom:10px; }
.sp-megamenu-parent .sp-mega-group-child .sp-dropdown-items li > a{ border-radius:8px; }

/* ---- HERO: floating decorative shapes + ripple ---- */
#section-id-1700000000007{ overflow:hidden; }
#section-id-1700000000007:after{ content:''; position:absolute; right:-120px; top:-120px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(252,204,0,.22), transparent 70%); z-index:0; animation:amhriFloat 9s ease-in-out infinite; pointer-events:none; }
@keyframes amhriFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(34px); } }
#section-id-1700000000007 .sppb-addon-btn,#section-id-1700000000007 a.sppb-btn{ box-shadow:none; }

/* ---- COUNTERS funfact numbers ---- */
#section-id-1700000000020 .sppb-addon-title,#section-id-1700000000020 .sppb-counter span,#section-id-1700000000020 .counter-number{ font-size:48px!important; font-weight:800!important; color:#fff!important; font-family:var(--title-font)!important; }

/* ---- BLOG CARD: image notch + arrow + category tag (added by JS) ---- */
article.item .entry-image{ border-radius:0; }
article.item .entry-image:after{ content:''; position:absolute; top:0; left:0; width:120px; height:42px; background:#fff; border-radius:0 0 22px 0; z-index:2; }
article.item p.readmore a:after{ content:"\f061"; font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome; font-weight:900; margin-left:9px; font-size:.8em; transition:.3s; }
article.item p.readmore a:hover:after{ transform:translateX(4px); }
.amhri-cat{ position:absolute; top:14px; right:14px; z-index:3; background:var(--theme-color); color:#fff; font-size:13px; font-weight:600; font-family:var(--body-font); padding:4px 14px; border-radius:30px; }
article.item dl.article-info dd.amhri-meta-cat{ display:inline-flex; align-items:center; }
article.item dl.article-info dd.amhri-meta-cat i{ color:var(--theme-color2); margin-right:8px; }

/* ---- HOMEPAGE program cards (Our Work) -> cause-card finish ---- */
.amhri-card{ border:1px solid transparent; }
.amhri-card:after{ content:''; position:absolute; right:0; bottom:0; width:200px; height:140px; background:var(--theme-color2); opacity:.06; z-index:0; border-radius:60px 0 30px 0; }
.amhri-card > *{ position:relative; z-index:1; }
.amhri-card .more:after{ content:"\f061"; font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome; font-weight:900; margin-left:8px; font-size:.85em; }

/* ---- INNER SPPB pages: card lift on feature/image blocks ---- */
#sp-page-builder .sppb-addon-feature,#sp-page-builder .sppb-addon.sppb-addon-single-image,#sp-page-builder .sppb-addon-box{ transition:.4s; }
#sp-page-builder .sppb-addon-single-image img,#sp-page-builder .sppb-img-responsive{ border-radius:20px; }
#sp-page-builder .sppb-addon-feature:hover{ transform:translateY(-5px); }
#sp-page-builder .sppb-icon i,#sp-page-builder .sppb-feature-box-icon{ color:var(--theme-color); }

/* ---- FORMS (contact) Donat pills ---- */
#sp-component input[type=text],#sp-component input[type=email],#sp-component input[type=tel],#sp-component input[type=url],#sp-component .form-control,.sppb-form-control{ height:56px; padding:0 25px; border:1px solid transparent; background:var(--smoke-color); border-radius:50px; font-family:var(--body-font); width:100%; transition:.3s; }
#sp-component textarea,#sp-component textarea.form-control{ min-height:140px; padding:16px 25px; border:1px solid transparent; background:var(--smoke-color); border-radius:20px; font-family:var(--body-font); width:100%; }
#sp-component input:focus,#sp-component textarea:focus{ outline:0; box-shadow:none; border-color:var(--th-border-color); background:var(--smoke-color2); }
#sp-component input[type=submit],#sp-component button[type=submit],#sp-component .btn-primary{ background:var(--theme-color); color:#fff!important; border:none; border-radius:50px; padding:18px 40px; font-weight:700; }

/* ---- ARTICLE body: lists, tables, blockquote, images ---- */
.item-page .article-body ul,.item-page ul.amhri-list{ list-style:none; padding-left:0; }
.item-page .article-body ul li{ position:relative; padding-left:28px; margin-bottom:10px; }
.item-page .article-body ul li:before{ content:"\f00c"; font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome; font-weight:900; color:var(--theme-color); position:absolute; left:0; top:2px; font-size:.85em; }
.item-page table,#sp-component table.category{ width:100%; border-collapse:collapse; }
.item-page table td,.item-page table th{ border:1px solid var(--th-border-color); padding:12px 16px; }
.item-page table th{ background:var(--theme-color); color:#fff; }

/* ---- FOOTER refinement: contact info, social, leaf bullets already set ---- */
#sp-bottom .social-icons{ display:flex; gap:8px; list-style:none; padding:0; margin:14px 0 0; }
#sp-bottom .social-icons a{ width:42px; height:42px; line-height:42px; text-align:center; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; }
#sp-bottom .social-icons a:hover{ background:var(--theme-color2); color:var(--title-color); }
#sp-bottom address,#sp-bottom .sp-contact-info{ line-height:2; }

/* ---- buttons inside SPPB get Donat fill sweep ---- */
#sp-page-builder a.sppb-btn,#sp-page-builder .sppb-btn{ background:var(--theme-color); color:#fff; box-shadow:inset 0 0 0 0 var(--theme-color2); transition:.5s; border:none; }
#sp-page-builder a.sppb-btn:hover,#sp-page-builder .sppb-btn:hover{ box-shadow:inset 0 -100px 0 0 var(--theme-color2); color:var(--title-color); }

/* ---- page-title breadcrumb pills ---- */
#sp-page-title .breadcrumb li,#sp-page-title .breadcrumb li a{ font-family:var(--body-font); font-weight:600; }
#sp-page-title .breadcrumb li+li:before{ color:rgba(255,255,255,.6); }

/* ---- scroll-to-top button (Helix goto-top) Donat circle ---- */
#sp-scroll-up,.scrollup,#scrollUp{ background:var(--theme-color)!important; border-radius:50%!important; color:#fff!important; }
#sp-scroll-up:hover{ background:var(--theme-color2)!important; color:var(--title-color)!important; }

/* reveal motion = Donat slideinup feel */
.amhri-ani{ opacity:0; transform:translateY(60px); transition:opacity 1s ease, transform 1s cubic-bezier(.2,.7,.3,1); }
.amhri-ani.is-visible{ opacity:1; transform:none; }

/* ==========================================================================
   DONAT v3 — mega-menu panels + donation/progress section
   ========================================================================== */

/* ---- MEGA-MENU panel (Our Work) — image cards (Concept 2) ---- */
.sp-megamenu-parent > li.amhri-mega{ position:relative; }
.sp-megamenu-parent > li.amhri-mega > .sp-dropdown{
  width:720px; max-width:calc(100vw - 40px); left:0 !important; right:auto !important;
  padding:16px !important; border-radius:20px; background:#fff !important;
  border:none !important; border-bottom:3px solid var(--theme-color) !important;
  box-shadow:0 24px 55px rgba(1,15,28,.18) !important;
}
[dir="rtl"] .sp-megamenu-parent > li.amhri-mega > .sp-dropdown{ left:auto !important; right:0 !important; }
.sp-megamenu-parent > li.amhri-mega .sp-dropdown-inner{ padding:0 !important; background:transparent !important; }
.sp-megamenu-parent > li.amhri-mega .sp-dropdown-inner > ul.sp-dropdown-items{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:14px; margin:0; padding:0; }
.sp-megamenu-parent > li.amhri-mega .sp-dropdown-items > li{ padding:0 !important; margin:0 !important; width:100%; border:none !important; background:transparent !important; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-link{
  display:block !important; padding:0 !important; border:1px solid var(--th-border-color) !important; border-radius:16px;
  background:#fff !important; transition:.35s ease; overflow:hidden; text-align:left; box-shadow:none !important; height:100%;
}
[dir="rtl"] .sp-megamenu-parent > li.amhri-mega .amhri-mega-link{ text-align:right; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-link:before{ display:none !important; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-link:hover{ border-color:var(--theme-color) !important; box-shadow:0 16px 34px rgba(0,168,228,.18) !important; transform:translateY(-4px); }
/* head band: tint each photo with its OWN program colour so all 3 cards read consistently (no more photo-brightness variance) */
.sp-megamenu-parent > li.amhri-mega .amhri-mega-head{ display:flex !important; align-items:center; justify-content:center; height:90px; position:relative; overflow:hidden;
  background-color:var(--headc, var(--theme-color));
  background-image:linear-gradient(150deg, color-mix(in srgb, var(--headc, var(--theme-color)) 68%, transparent), color-mix(in srgb, var(--headc, var(--theme-color)) 92%, #000 20%)), var(--headimg, url('/images/amhri-hero-un.jpg'));
  background-size:cover; background-position:center; background-blend-mode:multiply, normal; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-head:after{ content:''; position:absolute; right:-22px; top:-22px; width:90px; height:90px; border-radius:50%; background:rgba(255,255,255,.10); }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-head i{ font-size:32px; color:#fff !important; position:relative; z-index:1; transition:.35s ease; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-link:hover .amhri-mega-head i{ transform:scale(1.14); }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-body{ display:block; padding:16px 16px 18px; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-t{ display:block; font-weight:700; color:var(--title-color) !important; font-family:var(--title-font); font-size:16px; line-height:1.3; margin-bottom:7px; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-link:hover .amhri-mega-t{ color:var(--theme-color) !important; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-d{ display:block; font-size:12.5px; color:var(--body-color) !important; line-height:1.55; margin-bottom:13px; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-more{ display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:700; color:var(--theme-color) !important; font-family:var(--title-font); }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-more i{ transition:.3s ease; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-link:hover .amhri-mega-more i{ transform:translateX(5px); }
[dir="rtl"] .sp-megamenu-parent > li.amhri-mega .amhri-mega-link:hover .amhri-mega-more i{ transform:translateX(-5px); }
@media (max-width:991px){ .sp-megamenu-parent > li.amhri-mega > .sp-dropdown{ width:auto; } .sp-megamenu-parent > li.amhri-mega .sp-dropdown-inner > ul.sp-dropdown-items{ grid-template-columns:1fr; } }
/* 2-card variant (About) — right-aligned since About sits at the right of the nav */
.sp-megamenu-parent > li.amhri-mega.amhri-mega-2 > .sp-dropdown{ width:500px; left:auto !important; right:0 !important; }
[dir="rtl"] .sp-megamenu-parent > li.amhri-mega.amhri-mega-2 > .sp-dropdown{ right:auto !important; left:0 !important; }
.sp-megamenu-parent > li.amhri-mega.amhri-mega-2 .sp-dropdown-inner > ul.sp-dropdown-items{ grid-template-columns:repeat(2,1fr); }
@media (max-width:991px){ .sp-megamenu-parent > li.amhri-mega.amhri-mega-2 > .sp-dropdown{ width:auto; } .sp-megamenu-parent > li.amhri-mega.amhri-mega-2 .sp-dropdown-inner > ul.sp-dropdown-items{ grid-template-columns:1fr; } }

/* ---- DONATION / PROGRESS section (injected on homepage) ---- */
.amhri-donate-sec{ padding:var(--section-space) 0; background:var(--smoke-color); position:relative; z-index:1; }
@media (max-width:991px){ .amhri-donate-sec{ padding:var(--section-space-mobile) 0; } }
.amhri-donate-sec .container{ max-width:1290px; margin:0 auto; padding:0 24px; }
.amhri-donate-head{ text-align:center; max-width:680px; margin:0 auto 50px; }
.amhri-donate-head .sub-title{ justify-content:center; }
.amhri-donate-head h2{ font-size:42px; font-weight:800; color:var(--title-color); margin:8px 0 0; }
@media (max-width:767px){ .amhri-donate-head h2{ font-size:30px; } }
.amhri-causes{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
@media (max-width:991px){ .amhri-causes{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .amhri-causes{ grid-template-columns:1fr; } }
.amhri-cause{ background:#fff; border-radius:30px; overflow:hidden; box-shadow:0 16px 30px -4px rgba(12,12,13,.06); transition:.4s; display:flex; flex-direction:column; }
.amhri-cause:hover{ transform:translateY(-6px); box-shadow:0 26px 50px -8px rgba(0,168,228,.18); }
.amhri-cause-img{ height:200px; position:relative; display:grid; place-items:center; color:#fff; font-size:54px; background:linear-gradient(160deg, rgba(12,72,108,.4), rgba(12,72,108,.7)), var(--causeimg, url('/images/amhri-hero-un.jpg')); background-size:cover; background-position:center; }
.amhri-cause-img:after{ content:''; position:absolute; inset:0; background:radial-gradient(circle at 75% 20%, rgba(255,255,255,.18), transparent 60%); }
.amhri-cause-tag{ position:absolute; top:14px; right:14px; background:rgba(255,255,255,.92); color:var(--theme-color); font-size:13px; font-weight:700; padding:5px 16px; border-radius:30px; z-index:1; }
.amhri-cause-body{ padding:28px 28px 30px; display:flex; flex-direction:column; flex:1; }
.amhri-cause-body h3{ font-size:22px; font-weight:700; line-height:1.35; margin:0 0 20px; color:var(--title-color); min-height:60px; }
.amhri-bar{ height:8px; border-radius:30px; background:rgba(0,168,228,.14); overflow:hidden; margin-bottom:10px; }
.amhri-bar > span{ display:block; height:100%; background:linear-gradient(90deg,var(--theme-color),var(--theme-color2)); border-radius:30px; width:0; transition:width 1.6s cubic-bezier(.2,.7,.3,1); }
.amhri-cause.is-visible .amhri-bar > span{ width:var(--w,75%); }
.amhri-bar-meta{ display:flex; justify-content:space-between; font-size:14px; font-weight:600; margin-bottom:24px; }
.amhri-bar-meta .m1{ color:var(--title-color); }
.amhri-bar-meta .m2{ color:var(--theme-color); }
.amhri-cause .th-btn{ margin-top:auto; align-self:flex-start; padding:15px 30px; }
[dir="rtl"] .amhri-cause-tag{ right:auto; left:14px; }

/* (donat34: retired multi-slide-hero CSS removed — the homepage hero is now the AAZAL .azl-slider, see below) */

/* ==========================================================================
   WCAG AA fixes (2026-06-19) — body text + gold eyebrow contrast on white
   ========================================================================== */
/* 1. Long-form body text: #5B6772 (~4.0:1) -> #5B6772 (~4.6:1, AA for small text).
      Hero text (white on dark) and dark-surface text are untouched.            */
body{ color:#5B6772 !important; }
#sp-component p, #sp-component li, .item-page, .item-page p, .item-page li,
article.item .blog-content-wrap, .amhri-mega-d, .amhri-cause-body h3, .blog-text, p{ color:#5B6772; }
/* 2. Gold eyebrow TEXT on light sections: #FCCC00 (~1.9:1) -> #006C95 (~3.4:1, AA large).
      The decorative dashes stay gold; the hero eyebrow on the dark overlay stays bright gold. */
.sub-title, .amhri-eyebrow, #sp-page-builder .sppb-title-subheading, .amhri-donate-head .sub-title{ color:#006C95 !important; }
.sub-title:before, .sub-title:after, .amhri-eyebrow:before, #sp-page-builder .sppb-title-subheading:before{ background:var(--theme-color2); }

/* ==========================================================================
   Contact section + article share/related (2026-06-19)
   ========================================================================== */
.amhri-contact{ padding:20px 0 10px; }
.amhri-contact .container{ max-width:1290px; margin:0 auto; padding:0 24px; }
.amhri-contact-grid{ display:grid; grid-template-columns:1fr 1.15fr; gap:40px; align-items:start; }
@media (max-width:900px){ .amhri-contact-grid{ grid-template-columns:1fr; gap:30px; } }
.amhri-contact-info h2{ font-size:34px; font-weight:800; margin:6px 0 14px; }
.amhri-contact-info > p{ margin-bottom:24px; }
.amhri-cinfo-card{ display:flex; gap:16px; align-items:center; background:#fff; border:1px solid var(--th-border-color); border-radius:18px; padding:16px 20px; margin-bottom:14px; transition:.3s ease; }
.amhri-cinfo-card:hover{ border-color:var(--theme-color); box-shadow:0 12px 26px rgba(0,168,228,.12); transform:translateY(-2px); }
.amhri-cinfo-card .ic{ width:52px; height:52px; flex:none; border-radius:13px; background:var(--theme-color); color:#fff; display:grid; place-items:center; font-size:20px; }
.amhri-cinfo-card b{ display:block; font-family:var(--title-font); color:var(--title-color); font-size:16px; margin-bottom:2px; }
.amhri-cinfo-card p{ margin:0; }
.amhri-cinfo-card a{ color:var(--body-color); }
.amhri-cinfo-card a:hover{ color:var(--theme-color); }
.amhri-contact-form{ background:#fff; border-radius:30px; padding:36px; box-shadow:0 16px 40px rgba(0,0,0,.06); }
@media (max-width:480px){ .amhri-contact-form{ padding:24px; } }
.amhri-contact-form .row2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:480px){ .amhri-contact-form .row2{ grid-template-columns:1fr; } }
.amhri-contact-form input, .amhri-contact-form textarea{ width:100%; background:var(--smoke-color2); border:1px solid transparent; border-radius:50px; padding:0 22px; height:56px; font-family:var(--body-font); font-size:15px; color:var(--title-color); margin-bottom:16px; transition:.3s ease; }
.amhri-contact-form textarea{ border-radius:20px; padding:16px 22px; min-height:150px; height:auto; }
.amhri-contact-form input:focus, .amhri-contact-form textarea:focus{ outline:0; border-color:var(--theme-color); background:#fff; }
.amhri-contact-form .th-btn{ border:none; cursor:pointer; }
.amhri-contact .th-social{ margin-top:18px; }
.amhri-contact-map{ margin:46px 24px 10px; border-radius:30px; overflow:hidden; line-height:0; box-shadow:0 16px 40px rgba(0,0,0,.06); }
.amhri-contact-map iframe{ width:100%; height:420px; border:0; display:block; }

.amhri-share{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:34px 0 0; padding-top:26px; border-top:1px solid var(--th-border-color); }
.amhri-share .lbl{ font-family:var(--title-font); font-weight:700; color:var(--title-color); margin-right:4px; }
.amhri-share a{ width:42px; height:42px; line-height:42px; text-align:center; border-radius:50%; background:var(--smoke-color2); color:var(--title-color); transition:.3s ease; }
.amhri-share a:hover{ background:var(--theme-color); color:#fff; transform:translateY(-2px); }
.amhri-related{ margin-top:50px; }
.amhri-related > h3{ font-size:26px; font-weight:800; margin-bottom:24px; position:relative; padding-bottom:14px; }
.amhri-related > h3:after{ content:''; position:absolute; left:0; bottom:0; width:60px; height:3px; background:var(--theme-color2); border-radius:3px; }
[dir="rtl"] .amhri-related > h3:after{ left:auto; right:0; }
.amhri-related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width:767px){ .amhri-related-grid{ grid-template-columns:1fr; } }
.amhri-rel-card{ background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 10px 24px rgba(0,0,0,.06); transition:.35s ease; display:block; }
.amhri-rel-card:hover{ transform:translateY(-5px); box-shadow:0 18px 36px rgba(0,0,0,.1); }
.amhri-rel-card .rim{ display:block; height:150px; background:var(--theme-color); background-size:cover; background-position:center; }
.amhri-rel-card .rb{ display:block; padding:16px 18px 20px; }
.amhri-rel-card .rb h4{ font-size:16px; font-weight:700; line-height:1.4; margin:0; color:var(--title-color); }
.amhri-rel-card:hover .rb h4{ color:var(--theme-color); }

/* ============================================================
   donat22 — contact mailer status, article byline + prev/next,
   About impact-stats band
   ============================================================ */

/* Contact form: honeypot + submit status message */
.amhri-hp{ position:absolute!important; left:-9999px!important; top:auto; width:1px!important; height:1px!important; overflow:hidden; opacity:0!important; pointer-events:none; }
.amhri-form-status{ font-family:var(--body-font); font-size:15px; line-height:1.55; margin:0 0 16px; }
.amhri-form-status:empty{ display:none; }
.amhri-form-status.ok{ color:#0F6B4F; background:#E9F6F0; border:1px solid #BFE6D6; border-radius:16px; padding:14px 18px; }
.amhri-form-status.err{ color:#9A2530; background:#FDECEE; border:1px solid #F6CFD3; border-radius:16px; padding:14px 18px; }
.amhri-form-status.err a{ color:var(--theme-color); font-weight:700; text-decoration:underline; }
.amhri-contact-form button[type="submit"][disabled]{ opacity:.7; cursor:default; }

/* Single-article author byline (sits in dl.article-info alongside the date) */
dd.amhri-author{ display:inline-flex; align-items:center; gap:7px; }
dd.amhri-author i{ color:var(--theme-color2); }

/* Single-article previous / next navigation (Joomla 6 nav.pagenavigation) */
.item-page .amhri-pgnav{ margin:44px 0 0; padding:30px 0 0; border-top:1px solid var(--th-border-color); }
.item-page .amhri-pgnav ul{ list-style:none; display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; align-items:stretch; margin:0; padding:0; }
.item-page .amhri-pgnav li{ margin:0; padding:0; max-width:49%; list-style:none; }
.item-page .amhri-pgnav li:before{ display:none; }
.item-page .amhri-pgnav li.next{ margin-left:auto; }
[dir="rtl"] .item-page .amhri-pgnav li.next{ margin-left:0; margin-right:auto; }
.item-page .amhri-pgnav a, .item-page .amhri-pgnav a.page-link{ display:inline-flex; align-items:center; gap:14px; background:var(--smoke-color2); color:var(--title-color); border:0; border-radius:18px; padding:14px 22px; max-width:100%; text-decoration:none; transition:.3s ease; }
.item-page .amhri-pgnav a:hover{ background:var(--theme-color); color:#fff; transform:translateY(-2px); box-shadow:0 12px 26px rgba(0,168,228,.22); }
.item-page .amhri-pgnav li.next a{ flex-direction:row-reverse; }
.amhri-pg-ic{ flex:0 0 auto; width:40px; height:40px; border-radius:50%; background:#fff; color:var(--theme-color); display:inline-flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(0,0,0,.06); transition:.3s ease; }
.item-page .amhri-pgnav a:hover .amhri-pg-ic{ background:rgba(255,255,255,.18); color:#fff; box-shadow:none; }
.amhri-pg-tx{ display:flex; flex-direction:column; min-width:0; }
.item-page .amhri-pgnav li.next .amhri-pg-tx{ text-align:right; }
[dir="rtl"] .item-page .amhri-pgnav li.next .amhri-pg-tx{ text-align:left; }
.amhri-pg-l{ font-family:var(--body-font); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.09em; opacity:.65; }
.amhri-pg-t{ font-family:var(--title-font); font-weight:700; font-size:15px; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:230px; }
.item-page .amhri-pgnav .visually-hidden{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@media (max-width:575px){ .item-page .amhri-pgnav ul{ flex-direction:column; } .item-page .amhri-pgnav li{ max-width:100%; } .item-page .amhri-pgnav li.next{ margin-left:0; } .amhri-pg-t{ max-width:100%; white-space:normal; } }

/* About page — impact-stats counter band */
.amhri-stats{ margin:8px 0 40px; }
.amhri-stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; background:var(--theme-dark); background-image:linear-gradient(120deg,var(--theme-dark),var(--theme-color)); border-radius:30px; padding:40px 28px; }
.amhri-stat{ text-align:center; color:#fff; position:relative; padding:6px 10px; }
.amhri-stat:not(:last-child):after{ content:''; position:absolute; right:-10px; top:18%; height:64%; width:1px; background:rgba(255,255,255,.18); }
[dir="rtl"] .amhri-stat:not(:last-child):after{ right:auto; left:-10px; }
.amhri-stat .amhri-counter{ display:block; font-family:var(--title-font); font-weight:800; font-size:46px; line-height:1.05; color:#fff; }
.amhri-stat .amhri-stat-l{ display:block; margin-top:6px; font-family:var(--body-font); font-size:15px; letter-spacing:.02em; color:rgba(255,255,255,.86); }
@media (max-width:767px){ .amhri-stats-grid{ grid-template-columns:repeat(2,1fr); gap:10px; padding:30px 18px; } .amhri-stat:nth-child(2):after{ display:none; } .amhri-stat .amhri-counter{ font-size:38px; } }
@media (max-width:420px){ .amhri-stats-grid{ grid-template-columns:repeat(2,1fr); } }

/* ============================================================
   donat25 — Donate page (honest PLEDGE experience; no payment
   processor exists, so this is not a charge; no fabricated totals)
   ============================================================ */
.focusable:focus-visible{ outline:3px solid var(--theme-color); outline-offset:2px; border-radius:inherit; }
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }
}

.amhri-donate{ padding:64px 0 90px; }
.amhri-donate .container{ max-width:1290px; margin:0 auto; padding:0 24px; }
.amhri-d-head{ max-width:760px; margin:0 auto 42px; text-align:center; }
.amhri-d-head h2{ font-size:40px; margin:6px 0 14px; }
.amhri-d-head p{ color:var(--body-color); font-size:17px; line-height:1.7; }
@media (max-width:767px){ .amhri-d-head h2{ font-size:30px; } }

.amhri-d-grid{ display:grid; grid-template-columns:1fr 380px; gap:30px; align-items:start; }
@media (max-width:991px){ .amhri-d-grid{ grid-template-columns:1fr; } }

.amhri-d-form{ background:#fff; border:1px solid var(--th-border-color); border-radius:30px; padding:32px; box-shadow:0 16px 40px rgba(0,0,0,.06); }
@media (max-width:480px){ .amhri-d-form{ padding:22px; } }
.amhri-d-fs{ border:0; padding:0; margin:0 0 26px; }
.amhri-d-fs:last-of-type{ margin-bottom:0; }
.amhri-d-fs legend{ font-family:var(--title-font); font-weight:800; font-size:17px; color:var(--title-color); padding:0; margin-bottom:14px; }
.amhri-d-who legend{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

.amhri-d-seg{ display:inline-flex; background:var(--smoke-color2); border:1px solid var(--th-border-color); border-radius:50px; padding:5px; }
.amhri-d-seg button{ border:0; background:transparent; cursor:pointer; min-height:44px; padding:0 26px; border-radius:50px; font-family:var(--title-font); font-weight:700; font-size:15px; color:var(--body-color); transition:.25s ease; }
.amhri-d-seg button.is-on{ background:var(--theme-color); color:#fff; box-shadow:0 6px 16px -6px var(--theme-color); }

.amhri-d-chips{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
@media (max-width:520px){ .amhri-d-chips{ grid-template-columns:repeat(2,1fr); } }
.amhri-d-chip{ cursor:pointer; background:#fff; border:2px solid var(--th-border-color); border-radius:16px; padding:16px 6px; transition:.2s ease; }
.amhri-d-chip:hover{ border-color:rgba(0,168,228,.55); }
.amhri-d-chip.is-on{ border-color:var(--theme-color); background:#E6F6FD; box-shadow:0 10px 22px -12px var(--theme-color); }
.amhri-d-chip-v{ font-family:var(--title-font); font-weight:800; font-size:22px; color:var(--title-color); font-variant-numeric:tabular-nums; }
.amhri-d-other{ position:relative; margin-top:12px; }
.amhri-d-other > span{ position:absolute; left:18px; top:50%; transform:translateY(-50%); font-family:var(--title-font); font-weight:800; font-size:18px; color:var(--body-color); }
[dir="rtl"] .amhri-d-other > span{ left:auto; right:18px; }
.amhri-d-other input{ width:100%; height:54px; border:2px solid var(--th-border-color); border-radius:16px; padding:0 18px 0 34px; font-family:var(--title-font); font-weight:700; font-size:17px; color:var(--title-color); background:#fff; transition:.2s ease; }
[dir="rtl"] .amhri-d-other input{ padding:0 34px 0 18px; }
.amhri-d-other input:focus{ outline:0; border-color:var(--theme-color); }
.amhri-d-impact{ display:flex; align-items:flex-start; gap:9px; margin:16px 0 0; padding:14px 16px; background:#E6F6FD; border-radius:14px; color:#0C486C; font-size:14.5px; line-height:1.55; }
.amhri-d-impact i{ color:var(--theme-color); margin-top:2px; }
[dir="rtl"] .amhri-d-impact{ flex-direction:row-reverse; text-align:right; }

.amhri-d-progs{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
@media (max-width:480px){ .amhri-d-progs{ grid-template-columns:1fr; } }
.amhri-d-prog{ cursor:pointer; text-align:left; background:#fff; border:2px solid var(--th-border-color); border-radius:14px; padding:13px 16px; font-family:var(--title-font); font-weight:700; font-size:14.5px; color:var(--title-color); transition:.2s ease; }
[dir="rtl"] .amhri-d-prog{ text-align:right; }
.amhri-d-prog:hover{ border-color:rgba(0,168,228,.5); }
.amhri-d-prog.is-on{ border-color:var(--theme-color); background:#E6F6FD; }

.amhri-d-who .row2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:520px){ .amhri-d-who .row2{ grid-template-columns:1fr; } }
.amhri-d-who input{ width:100%; height:54px; background:var(--smoke-color2); border:1px solid transparent; border-radius:14px; padding:0 18px; font-family:var(--body-font); font-size:15px; color:var(--title-color); transition:.25s ease; }
.amhri-d-who input:focus{ outline:0; border-color:var(--theme-color); background:#fff; }

.amhri-d-side{ display:flex; flex-direction:column; gap:18px; position:sticky; top:24px; }
@media (max-width:991px){ .amhri-d-side{ position:static; } }
.amhri-d-card{ background:#fff; border:1px solid var(--th-border-color); border-radius:24px; padding:24px; box-shadow:0 12px 30px rgba(0,0,0,.05); }
.amhri-d-summary{ background:linear-gradient(135deg,var(--theme-dark),var(--theme-color)); border:0; color:#fff; }
.amhri-d-sum-head{ display:flex; align-items:center; justify-content:space-between; }
.amhri-d-sum-head > span{ font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:rgba(255,255,255,.85); }
.amhri-d-total{ font-family:var(--title-font); font-weight:900; font-size:30px; font-variant-numeric:tabular-nums; }
.amhri-d-summary dl{ margin:18px 0; border-top:1px solid rgba(255,255,255,.18); padding-top:14px; }
.amhri-d-summary dl > div{ display:flex; align-items:center; justify-content:space-between; padding:5px 0; font-size:14px; }
.amhri-d-summary dt{ color:rgba(255,255,255,.85); }
.amhri-d-summary dd{ margin:0; font-weight:700; color:#fff; font-variant-numeric:tabular-nums; }
.amhri-d-submit{ width:100%; justify-content:center; cursor:pointer; margin-top:4px; }
/* gold button with DARK text — must beat the template's #sp-component button[type=submit] (1,1,1) */
#sp-component .th-btn.amhri-d-submit{ background:var(--theme-color2)!important; color:var(--title-color)!important; box-shadow:none!important; }
#sp-component .th-btn.amhri-d-submit:hover{ background:var(--theme-color2)!important; color:var(--title-color)!important; box-shadow:none!important; filter:brightness(.93); transform:translateY(-1px); }
.amhri-d-submit[disabled]{ opacity:.7; cursor:default; }
.amhri-d-note{ display:flex; gap:8px; margin:14px 0 0; font-size:12.5px; line-height:1.55; color:rgba(255,255,255,.9); }
.amhri-d-note i{ margin-top:2px; }
[dir="rtl"] .amhri-d-note{ flex-direction:row-reverse; text-align:right; }
.amhri-d-trust h4, .amhri-d-ways h4{ font-family:var(--title-font); font-weight:800; font-size:16px; margin:0 0 14px; color:var(--title-color); }
.amhri-d-trust ul{ list-style:none; margin:0; padding:0; }
.amhri-d-trust li{ display:flex; gap:10px; align-items:flex-start; padding:7px 0; font-size:13.5px; color:var(--body-color); line-height:1.5; }
.amhri-d-trust li i{ color:var(--theme-color); margin-top:3px; }
[dir="rtl"] .amhri-d-trust li{ flex-direction:row-reverse; text-align:right; }
.amhri-d-ways .amhri-d-link{ display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:12px; background:var(--smoke-color2); color:var(--title-color); font-weight:700; font-size:14px; margin-bottom:8px; transition:.2s ease; }
.amhri-d-ways .amhri-d-link:last-child{ margin-bottom:0; }
.amhri-d-ways .amhri-d-link:hover{ background:#E6F6FD; color:var(--theme-color); }
.amhri-d-ways .amhri-d-link i{ color:var(--theme-color); width:18px; text-align:center; }
.amhri-d-ways button.amhri-d-link{ width:100%; border:0; text-align:left; font-family:var(--body-font); cursor:pointer; }
[dir="rtl"] .amhri-d-ways .amhri-d-link{ flex-direction:row-reverse; text-align:right; }
[dir="rtl"] .amhri-d-ways button.amhri-d-link{ text-align:right; }

/* ============================================================
   donat28 — homepage: Leadership team cards + Latest News preview
   ============================================================ */
.amhri-team{ display:block; margin-top:42px; }
.amhri-team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
@media (max-width:991px){ .amhri-team-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:460px){ .amhri-team-grid{ grid-template-columns:1fr; } }
.amhri-person2{ background:#fff; border:1px solid var(--th-border-color); border-radius:24px; padding:32px 22px; text-align:center; box-shadow:0 12px 30px rgba(0,0,0,.05); transition:.35s ease; }
.amhri-person2:hover{ transform:translateY(-6px); box-shadow:0 22px 44px rgba(0,168,228,.14); }
.amhri-person2-av{ display:inline-flex; align-items:center; justify-content:center; width:86px; height:86px; border-radius:50%; margin-bottom:18px; font-family:var(--title-font); font-weight:800; font-size:30px; letter-spacing:.02em; color:#fff; background:linear-gradient(135deg,var(--theme-dark),var(--theme-color)); }
.amhri-person2:nth-child(2) .amhri-person2-av{ background:linear-gradient(135deg,#0084B4,#00B4F0); }
.amhri-person2:nth-child(3) .amhri-person2-av{ background:linear-gradient(135deg,#E0AE00,#FCD854); color:#3a2700; }
.amhri-person2:nth-child(4) .amhri-person2-av{ background:linear-gradient(135deg,#0C486C,#0084B4); }
/* real member PHOTO avatar (donat39) — overrides the initials gradient; sticker frame */
.amhri-person2 .amhri-person2-av.amhri-photo{ width:104px; height:104px; background-size:cover; background-position:center 16%; background-repeat:no-repeat; background-color:var(--n300); border:2px solid var(--ink); box-shadow:3px 3px 0 var(--inksh); color:transparent; }
.amhri-person2 h4{ font-size:19px; font-weight:800; margin:0 0 5px; color:var(--title-color); }
.amhri-person2-r{ display:block; font-family:var(--body-font); font-size:14px; font-weight:700; color:var(--theme-color); }

.amhri-latest{ padding:var(--section-space) 0; background:var(--smoke-color2); }
@media (max-width:767px){ .amhri-latest{ padding:var(--section-space-mobile) 0; } }
[dir="rtl"] .th-btn i{ margin-left:0; margin-right:8px; }
.amhri-latest-head{ text-align:center; max-width:640px; margin:0 auto 46px; }
.amhri-latest-head h2{ font-size:42px; margin-top:6px; }
@media (max-width:767px){ .amhri-latest-head h2{ font-size:30px; } }
.amhri-latest-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; min-height:40px; }
@media (max-width:991px){ .amhri-latest-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .amhri-latest-grid{ grid-template-columns:1fr; } }
.amhri-latest-card{ display:flex; flex-direction:column; background:#fff; border-radius:30px; overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,.06); transition:.35s ease; }
.amhri-latest-card:hover{ transform:translateY(-6px); box-shadow:0 24px 48px rgba(0,0,0,.1); }
.amhri-latest-im{ display:block; height:210px; background:var(--theme-color); background-size:cover; background-position:center; transition:.5s ease; }
.amhri-latest-card:hover .amhri-latest-im{ transform:scale(1.06); }
.amhri-latest-b{ display:flex; flex-direction:column; flex:1; padding:24px 26px 28px; }
.amhri-latest-date{ font-family:var(--body-font); font-size:13.5px; color:var(--theme-color); font-weight:700; margin-bottom:10px; }
.amhri-latest-date i{ color:var(--theme-color2); margin-right:6px; }
[dir="rtl"] .amhri-latest-date i{ margin-right:0; margin-left:6px; }
.amhri-latest-card h3{ font-size:19px; font-weight:800; line-height:1.4; margin:0 0 16px; color:var(--title-color); transition:.25s ease; }
.amhri-latest-card:hover h3{ color:var(--theme-color); }
.amhri-latest-rm{ margin-top:auto; font-family:var(--title-font); font-weight:700; font-size:14px; color:var(--theme-color); }
.amhri-latest-rm i{ margin-left:6px; font-size:12px; }
[dir="rtl"] .amhri-latest-rm i{ margin-left:0; margin-right:6px; }
.amhri-latest-more{ text-align:center; margin-top:46px; }

/* ==========================================================================
   AAZAL STICKER THEME (donat33) — neo-brutalist re-skin layered LAST so it
   wins over the Donat base above. Cyan + Yellow + Ink on cream/paper, 2px ink
   borders + offset "sticker" shadows, Sora display / Inter body, halftone dots.
   Third CMYK channel (the M) is fully excluded.
   ========================================================================== */

/* ---- type rhythm: Sora display, tighter tracking ---- */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,
.sppb-addon-title,.sppb-section-title-heading,.sp-megamenu-parent>li>a{ letter-spacing:-.02em; }
h1,.h1{ letter-spacing:-.03em; line-height:1.05; }

/* ---- eyebrow: uppercase Sora with a leading cyan dot (replaces the Caveat script) ---- */
.sub-title,.amhri-eyebrow,#sp-page-builder .sppb-title-subheading,#sp-page-builder .sppb-title-subheading.sppb-title-subheading{
  font-family:var(--title-font)!important; font-weight:700!important; font-size:13px!important;
  text-transform:uppercase; letter-spacing:.16em!important; color:var(--cyan-ink)!important;
  display:inline-flex!important; align-items:center; gap:.55rem; line-height:1; margin-bottom:16px;
}
.sub-title:before,.amhri-eyebrow:before,#sp-page-builder .sppb-title-subheading:before{
  content:''!important; width:8px!important; height:8px!important; border-radius:50%;
  background:var(--cyan)!important; flex:none; display:inline-block;
}
.sub-title:after,.amhri-eyebrow:after{ display:none!important; }

/* ---- BUTTONS: sticker — 2px ink border + offset shadow, lift on hover, press on click ---- */
.th-btn,
#sp-component .btn,#sp-component a.btn,.readmore a,.item-page a.btn,
#sp-page-builder a.sppb-btn,#sp-page-builder .sppb-btn,.sppb-btn,button.th-btn{
  background:var(--cyan)!important; color:var(--ink)!important; border:2px solid var(--ink)!important;
  border-radius:12px!important; box-shadow:4px 4px 0 var(--inksh)!important;
  font-family:var(--body-font)!important; font-weight:700!important; font-size:15px; letter-spacing:.01em;
  padding:14px 26px; text-transform:none!important;
  transition:transform .14s cubic-bezier(.2,.8,.2,1), box-shadow .14s cubic-bezier(.2,.8,.2,1)!important;
}
.th-btn:hover,
#sp-component .btn:hover,#sp-component a.btn:hover,.readmore a:hover,.item-page a.btn:hover,
#sp-page-builder a.sppb-btn:hover,#sp-page-builder .sppb-btn:hover,.sppb-btn:hover,button.th-btn:hover{
  background:var(--cyan)!important; color:var(--ink)!important;
  transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--inksh)!important;
}
.th-btn:active{ transform:translate(2px,2px); box-shadow:0 0 0 var(--inksh)!important; }
.th-btn:focus-visible{ outline:3px solid var(--cyan-bright)!important; outline-offset:2px; }
/* yellow = strongest CTA (hero primary / donate) */
.th-btn.style2,.th-btn.style3,.th-btn.style4{ background:var(--yel)!important; color:var(--ink)!important; }
.th-btn.style2:hover,.th-btn.style3:hover,.th-btn.style4:hover{ background:var(--yel)!important; color:var(--ink)!important; }
/* outline / secondary */
.th-btn.style5{ background:transparent!important; color:var(--ink)!important; }
.th-btn i{ margin-left:8px; transition:transform .2s ease; }
.th-btn:hover i{ transform:translateX(3px); }
[dir="rtl"] .th-btn i{ margin-left:0; margin-right:8px; }
[dir="rtl"] .th-btn:hover i{ transform:translateX(-3px); }
/* donate submit keeps the yellow CTA + sticker shadow (beats the donat25 override above) */
#sp-component .th-btn.amhri-d-submit{ background:var(--yel)!important; color:var(--ink)!important; box-shadow:4px 4px 0 var(--inksh)!important; }
#sp-component .th-btn.amhri-d-submit:hover{ background:var(--yel)!important; color:var(--ink)!important; box-shadow:6px 6px 0 var(--inksh)!important; transform:translate(-2px,-2px); filter:none; }

/* ---- CARDS: ink border + offset sticker shadow, lift on hover ---- */
.amhri-card,.amhri-cause,.amhri-rel-card,.amhri-cinfo-card,.amhri-person2,
.amhri-latest-card,#sp-component .blog article.item,.blog .items-leading article.item,
.item-page,.amhri-contact-form,.amhri-d-form,.amhri-d-card,.amhri-quote,
#sp-right .sp-module,#sp-left .sp-module{
  border:2px solid var(--ink)!important; border-radius:18px!important;
  box-shadow:5px 5px 0 var(--inksh)!important;
}
.amhri-card:hover,.amhri-cause:hover,.amhri-rel-card:hover,.amhri-cinfo-card:hover,
.amhri-person2:hover,.amhri-latest-card:hover,#sp-component .blog article.item:hover{
  transform:translate(-4px,-4px)!important; box-shadow:9px 9px 0 var(--inksh)!important;
}
.amhri-stats-grid{ background:linear-gradient(120deg,var(--inksh),var(--ink))!important; border:2px solid var(--ink)!important; box-shadow:6px 6px 0 var(--inksh); border-radius:20px; }
/* solid icon TILES: deeper cyan so the white glyph clears 3:1 non-text contrast */
.amhri-card .ic,.amhri-cinfo-card .ic{ background:var(--cyan-deep)!important; }
/* program/news image notch removed — the sticker border reads cleaner without it */
article.item .entry-image:after{ display:none!important; }
article.item .entry-image img{ filter:none!important; }

/* cyan TEXT on light surfaces -> cyan-ink for AA legibility (icons stay bright) */
.amhri-cause-tag,.amhri-bar-meta .m2,.amhri-latest-date,.amhri-latest-rm,.amhri-person2-r,
.amhri-card .more,.amhri-mega-more,.amhri-latest-card:hover h3,.amhri-rel-card:hover .rb h4,
article.item .entry-header h2 a:hover,#sp-component .item-page a,#sp-component .blog-text a{ color:var(--cyan-ink)!important; }

/* ---- INPUTS: bordered sticker fields ---- */
#sp-component input[type=text],#sp-component input[type=email],#sp-component input[type=tel],
#sp-component input[type=url],#sp-component .form-control,.sppb-form-control,
#sp-component textarea,#sp-component textarea.form-control,
.amhri-contact-form input,.amhri-contact-form textarea,
.amhri-d-who input,.amhri-d-other input{
  border:2px solid var(--ink)!important; border-radius:12px!important; background:var(--paper)!important;
}
#sp-component input:focus,#sp-component textarea:focus,
.amhri-contact-form input:focus,.amhri-contact-form textarea:focus,
.amhri-d-who input:focus,.amhri-d-other input:focus{ border-color:var(--cyan-deep)!important; box-shadow:0 0 0 3px rgba(0,168,228,.18)!important; background:var(--paper)!important; }
/* donate chips / programs / frequency -> sticker selectors */
.amhri-d-chip,.amhri-d-prog{ border:2px solid var(--ink)!important; border-radius:12px!important; box-shadow:3px 3px 0 var(--inksh); }
.amhri-d-chip:hover,.amhri-d-prog:hover{ transform:translate(-1px,-1px); box-shadow:4px 4px 0 var(--inksh); }
.amhri-d-chip.is-on,.amhri-d-prog.is-on{ background:var(--cyan)!important; color:var(--ink)!important; box-shadow:3px 3px 0 var(--inksh); }
.amhri-d-chip.is-on .amhri-d-chip-v{ color:var(--ink); }
.amhri-d-seg{ border:2px solid var(--ink)!important; border-radius:12px!important; background:var(--paper-off)!important; }
.amhri-d-seg button.is-on{ background:var(--cyan)!important; color:var(--ink)!important; box-shadow:none!important; }
.amhri-d-impact{ background:#E6F6FD!important; color:#0C486C!important; border:1.5px solid var(--cyan); border-radius:12px; }
.amhri-d-impact i{ color:var(--cyan-deep)!important; }

/* ---- HEADER: white bar, 2px ink underline, ink nav, cyan hover, yellow CTA ---- */
#sp-top-bar{ background:var(--ink)!important; color:#fff!important; border-bottom:0!important; }
#sp-top-bar a{ color:#fff!important; }
#sp-top-bar a:hover{ color:var(--cyan-bright)!important; }
#sp-top-bar .social-icons a{ border-color:rgba(255,255,255,.28)!important; color:#fff; }
#sp-top-bar .social-icons a:hover{ background:var(--cyan)!important; border-color:var(--cyan)!important; color:var(--ink)!important; }
#sp-logo-wrapper{ background:var(--paper)!important; }
#sp-header,#sp-header.header-sticky,#sp-header.menu-fixed-in{ background:var(--paper)!important; border-bottom:2px solid var(--ink)!important; box-shadow:none!important; margin-top:0!important; }
#sp-header > .container > .row{ background:var(--paper)!important; border-radius:0!important; box-shadow:none!important; padding:4px 20px!important; min-height:70px; }
#sp-header.header-sticky{ box-shadow:0 5px 0 -1px rgba(12,72,108,.16)!important; }
.sp-megamenu-parent > li.sp-menu-item > a{ color:var(--ink)!important; font-weight:600!important; padding:22px 0!important; }
.sp-megamenu-parent > li.sp-menu-item > a:hover,
.sp-megamenu-parent > li.sp-menu-item.current-item > a,
.sp-megamenu-parent > li.sp-menu-item.active > a{ color:var(--cyan-ink)!important; }
.sp-megamenu-parent > li.sp-has-child:hover > a:after{ color:var(--cyan-deep)!important; }
#offcanvas-toggler,#offcanvas-toggler i,.burger-icon,.sp-megamenu-toggle,#sp-header .menu-toggler{ color:var(--ink)!important; }
/* language pill -> yellow sticker */
.sp-megamenu-parent li.amhri-lang > a{ background:var(--yel)!important; color:var(--ink)!important; border:2px solid var(--ink)!important; border-radius:12px!important; box-shadow:3px 3px 0 var(--inksh); padding:8px 16px!important; }
.sp-megamenu-parent li.amhri-lang > a:hover{ background:var(--yel)!important; color:var(--ink)!important; transform:translate(-2px,-2px); box-shadow:5px 5px 0 var(--inksh); }

/* ---- MEGA-MENU: cyan top border + sticker panel & cards ---- */
.sp-megamenu-parent .sp-dropdown{ border:2px solid var(--ink)!important; border-top:4px solid var(--cyan)!important; border-radius:0 0 16px 16px!important; box-shadow:8px 8px 0 var(--inksh)!important; }
.sp-megamenu-parent > li.amhri-mega > .sp-dropdown{ border:2px solid var(--ink)!important; border-top:4px solid var(--cyan)!important; box-shadow:8px 8px 0 var(--inksh)!important; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{ color:var(--cyan-ink)!important; background:var(--paper-off)!important; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before{ color:var(--cyan)!important; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-link{ border:2px solid var(--ink)!important; border-radius:12px!important; box-shadow:3px 3px 0 var(--inksh)!important; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-link:hover{ transform:translate(-3px,-3px); box-shadow:6px 6px 0 var(--inksh)!important; border-color:var(--ink)!important; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-more{ color:var(--cyan-ink)!important; }
.sp-megamenu-parent > li.amhri-mega .amhri-mega-link:hover .amhri-mega-t{ color:var(--cyan-ink)!important; }

/* ---- FOOTER: ink with cyan rule + yellow accents ---- */
#sp-bottom{ background:var(--ink)!important; border-top:3px solid var(--cyan)!important; color:#AEB6BE!important; }
#sp-bottom h1,#sp-bottom h2,#sp-bottom h3,#sp-bottom .sp-module-title{ color:#fff!important; }
#sp-bottom .sp-module-title:after{ background:var(--yel)!important; height:3px!important; width:46px!important; }
#sp-bottom a{ color:#AEB6BE!important; }
#sp-bottom a:hover{ color:var(--yel)!important; }
#sp-bottom ul.menu li a:before{ color:var(--cyan)!important; }
#sp-bottom .social-icons a{ background:rgba(255,255,255,.08); color:#fff; }
#sp-bottom .social-icons a:hover{ background:var(--yel)!important; color:var(--ink)!important; }
#sp-footer{ background:var(--ink)!important; border-top:1px solid rgba(255,255,255,.10)!important; color:#AEB6BE!important; }
#sp-footer a{ color:var(--yel)!important; }
#sp-footer a:hover{ color:#fff!important; }
#sp-footer .social-icons a:hover{ background:var(--yel)!important; color:var(--ink)!important; }

/* ---- SECTION BANDS + halftone on injected homepage sections ---- */
.amhri-donate-sec{ background:var(--cream)!important; border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); position:relative; overflow:hidden; }
.amhri-donate-sec:before{ content:''; position:absolute; inset:0; z-index:0; opacity:.5; background-image:radial-gradient(rgba(0,168,228,.16) 1.5px, transparent 1.7px); background-size:15px 15px; pointer-events:none; }
.amhri-donate-sec > .container{ position:relative; z-index:1; }
.amhri-latest{ background:var(--paper-off)!important; border-bottom:2px solid var(--ink); }
/* funfact / impact counters band -> ink gradient (white text passes AA; cyan #00A8E4 fill would not) */
#section-id-1700000000020{ background:linear-gradient(160deg,var(--inksh),var(--ink))!important; border-top:2px solid var(--ink); border-bottom:2px solid var(--ink); }
#section-id-1700000000020 *{ color:#fff!important; }
.amhri-stat .amhri-stat-l{ color:rgba(255,255,255,.86)!important; }

/* ---- PAGE-TITLE breadcrumb hero: ink underline + keep cyan/ink gradient ---- */
#sp-page-title{ border-bottom:2px solid var(--ink); }

/* ---- PAGINATION / blockquote / tables ---- */
.pagination li a,.pagination li span,.pagination-list a,.pagination-list span{ border:2px solid var(--ink)!important; border-radius:12px!important; background:var(--paper)!important; box-shadow:2px 2px 0 var(--inksh); width:48px; height:48px; }
.pagination li.active span,.pagination li a:hover{ background:var(--cyan)!important; color:var(--ink)!important; }
.pagination li a i{ color:var(--cyan-deep)!important; }
.pagination li a:hover i{ color:var(--ink)!important; }
.item-page blockquote{ border:2px solid var(--ink)!important; border-radius:16px!important; box-shadow:5px 5px 0 var(--inksh); background:var(--cream); }
.item-page table th{ background:var(--cyan)!important; color:var(--ink)!important; border-color:var(--ink)!important; }
.item-page table td,.item-page table th{ border:1px solid var(--ink)!important; }
.item-page .article-body ul li:before{ color:var(--cyan-deep)!important; }

/* scrollbar + selection */
::-webkit-scrollbar-thumb{ background:var(--cyan)!important; }
::selection{ background:var(--cyan)!important; color:var(--ink)!important; }

/* ==========================================================================
   AAZAL recent-articles HERO SLIDER (homepage #section-id-...007) — auto-built
   by custom.js 0b from the 5 most-recent articles. First content on the page.
   ========================================================================== */
#section-id-1700000000007{ background:var(--ink)!important; background-image:none!important; min-height:0!important; padding:0!important; position:relative; overflow:hidden; border-bottom:3px solid var(--ink)!important; }
#section-id-1700000000007:before,#section-id-1700000000007:after{ display:none!important; }
/* the legacy "#id *{color:#fff}" base rule forces white — re-assert exact colours over it (higher specificity) */
#section-id-1700000000007 .azl-slide-eyebrow,#section-id-1700000000007 .azl-slide-eyebrow i{ color:var(--yel)!important; }
#section-id-1700000000007 .azl-slide-title,#section-id-1700000000007 .azl-slide-title a{ color:#fff!important; }
#section-id-1700000000007 .azl-slide-title a:hover{ color:var(--yel)!important; }
#section-id-1700000000007 .azl-slide-cta .th-btn,#section-id-1700000000007 .azl-slide-cta .th-btn *{ color:var(--ink)!important; }
#section-id-1700000000007 .azl-slider-arrow,#section-id-1700000000007 .azl-slider-arrow i,#section-id-1700000000007 .azl-slider-play,#section-id-1700000000007 .azl-slider-play i{ color:var(--ink)!important; }

.azl-slider{ position:relative; z-index:2; width:100%; height:clamp(440px,70vh,620px); overflow:hidden; background:var(--ink); }
.azl-slider:focus-visible{ outline:3px solid var(--cyan-bright); outline-offset:-3px; }
.azl-slides{ position:absolute; inset:0; }
.azl-slide{ position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease, visibility .8s ease; }
.azl-slide.is-on{ opacity:1; visibility:visible; z-index:2; }
.azl-slide-bg{ position:absolute; inset:0; background-size:cover; background-position:center; background-color:var(--inksh); }
.azl-slide.is-on .azl-slide-bg{ animation:azlKen 8s ease-out forwards; }
/* donat61: video background for a slider slide (slide 2). object-fit cover like the bg image; no Ken-Burns (video already moves) */
.azl-slide-video{ width:100%; height:100%; object-fit:cover; object-position:center; animation:none !important; }
@keyframes azlKen{ from{ transform:scale(1.04);} to{ transform:scale(1.13);} }
.azl-slide-veil{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(17,20,24,.94), rgba(17,20,24,.72) 46%, rgba(17,20,24,.34) 80%, rgba(17,20,24,.05)), linear-gradient(0deg, rgba(12,72,108,.55), rgba(12,72,108,0) 42%); }
[dir="rtl"] .azl-slide-veil{ background:linear-gradient(270deg, rgba(17,20,24,.94), rgba(17,20,24,.72) 46%, rgba(17,20,24,.34) 80%, rgba(17,20,24,.05)), linear-gradient(0deg, rgba(12,72,108,.55), rgba(12,72,108,0) 42%); }
.azl-slide-inner{ position:relative; z-index:3; max-width:1200px; margin:0 auto; padding:0 56px; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
[dir="rtl"] .azl-slide-inner{ align-items:flex-end; text-align:right; }
.azl-slide-eyebrow{ display:inline-flex; align-items:center; gap:.55rem; font-family:var(--title-font); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.15em; margin-bottom:16px; max-width:90%; background:rgba(17,20,24,.5); padding:6px 13px; border-radius:8px; backdrop-filter:saturate(1.1) blur(1px); }
.azl-slide-title{ font-family:var(--title-font); font-weight:800; letter-spacing:-.02em; line-height:1.1; font-size:clamp(1.85rem,3.6vw,3.3rem); margin:0; max-width:20ch; }
.azl-slide-title a{ transition:color .25s ease; }
.azl-slide-cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.azl-slide .azl-slide-eyebrow,.azl-slide .azl-slide-title,.azl-slide .azl-slide-cta{ opacity:0; transform:translateY(26px); }
.azl-slide.is-on .azl-slide-eyebrow{ animation:azlUp .7s .15s forwards; }
.azl-slide.is-on .azl-slide-title{ animation:azlUp .8s .3s forwards; }
.azl-slide.is-on .azl-slide-cta{ animation:azlUp .8s .45s forwards; }
@keyframes azlUp{ to{ opacity:1; transform:none; } }
.azl-slider-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:6; width:50px; height:50px; display:grid; place-items:center; background:var(--paper); border:2px solid var(--ink); border-radius:12px; box-shadow:4px 4px 0 var(--inksh); cursor:pointer; font-size:18px; transition:transform .14s, box-shadow .14s, background .14s; }
.azl-slider-arrow:hover{ background:var(--yel); transform:translateY(-50%) translate(-1px,-1px); box-shadow:5px 5px 0 var(--inksh); }
.azl-slider-arrow:focus-visible{ outline:3px solid var(--cyan-bright); outline-offset:2px; }
.azl-slider-prev{ left:20px; } .azl-slider-next{ right:20px; }
[dir="rtl"] .azl-slider-prev{ left:auto; right:20px; } [dir="rtl"] .azl-slider-next{ right:auto; left:20px; }
/* autoplay pause/play toggle (WCAG 2.2.2) */
.azl-slider-play{ position:absolute; right:20px; bottom:18px; z-index:7; width:40px; height:40px; display:grid; place-items:center; background:var(--paper); border:2px solid var(--ink); border-radius:10px; box-shadow:3px 3px 0 var(--inksh); cursor:pointer; font-size:13px; transition:transform .14s, box-shadow .14s, background .14s; }
.azl-slider-play:hover{ background:var(--yel); transform:translate(-1px,-1px); box-shadow:4px 4px 0 var(--inksh); }
.azl-slider-play:focus-visible{ outline:3px solid var(--cyan-bright); outline-offset:2px; }
[dir="rtl"] .azl-slider-play{ right:auto; left:20px; }
.azl-slider-dots{ position:absolute; bottom:20px; left:0; right:0; z-index:6; display:flex; gap:8px; justify-content:center; }
.azl-slider-dots button{ width:28px; height:8px; border-radius:6px; border:2px solid rgba(255,255,255,.9); background:transparent; cursor:pointer; padding:0; transition:width .3s, background .3s; }
.azl-slider-dots button.is-on{ background:var(--yel); border-color:var(--yel); width:42px; }
.azl-slider-dots button:focus-visible{ outline:3px solid var(--cyan-bright); outline-offset:2px; }
@media(max-width:991px){ .azl-slide-inner{ padding:0 28px; } .azl-slider-arrow{ width:42px; height:42px; font-size:16px; } .azl-slider-prev{ left:10px; } .azl-slider-next{ right:10px; } }
@media(max-width:600px){ .azl-slider-arrow{ display:none; } .azl-slider{ height:clamp(400px,82vh,560px); }
  /* arrows gone — grow the dot tap target to ~44px (WCAG 2.5.5) without enlarging the visible pill */
  .azl-slider-dots{ gap:16px; bottom:16px; } .azl-slider-dots button{ position:relative; }
  .azl-slider-dots button::after{ content:''; position:absolute; inset:-18px -8px; } }
@media (prefers-reduced-motion: reduce){ .azl-slide.is-on .azl-slide-bg{ animation:none; } .azl-slide .azl-slide-eyebrow,.azl-slide .azl-slide-title,.azl-slide .azl-slide-cta{ opacity:1!important; transform:none!important; animation:none!important; } }

/* ==========================================================================
   donat33 — pre-deploy review fixes (B1, B2/M1, M4, M5, minors)
   ========================================================================== */
/* B2/M1: stop the solid offset shadows from pushing past 100vw on phones.
   clip (NOT hidden) so the sticky donate sidebar keeps working. */
html{ overflow-x:clip; }
/* B1: donate summary card — white text was landing on the bright-cyan end of the
   gradient (~2.5:1). Re-end it on cyan-ink so white stays >=5.8:1 AA. */
.amhri-d-summary{ background:linear-gradient(135deg,var(--inksh),var(--cyan-ink))!important; }
/* M4: donate amount chips — 2 columns on narrow phones, smaller value <480px */
@media(max-width:680px){ .amhri-d-chips{ grid-template-columns:repeat(2,1fr)!important; } }
@media(max-width:480px){ .amhri-d-chip-v{ font-size:18px; } }
/* M5: tame the mega-menu offset shadow on tablets where the desktop nav still shows */
@media(max-width:1199px){ .sp-megamenu-parent .sp-dropdown,.sp-megamenu-parent > li.amhri-mega > .sp-dropdown{ box-shadow:4px 4px 0 var(--inksh)!important; max-width:calc(100vw - 56px); } }
/* m3: language pill looks right inside the dark mobile offcanvas */
.offcanvas-menu .amhri-lang > a{ box-shadow:none!important; border-radius:8px!important; display:block; width:max-content; margin:8px 0; }
/* m4: if Helix ever relocates the burger onto the ink top-bar, keep it visible */
#sp-top-bar #offcanvas-toggler,#sp-top-bar #offcanvas-toggler i{ color:#fff!important; }

/* ==========================================================================
   donat39 — Leadership PAGE (/about/leadership): member photo + bio flex rows
   ========================================================================== */
.item-page .amhri-lead-row{ display:flex; gap:26px; align-items:flex-start; margin:0 0 32px; }
.item-page .amhri-lead-photo{ flex:0 0 auto; width:138px; height:166px; background-size:cover; background-position:center 15%; background-repeat:no-repeat; background-color:var(--n300); border:2px solid var(--ink); border-radius:16px; box-shadow:5px 5px 0 var(--inksh); }
.item-page .amhri-lead-txt{ flex:1 1 auto; min-width:0; }
.item-page .amhri-lead-txt > :first-child{ margin-top:0; }
.item-page .amhri-lead-txt > h2,.item-page .amhri-lead-txt > h3{ color:var(--ink); }
@media(max-width:560px){ .item-page .amhri-lead-row{ gap:16px; } .item-page .amhri-lead-photo{ width:104px; height:126px; border-radius:12px; box-shadow:4px 4px 0 var(--inksh); } }
@media(max-width:380px){ .item-page .amhri-lead-row{ flex-direction:column; } .item-page .amhri-lead-photo{ width:128px; height:152px; } }
/* member cards link to their bio on the Leadership page; rows are the anchor targets */
.item-page .amhri-lead-row{ scroll-margin-top:96px; }
a.amhri-person2-link{ text-decoration:none; color:inherit; cursor:pointer; }
a.amhri-person2-link:hover h4{ color:var(--cyan-ink); }
a.amhri-person2-link:hover .amhri-person2-r{ color:var(--cyan-deep); }
a.amhri-person2-link:focus-visible{ outline:3px solid var(--cyan-bright); outline-offset:3px; }
.amhri-person2-go{ font-size:11px; margin-left:5px; opacity:0; transform:translateX(-4px); transition:opacity .2s ease, transform .2s ease; }
a.amhri-person2-link:hover .amhri-person2-go{ opacity:1; transform:none; }
[dir="rtl"] .amhri-person2-go{ margin-left:0; margin-right:5px; }

/* ==========================================================================
   donat41 — per-member ARTICLE page (.amhri-member): photo + role badge + bio
   ========================================================================== */
.item-page .amhri-member{ text-align:center; max-width:680px; margin:0 auto; }
.item-page .amhri-member-photo{ width:200px; height:248px; object-fit:cover; object-position:center 14%; border:2px solid var(--ink); border-radius:18px; box-shadow:6px 6px 0 var(--inksh); margin:6px auto 20px; display:block; }
#sp-component .amhri-member-role{ display:inline-block; background:var(--cyan); color:var(--ink)!important; font-family:var(--title-font); font-weight:700; font-size:14px; letter-spacing:.01em; padding:7px 18px; border-radius:999px; border:2px solid var(--ink); box-shadow:3px 3px 0 var(--inksh); margin:0 0 22px; }
.item-page .amhri-member > p:last-child{ text-align:left; font-size:16.5px; line-height:1.85; }
[dir="rtl"] .item-page .amhri-member > p:last-child{ text-align:right; }
@media(max-width:480px){ .item-page .amhri-member-photo{ width:164px; height:202px; } }

/* Leadership OVERVIEW page — each member name links to their detail page */
.item-page .amhri-lead-link{ color:inherit; text-decoration:none; display:inline; }
.item-page .amhri-lead-link:hover, .item-page .amhri-lead-link:focus-visible{ color:var(--cyan-ink); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px; }
.amhri-lead-go{ font-size:.66em; color:var(--cyan-ink); margin-left:9px; opacity:.7; transition:transform .15s ease, opacity .15s ease; }
.item-page .amhri-lead-link:hover .amhri-lead-go, .item-page .amhri-lead-link:focus-visible .amhri-lead-go{ opacity:1; transform:translateX(3px); }
[dir="rtl"] .amhri-lead-go{ margin-left:0; margin-right:9px; transform:scaleX(-1); }
[dir="rtl"] .item-page .amhri-lead-link:hover .amhri-lead-go,[dir="rtl"] .item-page .amhri-lead-link:focus-visible .amhri-lead-go{ transform:scaleX(-1) translateX(3px); }

/* ===== Critical review fixes (donat46) ===================================
   C2/C3: hide two dead leftover navy bands — invisible ink-on-navy headings
   AND no working CTA. "Your gift funds…" (…046) + "Stay informed" (…064).
   Donations are covered by the cause cards + /donate; remove dead-ends. */
#section-id-1700000000046,
#section-id-1700000000064{ display:none !important; }

/* ===== High-impact review fixes (donat47) ============================== */
/* H1: drop the duplicate "Support Our Mission / Help Us Defend…" header — the
   SPPB "Our Work — Three programs…" heading already introduces these cards;
   pull the cards up to sit under it. */
.amhri-donate-head{ display:none !important; }
.amhri-donate-sec{ padding-top:34px !important; }

/* H2: remove decorative progress bars (imply a fundraising goal that doesn't
   exist); keep the honest stat/status line. */
.amhri-cause .amhri-bar{ display:none !important; }
.amhri-cause .amhri-bar-meta{ margin-top:2px; }

/* H3a: bigger logo */
#sp-logo-wrapper .logo img, #sp-logo-wrapper img.logo{ max-height:82px !important; }

/* H3b: persistent Donate CTA — nav Donate link becomes a yellow sticker pill */
.sp-megamenu-parent > li > a[href*="/donate"]{
  background:#FCCC00 !important; color:#111418 !important;
  border:2px solid #111418; border-radius:8px;
  line-height:1.15 !important; padding:9px 20px !important; margin:0 6px;
  vertical-align:middle; box-shadow:3px 3px 0 #111418;
  transition:transform .12s ease, box-shadow .12s ease;
}
.sp-megamenu-parent > li > a[href*="/donate"]:hover,
.sp-megamenu-parent > li > a[href*="/donate"]:focus-visible{
  background:#FCCC00 !important; color:#111418 !important;
  transform:translate(-1px,-1px); box-shadow:4px 4px 0 #111418;
}
[dir="rtl"] .sp-megamenu-parent > li > a[href*="/donate"]{ box-shadow:-3px 3px 0 #111418; }
[dir="rtl"] .sp-megamenu-parent > li > a[href*="/donate"]:hover{ transform:translate(1px,-1px); box-shadow:-4px 4px 0 #111418; }

/* ===== donat48: nice-to-have review fixes ===== */
/* Donate pledge-card reassurance note — was faint grey on the dark cyan card. */
.amhri-d-side .amhri-d-note, .amhri-d-note{ color:#DCE7F2 !important; }
.amhri-d-side .amhri-d-note a, .amhri-d-note a{ color:#FCCC00 !important; }
/* Hero slide title: clamp to 4 lines so long (esp. Arabic) titles don't blow out the hero. */
.azl-slide-title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }

/* ===== donat49: header + nav megamenu reorganize ============================
   Fixes the "messed up" header:
   - Donate nav item -> compact, vertically-centered YELLOW pill pinned far-right
     (pure-CSS via :has(), so it survives Helix's responsive menu rebuilds).
   - custom.js injects the org logo into the sticky bar so branding stays visible
     once the logo band scrolls away (revealed via .amhri-brand-show).
   - Nav becomes a centered flex row; each item is position:relative so every
     dropdown anchors under its own link.
   - Desktop-only (>=992px): below that the mobile off-canvas menu is untouched.
   - (custom.js also strips empty-dropdown carets, e.g. "News & Activities".) */
.amhri-sticky-logo{ display:none !important; }            /* global guard: never on mobile */
@media (min-width:992px){
  #sp-header > .container > .row{ display:flex !important; flex-wrap:nowrap !important; align-items:center !important; min-height:76px !important; padding:6px 24px !important; }
  #sp-menu.col-lg-12{ flex:1 1 auto !important; min-width:0 !important; }
  .amhri-sticky-logo{ align-items:center; flex:0 0 auto !important; width:auto !important; margin-right:22px; text-decoration:none; }
  #sp-header.amhri-brand-show .amhri-sticky-logo{ display:inline-flex !important; }
  .amhri-sticky-logo img{ height:46px !important; width:auto !important; max-width:170px; display:block; }
  [dir="rtl"] .amhri-sticky-logo{ margin-right:0; margin-left:22px; }
  #sp-header .sp-megamenu-parent{ display:flex !important; align-items:center !important; flex-wrap:nowrap !important; width:100%; }
  #sp-header .sp-megamenu-parent > li.sp-menu-item{ position:relative; }
  #sp-header .sp-megamenu-parent > li:has(> a[href*="/donate"]){ order:100; margin-left:auto !important; }
  [dir="rtl"] #sp-header .sp-megamenu-parent > li:has(> a[href*="/donate"]){ margin-left:0 !important; margin-right:auto !important; }
  #sp-header .sp-megamenu-parent > li > a[href*="/donate"]{ display:inline-flex !important; align-items:center !important; height:44px !important; line-height:1 !important; padding:0 22px !important; margin:0 !important; border-radius:10px !important; }
  #sp-header .sp-megamenu-parent > li.amhri-lang{ order:101; }
}

/* ===== donat50: larger, clearer header logo =============================
   Scale the org emblem up in both header positions (400x400 source, so it
   stays crisp): the main logo band and the injected sticky-bar logo. */
#sp-logo-wrapper{ padding:12px 0 !important; }
#sp-logo-wrapper .logo img, #sp-logo-wrapper img.logo{ max-height:110px !important; width:auto !important; }
@media (min-width:992px){ .amhri-sticky-logo img{ height:58px !important; } }

/* ===== donat52: header logo larger (band 132px; sticky 58px = clean max for the pinned bar) ================================
   Bump the band emblem to 132px (still well within the 400px source) and the
   sticky-bar logo to 60px (max that stays clean inside the 65px pinned bar). */
#sp-logo-wrapper .logo img, #sp-logo-wrapper img.logo{ max-height:132px !important; }
@media (min-width:992px){ .amhri-sticky-logo img{ height:58px !important; } }

/* ===== donat53: logo 150px + Donate HIDDEN & DEACTIVATED (TEMPORARY) =======
   To restore donations later, delete this whole donat53 block. */
#sp-logo-wrapper .logo img, #sp-logo-wrapper img.logo{ max-height:150px !important; }
/* hide + deactivate every Donate CTA site-wide (nav pill, hero buttons, cause cards, footer) */
a[href*="/donate"]{ display:none !important; pointer-events:none !important; }
#sp-header .sp-megamenu-parent > li:has(> a[href*="/donate"]){ display:none !important; }
/* deactivate the /donate page: hide the pledge form, show a paused notice */
.amhri-donate{ display:none !important; }
#sp-component:has(.amhri-donate)::before{
  content:"Online donations are temporarily paused. Thank you for your continued support — please check back soon.";
  display:block; max-width:680px; margin:70px auto; padding:34px 30px; text-align:center;
  font-family:'Sora',sans-serif; font-weight:600; font-size:20px; line-height:1.5; color:#111418;
  border:2px solid #111418; border-radius:16px; box-shadow:6px 6px 0 #111418; background:#fff;
}
[dir="rtl"] #sp-component:has(.amhri-donate)::before{ content:"التبرعات عبر الإنترنت متوقفة مؤقتاً. شكراً لدعمكم المستمر — يُرجى المراجعة قريباً."; }


/* ============================================================
   donat55 — header polish: rounded nav "pill" container lifted
   up toward the logo's vertical centre + language-switcher hook.
   Top-level bar ONLY — child / dropdown menus are left untouched.
   ============================================================ */
@media (min-width:992px){
  #sp-logo-wrapper{ position:relative; z-index:6; }
  /* nav must paint ABOVE the logo band (the lifted pill overlaps the band's empty
     lower-right; the logo stays clear because the pill is right of it) */
  #sp-header{ border-bottom:none !important; position:relative; z-index:11; }

  /* the nav row becomes a contained AAZAL sticker pill (both states) */
  #sp-header > .container > .row{
    background:var(--paper)!important;
    border:2px solid var(--ink)!important;
    border-radius:20px!important;
    box-shadow:4px 4px 0 var(--inksh)!important;
    padding:2px 30px!important;
    min-height:60px!important;
  }

  /* lift up + right-align beside the logo — ONLY at the top of the page
     (this Helix build adds .menu-fixed to #sp-header once scrolled/pinned),
     so the scrolled/sticky bar keeps its normal full-width behaviour */
  #sp-header:not(.menu-fixed){ margin-top:-76px !important; }
  #sp-header:not(.menu-fixed) > .container > .row{
    width:calc(100% - 200px); margin-left:auto; margin-right:0;
  }
  [dir="rtl"] #sp-header:not(.menu-fixed) > .container > .row{
    margin-left:0; margin-right:auto;
  }
  /* scrolled/pinned state: explicitly cancel the lift + inset so the sticky bar
     is full-width and on-screen (belt-and-suspenders over the :not() above) */
  #sp-header.menu-fixed{ margin-top:0 !important; z-index:9999 !important; }
  #sp-header.menu-fixed > .container > .row{ width:auto !important; margin-left:0 !important; margin-right:0 !important; }

  /* centre the top-level bar links inside the shorter pill (top-level only) */
  #sp-header .sp-megamenu-parent > li.sp-menu-item > a{ padding-top:17px !important; padding-bottom:17px !important; }

  /* language switch pill aligns cleanly in the bar (uses existing .amhri-lang styling) */
  .sp-megamenu-parent > li.amhri-lang{ display:flex; align-items:center; }
}


/* ============================================================
   donat57 — nav pill cleanup (overrides donat55)
   Fix 1: pill was forced to width:calc(100% - 200px) so the menu
          items filled only ~half of it, leaving ~175px of dead
          white space after العربية. -> shrink-wrap to content.
   Fix 2: pill sat ~47px BELOW the logo's vertical centre because
          the band's right column (#sp-logo-right: email/phone/
          address) blocked the space. email + phone already live
          in the dark top bar, so we hide that duplicated strip on
          desktop and lift the pill to the logo's exact centre.
   Top-level bar only; child / dropdown menus untouched.
   Mobile (<992px) is completely unaffected.
   ============================================================ */
@media (min-width:992px){
  /* dedup: the email/phone/address strip is already in the top bar */
  #sp-logo-wrapper #sp-logo-right{ display:none !important; }

  /* lift the (top-of-page) pill to the logo's vertical centre.
     #sp-header is a full-width WHITE bar at z-index:11 — once lifted it
     would drape across the middle of the logo, so make the bar itself
     transparent (only the .row pill on the right should be visible).
     Sticky state keeps its solid bar (untouched). */
  #sp-header:not(.menu-fixed){
    margin-top:-123px !important;
    background:transparent !important;
  }

  /* shrink-wrap the pill around its menu items, kept right-aligned.
     NB: width:auto on a block-level flex box FILLS the row — must use
     fit-content to actually hug the content and clear the logo. */
  #sp-header:not(.menu-fixed) > .container > .row{
    width:fit-content !important;
    width:-moz-fit-content !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }
  [dir="rtl"] #sp-header:not(.menu-fixed) > .container > .row{
    margin-left:0 !important;
    margin-right:auto !important;
  }
  /* stop the Bootstrap col-lg-12 from forcing the menu to 100% width
     (that was the source of the trailing whitespace) */
  #sp-header:not(.menu-fixed) > .container > .row > #sp-menu{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
  }
}


/* ============================================================
   donat58 — language switcher = plain BOLD RED text, no button
   (user: "make languages switcher just bold text with red color
   and no button"). Overrides the yellow sticker pill (donat,
   lines 786-787) + the offcanvas variant (line 910).
   ============================================================ */
.sp-megamenu-parent li.amhri-lang > a,
.offcanvas-menu .amhri-lang > a{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#CC0000 !important;
  font-weight:700 !important;
  padding:8px 10px !important;
  transform:none !important;
  text-decoration:none !important;
}
.sp-megamenu-parent li.amhri-lang > a:hover,
.sp-megamenu-parent li.amhri-lang > a:focus,
.offcanvas-menu .amhri-lang > a:hover{
  background:transparent !important;
  color:#A30000 !important;
  box-shadow:none !important;
  transform:none !important;
  text-decoration:underline !important;
}


/* ============================================================
   donat59 — vertically center the first-level menu items
   (user: "alignment of sp-menu-item ... make their position at
   the middle between top and bottom"). Root cause: donat55 added
   padding-top/bottom:17px ON TOP of the template's line-height:65px;
   with box-sizing:border-box that pushed the 65px line-box down
   ~17px, so the text sat 17px BELOW the pill centre (39px gap
   above, 5px below). Removing the vertical padding lets the
   line-height:65 centre the single line in the 65px box → text
   centre == pill centre. Top-level links only (`>`), so child /
   dropdown menus are untouched; applies in both top + pinned states.
   ============================================================ */
@media (min-width:992px){
  #sp-header .sp-megamenu-parent > li.sp-menu-item > a{
    padding-top:0 !important;
    padding-bottom:0 !important;
    line-height:65px !important;
  }
}

/* donat62: center statistics counters (.addon-root-heading) to align with their labels (.addon-root-text-block), both EN+AR */
#section-id-1700000000020 .addon-root-heading,
#section-id-1700000000020 .addon-root-heading .sppb-addon-header,
#section-id-1700000000020 .addon-root-heading .sppb-addon-title{ text-align:center !important; }

/* ============================================================
   donat65: removed red active-underline (kept yellow ::before line) | donat63 — RED ACCENT (advocacy red #C8102E), user-approved Option A:
   section kicker labels + nav active/hover + unify switcher. Small dose.
   ============================================================ */
:root{ --red:#C8102E; --red-deep:#A00C24; }
/* (a) section kicker eyebrows ("What we do" / "Who we are" / "Leadership", inline #3f6fb5) -> red */
#sp-page-builder p[style*="#3f6fb5"]{ color:var(--red) !important; }
.sub-title, .amhri-eyebrow, #sp-page-builder .sppb-title-subheading{ color:var(--red) !important; }
.sub-title:before, .amhri-eyebrow:before, #sp-page-builder .sppb-title-subheading:before{ background:var(--red) !important; }
/* (b) top nav: hover + active "you are here" -> red, red underline on active */
#sp-header .sp-megamenu-parent > li.sp-menu-item > a:hover{ color:var(--red) !important; }
#sp-header .sp-megamenu-parent > li.sp-menu-item.current-item > a,
#sp-header .sp-megamenu-parent > li.sp-menu-item.active > a{ color:var(--red) !important; }
/* (c) unify language switcher red to the new shade */
.sp-megamenu-parent li.amhri-lang > a, .offcanvas-menu .amhri-lang > a{ color:var(--red) !important; }
.sp-megamenu-parent li.amhri-lang > a:hover, .sp-megamenu-parent li.amhri-lang > a:focus, .offcanvas-menu .amhri-lang > a:hover{ color:var(--red-deep) !important; }

/* ============================================================
   donat64 — RED ACCENT Option B: emphasize the key IMPACT figure
   (6,000+ Beneficiaries) in red. Brighter red --red-bright for
   legibility on the dark navy stats band (#0a1f3f). Other 3 stats unchanged.
   ============================================================ */
:root{ --red-bright:#FF4D5E; }
#sppb-addon-wrapper-1700000000017 .sppb-addon-title{ color:var(--red-bright) !important; }

/* ============================================================
   donat66 — typography-scale QA fixes (visual-QA pass)
   (1) one section-title size site-wide; (2) article title size fixes h2<h3
   inversion; (3) hide duplicate page title where banner h1 exists;
   (4) tighten Our Work reveal stagger.
   ============================================================ */
#sp-page-builder .sppb-addon-header .sppb-addon-title,
.item-page .blog-details-content-wrap h2{ font-size:38px !important; line-height:1.2 !important; }
@media (max-width:991px){
  #sp-page-builder .sppb-addon-header .sppb-addon-title,
  .item-page .blog-details-content-wrap h2{ font-size:30px !important; }
}
/* keep stat counters intentionally large */
#section-id-1700000000020 .sppb-addon-header .sppb-addon-title{ font-size:48px !important; }
@media (max-width:991px){ #section-id-1700000000020 .sppb-addon-header .sppb-addon-title{ font-size:40px !important; } }
/* (2) page/article title: proper size, beats the h3 below (was 22px < 26px h3) */
.item-page .entry-header > h2{ font-size:32px !important; line-height:1.25 !important; }
@media (max-width:991px){ .item-page .entry-header > h2{ font-size:28px !important; } }
/* (3) hide duplicate title on pages whose breadcrumb banner already shows a big h1 (About, Our Work) */
body:has(#sp-page-title h1) .item-page .entry-header > h2{ display:none !important; }
/* (4) tighten Our Work reveal: no per-card stagger, snappier, less travel */
.amhri-causes .amhri-cause.amhri-ani{ transition-delay:0s !important; transition-duration:.5s !important; transform:translateY(20px); }
.amhri-causes .amhri-cause.amhri-ani.is-visible{ transform:none !important; }


/* ===== donat67 (2026-06-27) — MOBILE HEADER CLEANUP (max-width:991px only; desktop untouched) ===== */
@media (max-width:991px){
  /* Top bar: keep ONLY the association name (#sp-top2); drop questions, call/email, and social */
  #sp-top-bar #sp-top1,
  #sp-top-bar #sp-top3{ display:none !important; }
  #sp-top-bar #sp-top2{ text-align:center !important; }
  #sp-top-bar #sp-top2 .sp-module{ float:none !important; width:100% !important; max-width:100% !important; display:block !important; }
  #sp-top-bar #sp-top2 .sppb-addon-content,
  #sp-top-bar #sp-top2 .sppb-addon,
  #sp-top-bar #sp-top2 .mod-custom,
  #sp-top-bar #sp-top2 p{ text-align:center !important; }
  #sp-top-bar{ padding-top:9px !important; padding-bottom:9px !important; }
  /* Logo band: hide the duplicate contact stack (email/phone/address); keep only a smaller logo */
  #sp-logo-wrapper #sp-logo-right{ display:none !important; }
  #sp-logo-wrapper .logo img{ max-height:56px !important; width:auto !important; }
  #sp-logo-wrapper{ padding-top:10px !important; padding-bottom:6px !important; }
}


/* ===== donat68 (2026-06-27) — slim #sp-page-title banner + hero (all screens, smaller) ===== */
/* (1) Inner-page title banner: kill the oversized padding (outer + nested .sp-page-title) */
#sp-page-title{ padding:28px 0 !important; }
#sp-page-title .sp-page-title{ padding-top:0 !important; padding-bottom:0 !important; }
/* (2) Banner title + breadcrumb: smaller type, all screens */
#sp-page-title h1,#sp-page-title h2,#sp-page-title .page-title-heading{ font-size:30px !important; line-height:1.15 !important; margin:0 0 6px !important; }
#sp-page-title .breadcrumb,#sp-page-title ol.breadcrumb{ font-size:13px !important; }
@media (max-width:991px){
  #sp-page-title{ padding:22px 0 !important; }
  #sp-page-title h1,#sp-page-title h2,#sp-page-title .page-title-heading{ font-size:24px !important; }
}
@media (max-width:600px){
  #sp-page-title{ padding:16px 0 !important; }
  #sp-page-title h1,#sp-page-title h2,#sp-page-title .page-title-heading{ font-size:21px !important; }
  #sp-page-title .breadcrumb,#sp-page-title ol.breadcrumb{ font-size:12px !important; }
}
/* (3) Homepage (and any heading-less SPPB banner): remove the empty band entirely */
body.com-sppagebuilder #sp-page-title:not(:has(h1)):not(:has(h2)){ display:none !important; }
/* (4) Hero slider: smaller height + smaller slide title, all screens */
.azl-slider{ height:clamp(360px,52vh,480px) !important; }
.azl-slide-title{ font-size:clamp(1.55rem,3vw,2.6rem) !important; -webkit-line-clamp:3 !important; }
@media (max-width:600px){ .azl-slider{ height:clamp(320px,58vh,420px) !important; } }


/* ===== donat69 (2026-06-27) — fix page-title hidden behind the overlapping header + uniform compact height ===== */
/* Desktop: the tall logo band (z6) overlaps the banner top ~58px and was hiding the white title
   (donat68 pulled it into that covered zone). Push the banner below the logo band and give every
   inner page the SAME compact height with vertically-centred content. */
@media (min-width:992px){
  #sp-page-title{ margin-top:58px !important; padding-top:0 !important; padding-bottom:0 !important; min-height:96px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }
}
/* Mobile/tablet: no header overlap — just a uniform compact floor with centred content. */
@media (max-width:991px){
  #sp-page-title{ min-height:78px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }
}
/* Category page-title wrapper carries a stray gold (#e0a126) background — clear it so the title is
   clean white-on-cyan like the article/about pages. */
#sp-page-title .sp-page-title{ background:transparent !important; }


/* ===== donat70 (2026-06-27) — restore the homepage hero band ===== */
/* donat68 hid the homepage #sp-page-title (a heading-less hero-image band) as "empty space".
   User wants it back, shorter. Un-hide it; the donat69 rules then size it to a compact 96px
   (desktop) / 78px (mobile) hero strip below the header — smaller than its original 162px. */
body.com-sppagebuilder #sp-page-title:not(:has(h1)):not(:has(h2)){ display:flex !important; }


/* ===== donat71 (2026-06-27) — unpublish the page-title breadcrumb (.amhri-crumb) on all pages ===== */
/* Reversible: delete this rule to re-publish the breadcrumb. */
.amhri-crumb{ display:none !important; }


/* ===== donat72 (2026-06-27) — smaller #sp-page-title banner height, all pages ===== */
@media (min-width:992px){ #sp-page-title{ min-height:58px !important; padding-top:0 !important; padding-bottom:0 !important; } }
@media (max-width:991px){ #sp-page-title{ min-height:48px !important; padding-top:8px !important; padding-bottom:8px !important; } }


/* ===== donat73 (2026-06-29) — page-title heading color white->red, all pages ===== */
#sp-page-title h1,
#sp-page-title h2,
#sp-page-title .page-title-heading,
#sp-page-title .sp-page-title h1,
#sp-page-title .sp-page-title h2,
#sp-page-title .page-title,
#sp-page-title h1 a,
#sp-page-title h2 a,
#sp-page-title .page-title-heading a{ color:#FF0000 !important; text-shadow:0 0 2px rgba(255,255,255,.95), 0 0 5px rgba(255,255,255,.7) !important; }


/* ===== donat75 (2026-06-29) — mobile header: bigger centered logo + phone(left)/email(right) ===== */
@media (max-width:991px){
  #sp-logo-wrapper{ padding:8px 0 !important; }
  #sp-logo-wrapper #sp-logo{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; }
  #sp-logo-wrapper #sp-logo .sp-column{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; direction:ltr !important; gap:8px !important; padding:0 10px !important; }
  #sp-logo-wrapper .logo{ flex:0 0 auto !important; margin:0 !important; }
  #sp-logo-wrapper .logo img{ max-height:80px !important; width:auto !important; height:auto !important; }
  .amhri-mhdr-contact{ flex:1 1 0 !important; min-width:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:4px !important; text-decoration:none !important; font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif !important; font-size:11px !important; line-height:1.25 !important; font-weight:600 !important; color:#1B3557 !important; text-align:center !important; overflow-wrap:anywhere !important; }
  .amhri-mhdr-contact svg{ width:20px !important; height:20px !important; fill:#C8102E !important; flex:0 0 auto !important; }
  .amhri-mhdr-contact span{ display:block !important; }
}
@media (min-width:992px){ .amhri-mhdr-contact{ display:none !important; } }


/* ===== donat76 (2026-06-29) - mobile logo bigger (118px) + z-index over all layers ===== */
@media (max-width:991px){
  #sp-logo-wrapper{ position:relative !important; z-index:9990 !important; overflow:visible !important; }
  #sp-logo-wrapper .container, #sp-logo-wrapper .row, #sp-logo-wrapper #sp-logo, #sp-logo-wrapper #sp-logo .sp-column, #sp-logo-wrapper .logo{ overflow:visible !important; }
  #sp-logo-wrapper .logo{ position:relative !important; z-index:9990 !important; }
  #sp-logo-wrapper .logo img{ max-height:118px !important; width:auto !important; }
}


/* ===== donat77 (2026-06-29) - language switcher inside mobile offcanvas menu ===== */
@media (max-width:991px){
  .offcanvas-inner ul.menu li.amhri-lang-oc{ border-top:1px solid rgba(255,255,255,.18) !important; margin-top:8px !important; }
  .offcanvas-inner ul.menu li.amhri-lang-oc > a{ display:flex !important; align-items:center !important; gap:10px !important; color:#ffffff !important; font-weight:700 !important; }
  .offcanvas-inner ul.menu li.amhri-lang-oc > a::before{ display:none !important; }
  .offcanvas-inner ul.menu li.amhri-lang-oc > a svg{ width:19px !important; height:19px !important; fill:#FCCC00 !important; flex:0 0 auto !important; }
  .offcanvas-inner ul.menu li.amhri-lang-oc > a span{ display:inline !important; }
}


/* ===== donat78 (2026-06-29) - offcanvas SEARCH title black->red ===== */
@media (max-width:991px){
  .offcanvas-inner .sp-module.search .sp-module-title,
  .offcanvas-inner .sp-module.search h3.sp-module-title{ color:#DD1717 !important; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 4px rgba(0,0,0,.6) !important; }
}


/* ===== donat81 (2026-06-29) - mobile side gutter for edge-to-edge team cards ===== */
@media (max-width:991px){
  .amhri-team-grid{ padding-left:16px !important; padding-right:16px !important; box-sizing:border-box !important; }
}


/* ===== donat82 (2026-06-29) - mobile article/content overflow fixes: display:table wrappers -> block, responsive media, wrap share/pager ===== */
.item-page img,.blog-details-content-wrap img,.entry-image img{ max-width:100% !important; height:auto !important; }
@media (max-width:991px){
  article.item-page,.item-page.amhri-ani,.blog-details-content-wrap,.article-footer-wrap,.article-footer-top{ display:block !important; width:auto !important; max-width:100% !important; box-sizing:border-box !important; }
  .item-page.amhri-ani{ padding-left:18px !important; padding-right:18px !important; }
  .blog-details-content-wrap{ padding-left:14px !important; padding-right:14px !important; }
  .item-page .pull-left,.item-page .pull-right,.entry-image.pull-left,.entry-image.pull-right{ float:none !important; max-width:100% !important; width:auto !important; margin-left:0 !important; margin-right:0 !important; }
  .amhri-share{ flex-wrap:wrap !important; }
  ul.pagination{ flex-wrap:wrap !important; max-width:100% !important; }
  ul.pagination .page-link{ white-space:normal !important; word-break:break-word !important; }
  .item-page table{ display:block !important; max-width:100% !important; overflow-x:auto !important; }
}


/* ===== donat83 (2026-06-29) - mobile side gutter for SPPB content columns (text/headings/images were flush to screen edges) ===== */
@media (max-width:991px){
  .sppb-column{ padding-left:16px !important; padding-right:16px !important; box-sizing:border-box !important; }
  .amhri-team-grid{ padding-left:0 !important; padding-right:0 !important; }
}


/* ===== donat84 (2026-06-29) - fix blog pagination: arrows rendered as doubled boxes; normalize ALL page-links to clean uniform pills ===== */
.pagination{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; padding-left:0 !important; }
.pagination .page-item{ margin:0 !important; display:inline-flex !important; align-items:center !important; list-style:none !important; }
.pagination .page-item .page-link{ display:flex !important; align-items:center !important; justify-content:center !important; width:38px !important; height:38px !important; min-width:38px !important; max-width:38px !important; padding:0 !important; border:2px solid #111418 !important; border-radius:12px !important; background:#fff !important; color:#111418 !important; box-shadow:2px 2px 0 0 #0C486C !important; box-sizing:border-box !important; line-height:1 !important; font-size:14px !important; font-weight:700 !important; overflow:visible !important; text-decoration:none !important; }
.pagination .page-item .page-link [class*="icon-"]{ border:0 !important; background:none !important; box-shadow:none !important; width:auto !important; height:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; line-height:1 !important; display:inline-flex !important; align-items:center !important; font-size:15px !important; }
.pagination .page-item.active .page-link{ background:#0C486C !important; color:#fff !important; border-color:#0C486C !important; }
.pagination .page-item.disabled .page-link{ opacity:.4 !important; box-shadow:none !important; }
.pagination .page-item:not(.active):not(.disabled) .page-link:hover{ background:#0C486C !important; color:#fff !important; border-color:#0C486C !important; }


/* ===== donat85 (2026-06-29) - restore single-article prev/next-post nav: donat84 pill rule + old ".pagination li span" sticker-box squished the wide text button ===== */
.item-page .amhri-pgnav ul.pagination{ display:flex !important; flex-wrap:wrap !important; gap:16px !important; justify-content:space-between !important; align-items:stretch !important; padding-left:0 !important; }
.item-page .amhri-pgnav .page-item{ width:auto !important; max-width:49% !important; min-width:0 !important; height:auto !important; display:block !important; margin:0 !important; }
.item-page .amhri-pgnav li.next{ margin-left:auto !important; }
[dir="rtl"] .item-page .amhri-pgnav li.next{ margin-left:0 !important; margin-right:auto !important; }
.item-page .amhri-pgnav a.page-link{ display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; gap:14px !important; width:auto !important; max-width:100% !important; min-width:0 !important; height:auto !important; padding:14px 22px !important; border:0 !important; border-radius:18px !important; background:var(--smoke-color2) !important; color:var(--title-color) !important; box-shadow:none !important; font-weight:inherit !important; font-size:inherit !important; }
.item-page .amhri-pgnav li.next a.page-link{ flex-direction:row-reverse !important; }
.item-page .amhri-pgnav a.page-link:hover{ background:var(--theme-color) !important; color:#fff !important; }
.item-page .amhri-pgnav .amhri-pg-ic{ width:40px !important; height:40px !important; min-width:40px !important; border:0 !important; border-radius:50% !important; background:#fff !important; color:var(--theme-color) !important; box-shadow:0 4px 12px rgba(0,0,0,.06) !important; }
.item-page .amhri-pgnav a.page-link:hover .amhri-pg-ic{ background:rgba(255,255,255,.18) !important; color:#fff !important; }
.item-page .amhri-pgnav .amhri-pg-tx,.item-page .amhri-pgnav .amhri-pg-l,.item-page .amhri-pgnav .amhri-pg-t{ border:0 !important; box-shadow:none !important; border-radius:0 !important; background:none !important; width:auto !important; height:auto !important; min-width:0 !important; padding:0 !important; }
.item-page .amhri-pgnav .amhri-pg-tx{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; }
.item-page .amhri-pgnav li.next .amhri-pg-tx{ align-items:flex-end !important; }
.item-page .amhri-pgnav .amhri-pg-l{ display:block !important; }
.item-page .amhri-pgnav .amhri-pg-t{ display:block !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; max-width:230px !important; }

/* ===== donat86 : Arabic-only typeface = Tajawal (mapped onto Sora+Inter via unicode-range; Latin/English fully untouched) ===== */
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iura6YBj_oCad4k1nzSBC5xLhLFw4Q.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l8KiHrRpiZtK6GwN9w.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkHrRpiZtK6GwN9w.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l5anHrRpiZtK6GwN9w.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Sora';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l7KmHrRpiZtK6GwN9w.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iura6YBj_oCad4k1nzSBC5xLhLFw4Q.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l8KiHrRpiZtK6GwN9w.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkHrRpiZtK6GwN9w.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l5anHrRpiZtK6GwN9w.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l7KmHrRpiZtK6GwN9w.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
/* ===== end donat86 ===== */


/* ===== donat87 : restore header nav after Helix3 3.1.2 update (logo layout + link white-space reset); refit pill nav to one row, hide desktop off-canvas burger ===== */
#sp-header .sp-megamenu-parent > li.sp-menu-item > a{ white-space:nowrap !important; }
@media (min-width:992px){
  #sp-header .sp-megamenu-wrapper > a{ display:none !important; }
  #sp-header > .container > .row > [class*="col-lg-3"]{ flex:0 0 178px !important; max-width:178px !important; }
  #sp-header > .container > .row > [class*="col-lg-9"]{ flex:1 1 auto !important; max-width:none !important; }
  #sp-header .sp-megamenu-parent > li.sp-menu-item{ margin:0 8px !important; }
  #sp-header .sp-megamenu-parent > li.sp-menu-item > a{ font-size:14.5px !important; }
  #sp-header .sp-megamenu-parent li.amhri-lang{ margin-left:8px !important; }
  [dir="rtl"] #sp-header .sp-megamenu-parent li.amhri-lang{ margin-left:0 !important; margin-right:8px !important; }
}
/* ===== end donat87 ===== */


/* ===== donat88 : lift the logo OUT of the nav pill — the pill now wraps the MENU only; the logo stands alone on the left (desktop) ===== */
@media (min-width:992px){
  #sp-header > .container > .row{ background:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; }
  #sp-header > .container > .row > [class*="col-lg-9"]{
    background:var(--paper,#fff) !important;
    border:2px solid var(--ink,#111418) !important;
    border-radius:16px !important;
    box-shadow:4px 4px 0 var(--inksh,#0c486c) !important;
    padding:0 22px !important;
    align-self:center !important;
  }
}
/* ===== end donat88 ===== */


/* ===== donat89 : Leadership page — keep leader blocks SIDE-BY-SIDE (photo left + text right) on narrow phones to match desktop; was stacking to a column at <=380px ===== */
@media(max-width:380px){
  .item-page .amhri-lead-row{ flex-direction:row !important; gap:14px !important; }
  .item-page .amhri-lead-photo{ width:96px !important; height:116px !important; border-radius:10px !important; box-shadow:3px 3px 0 var(--inksh) !important; }
}
/* ===== end donat89 ===== */


/* ===== donat90 : header top breathing room — the 154px logo badge was flush at the viewport top (top of the circle cut off) after the header's top gap was removed; add padding-top so the badge/nav clear the top edge (all widths, incl. mobile 118px logo) ===== */
#sp-header{ padding-top:12px !important; }
/* ===== end donat90 ===== */


/* ===== donat91 : team-member page (.amhri-member) — switch from centered/stacked to SIDE-BY-SIDE (photo left + role pill & bio right) to match the leadership listing; same on desktop + mobile ===== */
.item-page .amhri-member{ text-align:left !important; max-width:none !important; margin:0 !important; }
.item-page .amhri-member::after{ content:""; display:block; clear:both; }
.item-page .amhri-member-photo{ float:left !important; width:150px !important; height:186px !important; margin:4px 22px 14px 0 !important; }
#sp-component .amhri-member-role{ margin:4px 0 14px !important; }
[dir="rtl"] .item-page .amhri-member-photo{ float:right !important; margin:4px 0 14px 22px !important; }
@media(max-width:480px){
  .item-page .amhri-member-photo{ width:120px !important; height:150px !important; margin:2px 16px 10px 0 !important; }
  [dir="rtl"] .item-page .amhri-member-photo{ margin:2px 0 10px 16px !important; }
}
/* ===== end donat91 ===== */


/* ===== donat92 : smaller header logo on mobile — old mobile-logo rules targeted #sp-logo-wrapper which no longer exists (Helix renamed it #sp-logo), so the 154px logo was showing at full size on phones; shrink it on <=991px ===== */
@media (max-width:991px){
  #sp-header #sp-logo img, #sp-header .logo img.sp-default-logo{ max-height:78px !important; height:auto !important; width:auto !important; }
}
/* ===== end donat92 ===== */


/* ===== donat93 (v2) : mobile header — contact (phone+email WITH icons, no "Call") LEFT, logo CENTER, burger RIGHT (<=991px) ===== */
@media(max-width:991px){
  html.amhri-mhead-on #mod-custom165{ display:none !important; }
  #sp-header > .container > .row{ display:flex !important; align-items:center !important; flex-wrap:nowrap !important; gap:8px !important; padding:6px 14px !important; }
  #sp-header > .container > .row > .amhri-mhead-contact{ order:1 !important; flex:1 1 0 !important; min-width:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; gap:6px !important; align-items:flex-start !important; }
  .amhri-mhead-contact a{ display:flex !important; align-items:center !important; gap:6px !important; color:var(--ink) !important; text-decoration:none !important; font-size:11px !important; font-weight:700 !important; white-space:nowrap !important; line-height:1.2 !important; }
  .amhri-mhead-contact a i{ color:var(--brand-red,#C8102E) !important; font-size:12px !important; width:15px !important; text-align:center !important; flex:0 0 auto !important; }
  #sp-header > .container > .row > #sp-logo{ order:2 !important; flex:0 0 auto !important; max-width:none !important; width:auto !important; text-align:center !important; padding:0 !important; }
  #sp-header > .container > .row > #sp-menu{ order:3 !important; flex:1 1 0 !important; max-width:none !important; display:flex !important; justify-content:flex-end !important; align-items:center !important; }
}
/* ===== end donat93 ===== */