/* Add a pointer when hovering over the thumbnail images */
.memories_cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.memories_prev,
.memories_next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: red;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.galleryViewPort {
    background-image: url("images/MemoriesPageCover.jpg");
}
.gallerySlides {
    /* applied to the container divs of slide image */
    /* Hide the images by default */
    display: none;
    width: 813px;
    height: 430px; /*height: 610px;*/
}

.slidethumbrow {
    /* applied to the container div of the slide thumb divs */
    /*width: 813px;*/
    height: 90px;
}
    .slidethumbrow:after {
        content: "";
        display: table;
        clear: both;
    }

/* Seven columns side by side */
 .imgthumbcolumn {
    float: left;
    width: 14.28%;
    height: 90px;
    border: 1px solid black;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}

/* Add a transparency effect for thumnbail images */
.memories_thumbs {
    opacity: 0.6;
}

    .active,
    .memories_thumbs:hover {
        opacity: 1;
    }