.lightbox {
    background-color: rgb(0,0,0);
}

.lightbox .imageButton {
    /* Indent from side and enlarged click zone */
    padding-top: 50%;
    padding-bottom: 50%;
    padding-left: 20px;
    padding-right: 20px;

    /* Vertical position */
    top: 50%;
    transform: translateY(-50%);

    /* Non-hovered opacity */
    opacity: 0.15;
}
.lightbox .imageButton:hover {
    /* Hovered opacity */
    opacity: 1;
}
.lightbox .imageButton img {
    /* Size */
    height: 105px;
}

.lightbox .caption {
    /* Set width and centre the caption */
    width: 75%;
    left: 12.5%;

    text-align: center;

    /* */
    padding: 20px 8px;
    /*text-align: center;*/

    /* Font */
    font-family: 'Roboto';
    font-weight: 300;  /* Light */
    color: rgb(190, 190, 190);
    font-size: 14px;
    line-height: 20px;

    /* */
    background-color: rgba(0, 0, 0, 0.8);
}

.lightbox .caption strong {
    font-size: 17px;
    /*line-height: 20px;*/
    font-weight: 400;
    color: rgb(233, 233, 233);

}

.lightbox .caption i {
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    color: rgb(196, 196, 196);

}