/**
 * 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-twocol-1-1 .col1 {
  margin-bottom: 1rem;
  overflow: hidden;
}
.scp-layout.layout-twocol-1-1 .col2 {
  margin-bottom: 1rem;
  overflow: hidden;
}
@media (min-width: 767px) {
  .scp-layout.layout-twocol-1-1 > .container {
    display: grid;
    grid-template-columns: 6fr 6fr;
    grid-template-rows: auto auto;
    grid-template-areas: "title title" "col1 col2";
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
    row-gap: 0;
  }
  .scp-layout.layout-twocol-1-1 .layout__title {
    grid-area: title;
  }
  .scp-layout.layout-twocol-1-1 .col1 {
    grid-area: col1;
    position: relative;
    margin-bottom: 0;
  }
  .scp-layout.layout-twocol-1-1 .col1 > *:only-child {
    height: 100%;
    margin-bottom: 0;
  }
  .scp-layout.layout-twocol-1-1 .col2 {
    grid-area: col2;
    position: relative;
    margin-bottom: 0;
  }
  .scp-layout.layout-twocol-1-1 .col2 > *:only-child {
    height: 100%;
    margin-bottom: 0;
  }
}