.block-menu {
    z-index: 5;
    width: 100%;
    z-index: 15;
    box-sizing: border-box;
}

div#navigation {
    position: relative;
}
.block-menu-inner {
    position: relative;
    padding: 1.4rem 0;
    box-sizing: border-box;
    margin: 0 auto;
    border-bottom: 1px solid rgb(63 6 50 / 50%);
    color: var(--wp--preset--color--contrast);
}

.menu-logo svg {
    width: 100%;
	height: auto;
}

.menu-logo {
    width: 60%;
    max-width: 275px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
     pointer-events: auto;
}

nav.main-navigation {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

nav.main-navigation ul {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    gap: 1.5rem;
}

nav.main-navigation ul li {
    list-style: none;
}

nav.main-navigation ul li a {
    text-decoration: none;
	transition: .6s;
}
nav.main-navigation ul li a.current {
    text-decoration: underline;
}

nav.main-navigation ul li a:hover {
    text-decoration: underline;
}

nav.main-navigation a {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}


.donate-link {
    position: fixed;
    left: 0;
    top: 50vh;
    transform: translateY(-50%);
    margin: 0;
}

.donate-link a {
    display: block;
}


.donate-link svg {
    width: 40px;
    border: 1px solid;
    border-left: none;
}



.bold-nav-full {
  z-index: 100;
  position: fixed;
  inset: 0;
  pointer-events: none;
}



.bold-nav-full__bar {
    z-index: 1;
    justify-content: flex-end;
    width: 100%;
    padding: 0.75rem var(--wp--style--root--padding-right);
    display: flex;
    position: absolute;
    box-sizing: border-box;
}

nav.bold-nav-full[data-navigation-status="active"] .menu-logo {
    opacity: 0;
}

nav.bold-nav-full[data-navigation-status="active"] .mobile-search-icon {
    opacity: 0;
}

nav.bold-nav-full[data-navigation-status="active"] .bold-nav-full__hamburger .bold-nav-full__hamburger-bar {
    background: var(--wp--preset--color--base);
}


/* --------------------------------- Hamburger --------------------------------- */

.bold-nav-full__hamburger {
  pointer-events: auto;
    color: inherit;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 3rem;
    display: flex;
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 100px;
    background-color: transparent;
}

.bold-nav-full__hamburger .bold-nav-full__hamburger-bar {
  background-color: currentColor;
  width: 2em;
  height: .125em;
  position: absolute;
  transform: translate(0, 0)  rotate(0.001deg);
  transition: transform 0.5s cubic-bezier(.7, 0, .3, 1);
}

.bold-nav-full__hamburger .bold-nav-full__hamburger-bar:nth-child(1) {
  transform: translate(0, -.45em) scale(1, 1) rotate(0.001deg);
}

.bold-nav-full__hamburger .bold-nav-full__hamburger-bar:nth-child(3) {
  transform: translate(0, .45em) scale(1, 1) rotate(0.001deg);
}

/* Hamburger - Hover */
.bold-nav-full__hamburger:hover .bold-nav-full__hamburger-bar:nth-child(1) {
  transform: translate(0, -.45em) scale(.5, 1) rotate(0.001deg);
}

.bold-nav-full__hamburger:hover .bold-nav-full__hamburger-bar:nth-child(3) {
   transform: translate(0, .45em) scale(.5, 1) rotate(0.001deg);
}

/* Hamburger (Navigation Open) */
[data-navigation-status="active"]  .bold-nav-full__hamburger-bar:nth-child(1) {
  transform: translate(0, 0) rotate(45deg) scale(1, 1);
}

[data-navigation-status="active"] .bold-nav-full__hamburger-bar:nth-child(2) {
  transform: translate(-150%, 0) rotate(0.001deg) scale(1, 1);
}

[data-navigation-status="active"]  .bold-nav-full__hamburger-bar:nth-child(3) {
  transform: translate(0, 0) rotate(-45deg) scale(1, 1);
}

/*  Hamburger - Hover (Navigation Open)  */
/* [data-navigation-status="active"] .bold-nav-full__hamburger:hover .bold-nav-full__hamburger-bar:nth-child(1) {
  transform: translate(0, 0) rotate(45deg) scale(.7, 1);
}

[data-navigation-status="active"] .bold-nav-full__hamburger:hover .bold-nav-full__hamburger-bar:nth-child(3) {
  transform: translate
} */

/* --------------------------------- Tile --------------------------------- */

.bold-nav-full__tile {
  pointer-events: auto;
  background-color: var(--wp--preset--color--accent-1);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transition: clip-path 1s cubic-bezier(.9, 0, .1, 1);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}

/* Tile (Navigation Open) */
[data-navigation-status="active"] .bold-nav-full__tile {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.bold-nav-full__ul {
  flex-flow: column;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
    gap: 1rem;
}

.bold-nav-full__li {
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bold-nav-full__link {
  color:  var(--wp--preset--color--base);
  padding-left: .075em;
  padding-right: .075em;
  font-size: calc(2.75vw + 2.75vh);
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  transform: translateY(100%) rotate(5deg);
  transition: transform 0.75s cubic-bezier(.7, 0, .3, 1);
}


li.bold-nav-full__li a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}



.bold-nav-full__li:nth-child(1) .bold-nav-full__link {transition-delay: 0.2s;}
.bold-nav-full__li:nth-child(2) .bold-nav-full__link {transition-delay: 0.15s;}
.bold-nav-full__li:nth-child(3) .bold-nav-full__link {transition-delay: 0.1s;}
.bold-nav-full__li:nth-child(4) .bold-nav-full__link {transition-delay: 0.05s;}
.bold-nav-full__li:nth-child(5) .bold-nav-full__link {transition-delay: 0s;}

/* Tile - Links (Navigation Open) */
[data-navigation-status="active"] .bold-nav-full__link {
  transform: translateY(0%) rotate(0.001deg);
  transition-delay: 0.3s;
}

[data-navigation-status="active"] .bold-nav-full__li:nth-child(1) .bold-nav-full__link {transition-delay: 0.3s;}
[data-navigation-status="active"] .bold-nav-full__li:nth-child(2) .bold-nav-full__link {transition-delay: 0.35s;}
[data-navigation-status="active"] .bold-nav-full__li:nth-child(3) .bold-nav-full__link {transition-delay: 0.4s;}
[data-navigation-status="active"] .bold-nav-full__li:nth-child(4) .bold-nav-full__link {transition-delay: 0.45s;}
[data-navigation-status="active"] .bold-nav-full__li:nth-child(5) .bold-nav-full__link {transition-delay: 0.5s;}

.bold-nav-full__link-text {
  text-shadow: 0 1.1em 0;
  display: block;
  position: relative;
}

/* Tile - Links (Hover) */
.bold-nav-full__li {
  transition: opacity 0.5s cubic-bezier(.7, 0, .3, 1);
}

.bold-nav-full__ul:has(.bold-nav-full__li:hover) .bold-nav-full__li {
  opacity: 0.15;
}

.bold-nav-full__ul:has(.bold-nav-full__li:hover) .bold-nav-full__li:hover {
  opacity: 1;
}

/* Touch keeps the tapped item in :hover after the tap, which would leave the
   rest of the menu dimmed for as long as a submenu is open. While one is
   open, every item stays at full strength. Same specificity as the rule
   above, so it has to sit after it. */
.bold-nav-full__ul:has(.bold-nav-full__li--has-submenu.is-open) .bold-nav-full__li {
  opacity: 1;
}

/* Tile - Links (Hover) */
/* .bold-nav-full__link .bold-nav-full__link-text {
  transition: transform 0.5s cubic-bezier(.7, 0, .3, 1);
  transform: translateY(0%) rotate(0.001deg);
}

.bold-nav-full__link:hover .bold-nav-full__link-text {
  transform: translateY(-100%) rotate(0.001deg);
} */

/* Bottom */

.bold-nav__bottom {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2.25em 2.5em;
    display: flex;
}
.bold-nav__bottom li {
    list-style: none;
}

.bold-nav__bottom li a {
    text-decoration: none;
}








.bold-nav-full {
    display: none;
}




@media (max-width: 1250px) {
/* The logo stays centred, as on desktop: the search icon takes the left edge
   and the hamburger the right. */
.bold-nav-full {
    display: block;
}

nav.main-navigation {
    display: none;
}

.block-menu-inner {
    height: 65px;
}


.mobile-search-icon {
    position: absolute;
    left: var(--wp--style--root--padding-left);
    top: 1rem;
    z-index: 10;
     pointer-events: auto;
}
.admin-bar .mobile-search-icon {
    top: 50px;
}

.mobile-search-icon svg {
    width: 2rem;
    height: 2rem;
}
.bold-nav-full__bar {
  align-items: center;
  padding: 0 var(--wp--style--root--padding-right);
          height: 65px;
}

.admin-bar .bold-nav-full__bar {
  top: 45px;
  height: unset;
}


}

/* --------------------------------------------------------------------------
   Submenu overlay

   A menu item with sub items keeps its own link and opens a panel on hover.
   The panel is a child of the list item so the pointer can travel from the
   parent into the panel without crossing a gap, but it is positioned against
   .block-menu-inner so it spans the full width of the bar.
   -------------------------------------------------------------------------- */

/* Gives the panel a stacking context to sit in, above the page below it */
nav.main-navigation ul {
    position: relative;
    z-index: 3;
}

.main-navigation__chevron {
    display: inline-flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.main-navigation__item--has-submenu.is-open .main-navigation__chevron {
    transform: rotate(180deg);
}

/* Anchors the panel under its own item. Without this the nearest positioned
   ancestor is .block-menu-inner, which would drop every panel at the far left
   of the bar now that it is 250px wide instead of full width. */
.main-navigation__item--has-submenu {
    position: relative;
}

.main-navigation__overlay {
    position: absolute;
    top: 100%;
    left: 0;
    /* The item is the containing block, so right:0 would shrink the panel to
       the width of the link text and max-width would never come into play. */
    right: auto;
    width: 250px;
    z-index: 2;
    padding: 1rem;
    box-sizing: border-box;
    background: var(--menu-bg-invert, var(--wp--preset--color--contrast));
    color: var(--menu-fg-invert, var(--wp--preset--color--base));
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
    max-width: 250px;
}

.main-navigation__item--has-submenu.is-open > .main-navigation__overlay {
    opacity: 1;
    visibility: visible;
    transform: translateY(22px);
    pointer-events: auto;
}

nav.main-navigation ul.main-navigation__overlay-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
}

.main-navigation__overlay-list li {
    list-style: none;
}

.block-menu nav.main-navigation ul.main-navigation__overlay-list li a {
    color: var(--menu-fg-invert, var(--wp--preset--color--base));
    text-decoration: none;
    transition: 0.6s;
}

.block-menu nav.main-navigation ul.main-navigation__overlay-list li a:hover,
.block-menu nav.main-navigation ul.main-navigation__overlay-list li a.current {
    text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Mobile: no hover, so the chevron taps the sub items open

   The list item stacks instead of sitting in a row, and the link keeps its
   slide-up reveal inside .bold-nav-full__row, which carries the overflow
   clipping the item used to own.
   -------------------------------------------------------------------------- */

.bold-nav-full__li--has-submenu {
    flex-direction: column;
    overflow: visible;
}

.bold-nav-full__row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    overflow: hidden;
}

.bold-nav-full__chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--wp--preset--color--base);
    transform: translateY(100%);
    transition: transform 0.75s cubic-bezier(.7, 0, .3, 1);
}

[data-navigation-status="active"] .bold-nav-full__chevron {
    transform: translateY(0);
    transition-delay: 0.3s;
}

.bold-nav-full__chevron svg {
    transition: transform 0.3s ease;
}

.bold-nav-full__li--has-submenu.is-open .bold-nav-full__chevron svg {
    transform: rotate(180deg);
}

.bold-nav-full__sub {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.45s cubic-bezier(.7, 0, .3, 1), opacity 0.3s ease, margin 0.45s ease;
}

.bold-nav-full__li--has-submenu.is-open .bold-nav-full__sub {
    max-height: 50vh;
    opacity: 1;
    margin-top: 0.5rem;
}

.bold-nav-full__sub-li {
    list-style: none;
}

.bold-nav-full__sub-link {
    color: var(--wp--preset--color--base);
    text-decoration: none;
    font-size: calc(1.1vw + 1.1vh);
    line-height: 1.3;
    opacity: 0.8;
}

.bold-nav-full__sub-link:hover,
.bold-nav-full__sub-link--active {
    text-decoration: underline;
    opacity: 1;
}