/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-hero/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
html :where(.editor-styles-wrapper) h1,
html :where(.editor-styles-wrapper) h2,
html :where(.editor-styles-wrapper) h3,
html :where(.editor-styles-wrapper) h4,
html :where(.editor-styles-wrapper) h5,
html :where(.editor-styles-wrapper) h6,
html :where(.editor-styles-wrapper) p {
  margin: 0;
  padding: 0;
}

.editor-post-featured-image__toggle {
  min-height: 1rem;
  border: 1px dashed;
  margin-bottom: 1rem;
}

.wp-block-artcloud-blocks-artcloud-hero.card-text-align-right {
  text-align: right;
}
.wp-block-artcloud-blocks-artcloud-hero.card-text-align-left {
  text-align: left;
}
.wp-block-artcloud-blocks-artcloud-hero.card-text-align-center {
  text-align: center;
}
.wp-block-artcloud-blocks-artcloud-hero .green-hero {
  padding: 20px 15px;
}
.wp-block-artcloud-blocks-artcloud-hero .card-title {
  padding: 5px 10px;
}
.wp-block-artcloud-blocks-artcloud-hero .card-details {
  padding: 20px 10px;
}
.wp-block-artcloud-blocks-artcloud-hero .wp-block-button__link {
  border-radius: 40px;
}
.wp-block-artcloud-blocks-artcloud-hero .editor-post-featured-image__toggle {
  min-height: 1rem;
  border: 1px dashed;
  margin-bottom: 1rem;
}

.editor-post-featured-image__toggle {
  min-height: 1rem;
  border: 1px dashed;
  margin-bottom: 1rem;
}

.style2 .wp-block-image img {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2268.493%22%20height%3D%2271.854%22%20viewBox%3D%220%200%2068.493%2071.854%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20id%3D%22Rectangle_661%22%20data-name%3D%22Rectangle%20661%22%20width%3D%2268.493%22%20height%3D%2271.854%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Group_767%22%20data-name%3D%22Group%20767%22%20transform%3D%22translate%280%200%29%22%3E%3Cg%20id%3D%22Group_766%22%20data-name%3D%22Group%20766%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%3Cpath%20id%3D%22Path_109%22%20data-name%3D%22Path%20109%22%20d%3D%22M32.754%2C1.119v0a1.557%2C1.557%2C0%2C0%2C1%2C2.987%2C0v0A11.315%2C11.315%2C0%2C0%2C0%2C53.5%2C6.889l0%2C0a1.557%2C1.557%2C0%2C0%2C1%2C2.416%2C1.755v.005a11.316%2C11.316%2C0%2C0%2C0%2C10.975%2C15.1h0a1.557%2C1.557%2C0%2C0%2C1%2C.922%2C2.84h0a11.317%2C11.317%2C0%2C0%2C0%2C0%2C18.672h0a1.556%2C1.556%2C0%2C0%2C1-.922%2C2.839h0a11.317%2C11.317%2C0%2C0%2C0-10.975%2C15.1v0A1.557%2C1.557%2C0%2C0%2C1%2C53.5%2C64.966a11.316%2C11.316%2C0%2C0%2C0-17.758%2C5.767v0a1.557%2C1.557%2C0%2C0%2C1-2.987%2C0v0a11.317%2C11.317%2C0%2C0%2C0-17.759-5.769h0a1.556%2C1.556%2C0%2C0%2C1-2.415-1.755v0A11.318%2C11.318%2C0%2C0%2C0%2C1.6%2C48.1h0a1.556%2C1.556%2C0%2C0%2C1-.922-2.839h0a11.317%2C11.317%2C0%2C0%2C0%2C0-18.672h0a1.556%2C1.556%2C0%2C0%2C1%2C.922-2.84h0A11.317%2C11.317%2C0%2C0%2C0%2C12.58%2C8.647l0-.005a1.556%2C1.556%2C0%2C0%2C1%2C2.415-1.755l0%2C0a11.316%2C11.316%2C0%2C0%2C0%2C17.757-5.77%22%20fill%3D%22%23009639%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2268.493%22%20height%3D%2271.854%22%20viewBox%3D%220%200%2068.493%2071.854%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20id%3D%22Rectangle_661%22%20data-name%3D%22Rectangle%20661%22%20width%3D%2268.493%22%20height%3D%2271.854%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22none%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Group_767%22%20data-name%3D%22Group%20767%22%20transform%3D%22translate%280%200%29%22%3E%3Cg%20id%3D%22Group_766%22%20data-name%3D%22Group%20766%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%3Cpath%20id%3D%22Path_109%22%20data-name%3D%22Path%20109%22%20d%3D%22M32.754%2C1.119v0a1.557%2C1.557%2C0%2C0%2C1%2C2.987%2C0v0A11.315%2C11.315%2C0%2C0%2C0%2C53.5%2C6.889l0%2C0a1.557%2C1.557%2C0%2C0%2C1%2C2.416%2C1.755v.005a11.316%2C11.316%2C0%2C0%2C0%2C10.975%2C15.1h0a1.557%2C1.557%2C0%2C0%2C1%2C.922%2C2.84h0a11.317%2C11.317%2C0%2C0%2C0%2C0%2C18.672h0a1.556%2C1.556%2C0%2C0%2C1-.922%2C2.839h0a11.317%2C11.317%2C0%2C0%2C0-10.975%2C15.1v0A1.557%2C1.557%2C0%2C0%2C1%2C53.5%2C64.966a11.316%2C11.316%2C0%2C0%2C0-17.758%2C5.767v0a1.557%2C1.557%2C0%2C0%2C1-2.987%2C0v0a11.317%2C11.317%2C0%2C0%2C0-17.759-5.769h0a1.556%2C1.556%2C0%2C0%2C1-2.415-1.755v0A11.318%2C11.318%2C0%2C0%2C0%2C1.6%2C48.1h0a1.556%2C1.556%2C0%2C0%2C1-.922-2.839h0a11.317%2C11.317%2C0%2C0%2C0%2C0-18.672h0a1.556%2C1.556%2C0%2C0%2C1%2C.922-2.84h0A11.317%2C11.317%2C0%2C0%2C0%2C12.58%2C8.647l0-.005a1.556%2C1.556%2C0%2C0%2C1%2C2.415-1.755l0%2C0a11.316%2C11.316%2C0%2C0%2C0%2C17.757-5.77%22%20fill%3D%22%23009639%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  max-width: 100%;
  height: 494px;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
  margin: 0 auto;
  width: 29.7rem !important;
}

