/**
 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--quote {
  --title-color:var(--secondary-color);
  --text-color:var(--secondary-color);
  padding-top: 58px;
}
.paragraph--type--quote .field--name-field-title {
  grid-column: 3/-3;
}
@media (min-width: 992px) {
  .paragraph--type--quote .field--name-field-title {
    grid-column: 4/-4;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--quote .field--name-field-title {
    grid-column: 6/-6;
  }
}
.paragraph--type--quote .field--name-field-title .field__item {
  position: relative;
}
.paragraph--type--quote .field--name-field-title .field__item p {
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 1.875rem;
  line-height: 110%;
  font-family: var(--header-font-family-expanded);
  font-style: italic;
  color: var(--title-color);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .paragraph--type--quote .field--name-field-title .field__item p {
    font-size: 2.5rem;
    line-height: 110%;
  }
}
.paragraph--type--quote .field--name-field-title .field__item p {
  font-style: italic;
  font-family: var(--header-font-family-expanded);
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: none;
}
.paragraph--type--quote .field--name-field-title .field__item::before {
  content: "";
  width: 158px;
  height: 106px;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: -58px;
  z-index: -1;
  left: -30px;
  background-image: url("data:image/svg+xml,%3Csvg width='162' height='108' viewBox='0 0 162 108' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83.7676 0.5L83.2676 1.27148L52.0869 49.4229H70.4688L70.3398 50.0273L58.1543 107.104L58.0703 107.5H0.604492L0.716797 106.907L10.4648 55.5371L10.4883 55.4141L10.5674 55.3164L54.8398 0.685547L54.9902 0.5H83.7676ZM160.128 0.5L159.628 1.27148L128.446 49.4229H146.828L146.699 50.0273L134.515 107.104L134.43 107.5H76.9639L77.0771 106.907L86.8252 55.5371L86.8486 55.4141L86.9277 55.3164L131.2 0.685547L131.351 0.5H160.128Z' fill='%23E03026' stroke='%23E03026'/%3E%3C/svg%3E%0A");
}