.elementor-9691 .elementor-element.elementor-element-1dc7ee65{--display:flex;--min-height:30vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overlay-opacity:0.29;}.elementor-9691 .elementor-element.elementor-element-1dc7ee65:not(.elementor-motion-effects-element-type-background), .elementor-9691 .elementor-element.elementor-element-1dc7ee65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://centres.macnet.ca/macnoorgardens/wp-content/uploads/sites/9/2025/10/20250928_191049-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-9691 .elementor-element.elementor-element-1dc7ee65::before, .elementor-9691 .elementor-element.elementor-element-1dc7ee65 > .elementor-background-video-container::before, .elementor-9691 .elementor-element.elementor-element-1dc7ee65 > .e-con-inner > .elementor-background-video-container::before, .elementor-9691 .elementor-element.elementor-element-1dc7ee65 > .elementor-background-slideshow::before, .elementor-9691 .elementor-element.elementor-element-1dc7ee65 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9691 .elementor-element.elementor-element-1dc7ee65 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9691 .elementor-element.elementor-element-743fc963{width:var( --container-widget-width, 101.893% );max-width:101.893%;--container-widget-width:101.893%;--container-widget-flex-grow:0;text-align:center;}.elementor-9691 .elementor-element.elementor-element-743fc963.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-9691 .elementor-element.elementor-element-743fc963 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-9691 .elementor-element.elementor-element-c6f8609{--display:flex;}@media(min-width:2400px){.elementor-9691 .elementor-element.elementor-element-1dc7ee65{--min-height:35vh;}}/* Start custom CSS for html, class: .elementor-element-960f5fa *//* scope to this widget */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1f2937;line-height:1.6}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap *{box-sizing:border-box}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap a{color:#0a7b83;text-decoration:none}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .container{max-width:1100px;margin:0 auto;padding:0 20px}

