/*
.combined-map-virtual-field {
  grid-column: 2;
}
.grid-1-row {
  grid-row: span 1;
}
.grid-2-rows {
  grid-row: span 2;
}
.grid-3-rows {
  grid-row: span 3;
}
.grid-2-columns {
  grid-column: span 2;
  grid-column: 2 / 4;
}


*/


/* =========================
   3-column grid wrapper
   ========================= */

.field--name-field-reference.grid-3.field__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  align-items: start;
}

.field--name-field-reference.grid-3.field__items > .field__item {
  min-width: 0;
}


/* ========== Paragraph CSS ========== */
/* ========== Grid 2 columns ========== */

body .region-content .paragraph-grid-2 > .field--name-field-paragraphs.field__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

body .region-content .paragraph-grid-2 > .field--name-field-paragraphs.field__items > .field__item {
  display: flex;
  min-width: 0;
}
/* ========== Grid 3 columns ========== */

body .region-content .paragraph-grid-3 > .field--name-field-paragraphs.field__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

/* body .region-content .paragraph-grid-3 > .field--name-field-paragraphs.field__items > .field__item {
  display: flex;
  min-width: 0;
} */
/* ========== Grid 4 columns ========== */

body .region-content .paragraph-grid-4 > .field__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

body .region-content .paragraph-grid-4 > .field__items > .field__item {
  display: flex;
  min-width: 0;
}

/* ========== Grid 5 columns ========== */

body .region-content .paragraph-grid-5 > .field__items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

body .region-content .paragraph-grid-5 > .field__items > .field__item {
  display: flex;
  min-width: 0;
}

@media (max-width: 1200px) {
.m-double > .field__items {
  grid-template-columns: 1fr 1fr 1fr !important;
}
}
@media (max-width: 980px) {
.paragraph-grid-2 > .field__items,
.paragraph-grid-3 > .field__items,
.paragraph-grid-4 > .field__items,
.paragraph-grid-5 > .field__items {
  grid-template-columns: 1fr !important;
}
.m-double > .field__items {
  grid-template-columns: 1fr 1fr !important;
}
}