/** Back to galleries link */
div#gallery_back {
    text-align:left;
    padding: 16px 0px 8px 18px;
}

div#gallery_back a {
    color: #08adff;
}


#gallery_container_div {
    display: flex;
    align-content: center;
    flex-direction: column;

}

/** Gallery nav arrows */
a.gallery_left_arrow {
    display: block;
    width: 100%;
    height: 20px;
    text-decoration: none;

    background-position: center;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 30'><path style='stroke:rgb(41,144,209); stroke-width:4px; fill: transparent;' d='M0 30 L30 2 L60 30'/></svg>");
    background-repeat: no-repeat;
}

a:hover.gallery_left_arrow {
    background-position: center;
    background-color: #ffffff30;
}

a.gallery_right_arrow {
    display: block;
    width: 100%;
    height: 20px;
    text-decoration: none;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 30'><path style='stroke:rgb(41,144,209); stroke-width:4px; fill: transparent;' d='M0 0 L30 28 L60 0'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

a:hover.gallery_right_arrow {
    background-position: center;
    background-color: #ffffff30;
}


/** Main image display area  */
div.image {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;

    height: 250px;

    padding: 8px;
    margin: 4px;

    background-color: #a0a0a0;
}

div.image a {
    display: flex;
    justify-content: center;

    flex: 1 1 auto;

    width: 100%;
}

div.image a img {
    align-self: center;
    max-height: 175px;
}

span.gallery_caption {
    width: 100%;
    max-height: 75px;
}