/* GALLERY OVERRIDES */

.featherlight-next:hover, .featherlight-previous:hover {
    background: rgb(0 0 0 / 45%);
}

.featherlight .featherlight-image {
    max-width: 100%;
    object-fit: contain;
}

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        max-width: 90%;
    }
}
@media only screen and (min-width: 992px) {
    .featherlight-content::after {
        content: "Right-click the image and choose 'Save image as' to download";
        bottom: 6px;
        right: 10px;
        position: fixed;
        color: white;
        max-width: 300px;
        text-align: right;
    }
}