/* Fixes for parts of the site that relied on Duda's page engine, which the
   export does not include. Loaded after the site's own styles. */

/* Blocks with an entrance animation stayed hidden until the engine played it.
   Show them straight away instead. */
#dmRoot .flex-element [data-anim-extended] {
  visibility: visible !important;
}

/* Photo galleries: the engine measured and placed every photo. A plain grid of
   square tiles does the same job without it. */
.dmPhotoGallery .layout-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  height: auto !important;
}
.dmPhotoGallery .photogallery-row,
.dmPhotoGallery .photogallery-column {
  display: contents !important;
}
.dmPhotoGallery .photoGalleryThumbs,
.dmPhotoGallery .thumbnailInnerWrapper {
  position: relative;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}
.dmPhotoGallery .image-container a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
}
.dmPhotoGallery .image-container img {
  display: none !important;
}
@media (max-width: 767px) {
  .dmPhotoGallery .layout-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}