@charset "UTF-8";
/* CSS Document */

.press-controls {
	position: absolute;
	height: auto;
	width: 75vw;
	margin: auto;
	left: 0;
	right: 0;
	box-shadow: 1px 1px 3px grey;
	overflow: hidden;
}
.press-slideshow {
	height: 75vh;
	width: 1000vw;	/* update to length of photos*/
	position: relative;
}
.press-slideshow div {
	height: 100%;
	width: 75vw;	/* match to width of press-controls */
	margin: auto;
	top: 0;
	position: relative;
	display:inline-block;
	overflow: hidden;
	transition: all .3s;
}
.press-slideshow img {
	/*height: 100%;*/
	max-width: 75vw;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	transition: transform .3s;
}

.press-controls #prev, .press-controls #next {
	position:absolute;
	cursor: pointer;
	top: 45%;
	background-color: rgba(255,255,255, .5);
	padding: 10px;
	border: 1px solid grey;
	color: #3E3E3E;
	border-radius: 10%;
	transition: all .3s;
}
#prev:hover, #next:hover {
	background-color: rgba(255,255,255, .8);
	color: black;
	border-color: black;
}
.press-controls #prev{
	left: 30px;
}
.press-controls #next{
	right: 30px;
}