.artcloud_hero_cover .artcloud_hero_column_content {
  z-index: 1;
}
.artcloud_hero_cover .wp-block-cover__inner-container {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}
.artcloud_hero_cover .wp-block-cover__inner-container > .wp-block-columns {
  padding-left: 3rem;
  padding-right: 3rem;
}
.artcloud_hero_cover .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column:first-child {
  max-width: 44%;
}
.artcloud_hero_cover .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column:last-child {
  text-align: center;
}
.artcloud_hero_cover .wp-block-cover {
  padding-top: 2.5rem;
  min-height: 540px;
  margin-bottom: -12rem;
}
.artcloud_hero_cover .wp-block-cover .green_hero_description {
  font-size: 1.25rem;
  font-weight: 500;
}
.artcloud_hero_cover .wp-block-cover .green_hero_description strong {
  font-weight: 500;
}

.artcloud_hero_column_main .artcloud_hero_heading {
  font-size: 35px;
  font-weight: 600;
  color: var(--wp--preset--color--primary);
  line-height: 53px;
}
.artcloud_hero_column_main .artcloud_hero_description {
  font-size: 20px;
  color: var(--wp--preset--color--black);
  font-weight: 500;
}
.artcloud_hero_column_main .artcloud_hero_description strong {
  font-weight: 600;
}

@media only screen and (max-width: 781px) {
  .artcloud_hero_cover .wp-block-cover__inner-container > .wp-block-columns {
    padding-left: 20px;
    padding-right: 20px;
  }
  .artcloud_hero_cover .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column:first-child {
    max-width: 100%;
  }
  .artcloud_hero_cover .wp-block-cover {
    padding-bottom: 0;
    min-height: 100%;
    margin-bottom: 0;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: unset !important;
  }
}
@media only screen and (max-width: 767px) {
  .artcloud_hero_cover .wp-block-cover__inner-container {
    padding: 10px;
  }
  .hero_columns .wp-block-column.is-vertically-aligned-center {
    flex-basis: 0% !important;
  }
}
.artcloud_hero_block_wrapper.style1.right .artcloud_hero_column_main {
  flex-direction: row-reverse;
  padding-right: 3rem;
  padding-left: 0;
}

