/*
 * Simple Gallery
 *
 * Copyright (c) 2015, Andrew Hedges
 * http://andrew.hedges.name
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

html {
	overflow-x: hidden;
}

.gallery-wrapper {
	overflow: hidden;
	width: 100%;
}

 .gallery {
	list-style: none;
	margin: 1em auto;
	min-height: 540px;
	overflow: visible;
	padding: 0;
	position: relative;
	-webkit-transform: -webkit-translateZ(0);
	        transform: translateZ(0);
	width: 540px;
}
	.gallery li img {
		height: 540px;
		width: 540px;
	}

.gallery.initialized li {
	background: rgba(255,255,255,0.67);
	cursor: pointer;
	display: none;
	overflow: hidden;
	position: absolute;
	-webkit-transition: -webkit-transform 0.5s ease;
	        transition: transform 0.5s ease;
}
	.gallery.initialized li p {
		opacity: 0;
		-webkit-transition: opacity 0.33s;
		        transition: opacity 0.33s;
	}
		.gallery.initialized li[data-position='0'] p {
			opacity: 1;
		}
	/* set stack order, positions and scales */
	.gallery.initialized li[data-position='-4'] { display: block; z-index: 1; transform: translateX(-50%) scale(0.6); -webkit-transform: translateX(-53%) scale(0.6); }
	.gallery.initialized li[data-position='-3'] { display: block; z-index: 2; transform: translateX(-45%) scale(0.7); -webkit-transform: translateX(-45%) scale(0.7); }
	.gallery.initialized li[data-position='-2'] { display: block; z-index: 3; transform: translateX(-35%) scale(0.8); -webkit-transform: translateX(-35%) scale(0.8); }
	.gallery.initialized li[data-position='-1'] { display: block; z-index: 4; transform: translateX(-20%) scale(0.9); -webkit-transform: translateX(-20%) scale(0.9); }
	.gallery.initialized li[data-position='0']  { display: block; z-index: 5; transform: translateX(0)    scale(1.0); -webkit-transform: translateX(0)    scale(1.0); cursor: auto; overflow: visible; }
	.gallery.initialized li[data-position='1']  { display: block; z-index: 4; transform: translateX(20%)  scale(0.9); -webkit-transform: translateX(20%)  scale(0.9); }
	.gallery.initialized li[data-position='2']  { display: block; z-index: 3; transform: translateX(35%)  scale(0.8); -webkit-transform: translateX(35%)  scale(0.8); }
	.gallery.initialized li[data-position='3']  { display: block; z-index: 2; transform: translateX(45%)  scale(0.7); -webkit-transform: translateX(45%)  scale(0.7); }
	.gallery.initialized li[data-position='4']  { display: block; z-index: 1; transform: translateX(50%)  scale(0.6); -webkit-transform: translateX(53%)  scale(0.6); }

	.gallery.initialized li img {
		-webkit-filter: blur(3px);
		        filter: blur(3px);
		-webkit-transition: opacity 0.25s;
		        transition: opacity 0.25s;
	}
		.gallery.initialized li[data-position='-4'] img { opacity: 0.1; }
		.gallery.initialized li[data-position='-3'] img { opacity: 0.3; }
		.gallery.initialized li[data-position='-2'] img { opacity: 0.5; }
		.gallery.initialized li[data-position='-1'] img { opacity: 0.7; }
		.gallery.initialized li[data-position='0']  img {
			box-shadow: rgba(0,0,0,0.5) 0 3px 6px;
			-webkit-filter: none;
			        filter: none;
			opacity: 1.0;
		}
		.gallery.initialized li[data-position='1'] img { opacity: 0.7; }
		.gallery.initialized li[data-position='2'] img { opacity: 0.5; }
		.gallery.initialized li[data-position='3'] img { opacity: 0.3; }
		.gallery.initialized li[data-position='4'] img { opacity: 0.1; }