:root {
  --wpem-primary-color: #0096ff;
  --wpem-dark-color: #111111;
  --wpem-gray-color: #555555;
  --wpem-white-color: #ffffff;
  --wpem-gray-border-color: #e4e4e4;
  --wpem-gray-bg-color: #f5f5f5;
}

.leaflet-popup-content{
  margin: 30px 30px 25px 20px !important;
}

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

.wpem-event-listings #wpem_openstreet_map {
  margin-bottom: 25px;
  z-index: 0;
  min-height: 460px;
}

.wpem-event-listings.wpem-event-listing-box-view .wpem_openstreet_map,
.wpem-event-listings.wpem-event-listing-calendar-view .wpem_openstreet_map{
  margin: 0 15px;
}

.wpem-form-wrapper .wpem-form-group.wpem-location-container {
  display: flex;
  position: relative;
}

.wpem-form-wrapper .wpem-form-group.wpem-location-container button.wpem-openstreet-my-location {
  background: 0 0;
  opacity: 0.6;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.2s;
  width: 42px;
  position: absolute;
  margin: 0;
  right: 0;
  top: 0;
  padding: 10px;
  height: 42px;
}

.wpem-form-wrapper .wpem-form-group.wpem-location-container button.wpem-openstreet-my-location:hover {
  opacity: 1;
}

.wpem-form-wrapper .wpem-form-group.wpem-location-container button.wpem-openstreet-my-location img.wpem-openstreet-my-location-img {
  width: 100%;
  height: auto;
  max-width: 18px;
}

.wpem-form-wrapper .wpem-form-group.wpem-location-container input[type="text"]#search_location {
  padding-right: 45px;
}