.artcloud_hero_block_wrapper.style1 .artcloud_hero_image img {
  height: 32rem;
  width: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
}

.artcloud_hero_block_wrapper.style1 .wp-block-columns,
.artcloud_hero_block_wrapper.style2 .wp-block-columns {
  padding-right: 0;
}

.artcloud_hero_block_wrapper.style1 .artcloud_hero_cover {
  padding-right: 0;
}

.wp-block-column.artcloud_hero_column_image {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .artcloud_hero_cover .wp-block-cover__inner-container > .wp-block-columns {
    padding: 0;
  }
  .artcloud_hero_block_wrapper.style1 .artcloud_hero_image img {
    height: 18rem;
  }
  .artcloud_hero_block_wrapper.style1 .artcloud_hero_cover {
    padding-bottom: 2rem;
    padding-right: 1rem !important;
  }
  .artcloud_hero_block_wrapper.style1.pattern1.left .artcloud_hero_column_image::before {
    left: calc(0% - 1px);
    height: 19rem;
  }
  .artcloud_hero_block_wrapper.style1.pattern1.right .artcloud_hero_column_image::before {
    right: calc(0% - 1px) !important;
    height: 19rem;
    left: unset;
  }
  .artcloud_hero_block_wrapper.style1.pattern3.left .artcloud_hero_column_image::before {
    left: calc(0% - 87px);
    height: 19rem;
  }
  .artcloud_hero_block_wrapper.style1.pattern3.right .artcloud_hero_column_image::before {
    right: calc(0% - 87px) !important;
    height: 19rem;
    left: unset;
  }
  .artcloud_hero_block_wrapper.style1.pattern2.left .artcloud_hero_column_image::before {
    height: 19rem;
    left: calc(0% - 1px);
  }
  .artcloud_hero_block_wrapper.style1.pattern2.right .artcloud_hero_column_image::before {
    right: calc(0% - 1px) !important;
    height: 19rem;
    left: unset;
  }
  .artcloud_hero_block_wrapper.style1.pattern4.left .artcloud_hero_column_image::before {
    height: 19rem;
    left: calc(0% - 87px);
  }
  .artcloud_hero_block_wrapper.style1.pattern4.right .artcloud_hero_column_image::before {
    right: calc(0% - 87px) !important;
    height: 19rem;
    left: unset;
  }
  .artcloud_hero_block_wrapper.style2 .artcloud_hero_image img {
    height: 30rem !important;
  }
  .artcloud_hero_block_wrapper.style1.right .artcloud_hero_column_main {
    padding-right: 0;
  }
}
/* Wrapper around the custom select */
.artcloud-svg-select-wrapper {
  position: relative;
  width: 100%;
  font-family: Arial, sans-serif;
  display: inline-block;
  margin-bottom: 15px;
}

/* Style for the selected option display */
.selected-option {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #9b9b9b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
  min-height: 40px;
  width: 100%;
  box-sizing: border-box;
}

/* Hover effect for selected option */
.selected-option:hover {
  background-color: #f0f0f0;
}

/* Dropdown list container */
.artcloud-svg-dropdown {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
  box-sizing: border-box;
}

/* Open the dropdown */
.artcloud-svg-dropdown.open {
  display: block;
}

/* Style for each list item (option) */
.artcloud-svg-dropdown li {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
}

/* Hover effect for options */
.artcloud-svg-dropdown li:hover {
  background-color: #e9e9e9;
}

/* Thumbnail style */
.artcloud-svg-dropdown li img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 4px;
}

/* Style for selected option when it's displayed */
.selected-option img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 4px;
}

/* Style for the list of options to be scrollable */
.artcloud-svg-dropdown li:last-child {
  border-bottom: none;
}

/* Responsive design for small screens */
@media (max-width: 480px) {
  .artcloud-svg-select-wrapper {
    width: 100%;
  }
  .selected-option {
    font-size: 14px;
  }
  .artcloud-svg-dropdown li {
    font-size: 14px;
  }
}

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