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

.gin--edit-form .layout--twocol > .row,
.gin--edit-form .layout--threecol > .row,
.gin--edit-form .layout--fourcol > .row,
.gin--edit-form .layout--onecol > .row {
  display: flex;
  flex-wrap: wrap;
}

.gin--edit-form .layout--twocol > .row > .layout__region,
.gin--edit-form .layout--threecol > .row > .layout__region,
.gin--edit-form .layout--fourcol > .row > .layout__region,
.gin--edit-form .layout--onecol > .row > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .gin--edit-form .layout--onecol.full-width > .row > .region--full {
    flex: 0 1 100%;
  }

  .gin--edit-form
    .layout--twocol.sixty-six-thirty-three
    > .row
    > .region--first,
  .gin--edit-form
    .layout--twocol.thirty-three-sixty-six
    > .row
    > .region--second {
    flex: 0 1 66%;
  }

  .gin--edit-form
    .layout--twocol.sixty-six-thirty-three
    > .row
    > .region--second,
  .gin--edit-form
    .layout--twocol.thirty-three-sixty-six
    > .row
    > .region--first,
  .gin--edit-form
    .layout--threecol.thirty-three-thirty-three-thirty-three
    > .row
    > .region--left,
  .gin--edit-form
    .layout--threecol.thirty-three-thirty-three-thirty-three
    > .row
    > .region--middle,
  .gin--edit-form
    .layout--threecol.thirty-three-thirty-three-thirty-three
    > .row
    > .region--right {
    flex: 0 1 33%;
  }

  .gin--edit-form .layout--twocol.fifty-fifty > .row > .region--first,
  .gin--edit-form .layout--twocol.fifty-fifty > .row > .region--second,
  .gin--edit-form
    .layout--threecol.twenty-five-twenty-five-fifty
    > .row
    > .region--right,
  .gin--edit-form
    .layout--threecol.twenty-five-fifty-twenty-five
    > .row
    > .region--middle,
  .gin--edit-form
    .layout--threecol.fifty-twenty-five-twenty-five
    > .row
    > .region--left {
    flex: 0 1 50%;
  }

  .gin--edit-form
    .layout--threecol.twenty-five-twenty-five-fifty
    > .row
    > .region--left,
  .gin--edit-form
    .layout--threecol.twenty-five-fifty-twenty-five
    > .row
    > .region--left,
  .gin--edit-form
    .layout--threecol.twenty-five-twenty-five-fifty
    > .row
    > .region--middle,
  .gin--edit-form
    .layout--threecol.fifty-twenty-five-twenty-five
    > .row
    > .region--middle,
  .gin--edit-form
    .layout--threecol.twenty-five-fifty-twenty-five
    > .row
    > .region--right,
  .gin--edit-form
    .layout--threecol.fifty-twenty-five-twenty-five
    > .row
    > .region--right,
  .gin--edit-form .layout--fourcol.twenty-five > .row > .region--left,
  .gin--edit-form .layout--fourcol.twenty-five > .row > .region--middle-left,
  .gin--edit-form .layout--fourcol.twenty-five > .row > .region--middle-right,
  .gin--edit-form .layout--fourcol.twenty-five > .row > .region--right {
    flex: 0 1 25%;
  }
}