/** ImageGallery Grid **/
.imagegallery {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  margin-top: 15px;
}

.imagegallery {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  transition: opacity 0.25s ease-in-out;
}

.imagegallery-image:hover {
  opacity: .7;
}

/** Lightbox **/
.sl-overlay {
  background: #ffffff;
  opacity: 1;
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button {
  color: #333333;
}

/** pro features styling **/
nav.imagegallery-back {
  font-size: small;
}