/**
 * Default clearfix implementation.
 *
 * @usage
 *    .box {
 *      @include clearfix;
 *    }
 */
/**
 * Casts a string into a number.
 *
 * @param {string} $value
 *    Tje string to cast to a number.
 * @return {$number}
 *    The value as number.
 */
/**
 * Split a string into a list of strings.
 *
 * @param {string} $string
 *    Tje string to be split.
 * @param {string} $delimiter
 *    The boundary string.
 * @return {list} $result
 *    The result list.
 */
.scp-layout.layout-threecol .col1 {
  margin: 1rem 0;
}
.scp-layout.layout-threecol .col1:first-child, .scp-layout.layout-threecol .col1:last-child {
  margin: 0;
}
.scp-layout.layout-threecol .col2 {
  margin: 1rem 0;
}
.scp-layout.layout-threecol .col2:first-child, .scp-layout.layout-threecol .col2:last-child {
  margin: 0;
}
.scp-layout.layout-threecol .col3 {
  margin: 1rem 0;
}
.scp-layout.layout-threecol .col3:first-child, .scp-layout.layout-threecol .col3:last-child {
  margin: 0;
}
@media (min-width: 767px) {
  .scp-layout.layout-threecol > .container {
    display: grid;
    grid-template-columns: 4fr 4fr 4fr;
    grid-template-rows: auto auto;
    grid-template-areas: "title title title" "col1 col2 col3";
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
    row-gap: 0;
  }
  .scp-layout.layout-threecol .layout__title {
    grid-area: title;
  }
  .scp-layout.layout-threecol .col1 {
    grid-area: col1;
    position: relative;
    margin: 0;
  }
  .scp-layout.layout-threecol .col1 > *:only-child {
    height: 100%;
    margin-bottom: 0;
  }
  .scp-layout.layout-threecol .col2 {
    grid-area: col2;
    position: relative;
    margin: 0;
  }
  .scp-layout.layout-threecol .col2 > *:only-child {
    height: 100%;
    margin-bottom: 0;
  }
  .scp-layout.layout-threecol .col3 {
    grid-area: col3;
    position: relative;
    margin: 0;
  }
  .scp-layout.layout-threecol .col3 > *:only-child {
    height: 100%;
    margin-bottom: 0;
  }
}
.scp-layout.layout-threecol .field--name-field-paragraphs,
.scp-layout.layout-threecol .field--name-field-paragraphs .paragraph:only-child {
  height: 100%;
}
.scp-layout.layout-threecol .paragraph.paragraph--type--media {
  margin: 0;
}
.scp-layout.layout-threecol .paragraph.paragraph--type--media .publication-teaser {
  margin-bottom: 0;
  height: 100%;
}