/* Add here all your CSS customizations */
/* Dark overlay behind the lightbox */
.mfp-bg{
  background: rgba(0,0,0,.85) !important;
}

/* White "card" */
.mfp-content{
  border-radius: 6px !important;
  overflow: hidden !important;
}

/* Give space at bottom for caption so it never overlaps/collapses */
.mfp-figure{
  background: #fff !important;  
}

/* Caption area (title + counter) */
.mfp-bottom-bar{
  background: #fff !important;
  padding: 10px 14px !important;
  margin-top: 0 !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  box-sizing