/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/extensions/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.has-image-animation {
  transition: transform 0.3s ease-in-out;
}

.wp-block-query.equal-spacing .wp-block-post {
  display: grid;
  grid-template-rows: subgrid;
  gap: var(--custom-gap);
  position: relative;
}

.has-image-animation:hover {
  transform: scale(1.1);
}

@media screen and (min-width: 767px) {
  .hide-on-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}
figure.has-animation {
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
figure.has-animation::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-palette, blue);
  transition: left 0.5s ease-in-out;
  transition-delay: 0.5s;
  border: inherit;
  border-radius: inherit;
}
figure.has-animation.animate::after {
  left: -100%;
}

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