/* Container for full-width image, info and controls */

.slideshow
{
    position: relative;
    width: 100%;
    height: 65vh;
    background: linear-gradient(White, var(--color_light_grey));
}

/* Full-width image */

.img_full
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.img_full img
{
    max-width: 100%;
    max-height: 100%;
}

/* Image number text */

.img_number
{
    position: absolute;
    top: 0%;
    padding: 8px 12px;
    color: var(--color_dark_grey);
    font-size: 1.5em;
}

/* Next and previous buttons */

.img_prev, .img_next
{
    position: absolute;
    top: 50%;
    padding: 16px;
    margin-top: -56px;
    color: White;
    font-size: 40px;
    font-weight: bold;
    text-shadow: 4px 4px 8px var(--color_dark_grey);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    transition: background-color 0.5s;
}
.img_next
{
    right: 0%;
}
.img_prev:hover, .img_next:hover
{
    background-color: rgba(0, 0, 0, 0.6);
}

/* Image description */

.img_description
{
    position: absolute;
    bottom: 0%;
    display: block;
    width: 100%;
    padding: 16px;
    text-align: center;
    color: White;
    background-color: rgba(0, 0, 0, 0.6);
}

/* Container for thumbnail images */

.gallery_thumbs
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Thumbnail images */

.gallery_thumbs img
{
    display: block;
    width: calc(100% / 8);
    cursor: pointer;
    opacity: 0.7;
}
.gallery_thumbs img:hover,
.img_active
{
    opacity: 1!important;
}