/**
 * Font mixins
 */
/**
 * Global mixins
 */
/**
 * Buttons mixins
 */
/**
 * Link mixins
 */
/**
 * Single posts mixins
 */
/**
 * Block elements mixins
 */
/**
 * Contact form mixins
 */
/**
 * Gallery slider
 * Used in photo gallery block
 * Used on single post
 * Used on single event
 */
/**
 * Slider elements
 */
.block-image .columns-wrapper {
  display: grid;
  grid-gap: 1.25rem;
  grid-template-columns: 1fr 2fr;
}
.block-image .section-image {
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
  margin: 0;
}
.block-image .section-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 769px) {
  .block-image .section-image {
    border-radius: 1rem;
  }
}
.block-image--ice-blue {
  background-color: #cce9ff;
}
.block-image--sky-blue {
  background-color: #84c2f1;
}
.block-image--midnight-blue {
  background-color: #00243f;
}
.block-image--white {
  background-color: #fff;
}
.block-image--2-uneven .columns-wrapper {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 769px) {
  .block-image--2-uneven .columns-wrapper {
    grid-template-columns: 1fr 2fr;
  }
}
.block-image--3-uneven .columns-wrapper {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 769px) {
  .block-image--3-uneven .columns-wrapper {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
.block-image--2-even .columns-wrapper {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 769px) {
  .block-image--2-even .columns-wrapper {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }
}
.block-image--3-even .columns-wrapper {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 769px) {
  .block-image--3-even .columns-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.block-image--single .columns-wrapper {
  grid-template-columns: 1fr;
}
.block-image--1-rounded .columns-wrapper {
  grid-template-columns: 1fr;
}
.block-image--1-rounded .section-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: min(49.55vw, 50rem);
  border-radius: 25rem;
}
.block-image--1-rounded .section-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.block-image--2-rounded .columns-wrapper {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 769px) {
  .block-image--2-rounded .columns-wrapper {
    grid-template-columns: 1fr 2fr;
  }
}
.block-image--2-rounded .section-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: min(49.55vw, 50rem);
  border-radius: 25rem;
}
@media screen and (min-width: 769px) {
  .block-image--2-rounded .section-image {
    padding-top: min(31vw, 31.25rem);
  }
}
.block-image--2-rounded .section-image:first-child {
  padding-top: min(88vw, 50rem);
  border-radius: 100%;
}
@media screen and (min-width: 769px) {
  .block-image--2-rounded .section-image:first-child {
    padding-top: min(31vw, 31.25rem);
  }
}
.block-image--2-rounded .section-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.block-image--3-rounded .columns-wrapper {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 769px) {
  .block-image--3-rounded .columns-wrapper {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
.block-image--3-rounded .section-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: min(57.6vw, 50rem);
}
@media screen and (min-width: 769px) {
  .block-image--3-rounded .section-image {
    padding-top: min(31vw, 31.25rem);
  }
}
.block-image--3-rounded .section-image:first-child, .block-image--3-rounded .section-image:last-child {
  padding-top: 119.4vw;
  border-radius: 15.625rem;
}
@media screen and (min-width: 769px) {
  .block-image--3-rounded .section-image:first-child, .block-image--3-rounded .section-image:last-child {
    padding-top: min(31vw, 31.25rem);
  }
}
.block-image--3-rounded .section-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

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