/* family image gallery */

.family-image {
    display: block;
    margin: 0 auto; /* center horizontally */
    cursor: pointer;
}
.family-image__click-hint {
    text-align: center;
    font-size:14px;
}
.family-image__click-hint img { /* magifying glass icon */
    height: 1.1em;
    vertical-align: middle;
}
.image-carousel .modal__header .modal__close { /* close button styling */
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.5);
}
.image-carousel .modal__header .modal__close:before {   /* close button text */
    content: "\2715";
}
.image-carousel .modal__container {
    max-width: 800px; /* sets max width of carousel */
    margin: 32px; /* leave a bit of room around the carousel when the window is small */
    background-color: #fff; /* override default grey in modal.css */
}
.image-carousel .splide__slide img {
    max-width: 100%;    /* scale the main image & thumbnails with the carousel */
}
.image-carousel__main {
    margin: 0 auto 10px;
    padding-bottom: 32px;   /* don't overlap the pagination dots */
}
.image-carousel__thumbs {
    margin: 0 auto 20px;
    padding: 0 3em;
}