/*
Theme Name: MyProphet
Theme URI: https://myprophet.org
Author: MohidWebSrv
Author URI: https://mohid.net/
Description: MyProphet, a premium, modern Islamic charity theme. Feed the hungry, teach the seeker, lift the fallen. The homepage matches the original design pixel-for-pixel; new pages are fully editable with Elementor (free or Pro).
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myprophet
Tags: charity, nonprofit, elementor, full-width-template, custom-colors, one-page
*/

/* ==========================================================================
   Base: mirrors the original design tokens
   ========================================================================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.myprophet{
  margin:0;
  background:#f6f0e6;
  color:#1d241f;
  font-family:'Instrument Sans',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.myprophet a{color:#a8792f;text-decoration:none}
.myprophet a:hover{color:#7d5a1f}
.myprophet ::selection{background:#c9a24a;color:#12291f}
.myprophet :focus-visible{outline:3px solid #b78a45;outline-offset:3px;border-radius:2px}
img{max-width:100%;height:auto}

/* Animations */
@keyframes riseIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes glow{0%,100%{box-shadow:0 14px 34px rgba(154,114,38,.4)}50%{box-shadow:0 18px 48px rgba(214,173,82,.72)}}
@keyframes shimmer{0%,100%{opacity:.5}50%{opacity:.9}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Reveal-on-scroll helper (replaces animation-timeline for wide browser support) */
.mp-reveal{opacity:0;transform:translateY(30px)}
.mp-reveal.is-visible{animation:riseIn .8s ease forwards}

/* Image placeholder (replaces <image-slot>) */
.mp-image-slot{
  position:absolute;inset:0;width:100%;height:100%;
  display:grid;place-items:center;text-align:center;
  background:linear-gradient(135deg,#e4d8c2,#cbb98f);
  color:#5a4a2f;font-size:14px;font-weight:500;line-height:1.5;padding:18px;
}
.mp-image-slot span{max-width:220px;opacity:.85}
.mp-image-slot.has-img{background:none;padding:0;display:block}
.mp-image-slot img{width:100%;height:100%;object-fit:cover;object-position:38% 78%;display:block}

/* ==========================================================================
   Header v2: slim glass top-bar (contact + social) + centered-logo main bar
   Glassmorphism throughout: translucent fill, backdrop-blur, hairline edges.
   ========================================================================== */
.mp-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  transition:background .4s ease,box-shadow .4s ease,padding .3s ease;
  /* Own compositing layer so the browser doesn't have to repaint/
     recomposite this fixed element together with the scrolling page
     content behind it — this is what stops the flicker/flash that
     happened when items scrolled underneath the header. */
  transform:translateZ(0);
  will-change:transform;
  backface-visibility:hidden;
}

/* ---- Top utility bar ---- */
.mp-topbar{
  background:linear-gradient(90deg,#0e2019,#143229 50%,#0e2019);
  border-bottom:1px solid rgba(212,175,110,.25);
}
.mp-topbar-inner{
  max-width:1240px;margin:0 auto;
  padding:9px clamp(20px,5vw,48px);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;
}
.mp-topbar-contact{display:flex;align-items:center;gap:clamp(12px,2vw,26px);flex-wrap:wrap}
.mp-header .mp-topbar-item,
.mp-header .mp-topbar-item:visited{
  display:inline-flex;align-items:center;gap:7px;
  color:rgba(245,239,224,.85)!important;font-size:13px;font-weight:500;
  letter-spacing:.01em;white-space:nowrap;
  transition:color .2s ease;
}
.mp-header .mp-topbar-item:hover{color:#e9c987!important}
.mp-topbar-item svg{width:14px;height:14px;flex-shrink:0;color:#d9b46a}
.mp-topbar-social{display:flex;align-items:center;gap:10px}
.mp-header .mp-social-ico,
.mp-header .mp-social-ico:visited{
  display:grid;place-items:center;
  width:28px;height:28px;border-radius:50%;
  color:rgba(250,245,234,.85)!important;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(201,162,74,.22);
  transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;
}
.mp-social-ico svg{width:14px;height:14px}
.mp-header .mp-social-ico:hover{
  color:#12291f!important;background:linear-gradient(150deg,#c9a24a,#9a7226);
  border-color:transparent;transform:translateY(-2px);
}

/* ---- Main bar: centered large logo, nav underneath ---- */
.mp-mainbar{
  transition:background .4s ease,box-shadow .4s ease,padding .3s ease;
}
/* ---- Main bar: 3-column row — nav left | logo center | nav right ---- */
.mp-mainbar-inner{
  max-width:1320px;margin:0 auto;
  padding:8px clamp(20px,5vw,48px);
  display:flex;flex-direction:column;align-items:center;gap:4px;
}
.mp-mainbar-inner--split{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  column-gap:clamp(16px,3vw,40px);
}
.mp-navbar--split{width:100%;display:flex}
.mp-navbar--split .mp-nav-links{width:100%;gap:clamp(14px,1.8vw,28px);flex-wrap:nowrap}
.mp-navbar--left{justify-self:stretch}
.mp-navbar--left .mp-nav-links{justify-content:flex-end}
.mp-navbar--right{justify-self:stretch}
.mp-navbar--right .mp-nav-links{justify-content:flex-start}

.mp-brand--center{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;justify-self:center}
.mp-mainbar .mp-brand--logo{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(165deg,#faf5ea,#f2e9d6);
  border:1px solid rgba(212,175,110,.6);
  border-radius:12px;
  padding:3px 12px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.6) inset,
    0 6px 18px rgba(5,15,11,.28),
    0 1px 4px rgba(5,15,11,.16);
  transition:box-shadow .35s ease,transform .35s ease;
}
.mp-header.is-solid .mp-mainbar .mp-brand--logo{
  box-shadow:
    0 1px 0 rgba(255,255,255,.7) inset,
    0 8px 22px rgba(5,15,11,.34),
    0 2px 6px rgba(5,15,11,.2);
}
.mp-mainbar .mp-brand--logo:hover{transform:translateY(-1px)}
.mp-brand-mark{
  width:40px;height:40px;border-radius:50%;
  background:linear-gradient(150deg,#d9b46a,#a97c34);
  display:grid;place-items:center;color:#0e2019;
  font-family:'Cormorant Garamond',serif;font-weight:700;font-size:22px;
  box-shadow:0 2px 10px rgba(140,100,30,.4);
}
.mp-brand-name{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;letter-spacing:.01em}

.mp-nav-links{
  display:flex;align-items:center;justify-content:center;
  gap:clamp(14px,2vw,30px);flex-wrap:wrap;
}

/* Header states: premium solid brand-color surface. backdrop-filter /
   glass blur was removed from the fixed header entirely — combining a
   blurred, GPU-composited backdrop with position:fixed caused a visible
   flicker/flash as page content (especially reveal-on-scroll elements)
   passed underneath, because the browser has to recomposite the blur
   layer on every frame. A solid, opaque surface with its own stable
   compositing layer (translateZ/will-change below) removes that
   recompositing work entirely, so scrolling under the header is smooth. */
@keyframes mpHeaderSettle{
  0%{transform:translateY(-6px);opacity:.85}
  100%{transform:translateY(0);opacity:1}
}
.mp-header .mp-navlink,
.mp-header .mp-brand-name,
.mp-header .mp-menu a{color:#12291f}
.mp-header.is-solid{animation:mpHeaderSettle .5s cubic-bezier(.16,1,.3,1)}
.mp-header.is-solid .mp-topbar{
  background:linear-gradient(120deg,#0e2019,#122d26);
  border-bottom-color:rgba(212,175,110,.3);
}
.mp-header.is-solid .mp-mainbar{
  background:linear-gradient(165deg,#faf5ea,#f2e9d6);
  box-shadow:
    0 1px 0 rgba(255,255,255,.6) inset,
    0 16px 44px rgba(4,10,8,.16),
    0 2px 10px rgba(4,10,8,.10);
  border-bottom:1px solid rgba(212,175,110,.4);
}
.mp-header.is-solid .mp-mainbar-inner{padding-top:12px!important;padding-bottom:12px!important}
.mp-header:not(.is-solid) .mp-mainbar{background:linear-gradient(165deg,#faf5ea,#f2e9d6);box-shadow:none;border-bottom:1px solid rgba(212,175,110,.3)}
@media (prefers-reduced-motion:reduce){
  .mp-header.is-solid{animation:none}
}
.mp-menu{list-style:none;display:flex;align-items:center;gap:clamp(14px,2vw,30px);margin:0;padding:0;flex-wrap:wrap}
.mp-menu a{font-size:15px;font-weight:500;opacity:.9}
.mp-menu a:hover{opacity:1}
.mp-navlink{font-size:15px;font-weight:500;opacity:.92;white-space:nowrap;transition:opacity .2s ease,color .2s ease}
.mp-navlink:hover{opacity:1;color:#9a7226!important}
.mp-header .custom-logo{
  width:auto;height:50px;max-height:50px;max-width:160px;
  object-fit:contain;object-position:center center;
  display:block;
}
.mp-brand--center .custom-logo-link{display:flex;align-items:center;justify-content:center}
@media (max-width:900px){
  .mp-mainbar-inner{
    display:block!important;
    position:relative!important;
    min-height:68px;
    padding-top:12px;
    padding-bottom:12px;
  }
  /* Split left/right nav only exists for the desktop 3-column layout;
     on mobile all links live in the slide-in menu instead. */
  .mp-navbar--split{display:none!important}
  .mp-mainbar .mp-brand--center{
    position:absolute!important;
    left:clamp(20px,5vw,48px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    justify-content:flex-start!important;
  }
  .mp-menu-toggle{
    position:absolute!important;
    right:clamp(20px,5vw,48px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }
}
@media (max-width:640px){
  .mp-header .custom-logo{height:42px;max-height:42px;max-width:140px}
  .mp-brand-mark{width:32px;height:32px;font-size:17px}
  .mp-brand-name{font-size:22px}
  .mp-topbar-item span{display:none}
  .mp-topbar-item svg{width:16px;height:16px}
}
@media (max-width:480px){
  .mp-topbar-contact{gap:14px}
}

/* Screen-reader only */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;
  margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important;
}

/* Mobile responsiveness for grid sections */
@media (max-width:860px){
  .mp-values-grid{grid-template-columns:1fr!important}
  .mp-sponsor-grid{grid-template-columns:1fr!important}
  .mp-contact-grid{grid-template-columns:1fr!important}
  .mp-footer-grid{grid-template-columns:1fr!important}
}

/* Hero: stack photo below text on tablet/mobile, remove forced 100svh so no empty gap */
@media (max-width:860px){
  section[aria-label='Hero']{min-height:auto!important;align-items:stretch!important;padding-top:56px!important;padding-bottom:0!important}
  section[aria-label='Hero'] > div[style*='max-width:1240px']{padding-bottom:40px!important;display:flex!important;flex-direction:column!important;gap:32px!important}
  .mp-hero-photo{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:min(58vw,380px)!important;order:2;animation:none!important}
  section[aria-label='Hero'] > div[style*='max-width:1240px'] > div[style*='max-width:clamp(340px,46vw,640px)']{max-width:100%!important;order:1}
}
@media (max-width:480px){
  .mp-hero-photo{height:64vw!important}
}

/* ==========================================================================
   Generic content styling for Elementor / normal WP pages & posts
   ========================================================================== */
.mp-page-wrap{max-width:1000px;margin:0 auto;padding:140px clamp(20px,5vw,48px) 100px}
.mp-page-wrap h1,.mp-page-wrap h2,.mp-page-wrap h3{
  font-family:'Cormorant Garamond',serif;color:#143229;line-height:1.1
}
.mp-page-wrap h1{font-size:clamp(2.4rem,5vw,3.6rem);margin:0 0 24px}
.mp-page-wrap h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:36px 0 16px}
.mp-page-wrap p{font-size:1.08rem;line-height:1.75;color:#3a4038;margin:0 0 20px}
.mp-page-wrap a{color:#a8792f;font-weight:600}
.mp-page-wrap ul,.mp-page-wrap ol{line-height:1.7;color:#3a4038}
.mp-page-title{
  font-family:'Cormorant Garamond',serif;font-weight:600;
  font-size:clamp(2.4rem,5vw,3.6rem);color:#143229;margin:0 0 8px
}

/* Ensure hero content never collides with the fixed transparent header,
   regardless of viewport height (fixes tagline hiding behind header).
   Header is now taller (topbar + centered logo + nav rows). */
section[aria-label="Hero"]{padding-top:56px!important;box-sizing:border-box}
@media (max-width:640px){
  section[aria-label="Hero"]{padding-top:40px!important}
}

/* ==========================================================================
   Premium page header + breadcrumb band (interior pages)
   ========================================================================== */
.mp-pagehead{
  position:relative;
  overflow:hidden;
  padding:clamp(210px,24vh,250px) clamp(20px,5vw,48px) clamp(56px,7vw,80px);
  background:radial-gradient(120% 90% at 75% 15%,#1c4436 0%,#143229 55%,#0f261e 100%);
  isolation:isolate;
}
.mp-pagehead-texture{
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(125deg,rgba(255,255,255,.028) 0px,rgba(255,255,255,.028) 2px,transparent 2px,transparent 22px);
  opacity:.9;
  z-index:0;
}
.mp-pagehead-glow{
  position:absolute;inset:0;
  background:radial-gradient(55% 65% at 85% 20%,rgba(201,162,74,.22),transparent 70%);
  animation:shimmer 8s ease-in-out infinite;
  z-index:0;
}
.mp-pagehead-inner{
  position:relative;z-index:1;
  max-width:1240px;margin:0 auto;
}
.mp-pagehead-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  color:#e6c877;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  margin:0 0 20px;
}
.mp-pagehead-eyebrow-bar{width:26px;height:1px;background:#c9a24a;display:inline-block}
.mp-pagehead-title{
  font-family:'Cormorant Garamond',serif;
  color:#faf5ea;font-weight:600;
  font-size:clamp(2.4rem,5.2vw,4.2rem);
  line-height:1.05;
  margin:0 0 26px;
  letter-spacing:-.01em;
}
.mp-breadcrumb ol{
  list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0;padding:0;
}
.mp-breadcrumb li{display:inline-flex;align-items:center;gap:8px}
.mp-breadcrumb a{
  display:inline-flex;align-items:center;gap:6px;
  color:rgba(245,240,230,.68);font-size:14.5px;font-weight:500;
  text-decoration:none;transition:color .2s ease;
}
.mp-breadcrumb a:hover{color:#e6c877}
.mp-breadcrumb-home svg{color:#c9a24a}
.mp-breadcrumb-sep{color:rgba(245,240,230,.35);font-size:14px}
.mp-breadcrumb-current{color:#e6c877;font-size:14.5px;font-weight:600}

/* Content that follows the headed page-header band no longer needs the
   generic .mp-page-wrap top padding (the band already provides clearance),
   and the old plain h1 title is superseded by .mp-pagehead-title. */
.mp-page-wrap--headed{padding-top:clamp(48px,6vw,72px)!important}

@media (max-width:640px){
  .mp-pagehead{padding-top:190px}
}

.mp-pagehead--post{padding-bottom:clamp(40px,5vw,56px)}
.mp-pagehead-title--post{margin-bottom:20px}
.mp-post-meta-row{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  color:rgba(245,240,230,.68);font-size:14.5px;
  margin:0 0 22px;
}
.mp-post-meta-author{display:inline-flex;align-items:center;gap:9px;color:rgba(245,240,230,.85);font-weight:500}
.mp-post-avatar{border-radius:50%;border:1.5px solid rgba(201,162,74,.5)}

/* ==========================================================================
   Blog listing (archive) grid
   ========================================================================== */
.mp-blog-section{
  background:#fbf7ee;
  padding:clamp(56px,7vw,88px) clamp(20px,5vw,48px) clamp(80px,10vw,120px);
}
.mp-blog-wrap{max-width:1240px;margin:0 auto}

.mp-blog-filters{
  display:flex;flex-wrap:wrap;gap:10px;
  margin:0 0 clamp(36px,5vw,52px);
}
.mp-blog-filter{
  display:inline-flex;align-items:center;
  padding:9px 20px;border-radius:999px;
  border:1px solid rgba(20,50,41,.18);
  color:#3a4038;font-size:14px;font-weight:600;
  text-decoration:none;transition:all .2s ease;
  background:#fff;
}
.mp-blog-filter:hover{border-color:#a8792f;color:#a8792f}
.mp-blog-filter.is-active{
  background:linear-gradient(150deg,#d6ad52,#a8792f);
  border-color:transparent;color:#12291f;
}

.mp-blog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(24px,3vw,36px);
}
.mp-blog-grid--related{grid-template-columns:repeat(3,1fr)}

.mp-blog-card{
  display:flex;flex-direction:column;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 26px rgba(20,50,41,.08);
  transition:transform .3s ease,box-shadow .3s ease;
}
.mp-blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(20,50,41,.14)}
.mp-blog-card--wide{grid-column:span 1}
@media (min-width:1080px){
  .mp-blog-card--wide{grid-column:span 2}
  .mp-blog-card--wide .mp-blog-card-media{aspect-ratio:21/9}
}

.mp-blog-card-media{
  display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#e7e2d3;
}
.mp-blog-card-media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease;
}
.mp-blog-card:hover .mp-blog-card-media img{transform:scale(1.06)}
.mp-blog-card-media .mp-image-slot{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#1c4436,#0f261e);
  color:rgba(245,240,230,.6);font-size:14px;text-align:center;padding:16px;
}

.mp-blog-card-body{padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:12px;flex:1}
.mp-blog-card-tag{
  align-self:flex-start;
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#a8792f;background:rgba(201,162,74,.12);
  padding:5px 12px;border-radius:999px;text-decoration:none;
}
.mp-blog-card-tag:hover{background:rgba(201,162,74,.22)}
.mp-blog-card-title{
  font-family:'Cormorant Garamond',serif;font-weight:600;
  font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.25;margin:0;color:#143229;
}
.mp-blog-card-title--sm{font-size:1.2rem}
.mp-blog-card-title a{color:inherit;text-decoration:none}
.mp-blog-card-title a:hover{color:#a8792f}
.mp-blog-card-excerpt{color:#5a5f56;font-size:15px;line-height:1.6;margin:0;flex:1}
.mp-blog-card-meta{
  display:flex;align-items:center;gap:8px;
  color:#8a8f84;font-size:13px;margin-top:auto;padding-top:6px;
}
.mp-blog-card-dot{opacity:.6}

.mp-blog-pagination{margin-top:clamp(48px,6vw,64px);display:flex;justify-content:center}
.mp-blog-pagination .nav-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mp-blog-pagination a,.mp-blog-pagination span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 14px;
  border-radius:999px;border:1px solid rgba(20,50,41,.18);
  color:#3a4038;font-size:14px;font-weight:600;text-decoration:none;
  transition:all .2s ease;
}
.mp-blog-pagination a:hover{border-color:#a8792f;color:#a8792f}
.mp-blog-pagination .current{
  background:linear-gradient(150deg,#d6ad52,#a8792f);
  border-color:transparent;color:#12291f;
}

.mp-blog-empty{text-align:center;padding:60px 20px}
.mp-blog-empty h2{font-family:'Cormorant Garamond',serif;color:#143229;font-size:2rem;margin:0 0 12px}
.mp-blog-empty p{color:#5a5f56;font-size:16px}

@media (max-width:1080px){
  .mp-blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .mp-blog-grid,.mp-blog-grid--related{grid-template-columns:1fr}
}

/* ==========================================================================
   Single post: featured media, body, tags, author card, related strip
   ========================================================================== */
.mp-post-feature-media{
  max-width:1240px;margin:-32px auto 0;padding:0 clamp(20px,5vw,48px);
  position:relative;z-index:2;
}
.mp-post-feature-media img{
  width:100%;height:clamp(280px,42vw,520px);object-fit:cover;
  border-radius:20px;box-shadow:0 24px 60px rgba(20,50,41,.22);
  display:block;
}

.mp-post-article{background:#fbf7ee;padding:clamp(56px,7vw,80px) clamp(20px,5vw,48px)}
.mp-post-layout{max-width:780px;margin:0 auto}
.mp-post-content{padding:0}
.mp-post-content p{font-size:1.12rem;line-height:1.85;color:#3a4038;margin:0 0 24px}
.mp-post-content h2{
  font-family:'Cormorant Garamond',serif;color:#143229;
  font-size:clamp(1.6rem,3vw,2.2rem);margin:44px 0 18px;line-height:1.2;
}
.mp-post-content h3{
  font-family:'Cormorant Garamond',serif;color:#143229;
  font-size:clamp(1.3rem,2.4vw,1.7rem);margin:34px 0 14px;
}
.mp-post-content blockquote{
  border-left:3px solid #c9a24a;margin:32px 0;padding:6px 0 6px 26px;
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3rem;
  color:#143229;
}
.mp-post-content img{max-width:100%;height:auto;border-radius:14px;margin:8px 0}
.mp-post-content ul,.mp-post-content ol{line-height:1.8;color:#3a4038;margin:0 0 24px;padding-left:24px}
.mp-post-content a{color:#a8792f;font-weight:600}

.mp-post-tags{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0}
.mp-post-tag-pill{
  display:inline-flex;align-items:center;
  padding:7px 16px;border-radius:999px;
  background:rgba(20,50,41,.06);color:#3a4038;
  font-size:13.5px;font-weight:600;text-decoration:none;
  transition:all .2s ease;
}
.mp-post-tag-pill:hover{background:rgba(201,162,74,.18);color:#a8792f}

.mp-post-author-card{
  display:flex;gap:18px;align-items:flex-start;
  margin-top:44px;padding-top:36px;border-top:1px solid rgba(20,50,41,.12);
}
.mp-post-author-avatar{border-radius:50%;border:2px solid rgba(201,162,74,.4)}
.mp-post-author-label{margin:0;color:#8a8f84;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.mp-post-author-name{margin:4px 0 8px;font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;color:#143229}
.mp-post-author-bio{margin:0;color:#5a5f56;font-size:14.5px;line-height:1.6}

.mp-related-section{background:#fff;padding:clamp(56px,7vw,80px) clamp(20px,5vw,48px)}
.mp-related-eyebrow{color:#a8792f;justify-content:flex-start;margin-bottom:28px}
.mp-related-eyebrow .mp-pagehead-eyebrow-bar{background:#a8792f}

.mp-post-comments{padding:clamp(40px,5vw,60px) clamp(20px,5vw,48px)}

@media (max-width:640px){
  .mp-post-feature-media{margin-top:-20px}
}

/* ==========================================================================
   Blog two-column layout: content + sidebar (search, categories, tags)
   ========================================================================== */
.mp-blog-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:clamp(32px,4vw,56px);
  align-items:start;
}
.mp-blog-content{min-width:0}

[data-mp-blog-results]{position:relative;transition:opacity .25s ease}
[data-mp-blog-results].is-loading{opacity:.45;pointer-events:none}

.mp-blog-sidebar{
  display:flex;flex-direction:column;gap:28px;
  position:sticky;top:110px;
}

.mp-sidebar-widget{
  background:#fff;
  border-radius:16px;
  padding:24px;
  box-shadow:0 6px 20px rgba(20,50,41,.06);
}
.mp-sidebar-title{
  font-family:'Cormorant Garamond',serif;
  font-size:1.2rem;font-weight:600;color:#143229;
  margin:0 0 18px;
}

.mp-search-form{display:flex;gap:8px}
.mp-search-input{
  flex:1;min-width:0;
  font-family:inherit;font-size:14.5px;
  padding:11px 14px;border-radius:10px;
  border:1px solid rgba(20,50,41,.18);
  background:#fbf7ee;color:#1d241f;
}
.mp-search-input::placeholder{color:#8a8f84}
.mp-search-input:focus{outline:none;border-color:#a8792f;box-shadow:0 0 0 3px rgba(168,121,47,.15)}
.mp-search-btn{
  display:grid;place-items:center;
  width:42px;height:42px;flex-shrink:0;
  border-radius:10px;border:none;cursor:pointer;
  background:linear-gradient(150deg,#d6ad52,#a8792f);
  color:#12291f;
  transition:transform .2s ease;
}
.mp-search-btn:hover{transform:scale(1.05)}

.mp-sidebar-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.mp-sidebar-cats a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border-radius:10px;
  color:#3a4038;font-size:14.5px;font-weight:500;
  text-decoration:none;transition:all .2s ease;
}
.mp-sidebar-cats a:hover{background:rgba(201,162,74,.1);color:#a8792f}
.mp-sidebar-cats a.is-active{background:rgba(201,162,74,.14);color:#a8792f;font-weight:600}
.mp-sidebar-count{
  font-size:12px;color:#8a8f84;background:rgba(20,50,41,.06);
  padding:2px 8px;border-radius:999px;
}
.mp-sidebar-cats a.is-active .mp-sidebar-count{background:rgba(201,162,74,.22);color:#a8792f}

.mp-sidebar-tagcloud{display:flex;flex-wrap:wrap;gap:8px}
.mp-sidebar-tag-pill{
  display:inline-flex;align-items:center;
  padding:6px 14px;border-radius:999px;
  background:rgba(20,50,41,.06);color:#3a4038;
  font-size:13px;font-weight:600;text-decoration:none;
  transition:all .2s ease;
}
.mp-sidebar-tag-pill:hover{background:rgba(201,162,74,.18);color:#a8792f}
.mp-sidebar-tag-pill.is-active{background:linear-gradient(150deg,#d6ad52,#a8792f);color:#12291f}

@media (max-width:980px){
  .mp-blog-layout{grid-template-columns:1fr}
  .mp-blog-sidebar{position:static;order:-1}
}

/* ==========================================================================
   WordPress comment form (single post), styled to match the brand
   ========================================================================== */
.mp-post-comments{background:#fbf7ee}
.mp-post-comments .comment-respond{
  max-width:780px;margin:0 auto;
  background:#fff;border-radius:18px;
  padding:clamp(28px,4vw,44px);
  box-shadow:0 8px 26px rgba(20,50,41,.08);
}
.mp-post-comments .comment-reply-title{
  font-family:'Cormorant Garamond',serif;font-weight:600;
  font-size:clamp(1.5rem,2.6vw,2rem);color:#143229;
  margin:0 0 22px;
}
.mp-post-comments .comment-reply-title small{font-size:13px;font-weight:400;margin-left:10px}
.mp-post-comments .comment-reply-title small a{color:#a8792f;text-decoration:none}
.mp-post-comments .comment-notes{color:#5a5f56;font-size:14px;margin:0 0 24px}
.mp-post-comments .required-field-message .required,
.mp-post-comments .comment-form-comment .required,
.mp-post-comments .comment-form-author .required,
.mp-post-comments .comment-form-email .required{color:#a8792f}

.mp-post-comments .comment-form p{margin:0 0 18px}
.mp-post-comments .comment-form label{
  display:block;font-weight:600;font-size:14px;color:#1d241f;margin:0 0 8px;
}
.mp-post-comments .comment-form textarea,
.mp-post-comments .comment-form input[type=text],
.mp-post-comments .comment-form input[type=email],
.mp-post-comments .comment-form input[type=url]{
  width:100%;box-sizing:border-box;
  font-family:inherit;font-size:15.5px;
  padding:13px 16px;border-radius:12px;
  border:1px solid rgba(20,50,41,.18);
  background:#fbf7ee;color:#1d241f;
}
.mp-post-comments .comment-form textarea:focus,
.mp-post-comments .comment-form input:focus{
  outline:none;border-color:#a8792f;
  box-shadow:0 0 0 3px rgba(168,121,47,.15);
}
.mp-post-comments .comment-form textarea{resize:vertical;min-height:130px}

.mp-post-comments .comment-form-cookies-consent{
  display:flex;align-items:flex-start;gap:9px;
}
.mp-post-comments .comment-form-cookies-consent input{margin-top:3px}
.mp-post-comments .comment-form-cookies-consent label{
  font-weight:400;font-size:14px;color:#5a5f56;margin:0;
}

.mp-post-comments .form-submit{margin:8px 0 0}
.mp-post-comments .form-submit .submit{
  background:linear-gradient(150deg,#d6ad52,#a8792f);
  color:#12291f;border:none;font-family:inherit;font-weight:600;
  font-size:16px;padding:14px 32px;border-radius:999px;cursor:pointer;
  box-shadow:0 10px 26px rgba(154,114,38,.32);
  transition:transform .2s ease;
}
.mp-post-comments .form-submit .submit:hover{transform:translateY(-2px)}

.mp-post-comments .comment-list{list-style:none;margin:0 0 40px;padding:0;max-width:780px;margin-left:auto;margin-right:auto}
.mp-post-comments .comment-list .comment-body{
  background:#fff;border-radius:16px;padding:22px 24px;margin-bottom:16px;
  box-shadow:0 6px 18px rgba(20,50,41,.06);
}
.mp-post-comments .comment-list .comment-author .fn{font-weight:600;color:#143229}
.mp-post-comments .comment-list .comment-metadata{font-size:12.5px;color:#8a8f84}
.mp-post-comments .comment-list .comment-metadata a{color:inherit}

/* ==========================================================================
   404 page: premium dark-green hero with search and shortcuts
   ========================================================================== */
.mp-404{
  position:relative;overflow:hidden;
  min-height:100svh;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(200px,22vh,240px) clamp(20px,5vw,48px) clamp(64px,8vw,100px);
  background:radial-gradient(120% 90% at 75% 15%,#1c4436 0%,#143229 55%,#0f261e 100%);
  isolation:isolate;
  text-align:center;
}
.mp-404-texture{
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(125deg,rgba(255,255,255,.028) 0px,rgba(255,255,255,.028) 2px,transparent 2px,transparent 22px);
  opacity:.9;z-index:0;
}
.mp-404-glow{
  position:absolute;inset:0;
  background:radial-gradient(55% 65% at 50% 20%,rgba(201,162,74,.22),transparent 70%);
  animation:shimmer 8s ease-in-out infinite;
  z-index:0;
}
.mp-404-inner{position:relative;z-index:1;max-width:640px;margin:0 auto}
.mp-404-eyebrow{justify-content:center}

.mp-404-glyph{
  width:104px;height:104px;margin:8px auto 26px;
  border-radius:50%;
  display:grid;place-items:center;
  background:rgba(201,162,74,.12);
  border:1px solid rgba(201,162,74,.3);
  color:#e6c877;
  animation:floaty 6s ease-in-out infinite;
}

.mp-404-title{
  font-family:'Cormorant Garamond',serif;
  color:#faf5ea;font-weight:600;
  font-size:clamp(2rem,4.4vw,3rem);
  line-height:1.15;margin:0 0 18px;
}
.mp-404-text{
  color:rgba(245,240,230,.72);
  font-size:clamp(1rem,1.6vw,1.12rem);
  line-height:1.7;margin:0 0 36px;
}

/* Search box removed per client request. Single Home CTA only. */

.mp-404-actions{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;
}
.mp-404-cta-primary{
  display:inline-flex;align-items:center;gap:9px;
  background:linear-gradient(150deg,#d6ad52,#a8792f);
  color:#12291f!important;font-weight:700;font-size:16px;
  padding:15px 28px;border-radius:999px;text-decoration:none;
  box-shadow:0 10px 26px rgba(154,114,38,.32);
  transition:transform .2s ease;
  opacity:1;-webkit-font-smoothing:antialiased;
}
.mp-404-cta-primary span,
.mp-404-cta-primary svg{color:#12291f!important;stroke:#12291f!important;opacity:1}
.mp-404-cta-primary:hover{transform:translateY(-2px)}


/* ==========================================================================
   Responsive hamburger menu (mobile / tablet)
   ========================================================================== */
.mp-menu-toggle{
  display:none;
  position:relative;z-index:101;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;
  width:44px;height:44px;border-radius:12px;
  border:1px solid rgba(18,41,31,.25);
  background:rgba(18,41,31,.05);
  cursor:pointer;flex-shrink:0;
  transition:background .2s ease;
}
.mp-header:not(.is-solid) .mp-menu-toggle{border-color:rgba(18,41,31,.3)}
.mp-menu-toggle:hover{background:rgba(18,41,31,.1)}
.mp-menu-toggle-bar{
  width:20px;height:2px;border-radius:2px;
  background:#12291f;
  transition:transform .3s ease,opacity .2s ease;
}
.mp-menu-toggle[aria-expanded="true"] .mp-menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mp-menu-toggle[aria-expanded="true"] .mp-menu-toggle-bar:nth-child(2){opacity:0}
.mp-menu-toggle[aria-expanded="true"] .mp-menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mp-mobile-menu{
  position:fixed;inset:0;z-index:100;
  visibility:hidden;opacity:0;
  transition:opacity .35s ease,visibility .35s ease;
  background:radial-gradient(120% 90% at 75% 15%,#1c4436 0%,#143229 55%,#0f261e 100%);
  overflow:hidden;
}
.mp-mobile-menu.is-open{visibility:visible;opacity:1}
.mp-mobile-menu-texture{
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(125deg,rgba(255,255,255,.028) 0px,rgba(255,255,255,.028) 2px,transparent 2px,transparent 22px);
  opacity:.9;
}
.mp-mobile-menu-glow{
  position:absolute;inset:0;
  background:radial-gradient(60% 60% at 82% 15%,rgba(201,162,74,.22),transparent 70%);
  animation:shimmer 8s ease-in-out infinite;
}
.mp-menu-close{
  position:absolute;top:20px;right:20px;z-index:2;
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:12px;
  border:1px solid rgba(245,240,230,.25);
  background:rgba(255,255,255,.08);
  color:#faf5ea;cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.mp-menu-close:hover{background:rgba(255,255,255,.16);transform:rotate(90deg)}
.mp-mobile-menu-inner{
  position:relative;z-index:1;
  height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:100px 24px 40px;
}
.mp-mobile-menu-list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  width:100%;
}
.mp-mobile-menu-list li{width:100%;text-align:center}
.mp-mobile-menu-list a,
.mp-mobile-navlink{
  display:block;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.6rem,5vw,2.1rem);font-weight:600;
  color:#faf5ea;text-decoration:none;
  padding:14px 0;
  opacity:0;transform:translateY(14px);
  transition:opacity .4s ease,transform .4s ease,color .2s ease;
}
.mp-mobile-menu-list a:hover,
.mp-mobile-navlink:hover{color:#e6c877}
.mp-mobile-menu.is-open .mp-mobile-menu-list a,
.mp-mobile-menu.is-open .mp-mobile-navlink{opacity:1;transform:translateY(0)}
.mp-mobile-menu.is-open .mp-mobile-menu-list li:nth-child(1) a{transition-delay:.06s}
.mp-mobile-menu.is-open .mp-mobile-menu-list li:nth-child(2) a{transition-delay:.11s}
.mp-mobile-menu.is-open .mp-mobile-menu-list li:nth-child(3) a{transition-delay:.16s}
.mp-mobile-menu.is-open .mp-mobile-menu-list li:nth-child(4) a{transition-delay:.21s}
.mp-mobile-menu.is-open .mp-mobile-navlink:nth-of-type(1){transition-delay:.06s}
.mp-mobile-menu.is-open .mp-mobile-navlink:nth-of-type(2){transition-delay:.11s}
.mp-mobile-menu.is-open .mp-mobile-navlink:nth-of-type(3){transition-delay:.16s}
.mp-mobile-menu.is-open .mp-mobile-navlink:nth-of-type(4){transition-delay:.21s}

.mp-mobile-cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:22px;
  background:linear-gradient(150deg,#d6ad52,#a8792f);
  color:#12291f!important;font-weight:700;font-family:'Instrument Sans',sans-serif;
  font-size:17px;padding:15px 30px;border-radius:999px;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(154,114,38,.32);
  opacity:0;transform:translateY(14px);
  transition:opacity .4s ease .26s,transform .4s ease .26s;
}
.mp-mobile-menu.is-open .mp-mobile-cta-btn{opacity:1;transform:translateY(0)}

body.mp-menu-open{overflow:hidden}

@media (max-width:900px){
  .mp-navbar--under{display:none!important}
  .mp-menu-toggle{display:flex}
}
/* ==========================================================================
   Gallery page: premium hover/interaction polish for Elementor Pro's
   native Gallery widget (masonry layout). No custom grid or JS, this only
   enhances the widget's own markup with brand-matched motion.
   ========================================================================== */
.elementor-widget-gallery .gallery-item,
.elementor-widget-gallery .elementor-gallery-item {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 6px 24px rgba(15, 43, 29, 0.10);
	transition: box-shadow 0.35s ease, transform 0.35s ease;
}
.elementor-widget-gallery .gallery-item:hover,
.elementor-widget-gallery .elementor-gallery-item:hover {
	box-shadow: 0 16px 40px rgba(15, 43, 29, 0.22);
	transform: translateY(-4px);
}
.elementor-widget-gallery .elementor-gallery-item__image {
	overflow: hidden;
	border-radius: 14px;
}
.elementor-widget-gallery .elementor-gallery-item img {
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}
.elementor-widget-gallery .elementor-gallery-item:hover img {
	transform: scale(1.08);
}
.elementor-widget-gallery .elementor-gallery-item__overlay {
	background: linear-gradient(180deg, rgba(15,43,29,0) 40%, rgba(15,43,29,0.78) 100%) !important;
	opacity: 0 !important;
	transition: opacity 0.4s ease !important;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 18px;
}
.elementor-widget-gallery .elementor-gallery-item:hover .elementor-gallery-item__overlay {
	opacity: 1 !important;
}
.elementor-widget-gallery .elementor-gallery-item__content {
	color: #FBF7EE;
}
/* Lightbox close and nav buttons, nudge toward brand gold on hover */
.elementor-lightbox .dialog-lightbox-close-button:hover,
.elementor-lightbox .elementor-swiper-button:hover {
	color: #A8792F !important;
}

/* ==========================================================================
   Homepage Mission section: hover polish for the "organization shall"
   bullet cards (matches the program-card lift/shadow pattern elsewhere).
   ========================================================================== */
.mp-mission-card:hover{
  transform:translateY(-4px);
  box-shadow:0 4px 10px rgba(20,50,41,.08),0 22px 44px rgba(20,50,41,.12);
}

/* ==========================================================================
   Mission grid: flex-wrap based so any row with fewer than 4 cards
   (the trailing 3) is centered by justify-content:center rather than
   pinned to specific grid columns. Card basis targets 4-per-row on
   desktop, wrapping to 2-per-row then 1-per-row as space shrinks.
   ========================================================================== */
@media (max-width:900px){
  .mp-mission-card{flex-basis:calc(50% - 10px)!important;max-width:calc(50% - 10px)!important}
}
@media (max-width:560px){
  .mp-mission-card{flex-basis:100%!important;max-width:420px!important}
}

/* ==========================================================================
   "Give now" section: per-program (Feed/Educate/Relieve) Fluent Forms tabs.
   ========================================================================== */
.mp-give-tab{
  border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;
  padding:9px 20px;border-radius:999px;transition:all .25s ease;background:transparent;color:#5a4a2f;
}
.mp-give-tab:hover{ color:#143229; }
.mp-give-panel{ transition:opacity .3s ease; }
@media (max-width:780px){
  .mp-give-panel{ grid-template-columns:1fr !important; }
  .mp-give-panel > div:first-child{ border-right:none !important;border-bottom:1px solid rgba(20,50,41,.06); }
}

/* Fluent Forms inside the give-now panels: align spacing/typography to brand. */
.mp-give-panel .fluentform label,
.mp-give-panel .fluentform .ff-el-input--label label{
  font-family:inherit;font-size:13.5px;font-weight:600;color:#143229;
}
.mp-give-panel .fluentform input[type=text],
.mp-give-panel .fluentform input[type=email],
.mp-give-panel .fluentform input[type=tel],
.mp-give-panel .fluentform select,
.mp-give-panel .fluentform textarea{
  border-radius:10px !important;border:1px solid rgba(20,50,41,.14) !important;
  padding:11px 14px !important;font-size:14.5px !important;background:#fffdf7 !important;
}
.mp-give-panel .fluentform input:focus,
.mp-give-panel .fluentform select:focus,
.mp-give-panel .fluentform textarea:focus{
  border-color:#a8792f !important;box-shadow:0 0 0 3px rgba(168,121,47,.14) !important;outline:none !important;
}
.mp-give-panel .fluentform button[type=submit]{
  border-radius:999px !important;font-weight:600 !important;padding:12px 26px !important;
  transition:transform .25s ease,box-shadow .25s ease !important;box-shadow:0 8px 20px rgba(168,121,47,.3) !important;
}
.mp-give-panel .fluentform button[type=submit]:hover{ transform:translateY(-2px); }

/* ==========================================================================
   Fluent Forms submit buttons: match the header's gold CTA exactly
   (gradient, dark-green text, pill shape, soft gold shadow, hover lift).
   ========================================================================== */
.fluentform button[type=submit],
.fluentform .ff-btn-submit{
  background:linear-gradient(150deg,#c9a24a,#9a7226) !important;
  color:#12291f !important;
  font-weight:600 !important;
  font-size:15px !important;
  padding:11px 26px !important;
  border:none !important;
  border-radius:999px !important;
  box-shadow:0 6px 18px rgba(154,114,38,.35) !important;
  transition:transform .25s ease,box-shadow .25s ease !important;
}
.fluentform button[type=submit]:hover,
.fluentform .ff-btn-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(154,114,38,.45) !important;
  background:linear-gradient(150deg,#d6ad52,#a8792f) !important;
  color:#12291f !important;
}

/* Floating animation variant for elements already centered via
   transform:translateY(-50%) (e.g. the hero photo card), so the float
   effect doesn't clobber the centering transform. */
@keyframes floatyCentered{
  0%,100%{transform:translateY(-50%)}
  50%{transform:translateY(calc(-50% - 10px))}
}

/* =====================================================================
   MOHID Events Calendar — premium brand alignment (MyProphet theme).
   The plugin already exposes --mohid-primary / --mohid-secondary CSS
   vars (set via its own Branding settings to our forest-green + gold),
   but a few details are hardcoded in the plugin's own <style> block and
   don't follow those variables, and its default fonts differ from the
   site's Cormorant Garamond / Instrument Sans pairing. This block is
   scoped entirely to the plugin's own classes so it can't leak into
   the rest of the site.
   ===================================================================== */
:root {
  --mohid-font-head: 'Cormorant Garamond', serif !important;
  --mohid-font-body: 'Instrument Sans', sans-serif !important;
}
.mohid-wrapper, .mohid-wrapper * {
  font-family: 'Instrument Sans', sans-serif;
}
.mohid-wrapper h1, .mohid-wrapper h2, .mohid-wrapper h3,
.mohid-wrapper .mohid-card-banner, .mohid-wrapper .mohid-card h3,
.mohid-wrapper .mohid-cal-header h3 {
  font-family: 'Cormorant Garamond', serif !important;
}

/* Filter bar: ivory panel with a soft gold hairline, matching the
   site's card language rather than a flat grey box. */
.mohid-filters {
  background: #faf5ea !important;
  border: 1px solid rgba(217,180,106,.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(18,45,38,.06) !important;
}
.mohid-filter-month select {
  border-color: rgba(217,180,106,.5) !important;
  border-radius: 10px !important;
}

/* Category cards: rounded, ivory, gold hairline, deeper premium shadow
   with a lift-on-hover consistent with the Donate cards. */
.mohid-card {
  border-radius: 16px !important;
  border-color: rgba(217,180,106,.4) !important;
  box-shadow: 0 10px 30px rgba(18,45,38,.08) !important;
}
.mohid-card:hover {
  box-shadow: 0 20px 45px rgba(18,45,38,.16) !important;
}
.mohid-badge {
  background: rgba(18,45,38,.06) !important;
  border-color: rgba(18,45,38,.14) !important;
}

/* Buttons: gold-gradient primary action instead of a flat fill, small
   uppercase tracking retained since it already reads premium. */
.mohid-btn, .mohid-toggle-calendar, .mohid-cal-nav {
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(18,45,38,.22) !important;
}
.mohid-btn:hover, .mohid-toggle-calendar:hover, .mohid-cal-nav:hover {
  background: linear-gradient(150deg,#e9c987,#b98d3e) !important;
}

/* Calendar wrap: gold hairline + ivory-tinted premium shadow instead of
   the plain grey border, softly rounded like the rest of the site. */
.mohid-cal-wrap {
  border-radius: 20px !important;
  border-color: rgba(217,180,106,.4) !important;
  box-shadow: 0 14px 40px rgba(18,45,38,.1) !important;
}
.mohid-cal-header {
  border-bottom-color: rgba(217,180,106,.3) !important;
}
.mohid-cal-grid {
  border-color: rgba(217,180,106,.25) !important;
}
.mohid-cal-day-name {
  background: #faf5ea !important;
  border-color: rgba(217,180,106,.25) !important;
  color: #6b5a35 !important;
}
.mohid-cal-day {
  border-color: rgba(217,180,106,.2) !important;
  background: #fffdf8 !important;
}
.mohid-cal-day.empty {
  background: #faf5ea !important;
}
.mohid-cal-day:hover:not(.empty) {
  background: #fbf3e2 !important;
}

/* Checkbox filter chips + hover popover: gold hairlines instead of flat
   grey, so every surface in this widget shares the same accent. */
.mohid-checkbox-item {
  border-color: rgba(217,180,106,.35) !important;
  border-radius: 10px !important;
}
.mohid-hover-popover {
  border-radius: 20px !important;
  border-color: rgba(217,180,106,.3) !important;
  box-shadow: 0 20px 55px rgba(18,45,38,.22) !important;
}
.mohid-session-block {
  border-left-color: #d9b46a !important;
}
/* Single MOHID event pages: our own single-mohid_event.php template
   already renders a premium page-header + breadcrumb band consistent
   with the rest of the site (Gallery, Donate, etc). The plugin's own
   the_content filter injects a second, unstyled 'hero' with a
   duplicate title/breadcrumb — hide that one so there's only a single,
   correctly-branded header on the page. */
.single-mohid_event .uwms-global-hero-wrap{display:none!important}


/* Archive Events toggle: active state gets the darker filled look so
   it's clear the visitor is browsing past events. */
#mohid-archive-toggle-btn.is-active {
  background: linear-gradient(150deg,#143229,#0e2019) !important;
  color: #f5efe0 !important;
  box-shadow: 0 1px 0 rgba(217,180,106,.2) inset, 0 8px 20px rgba(18,45,38,.3) !important;
}


/* Donations widget (Mohid), global version. The widget's own Advanced >
   Custom CSS is scoped to the Donate page's generated CSS file only, so
   when the exact same widget is re-rendered elsewhere via the
   [mohid_widget id="6aae04f"] shortcode (e.g. the home page's give-now
   section), that per-page CSS file never loads and the cards fall back
   to unstyled markup. Mirroring the same rules here, unscoped by class
   name rather than element ID, makes the branding apply everywhere the
   widget is dropped. */
.card-donation {
  background: linear-gradient(165deg, #143229 0%, #0e2019 100%) !important;
  border: 1px solid rgba(217, 180, 106, 0.35) !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 0 rgba(217,180,106,.12) inset, 0 20px 50px rgba(6,18,13,.35), 0 4px 14px rgba(6,18,13,.22) !important;
  transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.card-donation:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 1px 0 rgba(217,180,106,.2) inset, 0 28px 60px rgba(6,18,13,.45), 0 6px 18px rgba(6,18,13,.28) !important;
}
.card-donation-img-no, .card-donation-img {
  position: relative !important;
  filter: saturate(1.05) !important;
  background-color: #0e2019 !important;
  flex-shrink: 0 !important;
  width: 100% !important;
}
.card-donation-img-no::before, .card-donation-img::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(14,32,25,0) 40%, rgba(14,32,25,.85) 100%) !important;
}
.card-donation-img::after {
  display: none !important;
}
.card-donation-avatar img {
  border-radius: 50% !important;
  border: 3px solid #d9b46a !important;
  box-shadow: 0 0 0 6px rgba(14,32,25,.9), 0 10px 24px rgba(6,18,13,.4) !important;
  object-fit: cover !important;
}
.card-donation .card-body {
  background: transparent !important;
  padding: 24px 26px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  text-align: center !important;
  width: 100% !important;
}
.card-donation .card-head {
  background: transparent !important;
  margin-bottom: 10px !important;
  height: 62px !important;
  overflow: hidden !important;
  position: relative !important;
}
.card-donation .card-title {
  background: transparent !important;
  font-family: 'Cormorant Garamond', serif !important;
  color: #f5efe0 !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 50px !important;
  overflow: hidden !important;
  word-break: break-word !important;
  text-align: center !important;
}
.card-donation .card-head::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: 44px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #d9b46a, #a97c34) !important;
}
.card-donation .card-text {
  background: transparent !important;
  color: rgba(245,239,224,.72) !important;
  font-family: 'Instrument Sans', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-top: 10px !important;
  text-align: center !important;
}
.card-donation .card-footer {
  background: transparent !important;
  border: none !important;
  padding: 18px 26px 30px !important;
  margin-top: auto !important;
  width: 100% !important;
}
.card-donation .btn.btn-outline-light {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  background: linear-gradient(150deg, #d9b46a, #a97c34) !important;
  color: #0e2019 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 13px 28px !important;
  font-family: 'Instrument Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 20px rgba(140,100,30,.35) !important;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease !important;
}
.card-donation .btn.btn-outline-light:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 26px rgba(140,100,30,.45) !important;
  background: linear-gradient(150deg, #e9c987, #b98d3e) !important;
  color: #0e2019 !important;
}
.donationcategories .categorylist {
  padding: 40px 0 20px !important;
}
.donationcategories .row {
  row-gap: 32px !important;
  align-items: stretch !important;
}
.donationcategories .row > [class*="col-"] {
  display: flex !important;
}
@media (min-width: 992px) {
  .donationcategories .row [class*="col-lg-4"] {
    flex: 0 0 auto !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}
@media (min-width: 1400px) {
  .donationcategories .row [class*="col-lg-4"] {
    width: 33.3333% !important;
    max-width: 33.3333% !important;
  }
}
/* ==========================================================================
   Accreditation marquee: sleek gold ticker sitting just above the hero,
   scrolling right-to-left, single seamless loop. Sits in normal document
   flow (not fixed), so it scrolls away with the page while the header
   above it stays fixed.
   ========================================================================== */
.mp-marquee{
  position:relative;
  overflow:hidden;
  width:100%;
  margin-top:var(--mp-header-h,160px);
  background:linear-gradient(165deg,#faf5ea,#f2e9d6);
  border-top:1px solid rgba(212,175,110,.4);
  border-bottom:1px solid rgba(212,175,110,.4);
  padding:8px 0;
}
.mp-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
}
.mp-marquee-item{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  font-family:'Instrument Sans',sans-serif;
  font-size:13.5px;
  font-weight:600;
  letter-spacing:.02em;
  color:#12291f;
  padding:0 clamp(24px,6vw,64px);
  animation:mpMarqueeScroll 22s linear infinite;
  animation-play-state:running;
}
.mp-marquee-item:hover{
  animation-play-state:paused;
}
.mp-marquee-item svg{
  flex-shrink:0;
  color:#9a7226;
}
@keyframes mpMarqueeScroll{
  0%{transform:translateX(100vw)}
  100%{transform:translateX(-100%)}
}
@media (prefers-reduced-motion:reduce){
  .mp-marquee-track{animation:none}
  .mp-marquee{overflow-x:auto}
}
@media (max-width:640px){
  .mp-marquee-item{font-size:12px;padding:0 20px}
  .mp-marquee{padding:8px 0}
}
/* ==========================================================================
   Impact gallery slider: premium auto-rotating showcase, 3 images per view,
   sits between the impact-stats section and Upcoming Events on the home
   page. Pure CSS layout + small vanilla-JS controller for group cycling,
   arrows, dots, and pause-on-hover.
   ========================================================================== */
.mp-gslider-section{
  position:relative;
  padding:clamp(56px,7vw,84px) 0;
  background:linear-gradient(165deg,#0e2019,#143229);
  overflow:hidden;
}
.mp-gslider-inner{
  max-width:1320px;margin:0 auto;
  padding:0 clamp(20px,5vw,48px);
}
.mp-gslider-heading{text-align:center;margin-bottom:40px}
.mp-gslider-eyebrow{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin-bottom:14px;
}
.mp-gslider-eyebrow span:not(.mp-gslider-line){
  color:#d9b46a;font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
}
.mp-gslider-line{width:30px;height:1px;background:#c9a24a}
.mp-gslider-heading h2{
  font-family:'Cormorant Garamond',serif;color:#faf5ea;
  font-size:clamp(1.9rem,3.6vw,2.6rem);margin:0;
}
.mp-gslider{position:relative;padding:0 56px}
.mp-gslider-viewport{overflow:hidden}
@media (max-width:900px){.mp-gslider{padding:0 44px}}
@media (max-width:560px){.mp-gslider{padding:0 34px}}
.mp-gslider-track{
  display:flex;
  width:100%;
  gap:clamp(14px,2vw,26px);
  transition:transform .6s cubic-bezier(.65,0,.35,1);
  will-change:transform;
}
.mp-gslider-item{
  position:relative;
  flex:0 0 calc((100% - 2 * clamp(14px,2vw,26px)) / 3);
  max-width:calc((100% - 2 * clamp(14px,2vw,26px)) / 3);
  border-radius:16px;
  overflow:hidden;
  aspect-ratio:3/4;
  border:1px solid rgba(212,175,110,.25);
  box-shadow:0 10px 30px rgba(4,10,8,.35);
  background:#122d26;
}
.mp-gslider-item img{
  width:100%;height:100%;
  object-fit:cover;object-position:center 20%;
  display:block;
  transition:transform .6s ease;
}
.mp-gslider-item:hover img{transform:scale(1.06)}
.mp-gslider-arrow{
  position:absolute;top:50%;
  transform:translateY(-50%);
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(250,245,234,.1);
  border:1px solid rgba(212,175,110,.4);
  color:#f5efe0;
  cursor:pointer;
  backdrop-filter:blur(4px);
  transition:background .2s ease,transform .2s ease,border-color .2s ease;
  z-index:2;
}
.mp-gslider-arrow:hover{
  background:linear-gradient(150deg,#c9a24a,#9a7226);
  border-color:transparent;color:#12291f;
}
.mp-gslider-arrow--prev{left:0}
.mp-gslider-arrow--next{right:0}
@media (max-width:900px){
  .mp-gslider-arrow{width:36px;height:36px}
}
@media (max-width:560px){
  .mp-gslider-arrow{width:32px;height:32px}
}
.mp-gslider-dots{
  display:flex;align-items:center;justify-content:center;
  gap:10px;margin-top:28px;
}
.mp-gslider-dot{
  width:9px;height:9px;border-radius:50%;
  background:rgba(245,239,224,.28);
  border:none;cursor:pointer;padding:0;
  transition:background .25s ease,transform .25s ease;
}
.mp-gslider-dot.is-active{
  background:#d9b46a;
  transform:scale(1.25);
}
.mp-gslider-dot:hover{background:rgba(217,180,106,.7)}
@media (max-width:900px){
  .mp-gslider-item{
    flex:0 0 calc((100% - clamp(14px,2vw,26px)) / 2);
    max-width:calc((100% - clamp(14px,2vw,26px)) / 2);
  }
}
@media (max-width:560px){
  .mp-gslider-item{
    flex:0 0 100%;
    max-width:100%;
  }
}

/* Tablet / desktop-mode-mobile: cap hero + neutralize scrollytelling values section to avoid huge empty scroll gaps */
@media (max-width:1024px){
  section[aria-label='Hero']{min-height:auto!important;align-items:stretch!important}
  section#values{height:auto!important;padding:clamp(56px,8vw,88px) 0!important}
  section#values > div[style*='position:sticky']{position:relative!important;top:auto!important;height:auto!important;display:block!important;padding:0!important}
  section#values .mp-values-grid{display:flex!important;flex-direction:column!important;gap:40px!important;padding:0 clamp(20px,5vw,48px)!important}
  section#values .mp-value-pane{position:static!important;opacity:1!important;transform:none!important;pointer-events:auto!important;margin-bottom:36px}
  section#values .mp-value-pane:last-child{margin-bottom:0}
  section#values .mp-values-grid > div:last-child{display:none!important}
}
@media (min-width:861px) and (max-width:1024px){
  .mp-hero-photo{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:480px!important;height:min(50vw,360px)!important;margin:32px auto 0!important;animation:none!important}
  section[aria-label='Hero'] > div[style*='max-width:1240px']{display:flex!important;flex-direction:column!important;padding-top:48px!important;padding-bottom:48px!important}
  section[aria-label='Hero'] > div[style*='max-width:1240px'] > div[style*='max-width:clamp(340px,46vw,640px)']{max-width:100%!important}
}

/* == MP REQUEST PAGE == */
.mp-formintro{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto clamp(28px,3.5vw,44px) !important}
.mp-formintro-inner{max-width:none}
.mp-formintro-title{max-width:20ch}
.mp-formintro-eyebrow{color:#a8792f;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px}
.mp-formintro-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.08;color:#143229;margin:0 0 12px}
.mp-formintro-lead{color:#5a5f56;font-size:clamp(15px,1.4vw,16.5px);line-height:1.7;margin:0 0 clamp(22px,2.6vw,32px);max-width:62ch}
.mp-formintro-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,44px);border-top:1px solid rgba(20,50,41,.1)}
.mp-formintro-list li{padding:14px 0 14px 20px;position:relative;border-bottom:1px solid rgba(20,50,41,.1)}
.mp-formintro-list li:last-child{grid-column:1 / -1}
.mp-formintro-list li:before{content:'';position:absolute;left:0;top:1.42em;width:7px;height:7px;border-radius:999px;background:linear-gradient(150deg,#c9a24a,#9a7226)}
.mp-formintro-list strong{display:block;color:#143229;font-size:15px;font-weight:600;line-height:1.35;margin-bottom:3px}
.mp-formintro-list span{display:block;color:#6b7269;font-size:13.5px;line-height:1.55}
@media (max-width:720px){.mp-formintro-list{grid-template-columns:1fr}.mp-formintro-list li:last-child{grid-column:auto}}

.mp-formstage{position:relative;background:transparent !important;padding:clamp(44px,6vw,86px) clamp(14px,3vw,32px) clamp(66px,9vw,120px) !important}
.mp-formcard{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto !important;background:#fffdf7;border:1px solid rgba(20,50,41,.07);border-radius:28px;padding:clamp(26px,4.2vw,64px) clamp(22px,4vw,60px) clamp(30px,4vw,56px);box-shadow:0 2px 4px rgba(20,50,41,.05),0 34px 80px rgba(20,50,41,.12);overflow:hidden}
.mp-formcard:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e6c877,#c9a24a,#9a7226)}
.mp-formcard:after{content:'';position:absolute;top:-120px;right:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,74,.11),transparent 68%);pointer-events:none}
.mp-formcard .fluentform{margin:0}
.mp-formcard .fluentform form{font-family:'Instrument Sans',system-ui,sans-serif}
.mp-formcard .ff-step-header{margin:0 0 clamp(34px,4vw,52px) !important;border:none !important}
.mp-formcard .ff-el-progress-status{display:none !important}
.mp-formcard .ff-el-progress{display:none !important}
.mp-formcard .ff-el-progress-bar{background:linear-gradient(90deg,#e6c877,#9a7226) !important;border-radius:999px !important;height:3px !important;font-size:0 !important;color:transparent !important}
.mp-formcard .ff-el-progress-bar span{display:none !important}
.mp-formcard .ff-el-progress-title{display:flex !important;list-style:none;border:none !important;margin:0 !important;padding:0 !important;gap:clamp(10px,2.4vw,30px);counter-reset:mpstep}
.mp-formcard .ff-el-progress-title li{display:block !important;flex:1;counter-increment:mpstep;position:relative;padding-top:13px;color:rgba(20,50,41,.34);font-size:clamp(11.5px,1.15vw,13.5px);font-weight:600;line-height:1.35;transition:color .35s ease}
.mp-formcard .ff-el-progress-title li:before{content:counter(mpstep,decimal-leading-zero);display:block;font-family:'Cormorant Garamond',serif;font-size:clamp(19px,2.2vw,26px);font-weight:600;line-height:1;color:rgba(20,50,41,.2);margin-bottom:6px;transition:color .35s ease}
.mp-formcard .ff-el-progress-title li:after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(20,50,41,.1);transition:background .35s ease}
.mp-formcard .ff-el-progress-title li[style*='inline']{color:#143229}
.mp-formcard .ff-el-progress-title li[style*='inline']:before{color:#9a7226}
.mp-formcard .ff-el-progress-title li[style*='inline']:after{background:linear-gradient(90deg,#c9a24a,#9a7226)}
.mp-formcard .ff-el-is-required label:after,.mp-formcard .ff-el-is-asterisk-right label:after{color:#9a7226 !important}
.mp-formcard .ff-el-input--label label span.ff-el-is-required,.mp-formcard label .ff-el-is-required{color:#9a7226 !important}
.mp-formcard .ff-el-group{margin-bottom:clamp(20px,2.4vw,28px) !important}
.mp-formcard .ff-el-input--label label{font-family:'Instrument Sans',system-ui,sans-serif !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.12em;text-transform:uppercase;color:rgba(20,50,41,.62) !important;margin-bottom:6px !important;display:inline-block}
.mp-formcard .ff-el-input--label.ff-el-is-required label:after{color:#9a7226}
.mp-formcard input[type=text],.mp-formcard input[type=email],.mp-formcard input[type=tel],.mp-formcard input[type=number],.mp-formcard input[type=url],.mp-formcard input[type=date],.mp-formcard select,.mp-formcard textarea{width:100%;background:transparent !important;border:none !important;border-bottom:1px solid rgba(20,50,41,.2) !important;border-radius:0 !important;box-shadow:none !important;padding:10px 2px !important;font-family:inherit !important;font-size:clamp(15px,1.5vw,17px) !important;color:#143229 !important;transition:border-color .3s ease,box-shadow .3s ease}
.mp-formcard textarea{min-height:112px;resize:vertical}
.mp-formcard select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239a7226' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-position:right 4px center !important;background-size:12px 8px !important;background-repeat:no-repeat !important;padding-right:28px !important}
.mp-formcard input::placeholder,.mp-formcard textarea::placeholder{color:rgba(20,50,41,.34);font-size:.95em}
.mp-formcard input:focus,.mp-formcard select:focus,.mp-formcard textarea:focus{outline:none !important;border-bottom-color:#9a7226 !important;box-shadow:0 1px 0 0 #9a7226 !important}
.mp-formcard .ff-el-help-message{color:rgba(20,50,41,.5) !important;font-size:12.5px !important;margin-top:7px !important}
.mp-formcard .ff-el-input--content{display:flex;flex-wrap:wrap;gap:10px}
.mp-formcard .ff-el-input--content>*{flex:1 1 100%}
.mp-formcard .ff-el-form-check{flex:0 1 auto;margin:0 !important;padding:0 !important}
.mp-formcard .ff-el-form-check-label{display:inline-flex;align-items:center;gap:9px;margin:0 !important;padding:11px 18px !important;border:1px solid rgba(20,50,41,.16);border-radius:14px;background:rgba(255,253,247,.7);color:#3f4a43;font-size:14.5px;font-weight:500;line-height:1.3;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}
.mp-formcard .ff-el-form-check-label:hover{border-color:rgba(154,114,38,.55);transform:translateY(-1px);box-shadow:0 6px 16px rgba(154,114,38,.14)}
.mp-formcard .ff-el-form-check-input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:15px;height:15px;margin:0 !important;border:1.5px solid rgba(20,50,41,.3);background:transparent;cursor:pointer;transition:border-color .25s ease,background .25s ease}
.mp-formcard .ff-el-form-check-radio{border-radius:999px}
.mp-formcard .ff-el-form-check-checkbox{border-radius:5px}
.mp-formcard .ff-el-form-check-input:checked{border-color:#9a7226;background:linear-gradient(150deg,#c9a24a,#9a7226)}
.mp-formcard .ff-el-form-check-label:has(input:checked){border-color:#9a7226;background:rgba(201,162,74,.14);color:#143229;font-weight:600}
.mp-formcard .ff-el-form-check-label:has(input:focus-visible){box-shadow:0 0 0 3px rgba(154,114,38,.22)}
.mp-formcard .ff-el-form-check-label>span{display:inline-block}
.mp-formcard .step-nav{display:flex !important;align-items:center;justify-content:space-between;gap:14px;margin-top:clamp(34px,4vw,50px);padding-top:22px;border-top:1px solid rgba(20,50,41,.1)}
.mp-formcard .step-nav button{float:none !important}
.mp-formcard .ff-btn,.mp-formcard button[type=submit]{border:none !important;border-radius:999px !important;font-family:inherit !important;font-size:15px !important;font-weight:600 !important;padding:13px 30px !important;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease !important}
.mp-formcard .ff-btn-next,.mp-formcard button[type=submit]{background:linear-gradient(150deg,#c9a24a,#9a7226) !important;color:#12291f !important;box-shadow:0 8px 22px rgba(154,114,38,.34) !important}
.mp-formcard .ff-btn-next:hover,.mp-formcard button[type=submit]:hover{transform:translateY(-2px);background:linear-gradient(150deg,#d6ad52,#a8792f) !important;box-shadow:0 12px 30px rgba(154,114,38,.44) !important}
.mp-formcard .ff-btn-prev{background:transparent !important;color:rgba(20,50,41,.7) !important;box-shadow:none !important;border:1px solid rgba(20,50,41,.18) !important;padding:12px 24px !important}
.mp-formcard .ff-btn-prev:hover{background:rgba(20,50,41,.05) !important;color:#143229 !important;transform:none}
.mp-formcard .ff_submit_btn_wrapper{margin-top:clamp(26px,3vw,38px);padding-top:22px;border-top:1px solid rgba(20,50,41,.1)}
.mp-formcard .ff-el-is-error input,.mp-formcard .ff-el-is-error select,.mp-formcard .ff-el-is-error textarea{border-bottom-color:#8d3b2a !important}
.mp-formcard .text-danger,.mp-formcard .error{color:#8d3b2a !important;font-size:12.5px !important}
.mp-formcard .ff-message-success{background:transparent;border:none;padding:clamp(20px,4vw,44px) 0;text-align:center;color:#143229}
.mp-formcard .ff-message-success h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.15;color:#143229;margin:0 0 12px}
.mp-formcard .ff-message-success p{color:#5a5f56;font-size:15.5px;line-height:1.7;max-width:520px;margin:0 auto 10px}
@media (max-width:640px){
.mp-formcard .ff-el-progress-title li{font-size:0;padding-top:11px}
.mp-formcard .ff-el-progress-title li:before{font-size:17px;margin-bottom:0}
.mp-formcard .step-nav{flex-direction:row}
.mp-formcard .ff-btn,.mp-formcard button[type=submit]{padding:12px 22px !important;font-size:14.5px !important}
}
@media (prefers-reduced-motion:reduce){
.mp-formcard *,.mp-formcard *:hover{transition:none !important;transform:none !important}
}