/* Breakpoints
---------------------------------------------------------------------------------------------------- */
/* Transitions
---------------------------------------------------------------------------------------------------- */
/* Size
---------------------------------------------------------------------------------------------------- */
/* Fonts
---------------------------------------------------------------------------------------------------- */
/* Typography mixins
---------------------------------------------------------------------------------------------------- */
/* Block margins
---------------------------------------------------------------------------------------------------- */
/* Box mixins
---------------------------------------------------------------------------------------------------- */
/* Icon mixins
---------------------------------------------------------------------------------------------------- */
/* Button mixins
---------------------------------------------------------------------------------------------------- */
/* Card mixins
---------------------------------------------------------------------------------------------------- */
/* Pagination mixins
---------------------------------------------------------------------------------------------------- */
/* Form mixins
---------------------------------------------------------------------------------------------------- */
/* Popup mixins
---------------------------------------------------------------------------------------------------- */
/* Admin mixins
---------------------------------------------------------------------------------------------------- */
.two-col-image-block {
  margin-top: 120px;
  position: relative;
}
@media (max-width: 1023px) {
  .two-col-image-block {
    margin-top: 100px;
  }
}
@media (max-width: 859px) {
  .two-col-image-block {
    margin-top: 60px;
  }
}
.two-col-image-block:not(.bg-light):not(.bg-dark):last-child {
  margin-bottom: 120px;
}
@media (max-width: 1023px) {
  .two-col-image-block:not(.bg-light):not(.bg-dark):last-child {
    margin-bottom: 100px;
  }
}
@media (max-width: 859px) {
  .two-col-image-block:not(.bg-light):not(.bg-dark):last-child {
    margin-bottom: 60px;
  }
}
.two-col-image-block .acf-block-inner .columns {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 40px 64px;
  position: relative;
}
@media (min-width: 900px) {
  .two-col-image-block .acf-block-inner .columns.image-left {
    flex-direction: row-reverse;
  }
}
@media (max-width: 899px) {
  .two-col-image-block .acf-block-inner .columns {
    flex-direction: column;
  }
  .two-col-image-block .acf-block-inner .columns.mobile-top {
    flex-direction: column-reverse;
  }
}
.two-col-image-block .acf-block-inner .columns .column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 900px) {
  .two-col-image-block .acf-block-inner .columns .column {
    flex: 1;
  }
  .two-col-image-block .acf-block-inner .columns .column.column-2 .column-inner {
    height: 100%;
  }
  .two-col-image-block .acf-block-inner .columns .column.column-2 .column-inner img {
    height: 100%;
    object-fit: cover;
  }
}
.two-col-image-block .acf-block-inner .columns .column h2:not(:first-child) {
  margin-top: 24px;
}
.two-col-image-block .acf-block-inner .columns .column img {
  border-radius: 12px;
  width: 100%;
}
.two-col-image-block body.wp-admin .two-col-image .columns .column.column-1 .column-inner {
  padding: 0;
}/*# sourceMappingURL=acf-two-col-image.css.map */