/* The Lightbox Responsive Image Style */

.lri-main {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 0%;
    background: rgba(0,0,0,0.6);
    -webkit-backdrop-filter: blur(10px);
    z-index: 99999999;
    overflow: hidden;
}

.lri-main.active {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}

.lri-main-content {
    position: relative;
    max-height: 90%;
    max-width: 90%;
    object-fit: cover;
    margin: auto;
    text-align: center;
}

.lri-main-content img {
    max-height:90vh;
    width: auto;
    padding: 20px;
}

.lri-nav-link {
    display: none;
}

.lri-loader {
    width: 100%;
    text-align: center;
    color: white;
}