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

.layout--twocol-thirds {
  display: flex;
  flex-wrap: wrap;
}

.layout--twocol-thirds .layout-column-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.layout--twocol-thirds .layout__region {
  flex: 0 1 100%;
  box-sizing: border-box;
}

@media screen and (min-width: 1099px) {
  .layout--twocol-thirds .layout__region--first {
    flex: 0 1 67%;
    padding-right: 32px;
    padding-top: 32px;
  }
  .layout--twocol-thirds .layout__region--second {
    flex: 0 1 33%;
    padding-left: 32px;
    padding-top: 32px;
  }
}

@media (min-width: 0em) and (max-width: 767px) {
  .layout__region {
    padding-left: 20px;
    padding-right: 20px;
  }
}