/*
 * @file
 * Provides the layout styles for the Location with Map section.
 */
.layout--location {
  display: grid;
  gap: var(--msu-gap);
}

@media (min-width: 768px) {
  .layout--location {
    /* grid-template-columns: 1fr 2fr; */
    grid-template-columns: repeat(6, minmax(0px, 1fr));
  }
  .layout__region--address {
    grid-column: span 3;
  }

  .layout__region--map {
    grid-column: span 3;
  }
}

@media (min-width: 992px) {
  .layout--location {
    /* grid-template-columns: 1fr 2fr; */
    grid-template-columns: repeat(9, minmax(0px, 1fr));
  }
  .layout__region--address {
    grid-column: span 4;
  }

  .layout__region--map {
    grid-column: span 5;
  }
}