.layout.layout-twocol-1-1 {
  overflow: hidden;
}
.layout.layout-twocol-1-1 .container {
  display: grid;
}
@media (min-width: 704px) {
  .layout.layout-twocol-1-1 .container {
    grid-gap: var(--Grid-Gutter);
    grid-template-columns: repeat(12, 1fr);
  }
}
.layout.layout-twocol-1-1 .container .col1, .layout.layout-twocol-1-1 .container .col2 {
  margin-right: var(--Grid-Gutter-);
  margin-left: var(--Grid-Gutter-);
  padding: var(--Spacing-container) var(--Grid-Gutter);
  position: relative;
  z-index: 1;
}
@media (min-width: 704px) {
  .layout.layout-twocol-1-1 .container .col1, .layout.layout-twocol-1-1 .container .col2 {
    margin-right: 0;
    margin-left: 0;
    padding: var(--Spacing-container) 0;
  }
  .layout.layout-twocol-1-1 .container .col1:before, .layout.layout-twocol-1-1 .container .col2:before {
    background-color: inherit;
    content: "";
    display: block;
    width: calc(var(--100vw) * 0.5);
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
  }
}
.layout.layout-twocol-1-1 .container .col1:not(:has(*)), .layout.layout-twocol-1-1 .container .col2:not(:has(*)) {
  padding: 0;
}
@media (min-width: 704px) {
  .layout.layout-twocol-1-1 .container .col1 {
    grid-column: 1/span 6;
    padding-right: calc(var(--Grid-Gutter) * 0.5);
  }
  .layout.layout-twocol-1-1 .container .col1:before {
    right: calc(var(--Grid-Gutter-) * 0.5);
  }
}
@media (min-width: 704px) {
  .layout.layout-twocol-1-1 .container .col2 {
    grid-column: 7/span 6;
    padding-left: calc(var(--Grid-Gutter) * 0.5);
  }
  .layout.layout-twocol-1-1 .container .col2:before {
    left: calc(var(--Grid-Gutter-) * 0.5);
  }
}
@media (min-width: 704px) {
  .layout.layout-twocol-1-1.has-inner-offset-1 .col1 {
    grid-column: 1/span 6;
    padding-right: 0;
  }
}
@media (min-width: 960px) {
  .layout.layout-twocol-1-1.has-inner-offset-1 .col1 {
    grid-column: 1/span 5;
  }
  .layout.layout-twocol-1-1.has-inner-offset-1 .col1:before {
    right: calc((var(--100vw) - var(--Grid-Gutter-)) / -11);
  }
}
@media (min-width: 1296px) {
  .layout.layout-twocol-1-1.has-inner-offset-1 .col1:before {
    right: unset;
    left: calc((var(--100vw) - var(--Container-Max-Width) - var(--Grid-Gutter-) * 2) / -2);
  }
}
@media (min-width: 704px) {
  .layout.layout-twocol-1-1.has-inner-offset-1 .col2 {
    grid-column: 7/span 6;
    padding-left: 0;
  }
}
@media (min-width: 960px) {
  .layout.layout-twocol-1-1.has-inner-offset-1 .col2 {
    grid-column: 8/span 5;
  }
  .layout.layout-twocol-1-1.has-inner-offset-1 .col2:before {
    left: calc((var(--100vw) - var(--Grid-Gutter-)) / -11);
  }
}
@media (min-width: 1296px) {
  .layout.layout-twocol-1-1.has-inner-offset-1 .col2:before {
    left: unset;
    right: calc((var(--100vw) - var(--Container-Max-Width) - var(--Grid-Gutter-) * 2) / -2);
  }
}

/*# sourceMappingURL=layout--twocol-1-1.css.map */