/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/flip/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.wp-block-klingit-basic-flip {
  height: 100%;
}

.flip-cover {
  padding: 0 !important;
  align-items: stretch;
  height: 100%;
}

.flip-cover > .wp-block-cover__inner-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flip-cover > .wp-block-cover__inner-container .flip-hover {
  height: 100%;
}

.flip-hover .flip-static + .flip-hidden {
  height: auto;
}

.flip-cover .flip-hover {
  transition: all ease-out 300ms;
}

@media (hover: hover) {
  .flip-hover .flip-hidden {
    opacity: 0;
    visibility: hidden;
    height: 100%;
    transition: opacity ease-out 300ms, visibility 0ms linear 300ms;
  }
  .flip-cover:hover .flip-hover .flip-hidden {
    opacity: 1;
    visibility: visible;
    transition: opacity ease-out 300ms, visibility 0ms linear;
  }
  .wp-block-klingit-basic-flip:not(.edit-content) .flip-cover:not(:hover) .flip-hover.has-background {
    background: transparent !important;
  }
  .wp-block-klingit-basic-flip:not(.edit-content) .flip-cover:not(:hover) .flip-hover.has-border-color {
    border-color: transparent !important;
  }
}
@media not all and (hover: hover) {
  .flip-cover {
    padding-top: 430px !important;
  }
  .hide-cover .flip-cover {
    padding-top: 0 !important;
  }
  .flip-cover {
    min-height: auto !important;
  }
  .hide-cover .flip-cover > span,
  .hide-cover .flip-cover > img {
    display: none;
  }
  .flip-cover .wp-block-cover__background,
  .flip-cover .wp-block-cover__image-background {
    height: 430px !important;
  }
  .flip-cover > .wp-block-cover__inner-container > .wp-block-group {
    border: 0 !important;
  }
}

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