.map-wrapper {
  width: 100%;
  height: 100vh;
  min-height: 500px;
}

gmpx-store-locator {
  width: 100%;
  height: 100%;

  /* Locator Plus theme settings */
  --gmpx-color-surface: #ffffff;
  --gmpx-color-on-surface: #212121;
  --gmpx-color-on-surface-variant: #757575;
  --gmpx-color-primary: #1967d2;
  --gmpx-color-outline: #e0e0e0;
  --gmpx-fixed-panel-width-row-layout: 28.5em;
  --gmpx-fixed-panel-height-column-layout: 65%;
  --gmpx-font-family-base: "Roboto", Arial, sans-serif;
  --gmpx-font-family-headings: "Roboto", Arial, sans-serif;
  --gmpx-font-size-base: 0.875rem;
  --gmpx-hours-color-open: #188038;
  --gmpx-hours-color-closed: #d50000;
  --gmpx-rating-color: #ffb300;
  --gmpx-rating-color-empty: #e0e0e0;
}

@media (max-width: 768px) {
  .map-wrapper {
    height: 650px;
    min-height: 650px;
  }
}