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

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

.layout--fourcol > .layout__region {
  flex: 0 1 100%;
  min-height: 100px;
  min-width: 100px;
}

@media (max-width: calc(48em - 1px)) {
  .layout--fourcol > .layout__region .box-link {
    margin-bottom: 20px;
  }
  .layout--fourcol > .layout__region .box-link:last-child {
    margin-bottom: 10px;
  }
}

@media (min-width: 48em) {
  .layout--fourcol > .layout__region {
    flex: 0 1 calc(50% - 13px);
  }
  .layout--fourcol {
    gap: 26px;
  }
}

@media (min-width: 80em) {
  .layout--fourcol > .layout__region {
    flex: 0 1 calc(25% - 19.5px);
    padding-bottom: 40px;
    height: auto;
  }
}

.layout__region--bottom {
  width: 100%;
}