/* 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;
}

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

.lri-main.active img {
    max-height: 90%;
    width: auto;
    margin: auto;
    overflow: scroll;
    transition: .5s;
}

.lri-main-content {
    width: 90%;
    margin: auto;
    text-align: center;
}

.lri-main-content.portrait {
    height: 100%;
    padding-top: 5%;
}

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