/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 22 2025 | 22:42:45 */
/* Core Gallery: centered images with natural aspect ratios */
.wp-block-gallery.has-nested-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* center-align entire row */
  gap: 16px; /* even space between tiles */
}

/* Each image behaves like a flexible tile */
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex: 0 1 150px; /* roughly 6 per row on desktop — tweak as desired */
  display: flex;
  justify-content: center; /* centers landscape vs. portrait in tile */
  align-items: center;
  margin: 0;
}

/* Prevent stretching and keep proportional scaling */
.wp-block-gallery.has-nested-images img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px; /* optional limit so tall portraits don’t dominate */
  object-fit: contain;
  display: block;
}

/* Tablet & mobile breakpoints */
@media (max-width: 1024px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image {
    flex: 0 1 45%;
  }
}
@media (max-width: 600px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image {
    flex: 0 1 100%;
  }
}
