.events-listing--teaser {
  display: flex;
  gap: 2rem;
}

.events-listing__meta div {
  color: var(--color-ec-grey-75);
}

.events-listing h3 {
  margin-top: 0;
}

.events-listing--full {
  display: grid;
  gap: 2rem;
  margin-block-end: 2rem;
}

@media (min-width: 768px) {
  .events-listing--full {
    grid-template-columns: 1fr 2fr;
  }

  .event__text {
    order: 1;
  }
}

.field__field-event-date {
  font-size: var(--font-size-large);
  font-weight: bold;
}

/* Stops the page from scrolling sideways at narrower widths. */
.field--name-field-location {
  position: relative;
  overflow: hidden;
}

.event__location {
  display: grid;
  gap: 1rem;
}