/* Styles for the description screen mode of the image modal */
.image-modal.description-mode .image-modal-content,
.image-modal.description-mode .image-modal-navigation {
    display: none;
}

.image-modal.description-mode #modalCaption {
    display: block;
    text-align: center;
    padding: 40px;
    font-size: 1.2rem;
    color: #f0e6d2;
}

.image-modal.description-mode #modalCaption .zoom-link a {
    color: #f0ad4e;
    text-decoration: none;
    font-weight: bold;
}

.image-modal.description-mode #modalCaption .zoom-link a:hover {
    text-decoration: underline;
}