@charset "utf-8";
/*
 * CSS for the concertcalendar page only
 * include in wmnf/wmnf_functions.php
*/
.event-popup {
  position: fixed;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  border: 2px solid #333;
  padding: 20px;
  z-index: 9999;
  display: none; /* hidden by default */
        width:350px;
}
.event-info img {
  max-width: 100%;
  padding-top:10px;
}
#myEventPopup .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 310px;
  aspect-ratio: auto 310 / 310;
  height: 310px;
}
.event-popup .close-btn {
  float: right;
  cursor: pointer;
  background-color:#FF6633;
  color:#ffffff;
  border-radius: 50px;
  padding-left: 7px;
  padding-right: 7px;
  border: none;
}
#myEventPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 9999;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
#myEventPopup p:last-child {
  margin-bottom: unset !important;
}