.bg__image-viewer {
    height: calc(100vh - 217px);

    &.multiple{
        height: calc(100vh - 267px);
    }

    .bg__imv__overlay {
        background-color: $image-overlay-bg;
        border-radius: $image-overlay-border-radius;
        box-shadow: $box-shadow-base $shadow-subdued;
        cursor: pointer;
        outline: $image-overlay-border;
        padding: 10px;
        &.active {
            /* possibly change this into .bg__flex-image-viewer--active (BEM style) */
            background-color: $image-overlay-bg-active;
            border-radius: $image-overlay-border-radius-active;
            box-shadow: $box-shadow-base $shadow-active;
            outline: $image-overlay-border-active;
        }
        button {
            color: black;
            border-radius: 2px;
        }
    }

    /*.bg__imv__overlay_static {
		background-color: $image-overlay-bg;
		border-radius: $image-overlay-border-radius;
		box-shadow: $box-shadow-base $shadow-subdued;
        color: fff;
		outline: $image-overlay-border;
		padding:10px;
	}*/

    .bg__imv__highlight {
        background-color: $highlight-color;
        opacity: 0.4;
    }
}