/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/slide/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-gard-vision-core-slide {
  position: relative;
  font-size: 1rem;
  background-color: #DDD;
  border-radius: 16px;
  overflow: hidden;
}
.wp-block-gard-vision-core-slide.has-text:after {
  background-image: linear-gradient(180deg, rgba(26, 28, 32, 0) 0%, #1A1C20 100%);
}
.wp-block-gard-vision-core-slide:before {
  content: "";
  display: block;
  padding-bottom: 124%;
}
.wp-block-gard-vision-core-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(26, 28, 32, 0) 80%, #1A1C20 100%);
  opacity: 0.35;
  mix-blend-mode: multiply;
}
.wp-block-gard-vision-core-slide .slide-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-block-gard-vision-core-slide .slide-image:before, .wp-block-gard-vision-core-slide .slide-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-block-gard-vision-core-slide .slide-image:before {
  content: "";
  background-image: linear-gradient(180deg, rgba(26, 28, 32, 0) 80%, #1A1C20 100%);
  opacity: 0.35;
  mix-blend-mode: multiply;
  z-index: 1;
}
.wp-block-gard-vision-core-slide .slide-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-gard-vision-core-slide .slide-body {
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 32px;
  z-index: 1;
}
.wp-block-gard-vision-core-slide .slide-title {
  font-size: 3.6em;
  font-weight: bold;
  color: #FFF;
  line-height: 1;
  margin-bottom: 0.3em;
}
.wp-block-gard-vision-core-slide .slide-text {
  font-size: 1.7em;
  color: #FFF;
}

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