/* Contact page styling for jQuery Flip plugin */
/* jQuery Flip v1.0.19 plugin adapted and modified from https://nnattawat.github.io/flip/ and http://www.digitalforge.com.au/DIG252/examples/flip/index.html */
/* Note DKD indicates modifications, all other comment attributed to above */

.card
{
	position: 		relative;
	font-size: 		150%;	/* DKD added */
	text-align: 		center;  /* DKD added */
	display: 		inline-block;
	width: 			400px;
	height: 		225px;
	margin: 		30px 0px 20px 300px; /* DKD changed to place card in page */
	font-family: 		Arial, Helvetica, sans-serif;
}
      
.flip-details { padding: 30px; }

.front, .back
{
	border: 		0;
	padding: 		0px;
	margin: 		0;
	cursor: 		pointer;
}

.front
{
	background-color: 	#CCC;
	border: 		1px solid grey;
}

.back
{
	background-color: 	#e7dfd1;   /* DKD changed to suit site theme */	
	border: 		1px solid;
}
      
      
/*Watermark rollover CSS modified from http://stackoverflow.com/questions/11434652/watermark-image-on-hover*/
div.card:hover img.watermark
{
    opacity: 1;
    /*Fixed an issue where clicking the watermark image blocked the image swap*/
    /*http://stackoverflow.com/questions/5398787/jquery-pass-click-through-element*/
    pointer-events:none;
}
	
img.watermark
{
    position: 			absolute;
    top: 			10px;	/* DKD changed from bottom */
    right: 			10px;
    opacity: 			0.5;
}