/* ==========================================================================
   NFCR header (child theme)
   Moved from Edge Options → Custom CSS. Loaded by functions.php after the
   NFCR Blocks plugin, so its tokens (var(--nfcr-...)) are available.
   Two layouts, split at 1024px (same breakpoint as header-menu.js):
   - 1025px and up: floating card with mega-menu panels (desktop design).
   - 1024px and below: compact bar (logo, Donate, menu button) with a full-screen
     accordion menu (mobile design). Same WordPress menu, same markup.
   ========================================================================== */

/* ---------- Goodwish overrides: page background, no white gaps ---------- */
body,
.edgtf-wrapper,
.edgtf-wrapper-inner,
.edgtf-content { background-color: #EEF1F6 !important; }
.nfcr-header { position: relative; z-index: 9985; display: flow-root; background-color: #EEF1F6; } /* above the sticky section nav (9980), below the floating buttons (9990) */
.edgtf-title { background-color: #EEF1F6 !important; } /* temporary: delete once the title area is switched off per page */

/* ---------- Container: same width and gutters as page sections ---------- */
/* 1440px max incl. 56px gutters on desktop (= 1328px content); gutters shrink on tablet/phone.
   Values after the commas are fallbacks if the plugin is ever inactive. */
.nfcr-header .nfcr-wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--nfcr-page-max, 1440px);
  padding-left: var(--nfcr-gutter, 56px);
  padding-right: var(--nfcr-gutter, 56px);
  margin: 0 auto;
}

/* ---------- Top bar: 41px ---------- */
.nfcr-header .nfcr-topbar {
  display: flex;
  align-items: center;
  height: 41px;
  background: #002C76;
  font: 500 15px/23px 'Poppins', sans-serif;
}
.nfcr-header .nfcr-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nfcr-header .nfcr-topbar-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 23px;
  color: #C9D4EA;
  text-decoration: none;
}
.nfcr-header .nfcr-topbar-link:hover { color: #fff; }
.nfcr-header .nfcr-topbar-inner > .nfcr-topbar-link { color: #fff; } /* phone sentence */
.nfcr-header .nfcr-topbar-right { display: flex; align-items: center; gap: 22px; }
.nfcr-header .nfcr-ico { flex: none; width: 13px; height: 13px; }
.nfcr-header .nfcr-ico-phone { color: #FF5A1F; }

/* ---------- Mega panel contents: shared by the desktop dropdown and the mobile accordion ---------- */
/* Top row: the section's overview page */
.nfcr-header .nfcr-mega__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 24px;
  background: var(--nfcr-wash, #F5F7FB);
  border-bottom: 1px solid #E3E8F2;
  color: var(--nfcr-navy, #002C76);
  text-decoration: none;
}
.nfcr-header .nfcr-mega__head:hover,
.nfcr-header .nfcr-mega__head:focus-visible { background: #EEF1F6; color: var(--nfcr-navy, #002C76); }
.nfcr-header .nfcr-mega__head:focus-visible { outline-offset: -3px; }
.nfcr-header .nfcr-mega__head-text { display: flex; flex-direction: column; gap: 2px; }
.nfcr-header .nfcr-mega__title { font-size: 17px; font-weight: 600; line-height: 1.3; }
.nfcr-header .nfcr-mega__blurb { font-size: 14px; font-weight: 400; line-height: 1.4; color: #475569; }
.nfcr-header .nfcr-mega__go {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--nfcr-navy, #002C76);
  color: #fff;
  font-size: 16px;
  line-height: 1;
}

/* Columns */
.nfcr-header .nfcr-mega__cols { display: flex; gap: 8px; padding: 14px 12px 16px; }
.nfcr-header .nfcr-mega__col { display: flex; flex-direction: column; gap: 2px; min-width: 248px; }
.nfcr-header .nfcr-mega__heading {
  margin: 0;
  padding: 6px 12px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .9px;
  text-transform: uppercase;
  color: var(--nfcr-orange, #C13F00);
}
.nfcr-header .nfcr-mega__list { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }

.nfcr-header .nfcr-mega .nfcr-mega__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  color: #1E293B;
  text-decoration: none;
}
.nfcr-header .nfcr-mega .nfcr-mega__link:hover,
.nfcr-header .nfcr-mega .nfcr-mega__link:focus-visible { padding-left: 16px; background: var(--nfcr-wash, #F5F7FB); color: var(--nfcr-navy, #002C76); }
.nfcr-header .nfcr-mega__dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: transparent; }

/* The page you are on */
.nfcr-header .nfcr-mega li.current-menu-item > .nfcr-mega__link { padding-left: 12px; background: #EEF1F6; color: var(--nfcr-navy, #002C76); font-weight: 600; }
.nfcr-header .nfcr-mega li.current-menu-item > .nfcr-mega__link .nfcr-mega__dot { background: var(--nfcr-accent, #FF5012); }


/* ---------- Mobile-only parts: hidden on desktop ---------- */
.nfcr-header .nfcr-mobile-donate,
.nfcr-header .nfcr-nav-toggle,
.nfcr-header .nfcr-drawer__foot { display: none; }
.nfcr-header .nfcr-drawer { display: contents; } /* desktop: the wrapper adds no box, the menu stays a flex child of the card */

/* ==========================================================================
   DESKTOP (1025px and up)
   ========================================================================== */
@media (min-width: 1025px) {

	/* ---------- Floating card: 73px tall, starts 63px from the top (41 + 22) ---------- */
	.nfcr-header .nfcr-nav {
	  display: flex;
	  align-items: center;
	  box-sizing: border-box;
	  position: relative; /* anchor of the sliding underline */
	  height: 73px;
	  margin: 22px 0 0;
	  padding: 0 43px 0 24px;
	  background: #fff;
	  border-radius: 40px;
	  box-shadow: 0 8px 26px rgba(2, 20, 60, 0.06);
	}
	.nfcr-header .nfcr-logo img { display: block; height: 44px; width: auto; }

	/* Menu */
	.nfcr-header .nfcr-menu {
	  display: flex;
	  align-items: center;
	  flex: 1;
	  gap: 4px;
	  margin: 0 0 0 37px;
	  padding: 0;
	  list-style: none;
	}
	.nfcr-header .nfcr-menu li { list-style: none; margin: 0; padding: 0; }
	.nfcr-header .nfcr-menu > li { position: relative; display: flex; align-items: center; } /* li = the link's height, so the panel opens right under the pill */
	.nfcr-header .nfcr-menu > li > a {
	  display: inline-flex;
	  align-items: center;
	  height: 44px;
	  padding: 0 16px;
	  border-radius: 30px;
	  font: 500 16px/1 'Poppins', sans-serif;
	  color: #334155;
	  text-decoration: none;
	  white-space: nowrap;
	}
	.nfcr-header .nfcr-menu > li:not(.nav-btn-outline):not(.nav-btn-solid) > a:hover,
	.nfcr-header .nfcr-menu > li:not(.nav-btn-outline):not(.nav-btn-solid) > a:focus-visible { color: #002C76; background: #EEF1F6; }
	.nfcr-header .nfcr-menu > li.nav-btn-outline > a:hover { color: #002C76; }

	/* Active page pill (not applied to the two buttons) */
	.nfcr-header .nfcr-menu > li.current-menu-item:not(.nav-btn-outline):not(.nav-btn-solid) > a,
	.nfcr-header .nfcr-menu > li.current-menu-ancestor:not(.nav-btn-outline):not(.nav-btn-solid) > a,
	.nfcr-header .nfcr-menu > li.current-menu-parent:not(.nav-btn-outline):not(.nav-btn-solid) > a {
	  background: #EEF1F6;
	  color: #002C76;
	  font-weight: 600;
	}

	/* Give Monthly: pushes itself and Donate to the right */
	.nfcr-header .nfcr-menu > li.nav-btn-outline { margin-left: auto; }
	.nfcr-header .nfcr-menu > li.nav-btn-outline > a {
	  height: 49px;
	  padding: 0 28px;
	  border: 1px solid #002C76;
	  background: transparent;
	  color: #002C76;
	  font-weight: 600;
	}

	/* Donate: orange pill + navy circle overlapping its right end */
	.nfcr-header .nfcr-menu > li.nav-btn-solid { margin-left: 6px; } /* 6 + 4 gap = 10px */
	.nfcr-header .nfcr-menu > li.nav-btn-solid > a {
	  position: relative;
	  height: 47px;
	  padding: 0 24px;
	  background: #C13F00;
	  color: #fff;
	  font-weight: 600;
	}
	.nfcr-header .nfcr-menu > li.nav-btn-solid > a::after {
	  content: "";
	  position: absolute;
	  top: 2.5px;
	  right: -28px;
	  width: 42px;
	  height: 42px;
	  border-radius: 50%;
	  background-color: #002C76;
	  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7'/%3E%3Cpath d='M8 7h9v9'/%3E%3C/svg%3E");
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size: 16px 16px;
	}

	/* ---------- Sliding underline (one element, moved by header-menu.js) ---------- */
	.nfcr-header .nfcr-nav__bar {
	  position: absolute;
	  z-index: 1;
	  height: 3px;
	  border-radius: 3px;
	  background: var(--nfcr-accent, #FF5012);
	  opacity: 0;
	  pointer-events: none;
	  transition: left .28s cubic-bezier(.3, .7, .2, 1), width .28s cubic-bezier(.3, .7, .2, 1), opacity .2s ease;
	}

	/* ---------- Mega menu panel ---------- */
	/* Opens 12px under the pill (that padding keeps the pointer inside the li on the way down).
	   header-menu.js sets `left` so the panel stays in the viewport; -12px is the no-JS position. */
	.nfcr-header .nfcr-mega {
	  position: absolute;
	  z-index: 1000;
	  top: 100%;
	  left: -12px;
	  box-sizing: border-box;
	  width: max-content;
	  max-width: calc(100vw - 32px);
	  padding-top: 12px;
	  font-family: 'Poppins', system-ui, sans-serif;
	  opacity: 0;
	  visibility: hidden;
	  pointer-events: none;
	  transform: translateY(-6px);
	  transition: opacity .2s ease, transform .24s cubic-bezier(.3, .7, .2, 1), visibility .2s;
	}
	.nfcr-header .nfcr-mega.is-slide { transition: opacity .2s ease, transform .24s cubic-bezier(.3, .7, .2, 1), visibility .2s, left .28s cubic-bezier(.3, .7, .2, 1); }
	.nfcr-header .nfcr-mega.is-instant { transition: none; }                      /* switching between items: no fade */
	.nfcr-header .nfcr-mega.is-instant.is-slide { transition: left .28s cubic-bezier(.3, .7, .2, 1); }

	.nfcr-header .nfcr-menu > li.is-open > .nfcr-mega,
	.nfcr-header:not(.is-enhanced) .nfcr-menu > li.nfcr-has-mega:hover > .nfcr-mega,
	.nfcr-header:not(.is-enhanced) .nfcr-menu > li.nfcr-has-mega:focus-within > .nfcr-mega {
	  opacity: 1;
	  visibility: visible;
	  pointer-events: auto;
	  transform: none;
	}

	.nfcr-header .nfcr-mega__panel {
	  overflow: hidden;
	  background: #fff;
	  border: 1px solid #E3E8F2;
	  border-radius: var(--nfcr-r-card, 22px);
	  box-shadow: 0 24px 60px rgba(2, 20, 60, .18), 0 2px 6px rgba(2, 20, 60, .06);
	}

	@media (prefers-reduced-motion: reduce) {
	  .nfcr-header .nfcr-mega,
	  .nfcr-header .nfcr-mega.is-slide,
	  .nfcr-header .nfcr-nav__bar { transition: opacity .01s, visibility .01s; }
	}

}

/* ==========================================================================
   MOBILE + TABLET (1024px and below)
   Design: 10px/12px bar padding, 60px white pill (logo 34px, Donate 44px, round
   menu button 44px), full-screen menu with one white card of accordion groups.
   The bar is fixed; `.nfcr-header` itself stays in the page flow as a spacer of
   the same height, so nothing jumps and the page starts below the bar.
   --nfcr-header-h is also read by section-nav.js so the sticky section nav docks
   under the bar instead of behind it.
   ========================================================================== */
@media (max-width: 1024px) {

	:root {
		--nfcr-header-h: 80px;           /* 10 + 60 + 10 */
		--nfcr-anchor-offset: 150px;     /* #anchor jumps clear the bar (80) and the section nav (~52) */
	}
	html.nfcr-menu-open,
	html.nfcr-menu-open body { overflow: hidden; }
	html.nfcr-menu-open .nfcr-float { display: none; } /* back-to-top / call button stay out of the open menu */

	.nfcr-header { height: var(--nfcr-header-h); }
	.nfcr-header .nfcr-topbar { display: none; }       /* the design's mobile header has no top bar; phone and e-mail sit under the menu */

	/* The fixed bar. Its blur lives on ::before, not on the bar itself: backdrop-filter on an
	   ancestor would trap the full-screen menu (position: fixed) inside the 80px bar. */
	.nfcr-header > .nfcr-wrap {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.nfcr-header > .nfcr-wrap::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		background: rgba(238, 241, 246, .92);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	@media (min-width: 601px) {
		.nfcr-header > .nfcr-wrap { top: var(--wp-admin--admin-bar--height, 0px); } /* logged-in admin bar (it scrolls away on phones) */
	}

	/* The pill: drawn by ::before so the menu panel can sit under it but over the page. */
	.nfcr-header .nfcr-nav {
		display: flex;
		align-items: center;
		gap: 6px;
		box-sizing: border-box;
		position: relative;
		z-index: 0;
		height: 60px;
		margin: 0;
		padding: 8px 8px 8px 16px;
		background: transparent;
		border-radius: 30px;
		box-shadow: none;
	}
	.nfcr-header .nfcr-nav::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		background: #fff;
		border-radius: 30px;
		box-shadow: 0 6px 20px rgba(2, 20, 60, .07);
	}
	.nfcr-header .nfcr-logo,
	.nfcr-header .nfcr-mobile-donate,
	.nfcr-header .nfcr-nav-toggle { position: relative; z-index: 1; }
	.nfcr-header .nfcr-logo { display: block; margin-right: auto; }
	.nfcr-header .nfcr-logo img { display: block; height: 34px; width: auto; }

	.nfcr-header a.nfcr-mobile-donate {
		display: inline-flex;
		align-items: center;
		flex: none;
		height: 44px;
		padding: 0 18px;
		border-radius: 24px;
		background: var(--nfcr-orange, #C13F00);
		color: #fff;
		font: 600 15px/1 'Poppins', sans-serif;
		text-decoration: none;
		white-space: nowrap;
	}
	.nfcr-header a.nfcr-mobile-donate:hover,
	.nfcr-header a.nfcr-mobile-donate:focus-visible { background: var(--nfcr-orange-hover, #A83700); color: #fff; }

	.nfcr-header button.nfcr-nav-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: none;
		width: 44px;
		height: 44px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: var(--nfcr-navy, #002C76);
		color: #fff;
		box-shadow: none;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.nfcr-header button.nfcr-nav-toggle:hover,
	.nfcr-header button.nfcr-nav-toggle:focus-visible { background: var(--nfcr-navy-hover, #00399A); color: #fff; }
	.nfcr-header .nfcr-nav-toggle__x { display: none; }
	.nfcr-header .nfcr-nav-toggle[aria-expanded="true"] .nfcr-nav-toggle__bars { display: none; }
	.nfcr-header .nfcr-nav-toggle[aria-expanded="true"] .nfcr-nav-toggle__x { display: inline; }

	/* ---- The menu panel ---- */
	.nfcr-header .nfcr-drawer {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;                      /* under the pill (::before), over the page */
		box-sizing: border-box;
		padding: calc(var(--nfcr-header-h) + 4px + var(--wp-admin--admin-bar--height, 0px)) var(--nfcr-gutter) 28px;
		background: var(--nfcr-bg, #EEF1F6);
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity .2s ease, visibility 0s linear .2s;
	}
	.nfcr-header.is-menu-open .nfcr-drawer {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition: opacity .2s ease, visibility 0s;
	}

	.nfcr-header .nfcr-menu {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		flex: none;
		gap: 0;
		box-sizing: border-box;
		max-width: 640px;
		margin: 0 auto;
		padding: 8px;
		background: #fff;
		border-radius: 24px;
		list-style: none;
	}
	.nfcr-header .nfcr-menu > li {
		display: block;
		position: static;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #E3E8F2;
	}
	.nfcr-header .nfcr-menu > li > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		min-height: 56px;
		padding: 16px 14px;
		border-radius: 14px;
		background: transparent;
		font: 600 18px/1.3 'Poppins', sans-serif;
		color: var(--nfcr-navy, #002C76);
		text-decoration: none;
		white-space: normal;
		-webkit-tap-highlight-color: transparent;
	}
	.nfcr-header .nfcr-menu > li > a:hover,
	.nfcr-header .nfcr-menu > li > a:focus-visible { background: var(--nfcr-wash, #F5F7FB); color: var(--nfcr-navy, #002C76); }
	.nfcr-header .nfcr-menu > li > a::after {              /* + / − / → at the right edge */
		content: "+";
		flex: none;
		font-size: 22px;
		font-weight: 500;
		line-height: 1;
		color: var(--nfcr-orange, #C13F00);
	}
	.nfcr-header .nfcr-menu > li.is-open > a::after { content: "\2212"; }
	.nfcr-header .nfcr-menu > li:not(.nfcr-has-mega) > a::after { content: "\2192"; }

	/* Give Monthly + Donate: full-width buttons under the groups */
	.nfcr-header .nfcr-menu > li.nav-btn-outline,
	.nfcr-header .nfcr-menu > li.nav-btn-solid { border-bottom: 0; padding: 8px 8px 0; }
	.nfcr-header .nfcr-menu > li.nav-btn-outline { padding-top: 16px; }
	.nfcr-header .nfcr-menu > li.nav-btn-solid:last-child { padding-bottom: 8px; }
	.nfcr-header .nfcr-menu > li.nav-btn-outline > a,
	.nfcr-header .nfcr-menu > li.nav-btn-solid > a {
		box-sizing: border-box;
		justify-content: center;
		min-height: 52px;
		padding: 0 20px;
		border-radius: 28px;
		font-size: 16px;
		text-align: center;
	}
	.nfcr-header .nfcr-menu > li.nav-btn-outline > a::after,
	.nfcr-header .nfcr-menu > li.nav-btn-solid > a::after { content: none; }
	.nfcr-header .nfcr-menu > li.nav-btn-outline > a { border: 1.5px solid var(--nfcr-navy, #002C76); color: var(--nfcr-navy, #002C76); }
	.nfcr-header .nfcr-menu > li.nav-btn-outline > a:hover { background: var(--nfcr-wash, #F5F7FB); }
	.nfcr-header .nfcr-menu > li.nav-btn-solid > a { background: var(--nfcr-orange, #C13F00); color: #fff; }
	.nfcr-header .nfcr-menu > li.nav-btn-solid > a:hover,
	.nfcr-header .nfcr-menu > li.nav-btn-solid > a:focus-visible { background: var(--nfcr-orange-hover, #A83700); color: #fff; }

	/* Panel = the group's list, opened inline under its row */
	.nfcr-header .nfcr-mega {
		display: none;
		position: static;
		width: auto;
		max-width: none;
		padding: 0;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		transition: none;
	}
	.nfcr-header .nfcr-menu > li.is-open > .nfcr-mega { display: block; }
	.nfcr-header .nfcr-mega__panel { overflow: visible; background: transparent; border: 0; border-radius: 0; box-shadow: none; }

	/* The section's overview page: first row of the open group */
	.nfcr-header .nfcr-mega__head {
		box-sizing: border-box;
		margin: 0 6px 6px;
		padding: 12px 14px;
		gap: 12px;
		min-height: 48px;
		border: 0;
		border-radius: 14px;
	}
	.nfcr-header .nfcr-mega__title { font-size: 16px; }
	.nfcr-header .nfcr-mega__blurb { font-size: 14px; }
	.nfcr-header .nfcr-mega__go { width: 32px; height: 32px; font-size: 15px; }

	.nfcr-header .nfcr-mega__cols { flex-direction: column; gap: 4px; padding: 0 6px 12px; }
	.nfcr-header .nfcr-mega__col { min-width: 0; }
	.nfcr-header .nfcr-mega__col:only-child .nfcr-mega__heading { display: none; }  /* one column: its heading just repeats the group name */
	.nfcr-header .nfcr-mega__heading { padding: 12px 14px 4px; }
	.nfcr-header .nfcr-mega .nfcr-mega__link {
		box-sizing: border-box;
		min-height: 48px;
		padding: 12px 14px;
		border-radius: 14px;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.35;
		-webkit-tap-highlight-color: transparent;
	}
	.nfcr-header .nfcr-mega .nfcr-mega__link:hover,
	.nfcr-header .nfcr-mega .nfcr-mega__link:focus-visible { padding-left: 14px; }
	.nfcr-header .nfcr-mega__dot { display: none; }
	.nfcr-header .nfcr-mega li.current-menu-item > .nfcr-mega__link { padding-left: 14px; }
	.nfcr-header .nfcr-mega li.current-menu-item > .nfcr-mega__link .nfcr-mega__dot { display: block; }

	/* Phone and e-mail under the card */
	.nfcr-header .nfcr-drawer__foot {
		display: block;
		max-width: 640px;
		margin: 14px auto 0;
		padding: 0;
		text-align: center;
		font: 400 14px/1.6 'Poppins', sans-serif;
		color: #64748B;
	}
	.nfcr-header .nfcr-drawer__foot a { display: inline-block; padding: 8px 4px; color: #475569; text-decoration: none; }
	.nfcr-header .nfcr-drawer__foot a:hover { color: var(--nfcr-navy, #002C76); }

	/* Without JavaScript the menu can't be opened, so show it as a plain stacked list under the bar. */
	html:not(.nfcr-js) .nfcr-header { height: auto; }
	html:not(.nfcr-js) .nfcr-header > .nfcr-wrap { position: static; }
	html:not(.nfcr-js) .nfcr-header .nfcr-nav { height: auto; flex-wrap: wrap; }
	html:not(.nfcr-js) .nfcr-header .nfcr-nav-toggle { display: none; }
	html:not(.nfcr-js) .nfcr-header .nfcr-drawer {
		position: relative; z-index: 1; flex: 1 0 100%; padding: 8px 0 0; background: transparent;
		overflow: visible; opacity: 1; visibility: visible; pointer-events: auto;
	}
	html:not(.nfcr-js) .nfcr-header .nfcr-mega { display: block; }
	html:not(.nfcr-js) .nfcr-header .nfcr-menu > li > a::after { content: none; }

	@media (prefers-reduced-motion: reduce) {
		.nfcr-header .nfcr-drawer,
		.nfcr-header.is-menu-open .nfcr-drawer { transition: none; }
	}
}