/**
 * @file
 * Provides the layout styles for three-column layout section.
 */
.layout--threecol-section {
  display: block;
}

@media (max-width: 767px) {
  .layout--threecol-section > .layout__inner > .layout__region {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .layout--threecol-section > .layout__inner {
    display: grid;
    gap: 20px;
  }
  .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
  }
  .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
  }
  .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__inner {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  }
  .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__inner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/*# sourceMappingURL=threecol_section.css.map */