/* ----- Layout builder ----- */

.isStretched {
  margin: 0 calc(50% - 50vw);
  padding-bottom: 3rem;
  padding-top: 3rem;
  max-width: 100vw;
  width: 100vw;
}

.bg-sand {
  background-color: #f0e0d8;
  padding-bottom: 8rem;
  padding-top: 8rem;
}

.bg-transparent {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.bg-yellow {
  background-color: #e3c961;
  padding-bottom: 8rem;
  padding-top: 8rem;
}

.row_styles_medium:not(.isStretched) {
  margin-left: -2rem;
  margin-right: -2rem;
}

.row_styles_medium > * {
  padding-right: 2rem;
  padding-left: 2rem;
}

.lb-center-items {
  align-items: center;
}

.lb-padding-m {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.lb-padding-l {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.c-columns > div > * { margin-bottom: 2rem; }

@media (min-width: 992px) {
  .c-columns {
    display: grid;
    grid-gap: 2rem;
  }

  .c-columns > div {
    display: flex;
    flex-direction: column;
  }

  .c-columns > div > * {
    flex: 1 1 auto;
    margin-bottom: 1rem;
  }

  .c-columns-2 { grid-template-columns: calc(50% - 2rem) calc(50% - 2rem); }
  .c-columns-3 { grid-template-columns: calc(33.33% - 2rem) calc(33.33% - 2rem) calc(33.33% - 2rem); }
  .c-columns-4 { grid-template-columns: calc(25% - 2rem) calc(25% - 2rem) calc(25% - 2rem) calc(25% - 2rem); }
}

.c-metabox {
  background: #efefef;
  font-size: 0.86rem;
  padding: 2rem 1rem;
  margin: 2rem 0;
}