/*
 * @file
 * Provides the layout styles for three-column layout section.
 */
/* Navigation related breakpoints */
/* Grid related breakpoints */
.layout--threecol-section {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--grid-gap);
}

@media (min-width: 62.5rem) {
  .layout--threecol-section {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .layout--threecol-section--25-50-25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .layout--threecol-section--25-25-50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .layout--threecol-section--50-25-25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .layout--threecol-section--33-34-33 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}