/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 14:38:14 */
/* Wrapper + items */
.lwph-event-lising {
  --media-w: 390px;   /* ← set your fixed image width */
  --media-h: 460px;   /* ← set your fixed image height */
  display: grid;
  gap: 5rem;
}

.lwph-event-listing-item {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start; /* image height independent of content */
}

/* Checkerboard: flip even rows */
.lwph-event-lising .lwph-event-listing-item:nth-child(even) {
  flex-direction: row-reverse;
}

/* Media / Body sizes (fixed media box) */
.lwph-event__media {
  flex: 0 0 var(--media-w);
  width: var(--media-w);
  height: var(--media-h);
  overflow: hidden;
}

.lwph-event__body {
  flex: 1 1 calc(100% - var(--media-w));
}

/* Media image (keep ratio; position by side) */
.lwph-event__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center; /* left image: anchor left */
  display: block;
}

/* Even rows (image on right): anchor right */
.lwph-event-lising .lwph-event-listing-item:nth-child(even) .lwph-event__media img {
  object-position: right center;
}

/* If no image, let content span full width */
.lwph-event__media:empty { display: none; }
.lwph-event__media:empty + .lwph-event__body { flex-basis: 100%; }

/* Titles / meta spacing */
.lwph-event__title { margin: 0 0 .25rem 0; }
.lwph-event__date  { margin: 0 0 .75rem 0; color: #555; }

/* Collapsible content (smooth; no fade) */
.lwph-event__content {
  --collapse-height: 200px;
  position: relative;
  overflow: hidden;
  transition: max-height 300ms ease;
  will-change: max-height;
}
.lwph-event__content.is-collapsed { max-height: var(--collapse-height); }
.lwph-event__content.is-expanded  { max-height: 9999px; }

/* Toggle button */
.lwph-event__toggle {
  margin-top: .5rem;
  background: none;
  color: #fff;
  padding: .4rem 0px;
  font: inherit;
  cursor: pointer;
	border:none;
	font-weight:600;
/*   transition: background-color 150ms ease, border-color 150ms ease; */
}
.lwph-event__toggle:hover {
 text-decoration:underline !important;
	background: none !important;
}

.lwph-event__action { margin-top: .75rem; }

/* Responsive: stack on small screens */
@media (max-width: 768px) {
  .lwph-event-listing-item { flex-direction: column !important; }
  .lwph-event__media, .lwph-event__body { flex: 1 1 auto; width: 100%; }

  /* Keep fixed height; allow image to scale within */
  .lwph-event__media { height: var(--media-h); }
  .lwph-event__media img {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    /* object-position keeps left/right per row; remove next line if you prefer centering on mobile */
    /* object-position: center center; */
  }
}