/* Features page screenshot lightbox (SimpleLightbox) */
.simple-lightbox {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

.simple-lightbox .sl-wrapper .sl-close,
.simple-lightbox .sl-wrapper .sl-close:before,
.simple-lightbox .sl-wrapper .sl-close:after {
  color: #dc3545 !important;
  font-size: 40px !important;
  text-shadow: 0 0 15px rgba(220, 53, 69, 0.8) !important;
  opacity: 1 !important;
  z-index: 9999 !important;
  position: relative !important;
}

.simple-lightbox .sl-wrapper .sl-counter,
.simple-lightbox .sl-wrapper .sl-counter:before,
.simple-lightbox .sl-wrapper .sl-counter:after {
  color: #dc3545 !important;
  text-shadow: 0 0 8px rgba(220, 53, 69, 0.6) !important;
  z-index: 9999 !important;
  position: relative !important;
}

.simple-lightbox .sl-wrapper .sl-navigation button,
.simple-lightbox .sl-wrapper .sl-navigation button:before,
.simple-lightbox .sl-wrapper .sl-navigation button:after,
.simple-lightbox .sl-wrapper .sl-navigation .sl-next,
.simple-lightbox .sl-wrapper .sl-navigation .sl-prev {
  color: #dc3545 !important;
  text-shadow: 0 0 8px rgba(220, 53, 69, 0.6) !important;
  opacity: 1 !important;
  z-index: 9999 !important;
  position: relative !important;
}

.simple-lightbox .sl-wrapper .sl-navigation button:hover,
.simple-lightbox .sl-wrapper .sl-navigation .sl-next:hover,
.simple-lightbox .sl-wrapper .sl-navigation .sl-prev:hover {
  color: #ff4757 !important;
  text-shadow: 0 0 12px rgba(255, 71, 87, 0.9) !important;
  opacity: 1 !important;
}

.simple-lightbox .sl-wrapper .sl-close:hover {
  color: #ff4757 !important;
  text-shadow: 0 0 20px rgba(255, 71, 87, 1) !important;
  opacity: 1 !important;
}

.simple-lightbox .sl-wrapper .sl-close,
.simple-lightbox .sl-wrapper .sl-navigation button,
.simple-lightbox .sl-wrapper .sl-counter {
  color: #dc3545 !important;
  fill: #dc3545 !important;
  stroke: #dc3545 !important;
}

.simple-lightbox .sl-wrapper .sl-caption {
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.3) !important;
}

.simple-lightbox .sl-wrapper .sl-image {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.8) !important;
  border-radius: 8px !important;
}

.admin-gallery a,
.staff-gallery a,
.kitchen-gallery a {
  display: block;
}