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(../img/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.41137rem;
      padding-bottom: 0.08863rem;
      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 */