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

/* .layout--twocol-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; */
  /* /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10%;
  grid-row-gap: 0px;
  grid-auto-rows: max-content;
  align-items: start;
} */

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

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


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


/*
.layout--twocol-row > .layout__region {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}



.layout--twocol-row.width-75-25 > .layout__region--first {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 75%;
  flex: 0 1 75%;
}

.layout--twocol-row.width-75-25 > .layout__region--second {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
}




.layout--twocol-row.width-60-40 > .layout__region--first {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 60%;
  flex: 0 1 60%;
}

.layout--twocol-row.width-60-40 > .layout__region--second {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 40%;
  flex: 0 1 70%;
} */