/** If Listings photo is open */
body.is-fullGalleryOpen{overflow: hidden !important;}
body.is-fullGalleryOpen #inner-page-wrapper{position: static !important;}

.slickLightBox{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100vw;
    height: 100vh;
    background: #000;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s ease-in-out, top 0.3s;
}
    .slickLightBox.fullGalleryOpen{
        visibility: visible;
        opacity: 1;
    }
    .slickLightBoxClose{
        background: transparent;
        font-size: 0 !important;
        padding: 0;
        width: 42px;
        height: 42px;
        border: none !important;
        outline: none !important;
        opacity: 1;
        text-shadow: 0 0 0 rgba(0,0,0,0);
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        z-index: 100;
    }
        .slickLightBoxClose:before,
        .slickLightBoxClose:after{
            content: '';
            display: inline-block;
            background: #8e8e8e;
            position: absolute;
            top: 50%;
            width: 57px;
            height: 1px;
        }
        .slickLightBoxClose:before{
            left: -7px;
            transform: rotate(45deg);
        }
        .slickLightBoxClose:after{
            right: -7px;
            transform: rotate(-45deg);
        }
    .slickLightBox-arrow{
        position: absolute !important;
        top: 50%;
        left: 5%;
        z-index: 1;
        transform: translateY(-50%);
        font-size: 30px;
        color: #FFF;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    }
        .slickLightBox-arrow.slick-next{
            left: auto;
            right: 5%;
        }
    .slickLightBox-slides,
    .slickLightBox-slide canvas{
        display: block;
        width: 100vw;
        height: 83vh;
    }
        .slickLightBox.no-thumbnails .slickLightBox-slides,
        .slickLightBox.no-thumbnails .slickLightBox-slide canvas{
            height: 100vh !important;
        }
    .slickLightBox-slide canvas{
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%;
    }
    .slickLightBox-thumbnails{
        display: block;
        width: 100vw;
        height: 17vh;
        padding: 2px;
    }
        .slickLightBox-thumbnail{
            padding: 2px;
            cursor: pointer;
        }
            .slickLightBox-thumbnail canvas{
                display: block;
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                width: 100%;
                height: calc(17vh - 8px);
                opacity: 0.3;
            }
            .slickLightBox-thumbnail:hover canvas{
                opacity: 0.7;
            }
            .slickLightBox-thumbnails .slick-current.slick-active .slickLightBox-thumbnail canvas{
                opacity: 1;
            }

@media only screen and (max-width: 767px) {
    .slickLightBox-slide canvas{
        background-size: 100% auto;
    }
}