/*
 * @file
 * Provides the layout styles for two-column layout section.
 */

.layout--twocol-row.width-50-50 {
  display: grid;
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
  grid-template-rows: 1fr;
  grid-row-gap: 0px;
  grid-column-gap: 20px;
  grid-auto-rows: max-content;
}

.layout--twocol-row.width-75-25 {
  display: grid;
  grid-template-columns: minmax(0, 75%) minmax(0, 25%);
  grid-template-rows: 1fr;
  grid-row-gap: 0px;
  grid-column-gap: 20px;
  grid-auto-rows: max-content;
}

.layout--twocol-row.width-60-40 {
  display: grid;
  grid-template-columns: minmax(0, 60%) minmax(0, 40%);
  grid-template-rows: 1fr;
  grid-row-gap: 0px;
  grid-column-gap: 20px;
  grid-auto-rows: max-content;
}

.layout--twocol-row.width-25-75 {
  display: grid;
  grid-template-columns: minmax(0, 25%) minmax(0, 65%);
  grid-template-rows: 1fr;
  grid-row-gap: 0px;
  grid-column-gap: 20px;
  grid-auto-rows: max-content;
}


.layout--twocol-row.width-40-60 {
  display: grid;
  grid-template-columns: minmax(0, 40%) minmax(0, 60%);
  grid-template-rows: 1fr;
  grid-row-gap: 0px;
  grid-column-gap: 20px;
  grid-auto-rows: max-content;
}