/* Tooltip style 1 */
.leaflet-popup-close-button {
font-size: 25px !important;
top: 4px !important;
right: 6px !important;
}
.wpem-openstreet-tooltip {
  margin: 0;
  border-bottom: 1px solid var(--wpem-gray-border-color);
  display: inline-flex;
  width: 100%;
  transition: 0.2s ease-in-out;
}
.wpem-list-view-style-1{
  padding: 5px 5px 0px 5px;
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-banner {
  float: left;
  padding-right: 20px;
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-banner .wpem-openstreet-tooltip-banner-img {
  height: 90px;
  width: 90px;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 5px;
  background-color: var(--wpem-gray-bg-color);
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-datetime,
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-location {
  margin: 0;
  min-height: 22px;
  font-size: 14px;
  position: relative;
  padding-left: 20px;
  color: var(--wpem-gray-color);
  width: 100%;
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-location a{
  color: var(--wpem-gray-color);
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-datetime:before {
  content: "\e94e";
  font-family: wp-event-manager;
  position: absolute;
  left: 0;
  font-size: 14px;
  line-height: 20px;
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-location:before {
  content: "\e947";
  font-family: wp-event-manager;
  position: absolute;
  left: 0;
  font-size: 15px;
  line-height: 20px;
}
.wpem-openstreet-tooltip:hover {
  background: var(--wpem-gray-bg-color);
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-title a:hover,
.wpem-openstreet-tooltip:hover .wpem-openstreet-tooltip-title {
  color: var(--wpem-dark-color);
}
.wpem-openstreet-tooltip:last-child {
  border-bottom: 0;
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-title {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 5px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--wpem-dark-color);
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-title a {
  color: var(--wpem-dark-color);
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-event-type {
  margin-top: 5px;
}
.wpem-openstreet-tooltip .wpem-openstreet-tooltip-event-type .wpem-event-type-text {
  padding: 5px 7px;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  background: var(--wpem-gray-bg-color);
  border-radius: 3px;
  margin: 0 5px 5px 0;
}

/* Tooltip Style 2 */
.wpem-list-view-style-2 .wpem-openstreet-tooltip{
  padding: 5px;
}
.wpem-openstreet-tooltip-2{
  padding: 10px;
}
.wpem-openstreet-tooltip-2 .wpem-openstreet-tooltip.list-view-style-2,
.wpem-openstreet-tooltip.map-view-sidebar-tooltip-style {
max-width: 350px;
}
.wpem-event-listings .wpem-map-sidebar-view .wpem-event-layout-wrapper .wpem-openstreet-tooltip-banner,
.wpem-openstreet-tooltip-2 .wpem-openstreet-tooltip.list-view-style-2 .wpem-openstreet-tooltip-banner,
.wpem-openstreet-tooltip.map-view-sidebar-tooltip-style .wpem-openstreet-tooltip-banner {
float: right;
padding: 0 0 0 15px;
}
.wpem-event-listings .wpem-map-sidebar-view .wpem-event-layout-wrapper .wpem-openstreet-tooltip-banner .wpem-openstreet-tooltip-banner-img,
.wpem-openstreet-tooltip-2 .wpem-openstreet-tooltip.list-view-style-2 .wpem-openstreet-tooltip-banner .wpem-openstreet-tooltip-banner-img,
.wpem-openstreet-tooltip.map-view-sidebar-tooltip-style .wpem-openstreet-tooltip-banner .wpem-openstreet-tooltip-banner-img {
height: 60px;
width: 60px;
}
.wpem-openstreet-tooltip-2 .wpem-openstreet-tooltip.list-view-style-2 .wpem-from-date,
.wpem-openstreet-tooltip.map-view-sidebar-tooltip-style .wpem-from-date,
.wpem-openstreet-tooltip.wpem-openstreet-tooltip-style-3 .wpem-from-date {
display: inline-block;
float: left;
text-align: center;
color: var(--wpem-white-color);
padding: 10px 15px;
width: 60px;
height: 60px;
border-radius: 4px;
margin-right: 15px;
background-color: var(--wpem-primary-color);
}
.wpem-openstreet-tooltip-2 .wpem-openstreet-tooltip.list-view-style-2 .wpem-from-date .wpem-date,
.wpem-openstreet-tooltip.map-view-sidebar-tooltip-style .wpem-from-date .wpem-date {
font-size: 23px;
line-height: 23px;
font-weight: 600;
color: var(--wpem-white-color);
}
.wpem-openstreet-tooltip-2 .wpem-openstreet-tooltip.list-view-style-2 .wpem-from-date .wpem-month,
.wpem-openstreet-tooltip.map-view-sidebar-tooltip-style .wpem-from-date .wpem-month {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
line-height: 15px;
color: var(--wpem-white-color);
}
.list-view-style-2.wpem-openstreet-tooltip-location-2,
.map-view-sidebar-tooltip-style.wpem-openstreet-tooltip-location-2,
.wpem-event-layout-location-wrapper .wpem-openstreet-tooltip-location-2 {
margin: 0;
min-height: 22px;
font-size: 14px;
position: relative;
padding: 10px 10px 10px 25px;
color: var(--wpem-gray-color);
width: 100%;
background: var(--wpem-gray-bg-color);
border-radius: 5px;
}
.list-view-style-2.wpem-openstreet-tooltip-location-2 a,
.map-view-sidebar-tooltip-style.wpem-openstreet-tooltip-location-2 a,
.wpem-event-layout-location-wrapper .wpem-openstreet-tooltip-location-2 a{
color: var(--wpem-gray-color);
}
.list-view-style-2.wpem-openstreet-tooltip-location-2::before,
.map-view-sidebar-tooltip-style.wpem-openstreet-tooltip-location-2::before,
.wpem-event-layout-location-wrapper .wpem-openstreet-tooltip-location-2::before {
content: "\e947";
font-family: wp-event-manager;
position: absolute;
left: 5px;
top: 10px;
font-size: 15px;
}

/* Small Mobile Devices */
@media screen and (max-width: 480px), screen and (max-width: 768px) {
  .wpem-event-listings #wpem_openstreet_map,
  .wpem-event-listings .wpem_openstreet_map {
    min-height: 440px;
  }

  .wpem-single-event-footer #wpem_openstreet_map,
  .wpem-single-event-footer .wpem_openstreet_map {
    min-height: 320px;
  }

  .leaflet-popup-content-wrapper {
    max-width: min(290px, calc(100vw - 24px));
    overflow: hidden;
  }

  /* Style 1 */
  .leaflet-popup-content{
    margin: 22px 14px 14px 14px !important;
    max-height: min(250px, calc(100vh - 180px));
    overflow-y: auto;
  }
  .wpem-openstreet-tooltip{
    padding: 0px;
    align-items: flex-start;
  }
  .wpem-openstreet-tooltip .wpem-openstreet-tooltip-banner{
    padding-right: 15px;
  }
  .wpem-openstreet-tooltip .wpem-openstreet-tooltip-title{
      font-size: 14px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      width: auto;
      max-width: 155px;
      white-space: normal;
      line-height: 18px;
  }
  .wpem-openstreet-tooltip .wpem-openstreet-tooltip-datetime:before{
    font-size: 10px;
    line-height: 15px;
  }
  .wpem-openstreet-tooltip .wpem-openstreet-tooltip-datetime{
      margin-bottom: 5px;
  }
  .wpem-openstreet-tooltip .wpem-openstreet-tooltip-datetime, .wpem-openstreet-tooltip .wpem-openstreet-tooltip-location{
    font-size: 11px;
    min-height: 20px;
    padding-left: 15px;
    max-width: 155px;
  }
  .wpem-openstreet-tooltip .wpem-openstreet-tooltip-location:before{
    font-size: 10px;
    line-height: 15px;
  }
  .wpem-openstreet-tooltip .wpem-openstreet-tooltip-banner .wpem-openstreet-tooltip-banner-img{
    height: 70px;
    width: 70px;
  }
  .wpem-openstreet-tooltip .wpem-openstreet-tooltip-event-type{
    margin-top: 0px;
  }
  .wpem-openstreet-tooltip .wpem-openstreet-tooltip-event-type .wpem-event-type-text{
    font-size: 10px;
    margin: 0px;
  }
  .leaflet-left .leaflet-control{
    margin: 0px;
  }
  .leaflet-touch .leaflet-bar a{
    width: 25px;
    height: 25px;
  }

  /* Style 2 */
  .wpem-openstreet-tooltip-location-2.list-view-style-2 a{
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      width: 200px;
      white-space: normal;
  }
  .wpem-openstreet-tooltip-2{
      padding: 5px 0px 10px 0px;
  }
  .wpem-list-view-style-2 .wpem-openstreet-tooltip-title{
      -webkit-line-clamp: 3;
      width: 90px;
  }
  .list-view-style-2.wpem-openstreet-tooltip-location-2, .map-view-sidebar-tooltip-style.wpem-openstreet-tooltip-location-2, .wpem-event-layout-location-wrapper .wpem-openstreet-tooltip-location-2{
      font-size: 12px;
  }
  .list-view-style-2.wpem-openstreet-tooltip-location-2::before, .map-view-sidebar-tooltip-style.wpem-openstreet-tooltip-location-2::before, .wpem-event-layout-location-wrapper .wpem-openstreet-tooltip-location-2::before{
      font-size: 12px;
  }
}