/* nav / hero / text (unchanged) */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav .navinner{display:flex;gap:14px;align-items:center;justify-content:space-between;height:60px}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .brand{font-weight:800;color:#0f172a}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu{display:flex;gap:14px;flex-wrap:wrap}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu a{font-size:14px;padding:8px 10px;border-radius:10px;color:#0f172a}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu a:hover{background:#f3f4f6}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .btn{display:inline-block;padding:12px 18px;border-radius:999px;background:#0a7b83;color:#fff;font-weight:700}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .btn:hover{opacity:.9}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hero{background:linear-gradient(180deg,#f0f7f8,#fff);padding:54px 0 36px;margin-bottom:12px}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hero h1{font-size:40px;line-height:1.15;margin:0 0 10px;color:#0f172a}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hero p{max-width:900px;font-size:18px;color:#6b7280;margin:0 0 18px}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .pill{display:inline-block;background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:999px;font-size:13px;color:#334155;margin-right:8px}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap section{padding:28px 0;border-top:1px solid #f1f5f9}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap h2{font-size:26px;margin:0 0 10px;color:#0f172a}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .sub{color:#6b7280;margin:0 0 18px}

/* FLEX LAYOUT — bump specificity + !important */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .grid{display:flex!important;flex-wrap:wrap!important;gap:20px!important}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .grid > *{flex:1 1 100%!important}

/* 2 / 3 columns by class (match even with extra classes) */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .grid[class*="cols-2"] > *{flex:1 1 calc(50% - 20px)!important}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .grid[class*="cols-3"] > *{flex:1 1 calc(33.333% - 20px)!important}

/* belt-and-suspenders: force key sections to 2-up */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap #phases .grid > *{flex:1 1 calc(50% - 20px)!important}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap #programs .grid > *{flex:1 1 calc(50% - 20px)!important}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap #programs .grid > div > *{flex:1 1 calc(50% - 20px)!important}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap #wall .grid > *{flex:1 1 calc(50% - 20px)!important}

/* cards */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .card{border:1px solid #e5e7eb;border-radius:14px;padding:18px;background:#fff}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .card h3{margin:0 0 6px;font-size:18px;color:#111827}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .stat{display:flex;align-items:baseline;gap:10px}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .stat .num{font-size:24px;font-weight:800;color:#0f172a}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .tag{display:inline-block;font-size:12px;background:#eef2ff;color:#3730a3;padding:4px 8px;border-radius:999px;margin-right:6px;margin-bottom:6px}

/* timeline / callouts / footer — FIXED BULLETS */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .timeline{position:relative;padding-left:44px}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .timeline:before{content:"";position:absolute;left:18px;top:6px;bottom:6px;width:2px;background:#e5e7eb}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .milestone{position:relative;margin:14px 0}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .milestone:before{content:"";position:absolute;left:-28px;top:6px;width:12px;height:12px;border-radius:50%;background:#0a7b83}

.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .callout{background:#f0f7f8;border:1px dashed #cbd5e1;border-radius:14px;padding:16px}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .quran{font-style:italic}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .foot{padding:26px 0 40px;color:#475569}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .muted{color:#64748b}

/* phone */
@media (max-width:799px){.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .grid > *{flex:1 1 100%!important}}

/* --- Mobile hamburger for this widget only --- */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .nav-toggle{display:none}

.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{
  display:none; /* desktop hidden */
  cursor:pointer; padding:10px; margin-left:auto;
  border:1px solid #e5e7eb; border-radius:10px; background:#fff;
}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger span{
  display:block; width:22px; height:2px; background:#0f172a; margin:4px 0;
}

/* keep desktop look */
@media (min-width:900px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-mobile{display:none}
}

/* phones / small tablets */
@media (max-width:899px){
  /* show burger, hide big donate */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{display:inline-block}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-desktop{display:none}

  /* let the header wrap; menu becomes a stacked panel */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav .navinner{flex-wrap:wrap; align-items:center}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu{
    display:none; width:100%;
    padding:10px 0; margin-top:8px;
    border-top:1px solid #e5e7eb; flex-direction:column; gap:10px;
    background:#fff;
  }
  /* when checkbox is checked, show menu */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .nav-toggle:checked ~ .menu{display:flex}

  /* make links comfy for touch */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu a{padding:10px 6px; border-radius:8px}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu a:hover{background:#f3f4f6}
}

/* --- Hamburger: Android/iOS friendly --- */

/* DO NOT display:none; keep it focusable/clickable via label */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .nav-toggle{
  position:absolute;
  left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}

/* hamburger button */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{
  display:none; /* desktop hidden */
  cursor:pointer; padding:10px; margin-left:auto;
  border:1px solid #e5e7eb; border-radius:10px; background:#fff;
  -webkit-tap-highlight-color: transparent;
}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger span{
  display:block; width:22px; height:2px; background:#0f172a; margin:4px 0;
}

/* desktop: keep original layout */
@media (min-width:900px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-mobile{display:none}
}

/* mobile */
@media (max-width:899px){
  /* ensure header and button sit above everything */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav{position:sticky; top:0; z-index:1000}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav .navinner{position:relative; display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{display:inline-block; position:relative; z-index:1001}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-desktop{display:none}

  /* collapsed panel by default (no overlay) */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu{
    display:block;      /* keep in flow so sibling .elementor-9691 .elementor-element.elementor-element-960f5fa works */
    width:100%;
    max-height:0;       /* hidden */
    overflow:hidden;
    padding:0; margin:8px 0 0 0;
    border-top:1px solid #e5e7eb;
    background:#fff;
    display:flex; flex-direction:column; gap:10px;
  }
  /* when checked -> expand */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .nav-toggle:checked ~ .menu{
    max-height:1000px;  /* large enough for links */
    padding:10px 0;
  }

  /* links */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu a{padding:10px 6px; border-radius:8px}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu a:hover{background:#f3f4f6}
}

/* --- Hamburger via <details>/<summary> (Android/iOS friendly, no JS) --- */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop{margin-left:auto}

/* burger button visual */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{
  display:none; /* hidden on desktop */
  list-style:none; cursor:pointer;
  padding:10px; border:1px solid #e5e7eb; border-radius:10px; background:#fff;
}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger::-webkit-details-marker{display:none} /* hide default triangle */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger span{display:block;width:22px;height:2px;background:#0f172a;margin:4px 0}

/* desktop */
@media (min-width:900px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-mobile{display:none}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu{display:flex;gap:14px;flex-wrap:wrap}
}

/* mobile */
@media (max-width:899px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav{position:sticky;top:0;z-index:1000}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav .navinner{display:flex;gap:14px;align-items:center;flex-wrap:wrap}

  /* show burger, hide desktop donate */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{display:inline-block}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-desktop{display:none}

  /* collapsed by default */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop .menu{
    display:flex; flex-direction:column; gap:10px;
    width:100%; margin-top:8px; padding:0; overflow:hidden;
    max-height:0; border-top:1px solid #e5e7eb; background:#fff;
  }
  /* expanded when open */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop[open] .menu{max-height:1000px;padding:10px 0}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu a{padding:10px 6px;border-radius:8px}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu a:hover{background:#f3f4f6}
}

/* DESKTOP: show full menu inline even though it's inside <details> */
@media (min-width:900px){
  /* make the <details> wrapper transparent to layout */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop{display:contents}

  /* hide the hamburger, show the desktop donate */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{display:none !important}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-desktop{display:inline-block !important}

  /* force the menu visible and horizontal */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop .menu{
    display:flex !important;
    gap:14px; flex-wrap:wrap;
    max-height:none !important;
    padding:0 !important; margin:0 !important;
    border-top:0 !important; background:transparent !important;
    width:auto !important;
  }
}

/* --- Responsive nav: desktop menu + mobile hamburger --- */

/* hamburger visuals */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{
  list-style:none; cursor:pointer;
  padding:10px; border:1px solid #e5e7eb; border-radius:10px; background:#fff;
}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger::-webkit-details-marker{display:none}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger span{display:block;width:22px;height:2px;background:#0f172a;margin:4px 0}

/* base: hide mobile menu by default; show desktop */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-desktop{display:flex; gap:14px; flex-wrap:wrap}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-desktop{display:inline-block}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop{display:none}            /* mobile block hidden on desktop */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile{display:none}        /* never shown on desktop */

/* mobile layout */
@media (max-width:899px){
  /* swap which menu is visible */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-desktop{display:none}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-desktop{display:none}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop{display:block; margin-left:auto}

  /* make header wrap nicely */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav{position:sticky; top:0; z-index:1000; background:#fff}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav .navinner{display:flex; gap:14px; align-items:center; flex-wrap:wrap}

  /* collapsed panel */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile{
    display:flex; flex-direction:column; gap:10px;
    width:100%; margin-top:8px; padding:0; overflow:hidden;
    max-height:0; border-top:1px solid #e5e7eb; background:#fff;
  }
  /* open state */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop[open] .menu-mobile{max-height:1000px; padding:10px 0}

  /* touch targets */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a{padding:10px 6px; border-radius:8px}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a:hover{background:#f3f4f6}
}

/* hide default summary marker across engines */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{list-style:none; cursor:pointer; padding:10px; border:1px solid #e5e7eb; border-radius:10px; background:#fff}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger::marker{content:""; display:none}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger::-webkit-details-marker{display:none}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger span{display:block;width:22px;height:2px;background:#0f172a;margin:4px 0}

/* desktop: show desktop menu, hide mobile block */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-desktop{display:flex; gap:14px; flex-wrap:wrap}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-desktop{display:inline-block}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop{display:none}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile{display:none}

/* mobile switch */
@media (max-width:899px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-desktop{display:none !important}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate-desktop{display:none !important}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop{display:block; margin-left:auto}

  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav{position:sticky; top:0; z-index:1000; background:#fff}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav .navinner{display:flex; gap:14px; align-items:center; flex-wrap:wrap}

  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile{
    display:flex; flex-direction:column; gap:10px;
    width:100%; margin-top:8px; padding:0;
    max-height:0; overflow:hidden; border-top:1px solid #e5e7eb; background:#fff;
  }
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop[open] .menu-mobile{max-height:1000px; padding:10px 0}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a{padding:10px 6px; border-radius:8px}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a:hover{background:#f3f4f6}
}

/* MOBILE DROPDOWN: overlay so it doesn't push the hero/heading */
@media (max-width:899px){
  /* keep header on top */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav{position:sticky; top:0; z-index:2000}

  /* the <details> wrapper becomes the positioning context */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop{position:relative}

  /* turn the menu into an absolute panel aligned to the hamburger */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile{
    position:absolute !important;
    right:0; top:calc(100% + 6px);
    width:min(300px, calc(100vw - 24px));
    background:#fff;
    border:1px solid #e5e7eb; border-radius:12px;
    box-shadow:0 10px 24px rgba(2,6,23,.15);
    padding:8px 12px;
    max-height:70vh; overflow:auto;

    /* hide by default (do NOT take layout space) */
    display:block !important;           /* we control visibility with opacity */
    opacity:0; visibility:hidden; transform:translateY(6px);
    transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  }

  /* show when <details> is open */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop[open] .menu-mobile{
    opacity:1; visibility:visible; transform:translateY(0);
    transition-delay:0s;
  }

  /* links inside panel */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a{display:block; padding:10px 6px; border-radius:8px}
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a:hover{background:#f3f4f6}
}

/* Make the mobile menu a wide sheet (phone + small tablets) */
@media (max-width: 899px){
  /* container stays sticky and above page */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav{position:sticky; top:0; z-index:2000}

  /* the <details> wrapper is our anchor */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop{position:relative}

  /* WIDE PANEL: nearly full-width, centered */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile{
    position:absolute !important;
    left:12px;                /* gutters */
    right:12px;
    top:calc(100% + 8px);
    width:auto;               /* override previous fixed width */
    max-width:none;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    box-shadow:0 10px 24px rgba(2,6,23,.15);
    padding:12px 14px;
    max-height:70vh;
    overflow:auto;
    z-index:2100;

    /* overlay behaviour (no layout push) */
    display:block !important;
    opacity:0; visibility:hidden; transform:translateY(6px);
    transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  }
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop[open] .menu-mobile{
    opacity:1; visibility:visible; transform:translateY(0);
    transition-delay:0s;
  }

  /* Bigger, easier-to-tap links */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a{
    display:block;
    padding:12px 8px;
    font-size:17px;
    line-height:1.35;
    border-radius:10px;
  }
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a:hover{background:#f3f4f6}
}

/* === MOBILE MENU: make the panel wide instead of a skinny column === */
@media (max-width: 899px){
  /* ensure the details wrapper creates a nice containing block */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop{
    position: relative !important;
    display: block !important;
    width: 100% !important;
  }

  /* wide sheet: left gutter to right gutter, with a sensible max */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile{
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;             /* use both so width spans the viewport */
    width: auto !important;              /* kill any old fixed width */
    max-width: none !important;
    white-space: normal !important;      /* prevent letter-by-letter wrapping */
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(2,6,23,.15);
    padding: 12px 14px;
    max-height: 70vh;
    overflow: auto;
    z-index: 2100;

    /* overlay animation */
    display: block !important;
    opacity: 0; visibility: hidden; transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
  }

  /* show when <details open> */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .navdrop[open] .menu-mobile{
    opacity: 1; visibility: visible; transform: translateY(0);
    transition-delay: 0s;
  }

  /* bigger tap targets */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a{
    display: block;
    padding: 12px 10px;
    font-size: 17px;
    line-height: 1.35;
    border-radius: 10px;
  }
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-mobile a:hover{ background:#f3f4f6 }
}

/* place mobile hamburger at far right of the top bar */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav .navinner{ position:relative; }
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav .navdrop{ margin-left:auto; }

/* show/hide desktop vs mobile controls */
@media (max-width:899px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu{ display:none !important; }  /* hide desktop links */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate{ display:none; }           /* optional: hide donate on very small screens */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .mobile-only{ display:block !important; }
}
@media (min-width:900px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .mobile-only{ display:none !important; }
}

/* (you already have the wide mobile panel styles; keep them)
   but ensure the summary button looks like your icon button */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{
  list-style:none;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  width:48px; height:48px; border-radius:12px;
  background:#fff; border:1px solid #e5e7eb;
  box-shadow:0 2px 8px rgba(2,6,23,.06);
  font-size:22px; line-height:1;
}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger::-webkit-details-marker{ display:none; }

/* keep hamburger at far right of top bar */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .topnav .navinner{ position:relative; }
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{ margin-left:auto; }

/* show/hide desktop vs mobile */
@media (max-width:899px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu{ display:none !important; }
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .donate{ display:none; }             /* optional on small screens */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .mobile-only{ display:block !important; }
}
@media (min-width:900px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .mobile-only{ display:none !important; }
}

/* hamburger button style (no weird line) */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .hamburger{
  display:flex; align-items:center; justify-content:center;
  width:48px; height:48px; border-radius:12px;
  background:#fff; border:1px solid #e5e7eb;
  box-shadow:0 2px 8px rgba(2,6,23,.06);
  font-size:22px; line-height:1; text-decoration:none; color:#0f172a;
}

/* HASH/TARGET MOBILE PANEL */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-panel{
  position:fixed; top:70px; right:16px;                 /* sits below the top bar */
  width:84vw; max-width:360px;
  pointer-events:none; opacity:0; transform:translateY(-8px);
  transition:opacity .2s ease, transform .2s ease;
  z-index:9999;
}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-panel .panel-inner{
  background:#fff; border:1px solid #e5e7eb; border-radius:16px;
  box-shadow:0 12px 30px rgba(2,6,23,.15);
  overflow:hidden;
}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-panel a{
  display:block; padding:14px 18px; color:#0f172a; text-decoration:none;
  border-top:1px solid #f1f5f9;
}
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-panel a:first-of-type{ border-top:none; }
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-panel a:hover{ background:#f8fafc; }

.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-panel .close{
  text-align:right; font-size:18px; padding:10px 14px; border:none;
}

/* show panel when targeted */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .menu-panel:target{
  pointer-events:auto; opacity:1; transform:none;
}

/* ===== Mobile: stack every grid to 1 column ===== */
@media (max-width: 900px){
  /* make all grids vertical */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .grid{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }

  /* every direct child = full width */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .grid &gt; *{
    flex:1 1 100% !important;
    max-width:100% !important;
    width:100% !important;
  }

  /* override any inline calc(...) widths */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .grid &gt; [style*="flex:1 1 calc"]{ flex-basis:100% !important; }

  /* catch-all for cols-2/3/4 classes */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .grid[class*="cols-"] &gt; *{ flex-basis:100% !important; }

  /* optional: add a little space between stacked cards */
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap .card{ margin:0 !important; }
}

/* keep section titles from being hidden under the sticky top bar */
.elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap [id]{
  scroll-margin-top: 30px;   /* ≈ header height (60px) + spacing */
}

/* a bit more room on phones if the header is taller */
@media (max-width: 900px){
  .elementor-9691 .elementor-element.elementor-element-960f5fa #ng-wrap [id]{ scroll-margin-top: 45px; }
}/* End custom CSS */