/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/artcloud-menu/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-artcloud-blocks-artcloud-menu {
  max-width: 1200px !important;
  padding: 15px 0px;
  /* Medium devices (landscape tablets, 768px and up) */
  /* Small devices (portrait tablets and large phones, 600px and up) */
}
.wp-block-artcloud-blocks-artcloud-menu .wp-block-columns {
  margin: 0;
}
.wp-block-artcloud-blocks-artcloud-menu .artcloud_menu_columns {
  align-items: center !important;
}
.wp-block-artcloud-blocks-artcloud-menu .artcloud_menu_search {
  position: relative;
}
.wp-block-artcloud-blocks-artcloud-menu .wp-block-search__input {
  flex-basis: 100%;
  transition-duration: 0.3s;
  position: absolute;
  bottom: -3rem;
  left: -16rem;
  color: var(--wp--preset--color--black);
  background-color: var(--wp--preset--color--white);
  border-radius: 10px;
  height: 3rem;
  width: 20rem;
  font-size: 1.2rem;
  z-index: 1;
  border: 1px solid #E6E6E6;
}
.wp-block-artcloud-blocks-artcloud-menu .wp-block-column.artcloud_menu_logo.is-layout-flow.wp-block-column-is-layout-flow {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.wp-block-artcloud-blocks-artcloud-menu .wp-block-column.artcloud_menu_search.is-layout-flow.wp-block-column-is-layout-flow {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.wp-block-artcloud-blocks-artcloud-menu .wp-block-column.artcloud_menu_lang_shortcode.is-layout-flow.wp-block-column-is-layout-flow {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.wp-block-artcloud-blocks-artcloud-menu button.wp-block-search__button.has-icon.wp-element-button:after {
  content: "Hae";
  color: #808080;
  font-size: 10px;
  position: absolute;
  bottom: 10px;
  left: 28px;
}
.wp-block-artcloud-blocks-artcloud-menu svg.search-icon {
  height: 30px;
  width: 30px;
}
@media only screen and (min-width: 768px) {
  .wp-block-artcloud-blocks-artcloud-menu .artcloud_menu_mobile_menu {
    display: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .wp-block-artcloud-blocks-artcloud-menu .artcloud_menu_lang_shortcode {
    display: none !important;
  }
  .wp-block-artcloud-blocks-artcloud-menu .wp-block-columns {
    flex-wrap: nowrap !important;
  }
  .wp-block-artcloud-blocks-artcloud-menu .artcloud_menu_mobile_menu,
.wp-block-artcloud-blocks-artcloud-menu .artcloud_menu_search {
    display: flex;
    justify-content: right;
    align-items: right;
  }
  .wp-block-artcloud-blocks-artcloud-menu .wp-block-column.artcloud_menu_mobile_menu .wp-block-search__button-behavior-expand .wp-block-search__input {
    bottom: -3rem;
    left: -11rem;
    font-size: 1.2rem;
  }
  .wp-block-artcloud-blocks-artcloud-menu .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: fit-content !important;
  }
}

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