.image-gallery img {
	cursor: pointer;
}

#rnw-gallery {
	display: none;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,.9);
}

#rnw-track {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100vw;
	transform: translateX(0);
	/* transition: transform 150ms ease-out; */
}

.rnw-gallery-item {
	position: absolute;
	top:0;
	bottom:0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	border: none;
}

.rnw-gallery-item img {
	max-height: 80vh;
	max-width: 80vw;
	/* border: none !important; */
}

.rnw-gallery-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10vw;
	z-index: 2;
	opacity: 0.5;
	transition: opacity 200ms ease;
}

.rnw-gallery-nav:hover {
	opacity: 1;
}

.arrow {
	display: block;
	width: 3rem;
	height: 5rem;
}
.arrow img {
	border: none !important;
}


#rnw-previous {
	left: 0;
	cursor: pointer;
}

#rnw-next {
	right: 0;
	cursor: pointer;
}

#close-it {
	display: block;
	width: 5rem;
	height: 5rem;
	padding: 1rem;
	position: absolute;
	right: 0px;
	top: 0px;
	transition: transform 250ms ease;	
	cursor: pointer;
	z-index: 3;
	opacity: .5;
}
#close-it:hover {
	opacity: 1;
}
#close-it img {
	border: none !important;
}

#close-it:hover {
	transform: rotate(90deg);
	
}

body.gallery-open {
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	touch-action: none;
}
/* for touch devices! */
@media (hover: none) {
	.rnw-gallery-item img {
		max-height: 100vh;
		max-width: 100vw;
	}
	.rnw-gallery-nav {
		display: none;
	}
	#rnw-gallery {
		background-color: white;
	}
}