.lightbox {

	/* Default to hidden */
	display: none;

	/* Overlay entire screen */
	position: fixed;
	z-index: 999;
	inset: 0;

	/* A bit of padding around image */
	padding: 1em;

	/* Translucent background */
	background: rgba( 0, 0, 0, 0.8 );
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
	display: block;
}

.lightbox span {

	/* Full width and height */
	display: block;
	width: 100%;
	height: 100%;

	/* Size and position background image */
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

a.cssbox_close,
a.cssbox_prev,
a.cssbox_next {
	display: none;
	z-index: 999999;
	position: fixed;
	text-decoration: none;
	color: #fff;
	font-size: 2em;
}

a.cssbox_close {
	top: 3%;
	right: 1%;
}

.admin-bar .lightbox {
	top: 3%;
}

a.cssbox_prev,
a.cssbox_next {
	top: 50%;
	transform: translate( 0%, -50% );
	font-size: 3em;
}

a.cssbox_prev {
	left: 5%;
}

a.cssbox_next {
	right: 5%;
}

a:target ~ a.cssbox_close,
a:target ~ a.cssbox_prev,
a:target ~ a.cssbox_next {
	display: block;
}

.zoomCheck {
	transition: transform 0.25s ease;
	cursor: zoom-in;
}