/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/navigation-overlay/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/**
 * Styles for nav-overlay-button
 */
button.wp-block-navigation__responsive-container-open,
button.wp-block-navigation__responsive-container-close {
  display: none;
  margin: 0px;
}

.wp-block-create-block-navigation-overlay {
  margin-left: -4rem;
  width: 96px;
  height: 32px;
  margin-left: -16px;
  transition: transform 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .wp-block-create-block-navigation-overlay {
    margin-left: 0px;
  }
}
.wp-block-create-block-navigation-overlay .nav-overlay-button {
  width: 96px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 13px;
  position: fixed;
  cursor: pointer;
  background-color: #a7ad8b;
  color: white;
  z-index: 500;
}
.wp-block-create-block-navigation-overlay .nav-overlay-button .nav-overlay-button-circle {
  width: 12px;
  height: 12px;
  background-color: white;
}

.nav-overlay-button.is-menu-open {
  background-color: white;
  color: black;
  cursor: pointer;
}
.nav-overlay-button.is-menu-open .nav-overlay-button-circle {
  background-color: black;
}

.wp-block-navigation__responsive-container {
  background-color: rgba(0, 0, 0, 0.8980392157) !important;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: white !important;
  font-family: "Avenir Next", sans-serif;
  font-size: 2.8rem !important;
  letter-spacing: 3%;
  z-index: 400 !important;
}
.wp-block-navigation__responsive-container .wp-block-navigation__container {
  width: 100%;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-close {
  max-width: 96rem !important;
}
.wp-block-navigation__responsive-container .wp-block-search__button-inside,
.wp-block-navigation__responsive-container .wp-block-search__button-outside {
  position: absolute;
  right: 0;
  top: 13.5rem;
  z-index: 401;
}
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container .wp-block-search__button-inside,
  .wp-block-navigation__responsive-container .wp-block-search__button-outside {
    top: 11.5rem;
  }
}
.wp-block-navigation__responsive-container .wp-block-search__button-inside .wp-block-search__inside-wrapper,
.wp-block-navigation__responsive-container .wp-block-search__button-outside .wp-block-search__inside-wrapper {
  width: 80% !important;
  max-width: 48rem;
  height: 4.8rem;
  margin-left: auto;
  border: none;
  background-color: rgba(255, 255, 255, 0.0666666667);
}
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container .wp-block-search__button-inside .wp-block-search__inside-wrapper,
  .wp-block-navigation__responsive-container .wp-block-search__button-outside .wp-block-search__inside-wrapper {
    width: 100% !important;
  }
}
.wp-block-navigation__responsive-container .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input,
.wp-block-navigation__responsive-container .wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input {
  background: transparent !important;
  font-size: 2.4rem !important;
  padding-left: 1.2rem;
  color: white !important;
}
.wp-block-navigation__responsive-container .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input .placeholder,
.wp-block-navigation__responsive-container .wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input .placeholder {
  color: white;
  opacity: 0.6;
}
.wp-block-navigation__responsive-container .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button,
.wp-block-navigation__responsive-container .wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__button {
  background-color: transparent !important;
}
.wp-block-navigation__responsive-container .wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button svg,
.wp-block-navigation__responsive-container .wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__button svg {
  color: white;
  transform: scale(2.4) translate(-0.24rem);
}
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container .wp-block-search {
    width: 100% !important;
  }
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
  gap: 1rem !important;
  margin-left: 2.8rem;
}
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    margin-left: 0rem;
  }
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content:before {
  content: "HARVESTWORKS";
  letter-spacing: 33%;
  font-family: "Avenir Next Condensed";
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  width: 100%;
  margin-bottom: 2.8rem;
}
@media (max-width: 767px) {
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content:before {
    font-size: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 8rem;
  }
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
  font-size: 2.8rem !important;
  letter-spacing: 3% !important;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item .submenu-wrapper .wp-block-navigation-item__content {
  display: inline;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item .submenu-wrapper .submenu-toggle {
  display: inline;
  padding-left: 1rem;
  position: relative;
  top: 0.1rem;
  font-size: 3rem;
  text-decoration: none !important;
  cursor: pointer;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-navigation-submenu {
  max-height: 0rem !important;
  overflow: hidden !important;
  padding: 0rem !important;
  transition: all 0.4s ease, padding-left 0.4s step-end;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item.is-open .wp-block-navigation-submenu {
  max-height: 100rem !important;
  padding-top: 0.5rem !important;
  padding-left: 2rem !important;
  transition: all 0.4s ease, padding-left 0s ease;
}
.wp-block-navigation__responsive-container :where(.wp-site-blocks *:focus) {
  outline-width: 0px;
  outline-style: none;
}
.wp-block-navigation__responsive-container .wp-block-navigation__submenu-container {
  padding-top: 12px;
  padding-bottom: 12px;
}

.wp-block-navigation-item:has(.wp-block-social-links) {
  width: 100%;
}

.wp-block-social-links {
  gap: 0.8rem !important;
}
@media (max-width: 767px) {
  .wp-block-social-links {
    gap: 2rem !important;
  }
}
.wp-block-social-links.right {
  margin-left: auto !important;
  position: relative;
  top: -4.2rem;
}
.wp-block-social-links.left {
  margin-top: 4.8rem;
}
.wp-block-social-links .wp-block-social-link img {
  width: 3.2rem;
  height: 3.2rem;
}

/*# sourceMappingURL=style-index.css.map*/