/* Breakpoints
---------------------------------------------------------------------------------------------------- */
/* Transitions
---------------------------------------------------------------------------------------------------- */
/* Size
---------------------------------------------------------------------------------------------------- */
/* Fonts
---------------------------------------------------------------------------------------------------- */
/* Typography mixins
---------------------------------------------------------------------------------------------------- */
/* Block margins
---------------------------------------------------------------------------------------------------- */
/* Box mixins
---------------------------------------------------------------------------------------------------- */
/* Icon mixins
---------------------------------------------------------------------------------------------------- */
/* Button mixins
---------------------------------------------------------------------------------------------------- */
/* Card mixins
---------------------------------------------------------------------------------------------------- */
/* Pagination mixins
---------------------------------------------------------------------------------------------------- */
/* Form mixins
---------------------------------------------------------------------------------------------------- */
/* Popup mixins
---------------------------------------------------------------------------------------------------- */
/* Admin mixins
---------------------------------------------------------------------------------------------------- */
.image-columns-block {
  margin-top: 120px;
  position: relative;
}
@media (max-width: 1023px) {
  .image-columns-block {
    margin-top: 100px;
  }
}
@media (max-width: 859px) {
  .image-columns-block {
    margin-top: 60px;
  }
}
.image-columns-block:not(.bg-light):not(.bg-dark):last-child {
  margin-bottom: 120px;
}
@media (max-width: 1023px) {
  .image-columns-block:not(.bg-light):not(.bg-dark):last-child {
    margin-bottom: 100px;
  }
}
@media (max-width: 859px) {
  .image-columns-block:not(.bg-light):not(.bg-dark):last-child {
    margin-bottom: 60px;
  }
}
.image-columns-block .image-columns {
  display: grid;
  gap: 24px 16px;
  grid-template-columns: repeat(6, 1fr);
  list-style: none;
  margin: 0;
}
@media (min-width: 860px) {
  .image-columns-block .image-columns {
    gap: 36px;
  }
}
@media (min-width: 1280px) {
  .image-columns-block .image-columns {
    gap: 64px;
  }
}
@media (min-width: 700px) {
  .image-columns-block .image-columns > .card, .image-columns-block .image-columns > li {
    grid-column: span 2;
  }
}
@media (min-width: 700px) and (max-width: 1023px) {
  .image-columns-block .image-columns {
    grid-template-columns: repeat(4, 1fr);
  }
  .image-columns-block .image-columns > .card:last-child:nth-child(2n+1) {
    grid-column-end: 4;
  }
}
@media (max-width: 699px) {
  .image-columns-block .image-columns {
    grid-template-columns: 100%;
  }
}
@media (min-width: 1024px) {
  .image-columns-block .image-columns.two-col {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1100px) {
  .image-columns-block .image-columns.two-col {
    gap: 64px;
  }
}
@media (min-width: 1024px) {
  .image-columns-block .image-columns.four-col {
    grid-template-columns: repeat(8, 1fr);
  }
}
.image-columns-block .image-columns li {
  margin-bottom: 0 !important;
}
.image-columns-block .image-columns li:before {
  display: none !important;
}
.image-columns-block .image-columns .card {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.image-columns-block .image-columns .card img {
  border-radius: 12px;
}/*# sourceMappingURL=acf-image-columns.css.map */