.mmcq-header {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.mmcq-header .wp-block-navigation-item {
  cursor: pointer;
}

.mmcq-header-inner-wrap {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.mmcq-header
  .mmcq-header-navigation-main
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  padding-top: 6px;
}

/* Hardcode width to correct size due to use forcing wordpress to 
* fetch the larger version of the logo image in the template. */
.mmcq-header .wp-block-site-logo {
  width: 239px;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle[aria-expanded='true']
  svg {
  display: none;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle[aria-expanded='false']
  ~ .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  display: none;
}

.mmcq-header .wp-block-navigation .wp-block-navigation-item {
  padding: 6px;
}

.mmcq-header .wp-block-navigation .wp-block-navigation__container {
  gap: 8px;
}

.mmcq-header
  .wp-block-navigation
  .wp-block-navigation__container
  .wp-block-navigation-submenu
  .wp-block-navigation-submenu.wp-block-navigation__submenu-container {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border: none;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: black;
  padding: 6px 14px;
}

.mmcq-header
  .mmcq-header-navigation-main
  .wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item {
  border-bottom: 1px solid #ddd;
}

.mmcq-header
  .wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item
  a {
  padding: 4px;
  text-transform: none;
}

.mmcq-header
  .wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item:last-child {
  border-bottom: none;
}

.mmcq-header
  .wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item:hover {
  background-color: black;
  color: white;
}

.mmcq-header .wp-block-navigation .wp-block-navigation__submenu-icon {
  margin-left: 6px;
  font-size: inherit;
}

/* Mini Cart Button */
/* ========================= */

.mmcq-header
  .mmcq-header-left-wrap
  .wc-block-mini-cart.wp-block-woocommerce-mini-cart {
  margin-right: 48px;
  position: absolute;
  right: 0;
  /* order: 1; */
}

.mmcq-header
  .mmcq-header-left-wrap
  .wp-block-search__button-behavior-expand
  ~ .wc-block-mini-cart {
  opacity: 0;
  transition: opacity 300ms;
}

.mmcq-header
  .mmcq-header-left-wrap
  .wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden
  ~ .wc-block-mini-cart {
  opacity: 1;
}

/* Main menu Search Bar */
/* ========================= */

.mmcq-header
  .mmcq-header-left-wrap
  .wp-block-search
  .wp-block-search__inside-wrapper {
  padding: 0;
}

.mmcq-header .mmcq-header-left-wrap .mmcq-header-search-nav {
  flex-direction: row-reverse;
  position: relative;
  /* order: 2; */
}

.mmcq-header
  .mmcq-header-left-wrap
  .mmcq-header-search-nav
  .mmcq-header-navigation-account {
  transition: opacity 300ms;
  position: relative;
  right: 80px;
}

.mmcq-header
  .mmcq-header-left-wrap
  .mmcq-header-search-nav
  .wp-block-navigation__responsive-container-content
  .mmcq-header-navigation-account {
  transition: opacity 300ms;
  position: static;
  right: auto;
}
.mmcq-header .mmcq-header-left-wrap .mmcq-header-search-nav .wp-block-search {
  width: 240px;
  position: absolute;
  right: 0;
  align-items: center;
}

.mmcq-header
  .mmcq-header-left-wrap
  .mmcq-header-search-nav
  .wp-block-navigation__responsive-container-content {
  gap: 4px;
}

.mmcq-header .mmcq-header-left-wrap .mmcq-header-search-nav .wp-block-loginout {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 8px;
}

.mmcq-header
  .mmcq-header-left-wrap
  .mmcq-header-search-nav
  .wp-block-loginout
  a {
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
  /* padding-bottom: 3px;
  margin-top: 2px; */
}

.mmcq-header
  .mmcq-header-search-nav
  .mmcq-header-navigation-account
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  padding-top: 6px;
}

.mmcq-header
  .mmcq-header-left-wrap
  .wp-block-search
  .wp-block-search__inside-wrapper
  .wp-block-search__input {
  font-size: var(--wp--preset--font-size--small);
  background-color: transparent;
  color: inherit;
  border: none;
  border-bottom: 1px solid black;
  outline: none;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.mmcq-header
  .mmcq-header-left-wrap
  .wp-block-search__button-behavior-expand
  .wp-block-search__input {
  transform: translateX(0%);
  opacity: 1;
}

.mmcq-header
  .mmcq-header-left-wrap
  .wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden
  ~ .mmcq-header-navigation-account {
  opacity: 1;
}

.mmcq-header
  .mmcq-header-left-wrap
  .wp-block-search__button-behavior-expand
  ~ .mmcq-header-navigation-account {
  opacity: 0;
}

.mmcq-header
  .mmcq-header-left-wrap
  .wp-block-search__button-behavior-expand.wp-block-search__searchfield-hidden
  .wp-block-search__input {
  width: 100% !important;
  min-width: auto !important;
  flex-grow: 1 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transform: translateX(100%);
  opacity: 0;
}

.mmcq-header
  .mmcq-header-left-wrap
  .wp-block-search
  .wp-block-search__inside-wrapper
  .wp-block-search__button {
  background-color: transparent;
  color: inherit;
  padding: 10px;
  margin: 0;
  position: relative;
}

/* Hamburger menu */
/* ============== */

.mmcq-header .mmcq-header-navigation-hamburger {
  /* order: 3; */
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container {
  animation: mmcq-main-header_overlay-menu__fade-out-animation 0.1s ease-out;
  max-width: 50%;
  width: 100%;
  left: auto;
  display: flex;
  animation-fill-mode: forwards;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation__responsive-container-content {
  align-items: flex-start;
  padding-bottom: 24px;
  border-bottom: 2px solid white;
  gap: 32px;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation__responsive-container-close {
  padding: 4px;
  /* padding-right: 4px;
  padding-left: 4px;
  padding-top: 12px;
  padding-bottom: 12px; */
}

/* .mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation-item.wp-block-navigation-submenu
  > .wp-block-navigation-item__content {
  padding-bottom: 10px;
} */

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  /* padding-bottom: 0px; */
  width: 100%;
  padding-left: 16px;
  box-sizing: border-box;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation-item {
  padding: 10px;
  padding-left: 0;
  padding-right: 0;
  align-items: flex-start;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__container {
  align-items: flex-start;
  width: 100%;
  flex-wrap: nowrap;
  gap: 4px;
}

.mmcq-header
  .mmcq-header-left-wrap
  .mmcq-header-navigation-hamburger
  .wp-block-search {
  width: 100%;
  align-items: center;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-search
  .wp-block-search__inside-wrapper
  .wp-block-search__input {
  border-bottom: 2px solid white;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__container
  .wp-block-navigation-item {
  align-items: flex-start;
  /* width: 100%; */
  gap: 4px;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__container
  .wp-block-navigation-submenu
  .wp-block-navigation-submenu.wp-block-navigation__submenu-container {
  transform: translate(0px);
  border-top: none;
  /* background-color: rgba(255, 255, 255, 0.1) !important; */
  background: #143651 !important;
  padding: 0;
  margin-top: 10px;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-icon {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  right: -30px;
  top: 0;
  bottom: 0;
  width: auto;
  height: 32px;
  /* padding: 10%; */
  box-sizing: border-box;
  align-items: center;
  margin: 0px;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-icon
  svg {
  width: 32px;
  height: 32px;
  padding: 8px;
  box-sizing: border-box;
  align-items: center;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container:not(.is-menu-open)
  .wp-block-navigation__responsive-container-content {
  align-items: var(--navigation-layout-justification-setting, inherit);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: visible;
  padding-top: calc(2rem + 24px);
  padding-left: 10%;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .has-modal-open
  .wp-block-navigation__responsive-close {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--style--global--wide-size, 100%);
}
/* .mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
  /* align-items: var(--navigation-layout-justification-setting, inherit);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: visible; */
  /* padding-top: 24px; */
  /* flex-direction: column;
  padding: var(--wp--style--root--padding-top, 2rem)
    var(--wp--style--root--padding-right, 2rem)
    var(--wp--style--root--padding-bottom, 2rem)
    var(--wp--style--root--padding-left, 2rem);
  z-index: 100000; 
} */

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container {
  pointer-events: none;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-container.is-menu-open {
  animation: mmcq-main-header_overlay-menu__fade-in-animation 0.1s ease-out;
  animation-fill-mode: forwards;
  pointer-events: auto;
}

@keyframes mmcq-main-header_overlay-menu__fade-out-animation {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(95%);
  }
}

@keyframes mmcq-main-header_overlay-menu__fade-in-animation {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Hamburger menu Search Bar */
/* ========================= */

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-search
  .wp-block-search__inside-wrapper {
  border: none;
  padding: 0;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-search
  .wp-block-search__inside-wrapper
  .wp-block-search__input::placeholder {
  color: white;
  opacity: 0.5;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-search
  .wp-block-search__inside-wrapper
  .wp-block-search__button {
  background-color: transparent;
  padding: 10px;
  margin: 0;
}

.mmcq-header
  .mmcq-header-navigation-hamburger
  .wp-block-navigation__responsive-dialog {
  margin-top: 46px;
}

@media (max-width: 1250px) {
  .mmcq-header .wp-block-navigation.mmcq-header-navigation-main {
    display: none;
  }
}

@media (max-width: 700px) {
  .mmcq-header .wp-block-navigation.mmcq-header-navigation-account {
    display: none;
  }
  .mmcq-header .mmcq-header-search-nav .wp-block-search {
    display: none;
  }
  .mmcq-header
    .mmcq-header-left-wrap
    .wc-block-mini-cart.wp-block-woocommerce-mini-cart {
    margin-right: 0;
  }
  .mmcq-header-inner-wrap {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1251px) {
  .mmcq-header .mmcq-header-navigation-hamburger {
    display: none;
  }
}