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

.layout--fourcol {
  display: flex;
  flex-wrap: wrap;
}

.layout--fourcol > .layout__region {
  flex: 0 1 100%;
}

.layout--fourcol > .layout__region.layout__region--first,
.layout--fourcol > .layout__region.layout__region--second,
.layout--fourcol > .layout__region.layout__region--third,
.layout--fourcol > .layout__region.layout__region--fourth{
  padding-right: 0;
}

@media (min-width: 992px) {  
  .layout--fourcol > .layout__region--first,
  .layout--fourcol > .layout__region--second,
  .layout--fourcol > .layout__region--third,
  .layout--fourcol > .layout__region--fourth {
    flex: 0 1 50%;
  }

  .layout--fourcol > .layout__region.layout__region--first,
  .layout--fourcol > .layout__region.layout__region--third{
    padding-right: 3rem;
  }
}

@media (min-width: 1200px) {
  .layout--fourcol > .layout__region--first,
  .layout--fourcol > .layout__region--second,
  .layout--fourcol > .layout__region--third,
  .layout--fourcol > .layout__region--fourth {
    flex: 0 1 25%;
  }

  .layout--fourcol > .layout__region.layout__region--first,
  .layout--fourcol > .layout__region.layout__region--second,
  .layout--fourcol > .layout__region.layout__region--third{
    padding-right: 3rem;
  }
}