/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/block-navigation/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* Frontend Modal Styles */
/* Responsive hide classes for block setting*/
/* Hide on desktop: screens wider than 1024px */
@media (min-width: 1025px) {
  .hide-on-desktop {
    display: none !important;
  }
}
/* Hide on tablet: screens between 768px and 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .hide-on-tablet {
    display: none !important;
  }
}
/* Hide on mobile: screens smaller than 768px */
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}
.wp-block-mold-navigation {
  display: flex;
}
.wp-block-mold-navigation nav.wp-block-navigation .wp-block-navigation-item {
  color: var(--menu-color);
  background: var(--menu-bg-color);
  padding-inline: var(--padding-inline);
  padding-block: var(--padding-block);
  border-radius: var(--border-radius);
  cursor: pointer;
}
.wp-block-mold-navigation nav.wp-block-navigation .wp-block-navigation-item:hover {
  color: var(--menu-color-hover);
  background-color: var(--menu-bg-color-hover);
}
.wp-block-mold-navigation nav.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  background-color: transparent;
  border: var(--sub-menu-border);
  border-radius: var(--sub-menu-border-radius);
}
.wp-block-mold-navigation nav.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item {
  color: var(--sub-menu-color);
  background: var(--sub-menu-bg-color);
  border-bottom: var(--sub-menu-border);
}
.wp-block-mold-navigation nav.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
  color: var(--sub-menu-color-hover);
  background-color: var(--sub-menu-bg-color-hover);
}
.wp-block-mold-navigation nav.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:first-child {
  border-top-left-radius: var(--sub-menu-border-radius);
  border-top-right-radius: var(--sub-menu-border-radius);
}
.wp-block-mold-navigation nav.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--sub-menu-border-radius);
  border-bottom-right-radius: var(--sub-menu-border-radius);
}

@media (max-width: 767.98px) {
  /*animation navigation mobile show*/
  /* Initial hidden state */
}
@media (max-width: 767.98px) and (not (prefers-reduced-motion)) {
  .wp-block-navigation__responsive-container.is-menu-open {
    animation: var(--mobile-menu-animation) var(--mobile-menu-animation-speed) ease-out;
    animation-fill-mode: forwards;
  }
}
@keyframes overlay-menu__slide-down {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes overlay-menu__slide-up {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes overlay-menu__scale-up {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes overlay-menu__slide-left {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes overlay-menu__slide-right {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes overlay-menu__bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  60% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

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