/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/image-collage/image-collage.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/*
A simple little SCSS mixin for creating scrim gradients
Inspired by Andreas Larson - https://github.com/larsenwork
https://css-tricks.com/easing-linear-gradients/
*/
.image-collage-section.p-topbottom {
  padding: 175px 0;
}
@media (max-width: 1024px) {
  .image-collage-section.p-topbottom {
    padding: 80px 0;
  }
}
.image-collage-section.p-top {
  padding: 175px 0 0;
}
@media (max-width: 1024px) {
  .image-collage-section.p-top {
    padding: 80px 0 0;
  }
}
.image-collage-section.p-bottom {
  padding: 10px 0 175px 0;
}
@media (max-width: 1024px) {
  .image-collage-section.p-bottom {
    padding: 10px 0 80px 0;
  }
}
.image-collage-section.p-tb-1 {
  padding: 10px 0 10px 0;
}
.image-collage-section.p-t-1 {
  padding: 10px 0 5px 0;
}
.image-collage-section.p-b-1 {
  padding: 5px 0 10px 0;
}
.image-collage-section .image-collage-inner {
  display: grid;
  grid-gap: 10px;
}
.image-collage-section .image-collage-inner__video-file {
  min-height: 350px;
  transform: scale(1.01);
  transform-origin: center;
}
.image-collage-section .image-collage-inner__picture {
  display: block;
  width: 100%;
  height: 100%;
}
.image-collage-section .image-collage-inner__col {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.image-collage-section .image-collage-inner__col img,
.image-collage-section .image-collage-inner__col video,
.image-collage-section .image-collage-inner__col iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 0;
  outline: 0;
  background: transparent;
}
.image-collage-section .image-collage-inner__col img {
  object-fit: var(--ics-object-fit, cover);
}
@media (max-width: 1199px) {
  .image-collage-section .image-collage-inner__col video {
    object-fit: var(--ics-object-fit-mobile, cover);
  }
}
.image-collage-section .image-collage-inner__col video img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.image-collage-section .image-collage-inner__col iframe {
  transform: scale(1.01);
  transform-origin: center;
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner__col.has-image-ratio-columns img {
    aspect-ratio: var(--ics-image-ratio, 5/4);
  }
}
@media (max-width: 1199px) {
  .image-collage-section .image-collage-inner__col.has-image-ratio-stacked img {
    aspect-ratio: var(--ics-image-ratio-mobile, var(--ics-image-ratio, 5/4));
  }
}
@media (max-width: 1199px) {
  .image-collage-section .image-collage-inner__col.has-image-ratio-stacked-auto img {
    height: auto;
    aspect-ratio: auto;
  }
}
@media (max-width: 1199px) {
  .image-collage-section .image-collage-inner__col.has-natural-size-mobile img,
  .image-collage-section .image-collage-inner__col.has-natural-size-mobile video {
    height: auto;
    aspect-ratio: auto;
  }
  .image-collage-section .image-collage-inner__col.has-natural-size-mobile .image-collage-inner__video-file {
    min-height: 0;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-one {
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
  }
  .image-collage-section .image-collage-inner.template-one .col {
    grid-column: span 6;
  }
  .image-collage-section .image-collage-inner.template-one .col:first-child {
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-two {
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
  }
  .image-collage-section .image-collage-inner.template-two .col {
    grid-row: span 1;
  }
  .image-collage-section .image-collage-inner.template-two .col:first-child {
    grid-row: span 2;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-three {
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
  }
  .image-collage-section .image-collage-inner.template-three .col {
    grid-row: span 6;
  }
  .image-collage-section .image-collage-inner.template-three .col:last-child {
    grid-row: span 12;
  }
}
.image-collage-section .image-collage-inner.template-four .col:last-of-type {
  min-height: 350px;
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-four {
    grid-auto-flow: row;
  }
  .image-collage-section .image-collage-inner.template-four .col {
    grid-column: span 6;
  }
  .image-collage-section .image-collage-inner.template-four .col:last-child {
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-five {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
  }
}
@media (min-width: 1440px) {
  .image-collage-section .image-collage-inner.template-five .col {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-six {
    grid-auto-flow: row;
  }
  .image-collage-section .image-collage-inner.template-six .col {
    grid-column: span 6;
  }
  .image-collage-section .image-collage-inner.template-six .col:nth-child(1) {
    grid-row: span 2;
  }
  .image-collage-section .image-collage-inner.template-six .col:nth-child(4) {
    grid-row: span 12;
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-seven {
    grid-auto-flow: row;
  }
  .image-collage-section .image-collage-inner.template-seven .col {
    grid-column: span 6;
  }
  .image-collage-section .image-collage-inner.template-seven .col:nth-child(2) {
    grid-row: span 2;
  }
  .image-collage-section .image-collage-inner.template-seven .col:nth-child(4) {
    grid-row: span 12;
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-eight {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-nine {
    grid-auto-flow: row;
    grid-template-rows: repeat(3, 555px);
  }
  .image-collage-section .image-collage-inner.template-nine .col {
    grid-column: span 6;
  }
  .image-collage-section .image-collage-inner.template-nine .col:first-child {
    grid-column: span 12;
  }
  .image-collage-section .image-collage-inner.template-nine .col:last-child {
    grid-column: span 12;
  }
}
.image-collage-section .image-collage-inner.template-ten .col:nth-child(3) {
  min-height: 350px;
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-ten {
    grid-auto-flow: row;
  }
  .image-collage-section .image-collage-inner.template-ten .col {
    grid-column: span 6;
  }
  .image-collage-section .image-collage-inner.template-ten .col:nth-child(3) {
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-eleven {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
  }
  .image-collage-section .image-collage-inner.template-eleven .col:nth-child(2) {
    grid-row: span 2;
  }
  .image-collage-section .image-collage-inner.template-eleven .col:nth-child(3) {
    grid-row: span 2;
  }
  .image-collage-section .image-collage-inner.template-eleven .col:nth-child(5) {
    grid-column: 1/-1;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-twelve {
    grid-auto-flow: row;
  }
  .image-collage-section .image-collage-inner.template-twelve .col {
    grid-column: span 6;
  }
  .image-collage-section .image-collage-inner.template-twelve .col:first-child {
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-thirteen {
    grid-auto-flow: row;
  }
  .image-collage-section .image-collage-inner.template-thirteen .col {
    grid-column: span 6;
  }
  .image-collage-section .image-collage-inner.template-thirteen .col:first-child {
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .image-collage-section .image-collage-inner.template-fourteen {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: dense;
    grid-auto-rows: 555px;
  }
  .image-collage-section .image-collage-inner.template-fourteen .col:first-child {
    grid-column: 1/-1;
    grid-row: 1;
  }
  .image-collage-section .image-collage-inner.template-fourteen .col:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .image-collage-section .image-collage-inner.template-fourteen .col:nth-child(3) {
    grid-column: 2;
    grid-row: 2/span 2;
  }
  .image-collage-section .image-collage-inner.template-fourteen .col:nth-child(4) {
    grid-column: 1;
    grid-row: 3;
  }
  .image-collage-section .image-collage-inner.template-fourteen .col:nth-child(5) {
    grid-column: 1;
    grid-row: 4/span 2;
  }
  .image-collage-section .image-collage-inner.template-fourteen .col:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
  }
  .image-collage-section .image-collage-inner.template-fourteen .col:nth-child(7) {
    grid-column: 2;
    grid-row: 5;
  }
}

/*# sourceMappingURL=image-collage.min.css.map*/