/*
 * @file
 * Provides the layout styles for layout_twocol.
 */

:root {
  --rb-layout-layout-width: 1200px;
  --rb-layout-layout-col-8-max-width: 800px;
  --rb-layout-layout-gap: 20px;
}

.layout {
  max-width: var(--rb-layout-layout-width);
  margin: 0 auto;
}

.layout-col-2 {
  display: flex;
  flex-wrap: wrap;
}

.layout .col-8_4 .col-8 {
  max-width: var()
}

.layout-col-2 > div {
  flex: 0 1 100%;
  margin-bottom: var(--rb-layout-layout-gap);
}

@media screen and (width >= 1106px) {
  .layout-col-2 {
    display: grid;
    grid-template-columns: 5fr 2fr;
    grid-gap: var(--rb-layout-large-layout-gap);
  }

}