/* -----------------------------------------------------------------------
 * (C)2017 Dunstable Sub Aqua Club.  All rights reserved.
 * -----------------------------------------------------------------------
 *
 * Theme Name: Dunstable Sub Aqua Club 2017
 *
 * Description: CSS settings to turn a regular image into a Polaroid
 *              instant camera image based on the tutorial available
 *              at https://paulund.co.uk/create-polaroid-image-with-css.
 *
 * Version: 1.0.0
 *
 * -----------------------------------------------------------------------
 */
.polaroid-images a
{
	font-family: 'Indie Flower', cursive;
	color: #284283;
	background: white;
	display: inline;
	float: left;
	margin: 0 2px 0;
	padding: 10px 10px 20px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 4px 6px rgba(0,0,0,.6);
	border-radius: 2px;
	transition: all .15s linear;
	z-index:0;
	position:relative;
}

.polaroid-images a:after {
	color: #333;
	font-size: 20px;
	content: attr(title);
	position: relative;
	top: 15px;
}

.polaroid-images img { 
	display: block; 
	width: inherit; 
	height: 150px;
	border-radius: 8px;
	max-width: 200px;
}

.polaroid-images a:nth-child(1n)
{
	transform: rotate(-10deg); 
}

.polaroid-images a:nth-child(2n)
{
	transform: rotate(4deg); 
}
.polaroid-images a:nth-child(3n) { 
	transform: rotate(-15deg); 
}
.polaroid-images a:nth-child(4n)
{
	transform: rotate(14deg); 
}
.polaroid-images a:nth-child(5n)
{
	transform: rotate(-18deg); 
}

/*
.polaroid-images a:hover{
	-webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform: scale(1.2); 
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	z-index:10;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
	box-shadow: 0 10px 20px rgba(0,0,0,.7);
}
*/