/**
 * Add an arrow element
 *
 * Accepts:
 * - $direction: {String} Positioning method for element
 * - $size: {String}
 * - $stroke: {String}
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
/**
 * Add an arrow element
 *
 * Accepts:
 * - $direction: {String} Positioning method for element
 * - $size: {String}
 * - $stroke: {String}
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
.editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text, body.frontend .section-image-and-text {
  margin-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text, body.frontend .section-image-and-text {
    margin-top: 30px;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .title, body.frontend .section-image-and-text .title {
  text-align: center;
}
.editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns, body.frontend .section-image-and-text .columns {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns, body.frontend .section-image-and-text .columns {
    flex-direction: column;
    justify-content: center;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .left-column, body.frontend .section-image-and-text .columns .left-column {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 1199px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .left-column, body.frontend .section-image-and-text .columns .left-column {
    width: 100%;
    padding-left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .left-column .column-title h3, body.frontend .section-image-and-text .columns .left-column .column-title h3 {
    text-align: center;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .left-column .column-text, body.frontend .section-image-and-text .columns .left-column .column-text {
  margin-bottom: 40px;
  text-align: justify;
}
@media only screen and (max-width: 991px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .left-column .column-button, body.frontend .section-image-and-text .columns .left-column .column-button {
    text-align: center;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .right-column, body.frontend .section-image-and-text .columns .right-column {
  position: relative;
  width: 37%;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .right-column, body.frontend .section-image-and-text .columns .right-column {
    width: 100%;
    margin: 0 auto;
  }
}
.editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .right-column img, body.frontend .section-image-and-text .columns .right-column img {
  --b: 5px; /* the border thickness */
  --d: 20px; /* the distance from the edge */
  --o: 15px; /* the offset on hover */
  --s: 1; /* the direction of the hover effect (+1 or -1)*/
  --_d: calc(var(--d) + var(--s)*1em);
  --_g: calc(100% - 2*(var(--_d) + var(--b)));
  --_m:
      conic-gradient(from 90deg at var(--_d) var(--_d),#0000 25%,#000 0)
      0 0/calc(100% - var(--_d)) calc(100% - var(--_d)),
      linear-gradient(#000 0 0) 50%/var(--_g) var(--_g) no-repeat;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  font-size: 0;
  transition: 0.35s;
}
.editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .right-column img:hover, body.frontend .section-image-and-text .columns .right-column img:hover {
  font-size: var(--o);
}
.editor-styles-wrapper .block-editor-block-list__layout .section-image-and-text .columns .right-column .btn, body.frontend .section-image-and-text .columns .right-column .btn {
  position: absolute;
  text-align: center;
  bottom: 50px;
  left: calc(50% - 100px);
  z-index: 5;
}

/*# sourceMappingURL=block.css.map*/