/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/assets/scss/critical/header.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 1020px) {
  header .wp-block-navigation {
    position: static !important;
  }
  header .wp-block-navigation button.wp-block-navigation__responsive-container-open {
    position: absolute;
    color: var(--wp--preset--color--white) !important;
    width: 25px;
    z-index: 10000;
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container {
    background-color: var(--wp--preset--color--dark-purple) !important;
    grid-template-rows: 0fr !important;
    position: absolute !important;
    top: 0 !important;
    z-index: 10001;
    overflow: visible !important;
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    display: block;
    height: 100vh;
    /* for offcanvas layout */
    max-width: 400px;
    margin-left: auto;
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open #modal-2-content {
    display: block !important;
    max-height: 100vh !important;
    overflow: visible !important;
    /* --- */
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open #modal-2-content .wp-block-navigation__responsive-close {
    overflow: visible !important;
    z-index: 100001;
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
    overflow: hidden !important;
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog {
    display: flex;
    /* Navigation UL */
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog button.wp-block-navigation__responsive-container-close {
    position: absolute;
    color: var(--wp--preset--color--white);
    width: 25px;
    top: 0px;
    right: 0;
    z-index: 10001;
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog ul.wp-block-navigation__container {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    width: 100%;
    gap: 20px;
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog ul.wp-block-navigation__container .wp-block-navigation-item {
    display: flex;
    justify-content: center;
    width: 100% !important;
    padding: 0;
  }
  header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog ul.wp-block-navigation__container .wp-block-navigation-item a {
    padding: 0 !important;
    color: var(--wp--preset--color--white) !important;
    text-align: right !important;
  }
  header .wp-block-navigation .wp-block-buttons {
    justify-content: flex-end;
    margin-top: 2rem;
  }
}
.is-menu-open div div .wp-block-navigation__responsive-container-content {
  display: flex !important;
  width: 100% !important;
}

.header-container {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
}

body {
  padding-top: 88px;
}

@media (max-width: 433px) {
  header .wp-block-navigation.items-justified-right.wp-block-navigation {
    --navigation-layout-justification-setting: center !important;
    --navigation-layout-justify: center !important;
  }
  .is-menu-open div div .wp-block-navigation__responsive-container-content {
    display: flex !important;
    width: 100% !important;
  }
}

/*# sourceMappingURL=header.css.map*/