.modal {
    color:#707070;
}

.modal-body {
    padding:0;
}

.slide {
    cursor:pointer;
}

.modal-header {
    border-bottom:none;
}

.modal-footer {
    justify-content: flex-start;
    border-top:none;
    color: #303030;
}

.modal img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    opacity: 1;
}

/*
.fade-in-image { animation-name: fadeIn; animation-duration: 0.2s; }

@keyframes fadeIn {
   0% { opacity: 0; }
    100% { opacity: 1; }
  }
*/


.modal .bi-arrow-right::before, .modal .bi-arrow-left::before {
    font-size: 2rem;
}  

#captionCount {
    font-size: 0.8rem;
    min-width: 4rem;
}

.bi-x::before {
    font-size: 2.4rem;
}

.bi-arrow-right, .bi-arrow-left, .bi-x {
    cursor:pointer;
}

.bi-arrow-right:hover, .bi-arrow-left:hover, .bi-x:hover {
    color: 000;
}

.navArrow {
    /*width: 50px;*/
    padding:0.5rem;
}

#modalClose {
    /*width: 50px;*/
    padding:0.25rem;
}

.navArrowRight {
    margin-right: 1rem;
}
.navArrowLeft {
    margin-left: 1rem;
}

#modalClose {
    background:#fff;
}

.navArrow:hover, #modalClose:hover {
    background:#f3f3f3;
}

.small {
    font-size: 0.8rem;
}