/**
 * 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-2 > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.scp-layout.layout-twocol-1-2 .main {
  margin-top: 1rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
}
.scp-layout.layout-twocol-1-2 .main .main {
  margin-top: 0;
}
.scp-layout.layout-twocol-1-2 .sidebar {
  margin-top: -1rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}
.scp-layout.layout-twocol-1-2.scp-layout--inverted .main {
  margin-top: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.scp-layout.layout-twocol-1-2.scp-layout--inverted .sidebar {
  margin-top: 1rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 767px) {
  .scp-layout.layout-twocol-1-2 > .container {
    display: grid;
    grid-template-columns: 4fr 8fr;
    grid-template-rows: auto auto;
    grid-template-areas: "title title" "sidebar main";
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 0;
  }
  .scp-layout.layout-twocol-1-2.scp-layout--inverted > .container {
    display: grid;
    grid-template-columns: 8fr 4fr;
    grid-template-rows: auto auto;
    grid-template-areas: "title title" "main sidebar";
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 0;
  }
  .scp-layout.layout-twocol-1-2 .sidebar {
    margin-top: 0;
    grid-area: sidebar;
    position: relative;
    align-self: start;
    overflow: hidden;
    min-width: 0;
    padding-right: 1.5rem;
  }
  .scp-layout.layout-twocol-1-2 .main {
    margin-top: 0;
    grid-area: main;
    position: relative;
    align-self: start;
    min-width: 0;
  }
  .scp-layout.layout-twocol-1-2.scp-layout--inverted .sidebar,
  .scp-layout.layout-twocol-1-2.scp-layout--inverted .main {
    margin-top: 0;
  }
  .scp-layout.layout-twocol-1-2.scp-layout--inverted .main {
    padding-left: 0;
  }
  .scp-layout.layout-twocol-1-2.scp-layout--inverted .sidebar {
    padding-right: 0;
    padding-left: 1.5rem;
  }
}
.scp-layout.layout-twocol-1-2.group-header {
  margin-top: inherit;
}