/**
 SASS files that don't get compiled into CSS. Do not put element selectors in here.
 Every file not starting with '_' should import this file if you want to use functions and mixins.
 */
/**
 * SASS variables
 *
 These are only used in the properties and abstract SASS files.
 */
/**
 Breakpoints and columns
 */
/**
 Text
 */
/**
Fill in the header styles, only write the properties you want to override.
 */
/**
 Form
 */
/**
  Buttons
 */
/**
 Breakpoints

 @param {Keyword} $breakpoint - The breakpoint name of the minimum width. Can be any of the names in the $breakpoint variable
 */
/**
  Custom column size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size in columns or 'expand'/'shrink'.
  @param {number} $total - the total size in columns. Ignored when size is 'expand'/'shrink'
 */
/**
  Custom offset size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size of the offset.
  @param {number} $total - the total size in columns.
  @param {string} - the side from the offset.
 */
.paragraph--type--text-image {
  --paragraph-image-text-content-grid-column: 2 / -2;
  --paragraph-image-text-image-grid-column: 2 / -2;
}
@media (min-width: 992px) {
  .paragraph--type--text-image {
    --paragraph-image-text-content-grid-column: 2 / span 10;
    --paragraph-image-text-image-grid-column: 14 / -2;
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--text-image {
    --paragraph-image-text-content-grid-column: 2 / span 7;
    --paragraph-image-text-image-grid-column: 11 / -2;
  }
}
@media (min-width: 992px) {
  .paragraph--type--text-image.media-direction-left {
    --paragraph-image-text-content-grid-column: 16 / -2;
    --paragraph-image-text-image-grid-column: 2 / span 12;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--text-image.media-direction-left {
    --paragraph-image-text-content-grid-column: 19 / -2;
    --paragraph-image-text-image-grid-column: 2 / span 15;
  }
}
.paragraph--type--text-image .paragraph__content {
  grid-column: var(--paragraph-image-text-content-grid-column);
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .paragraph--type--text-image .paragraph__content {
    padding-bottom: 60px;
  }
}
.paragraph--type--text-image .paragraph__content h2 {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .paragraph--type--text-image .paragraph__content {
    margin-bottom: 0;
    grid-row: 1;
  }
}
.paragraph--type--text-image .paragraph__content .actions-wrapper {
  margin-top: 36px;
}
.paragraph--type--text-image .paragraph__media {
  grid-column: var(--paragraph-image-text-image-grid-column);
}
@media (min-width: 992px) {
  .paragraph--type--text-image .paragraph__media {
    grid-row: 1;
  }
}
.paragraph--type--text-image img, .paragraph--type--text-image video {
  border-radius: 32px;
}
.paragraph--type--text-image.is-a-cta {
  --text-color: var(--white);
  --title-color: var(--white);
  --paragraph-image-text-content-grid-column: 2 / -2;
  --paragraph-image-text-image-grid-column: 2 / -2;
}
@media (min-width: 992px) {
  .paragraph--type--text-image.is-a-cta {
    --paragraph-image-text-content-grid-column: 4 / span 11;
    --paragraph-image-text-image-grid-column: 15 / -4;
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--text-image.is-a-cta {
    --paragraph-image-text-content-grid-column: 4/ span 11;
    --paragraph-image-text-image-grid-column: 15 / -4;
  }
}
.paragraph--type--text-image.is-a-cta .paragraph__content, .paragraph--type--text-image.is-a-cta .paragraph__media {
  background-color: var(--secondary-color);
  border-radius: 32px;
}
.paragraph--type--text-image.is-a-cta .paragraph__media {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.paragraph--type--text-image.is-a-cta .paragraph__media > div {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.paragraph--type--text-image.is-a-cta .paragraph__media > div img, .paragraph--type--text-image.is-a-cta .paragraph__media > div video {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
@media (min-width: 992px) {
  .paragraph--type--text-image.is-a-cta .paragraph__media {
    height: 100%;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
  }
  .paragraph--type--text-image.is-a-cta .paragraph__media > div {
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    background-color: var(--secondary-color);
  }
  .paragraph--type--text-image.is-a-cta .paragraph__media article, .paragraph--type--text-image.is-a-cta .paragraph__media div, .paragraph--type--text-image.is-a-cta .paragraph__media img, .paragraph--type--text-image.is-a-cta .paragraph__media video {
    height: 100%;
  }
  .paragraph--type--text-image.is-a-cta .paragraph__media div.field__item > img, .paragraph--type--text-image.is-a-cta .paragraph__media div.field__item > video {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 32px;
    overflow: hidden;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
  }
}
.paragraph--type--text-image.is-a-cta .paragraph__content {
  margin-bottom: 0px;
  padding: 30px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media (min-width: 992px) {
  .paragraph--type--text-image.is-a-cta .paragraph__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 60px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    border-top-right-radius: 0px;
  }
}
@media (min-width: 1440px) {
  .paragraph--type--text-image.is-a-cta .paragraph__content {
    padding: 60px 120px;
  }
}
@media (min-width: 992px) {
  .paragraph--type--text-image.is-a-cta.media-direction-left {
    --paragraph-image-text-content-grid-column: 13 / -4;
    --paragraph-image-text-image-grid-column: 4 / span 9;
  }
  .paragraph--type--text-image.is-a-cta.media-direction-left .paragraph__media {
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .paragraph--type--text-image.is-a-cta.media-direction-left .paragraph__media > div {
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: var(--secondary-color);
  }
  .paragraph--type--text-image.is-a-cta.media-direction-left .paragraph__content {
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--text-image.is-a-cta.media-direction-left {
    --paragraph-image-text-content-grid-column: 13 / -4;
    --paragraph-image-text-image-grid-column: 4 / span 9;
  }
}