.event-popup h3 {
    font-family: 'Breve Text Semi Bold', sans-serif;
    font-size: 18px !important;
    margin: 0px;
  }

  .event-popup a {
    color: inherit;
  }

  .event-popup a:focus-visible {
    outline: 2px solid #3d5c28;
    outline-offset: 2px;
  }

  .event-popup p {
    margin: 0px;
    font-family: 'Breve Sans Text Book', sans-serif;
    font-size: 14px;
    padding: 5px 0px;
  }

  .skip-to-results {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 10000;
    background: #3d5c28;
    color: #fff;
    padding: 8px 16px;
    font-family: 'aktiv-grotesk', sans-serif;
    font-size: 14px;
    text-decoration: none;
  }

  .skip-to-results:focus {
    left: 10px;
    top: 10px;
  }

  .event-listings {
    position: relative;
    min-height: calc(100vh - var(--txh-header-h, 153px));
    display: flex;
    display: -ms-flexbox;
    flex-direction: row-reverse;
  }

  div#single-event-desktop-map {
    display: block;
    float: none;
    width: 50%;
    flex-shrink: 0;
  }

  div.map-holder {
    position: fixed;
    width: 50%;
    right: 0;
    top: var(--txh-header-h, 153px);
    height: calc(100vh - var(--txh-header-h, 153px)) !important;
  }

.event-listings .result-list {
    width: 50%;
    box-sizing: border-box;
    padding: 0px 5%;
}

  .leaflet-popup-content-wrapper {
    border-radius: 0px;
  }

  .leaflet-popup-content {
    margin-top: 28px;
  }

  @media screen and (max-width:1024px) {
      .event-listings {
        flex-wrap: wrap;
        flex-direction: column-reverse;
      }
      div.map-holder {
          position: static;
          width: 100%;
          height: 300px !important;
      }
      .event-listings .result-list {
        width: 100%;
        box-sizing: border-box;
        padding-left: 5%;
        padding-right: 5%;
      }
  }