section.events-map .wrapper h2 {
  margin-bottom: 2rem;
}
section.events-map .wrapper .decorate {
  position: relative;
  border: 2px solid #E8F1F2;
  border-radius: 8px;
  padding: 2rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-areas: "keycol mapcol";
  gap: 2rem;
}
@media screen and (max-width: 800px) {
  section.events-map .wrapper .decorate {
    grid-template-columns: 1fr;
    grid-template-rows: 400px auto;
    grid-template-areas: "mapcol" "keycol";
  }
}
section.events-map .wrapper .decorate:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 2px);
  width: 80%;
  height: 12px;
  background-image: url(../svg/dotpattern-graymedium.svg);
}
section.events-map .wrapper .decorate .keycol {
  grid-area: keycol;
  display: flex;
  flex-direction: column;
}
section.events-map .wrapper .decorate .keycol .intro {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-top: -0.5rem;
  padding-top: 0.411375rem;
  padding-bottom: 0.088625rem;
  margin-bottom: 2rem;
}
section.events-map .wrapper .decorate .keycol .items {
  height: 350px;
  overflow-y: scroll;
  flex-shrink: 1;
}
section.events-map .wrapper .decorate .keycol .buttonholder {
  padding-top: 2rem;
}
section.events-map .wrapper .decorate .mapcol {
  grid-area: mapcol;
}
section.events-map .wrapper .decorate .mapcol .mapholder {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #bef;
}
section.events-map .wrapper .decorate .mapcol .mapholder #map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #A3C2C6;
}
section.events-map .wrapper .decorate .mapcol .mapholder #map a {
  color: #4a4a4a;
}
@media screen and (max-width: 800px) {
  section.events-map .wrapper {
    padding: 0 1rem;
  }
  section.events-map .wrapper .decorate {
    padding: 0;
  }
  section.events-map .wrapper .decorate .keycol {
    padding: 0 1rem 2rem 1rem;
  }
  section.events-map .wrapper .decorate .keycol .intro {
    text-align: center;
  }
  section.events-map .wrapper .decorate .keycol .items {
    height: initial;
  }
  section.events-map .wrapper .decorate .keycol .buttonholder {
    margin-top: 0;
    text-align: center;
  }
}
/*# sourceMappingURL=block-events-map.css.map */