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

.layout--twocol {
  --lgd-page-section-gap: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--lgd-page-section-gap);
}

.layout--twocol > .layout__region {
  /* To equalise the heights in each row */
  display: grid;
}

@media (min-width: 40em) {
  .layout--twocol {
    /*
      If you need to add some gap between items here, you can set the
      --lgd-page-section-gap variable to whatever gap size you need.
      e.g.
        --lgd-page-section-gap: 1rem;
        --lgd-page-section-gap: var(--spacing);
    */
    grid-template-columns: repeat(2, 1fr);
  }
}