/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/image-card/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/* Main wrapper for the image card. */
.wpmozo-bna-image-card-wrapper {
  overflow: hidden;
  background-color: #fff;
}

/* Style for the image. */
.wpmozo-bna-image-card-image {
  width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
}

/* Icon wrapper styles. */
.wpmozo-bna-image-card-title,
.wpmozo-bna-image-card-content,
.wpmozo-bna-image-card-content-wrapper,
.wpmozo-bna-image-card-button.show-on-hover i,
.wpmozo-bna-image-card-button.show-on-hover img,
.wpmozo-bna-image-card-button-wrap-inner {
  transition: all 300ms;
}

/* Icon wrapper styles. */
.wpmozo-bna-image-card-icon-wrapper i {
  font-size: 32px;
  z-index: 1;
}

/* Title styling. */
.wpmozo-bna-image-card-title {
  font-size: 1.5em;
  margin: 0 0 10px 0;
  padding-top: 30px;
}

/* Content text styling. */
.wpmozo-bna-image-card-content {
  font-size: 1em;
  color: #666;
  margin-bottom: 15px;
}

.wpmozo-bna-image-card-button-wrap {
  margin-top: 10px;
}

.wpmozo-bna-image-card-button-wrap-inner {
  display: inline-block;
  white-space: nowrap;
}

.wpmozo-bna-image-card-button {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  font-size: 20px;
}

.wpmozo-bna-image-card-button:not(.show-on-hover) {
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.wpmozo-bna-image-card-button.show-on-hover {
  -moz-column-gap: 0px;
       column-gap: 0px;
}

.wpmozo-bna-image-card-button.show-on-hover:hover {
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.wpmozo-bna-image-card-button.show-on-hover i,
.wpmozo-bna-image-card-button.show-on-hover img {
  opacity: 0;
}

.wpmozo-bna-image-card-button.show-on-hover:hover i,
.wpmozo-bna-image-card-button.show-on-hover:hover img {
  opacity: 1;
  margin-left: 0;
}

.wpmozo-bna-image-card-button.show-on-hover:hover i,
.wpmozo-bna-image-card-button.show-on-hover:hover img {
  display: block;
}

.wp-block-wpmozo-image-card .hexagon {
  width: 100%;
  aspect-ratio: 20/11;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}

.wp-block-wpmozo-image-card .hexagon::before,
.wp-block-wpmozo-image-card .hexagon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0;
  box-sizing: border-box;
}

.wp-block-wpmozo-image-card .wpmozo-bna-icon-circle {
  padding: 16px;
  border-radius: 50%;
}

.wp-block-wpmozo-image-card .wpmozo-bna-icon-square,
.wp-block-wpmozo-image-card .wpomzo-bna-image-card-icon-wrap.shape-hexagon {
  padding: 16px;
  box-sizing: content-box;
}

.wp-block-wpmozo-image-card .wpomzo-bna-image-card-icon-wrap.shape-hexagon {
  padding: 16px 0px;
  box-sizing: content-box;
}

.wp-block-wpmozo-image-card .wpmozo-bna-icon-shape-border {
  border: 2px solid;
}

a.wpmozo-bna-image-card-button {
  outline: none;
  box-shadow: none;
}

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