/* Events listing cards (event-box-items): the theme's own CSS gives .event-image img
   width:100%/height:100% with no fixed box, so it only ever looked right because the
   theme's own demo photos are all pre-cropped to the same 330x239 ratio. Real uploaded
   photos vary in size, so without a fixed aspect-ratio + object-fit:cover here, each
   card's image (and everything below it) renders at a different height, throwing off
   row alignment across a grid row. */
.event-box-items {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.event-box-items .event-image {
  aspect-ratio: 330 / 239;
  overflow: hidden;
}
.event-box-items .event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.event-box-items .event-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.event-box-items .event-content p {
  margin-bottom: 0;
}