/* Local overrides for the static build (galleries, small fixes).
   Loaded after the copied lifestylepress theme stylesheet. */

.gallery-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 1.5em 0;
}

.entry-content .gallery-grid .gallery-item {
  flex: 0 0 240px;
  width: 240px;
  max-width: 240px;
  display: block;
  line-height: 0;
}

.gallery-grid .gallery-item img {
  width: 240px;
  height: 160px;
  object-fit: cover;
  display: block;
  border: 1px solid #ddd;
  transition: opacity 0.15s ease;
}

.gallery-grid .gallery-item:hover img {
  opacity: 0.85;
}

.ngg-imagebrowser.default-view figure img {
  max-width: 100%;
  height: auto;
}