#nlb-parent {
	position:fixed; /* keeps the lightbox window in the current viewport */
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background: gray;
	background: rgba(0, 0, 0, 0.7) repeat; 
	text-align: center;
	color: white;
	cursor: zoom-out;
	z-index: 1090;
}

#nlb-parent::before{
	content: '';
	display: inline-block;
	height: 100%;
	line-height: 100%;
	vertical-align: middle;
}

#nlb-close{
	text-align: right;
	cursor: zoom-out;
	font-size: 2em;
	opacity: 0.7;
	font-weight: bold;
	width: 1em;
	margin-left: auto;
}

#nlb-close:hover{
	opacity: 1;
}

#nlb-content{
	display: inline-block;
	
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 90;
}
#nlb-content .canvas{
	background: SlateGrey;
	cursor: default;
}
#nlb-content .nlb-image {
	box-shadow:0 0 25px #111;
	-webkit-box-shadow:0 0 25px #111;
	-moz-box-shadow:0 0 25px #111;
	max-width:90vw;
	max-height:100%;
	max-height:90vh;
	vertical-align: bottom;
	min-width: 200px;
}

#nlb-content .nlb-image-error::after{
	font-size: 4em;
	width: 60vw;
	text-align: center;
	padding: 20vh 0;
	display: block;
	content: '⚠';
}

#nlb-content .nlb-iframe-parent{
	box-shadow:0 0 25px #111;
	-webkit-box-shadow:0 0 25px #111;
	-moz-box-shadow:0 0 25px #111;
	position:relative;
	
	width:80vw;
	height:0;
	padding-bottom:56.27198%;
}

#nlb-content .nlb-inline-parent{
	box-shadow:0 0 25px #111;
	-webkit-box-shadow:0 0 25px #111;
	-moz-box-shadow:0 0 25px #111;
	position:relative;
	
	cursor: initial;
}

#nlb-content iframe{
	position:absolute;top:0;left:0;width:100%;height:100%;
}

#nlb-content .nlb-bottom{
	padding: 0;
	display: flex;
	margin-top: 10px;
}

#nlb-pagination{
	flex-grow: 1;
	text-align: right;
}

#nlb-title{
	flex-grow: 3;
	text-align: left;
}

#nlb-next:before{
	content: '►';
}

#nlb-previous:before{
	content: '◄';
}

#nlb-next{
	position: absolute;
	top: 50%;
	right: 0px;
}

#nlb-previous{
	position: absolute;
	top: 50%;
	left: 0px;
}

#nlb-parent .nlb-arrow{
	padding: 0.5em;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 2em;
	z-index: 100;
	text-shadow: 0 0 20px black, 0 0 20px black;
	opacity: 0.7;
	display: none;
}

#nlb-parent .nlb-arrow:hover{
	opacity: 1;
}

#nlb-parent.nlb-gallery .nlb-arrow{
	display: block;
}

#nlb-parent.nlb-gallery .nlb-image{
	cursor: pointer;
}

.nlb-hidden{
	display: none !important;
}

.nlb-popup{
	background: white;
	color: black;
	min-width: 50vw;
	padding: 1em;
}

.nlb-error{
	font-size: 4em;
	width: 60vw;
	text-align: center;
	padding: 20vh 0;
}

/* E345D */