.jose-lightbox-overlay {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(var(--wp--preset--color--contrast-rgb),.7);
}

.jose-lightbox-overlay[hidden] {
	display: none;
}

body.jose-lightbox-open {
	overflow: hidden;
}

.jose-lightbox-figure {
	position: relative;
	margin: 0;
	max-width: 88vw;
	max-height: 88vh;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.jose-lightbox-image {
	display: block;
	max-width: 88vw;
	max-height: 78vh;
	width: auto;
	height: auto;
	object-fit: contain;
}

.jose-lightbox-caption {
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--base);
background-color: (var(--wp--preset--color--contrast-rgb),.7)
}

.jose-lightbox-close,
.jose-lightbox-prev,
.jose-lightbox-next {
	position: absolute;
	border-radius: 50%;
	border: solid var(--wp--preset--color--base) calc(var(--wp--style--block-gap) * .1);
	cursor: pointer;
	font-size: var(--wp--preset--font-size--x-large);
width: calc(1.5 * var(--wp--preset--font-size--x-large));
height: calc(1.5 * var(--wp--preset--font-size--x-large));
}

.jose-lightbox-close {
	top: 3vh;
	right:3vw;
}

.jose-lightbox-prev,
.jose-lightbox-next {
	top: 50%;
	/* transform: translateY( -50% ); */
}

.jose-lightbox-prev {
	left: 3vw;
}

.jose-lightbox-next {
	right: 3vw;
}

.jose-lightbox-prev[hidden],
.jose-lightbox-next[hidden] {
	display: none;
}

.jose-lightbox-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect( 0, 0, 0, 0 );
	white-space: nowrap;
	border: 0;
}

@media ( max-width: 640px ) {
	.jose-lightbox-overlay {
	}

	.jose-lightbox-close {

	}

	.jose-lightbox-prev,
	.jose-lightbox-next {
	}

	.jose-lightbox-prev {
	}

	.jose-lightbox-next {
	}
}

@media ( max-width: 600px ) {
	.portfolio-gallery .portfolio-item {
		pointer-events: none;
	}
}