/** -------------------------------------------------------------------
 * PhotoArrayStyle.css
 *  -------------------------------------------------------------------
 * For styling photo arrays
 */
.headline{
	background-color:#6798FE;
	border-radius:2em;
	border:none;
	font-family:arial;
	font-size:4em;
	padding:0 1.5em 0 1.5em;
	text-align:center;
	width:85vw;
}
.buttLeftContainer, .buttRightContainer{
	border-radius: 100%;
	display:inline-block;
	height:100%;
	position:relative;
	vertical-align:top;
	width:1.5em;
	z-index:200;
}
.buttRightContainer{

}
.buttRightContainer{

}
.buttL,.buttR{
	font-size:2em;
	height:100%;
	width:1em;
}
.buttL{}
.bButtR{}
.overlayContainer{
	background-color: #FEFE12;
	border-radius:3em;
	display: block;
	height:70vh;
	left: 10vw;
	opacity:0;
	overflow: hidden;
	padding:.5em;
	position: absolute;
	top:10%;
	transition-property: opacity;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
	transition-delay:.5s;
	width:70vw;
	visibility:hidden;
	z-index: 300;
}
.overlayImage{
	border-radius:3em;
	height:100%;
	width:100%;
}
.pic{
	display:inline;
	height:15em;
	width:15em;
}
.photoBox{
	display:inline;
	text-align:center;
}
.photoScrollBoxContainer{
	background-color:#DEDEDE;
	display:block ruby;
	height:45vh;
	overflow:hidden;
	/*padding:2em 4em 2em 5em;*/
	position:relative;
	text-align:center;
	width:85vw;
}
.photoScrollBox{
	display:flex;
	overflow-x:scroll;
	position:relative;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	text-align:center;
	width:85%;
	z-index:100;
}