.elementor-7627 .elementor-element.elementor-element-13ff627{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:4em;--margin-bottom:4em;--margin-left:0em;--margin-right:0em;}@media(max-width:767px){.elementor-7627 .elementor-element.elementor-element-13ff627{--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for shortcode, class: .elementor-element-c3c2f5e */.mec-global-gallery-grouped {
  display: grid;
  gap: 32px;
  margin: 40px auto; /* Centered with spacing */
  max-width: 1200px; /* Optional: keep gallery nicely contained */
}

.mec-event-gallery-group header {
  text-align: center; /* Align text center */
  margin-bottom: 16px;
}

.mec-event-gallery-group header h2 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
}

.mec-event-date {
  color: #666;
  font-size: 1rem;
  margin-top: 6px;
  padding-bottom: 1em !important;
}

/* Masonry layout */
.mec-event-gallery-grid {
  column-count: 4; /* Desktop */
  column-gap: 16px;
}

.mec-event-gallery-grid__item {
  display: inline-block;
  margin-bottom: 16px;
  width: 100%;
  break-inside: avoid;
}

.mec-event-gallery-grid__img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

/* Tablet: 3 columns */
@media (max-width: 1024px) {
  .mec-event-gallery-grid {
    column-count: 3;
  }
}

/* Mobile: 2 columns */
@media (max-width: 768px) {
  .mec-event-gallery-grid {
    column-count: 2;
  }/* End custom CSS */