.layout-row {
  display: flex;
  flex-flow: row wrap;
  width: 100%
}

.layout-row > .layout__region {
  flex: 1;
  min-width: 7.5rem;
}

.layout__region--col__1x  { flex-basis:   8.33% }

.layout__region--col__2x  { flex-basis:  16.66% }

.layout__region--col__3x  { flex-basis:  25%    }

.layout__region--col__4x  { flex-basis:  33.33% }

.layout__region--col__5x  { flex-basis:  41.66% }

.layout__region--col__6x  { flex-basis:  50%    }

.layout__region--col__7x  { flex-basis:  58.33% }

.layout__region--col__8x  { flex-basis:  66.66% }

.layout__region--col__9x  { flex-basis:  75%    }

.layout__region--col__10x { flex-basis:  83.33% }

.layout__region--col__11x { flex-basis:  91.66% }

.layout__region--col__12x { flex-basis:  100%   }

.layout--twocol_4x-8x_sub_4x-4x {
  --two-col-space-top: 1.25rem;
}

@media all and (width >= 1025px) {

.layout--twocol_4x-8x_sub_4x-4x {
    --two-col-space-top: 1.75rem
}
  }

.layout--twocol_4x-8x_sub_4x-4x.layout--twocol .layout__region--first {
    flex-basis:  33.33%
  }

.layout--twocol_4x-8x_sub_4x-4x.layout--twocol .layout__region--second {
    flex-basis:  66.66%
  }

.layout--twocol_4x-8x_sub_4x-4x .layout__region--second > .layout-row {
    padding-top: var(--two-col-space-top);
  }

@media all and (width >= 1025px) {

.layout--twocol_4x-8x_sub_4x-4x .layout__region--forth {
      padding-left: 1.25rem
  }
    }

.layout--threecol_4x-4x-4x .layout-row,
  .layout--threecol_4x-4x-4x .layout-row > .layout__region {
    gap: 1.25rem;
  }

.layout--threecol_4x-4x-4x .layout-row > .layout__region {
    display: flex;
    flex-direction: column;
  }

.layout--threecol_4x-4x-4x .layout-row, .layout--twocol_4x-8x_sub_3x-5x .layout-row, .layout--twocol_4x-8x .layout-row, .layout--twocol_8x-4x .layout-row, .layout--twocol_4x-8x_sub_4x-4x .layout-row {
    display: block;
    flex-direction: column;
    gap: 1.5rem;
  }

@media all and (width >= 1025px) {

.layout--threecol_4x-4x-4x .layout-row, .layout--twocol_4x-8x_sub_3x-5x .layout-row, .layout--twocol_4x-8x .layout-row, .layout--twocol_8x-4x .layout-row, .layout--twocol_4x-8x_sub_4x-4x .layout-row {
      display: flex;
      gap: 0.625rem;
      flex-direction: row;
      flex-wrap: wrap
  }
    }

.layout--threecol_4x-4x-4x .layout-row > .layout__region, .layout--twocol_4x-8x_sub_3x-5x .layout-row > .layout__region, .layout--twocol_4x-8x .layout-row > .layout__region, .layout--twocol_8x-4x .layout-row > .layout__region, .layout--twocol_4x-8x_sub_4x-4x .layout-row > .layout__region {
    margin-bottom: 1.75rem;
  }

@media all and (width >= 1025px) {

.layout--twocol_4x-8x_sub_3x-5x .layout__region--col__8x, .layout--twocol_4x-8x .layout__region--col__8x, .layout--twocol_8x-4x .layout__region--col__8x {
      flex-basis: 75%;
      width: 75%
  }
    }

@media all and (width >= 1025px) {

.layout--twocol_4x-8x_sub_3x-5x .layout__region--col__4x, .layout--twocol_4x-8x .layout__region--col__4x, .layout--twocol_8x-4x .layout__region--col__4x {
      flex-basis: 24%;
      width: 24%
  }
    }

@media all and (width >= 1025px) {

.layout--twocol_4x-8x .layout__region--col__8x {
      display: flex;
      flex-wrap: wrap
  }
    }

@media all and (width >= 1025px) {
    .layout--twocol_8x-4x > .layout-row, .layout--twocol_4x-8x > .layout-row {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem;
    }

    .layout--twocol_8x-4x .layout__region--col__8x,
    .layout--twocol_8x-4x .layout__region--col__4x,
    .layout--twocol_4x-8x .layout__region--col__8x,
    .layout--twocol_4x-8x .layout__region--col__4x {
      padding: 0 0.9375rem;
    }
  }

.layout--twocol_4x-8x_sub_3x-5x .layout__region--col__8x .paragraph + .layout-row {
    margin-top: 1.875rem;
  }

.layout--twocol_6x-6x > .layout-row, .layout--threecol.layout--threecol_4x-4x-4x > .layout-row {
    gap: 1.25rem;
  }

.layout--twocol_6x-6x > .layout-row > .layout__region {
    display: flex;
    flex: auto;
    flex-direction: column;
    width: 100%;
    gap: 1.25rem;
  }

@media all and (width >= 769px) {

.layout--twocol_6x-6x > .layout-row > .layout__region {
      flex: 1;
      width: auto
  }
    }

.layout__region--col__8x > .layout-row {
    gap: 1.25rem;
  }

.field--name-field-layout > .field__item:last-of-type > .paragraph--type--section > .row > .layout--twocol {
  padding-bottom: 1.75rem;
}

.layout-row .paragraph--type--webform .row.row--wide{
  margin: 0;
  padding: 0;
}


