.pad {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


/* HEADER */
.header { 
	text-align: center;
	background:url(../images/halftone-header.png) top left repeat-x; 
}
.header img { margin:auto; }


/* NAVIGATION */
.navigation { 
	position:relative;
	text-align:center; 
	background-color:#2b1100; 
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25); 
	border-bottom:2px solid #fff; 
	border-top:2px solid #fff; 
	font-family: 'Fredoka One', sans-serif;
	font-weight:normal;
}
.pure-menu-item a { 
	font-size:14pt; 
	color:#ffeeaa; 
}
.pure-menu-item a:hover,
.pure-menu-item a:focus { 
	background-color:#d45500;  
}
@media screen and (max-width:48em) {
	.pure-menu-horizontal .pure-menu-item { display:block; border-top:1px solid #ccc; }	
}
@media screen and (min-width:48em) {
}


/* CONTENT ZONE */
.contentwrapper { 
	background:url(../images/halftone-content.png) top left repeat-x; 
	display:inline-block;
	width:100%;
}
.gallery { 
}
.content { 
	max-width:800px; 
	margin:auto;
	display:block;
	padding:0 1em;
}
.contact {
	max-width:600px;
	padding:1em;
}

.squeeze h1 { margin-bottom:0px; }
.squeeze h2 { margin-bottom:10px; }
.squeeze p { margin-top:0px; }


/* CONTENT STYLING */
.center { text-align:center; }
h1 { 
	font-family: 'Fredoka One', sans-serif;
	font-weight:bold;
	font-size:36pt;
	color:#803300; 
}
h2 { 
	font-family: 'Fredoka One', sans-serif;
	font-weight:normal;
	font-size:20pt;
	color:#d45500; 
}
p { 
	font-family: 'Roboto', sans-serif; 
	color:#2b1100; 
	line-height:16pt;
}
.required { color:#c00; font-weight:bold; font-style:italic; }
strong { color:#d45500; }
a { color:#803300; }
.disclaimer { font-size:11pt; color:#999; }
.button { 
	font-size:16pt;
	text-decoration:none; 
	background-color:#d45500; 
	padding:10px 50px; 
	border-radius:15px; 
	color:#ffeeaa; 
	font-family: 'Fredoka One', sans-serif;
	font-weight:normal;
	margin:15px auto;
	display:inline-block;
}
.button:hover { background-color:#803300; }
textarea { height:10em; }
.failfield { 
	background-color:#c00!important; 
	color:#fff!important; 
}
.failure { 
	background-color:#c00; 
	color:#fff; 
	padding:15px 25px; 
	border-radius:15px; 
} 



/* GALLERY */
.featurewrapper { 
	margin:0 25px; 
	text-align:center;
	display:block;
}
.gallery { 
	margin:auto; 
	max-width:1800px;
}
.pad { 
	margin:3px; 
	border:1px solid #803300; 
	z-index:1; 
	position:relative; 
}
.pad:hover { 
	border:1px solid #ff7f2a; 
	margin:-6px;
	z-index:2;
}

/* LIGHTBOX */
.lightbox {
	display:none;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding: 1em;
	background: rgba(0, 0, 0, 0.8);
	

	
}
.lightbox:target { display:block; }
.lightbox .table { 
	display:table;
	width:100%;
	height:100%;
	max-width:1800px;
	margin:auto;
}
.lightbox .imageWrapper { 
	display:table-cell;
	width:70%; 
	height:100%;
	background-image:url(/images/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.lightbox .image { 
	display:block;
	width:100%; 
	height:100%;
	vertical-align:middle; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain; 
}


.lightbox .image a { width:100%; height:100%; display:block; }

.lightbox .text { 
	display:table-cell;
	width:30%;
	height:100%;
	vertical-align:middle;
	padding:1em;
}
.lightbox .text h2,
.lightbox .text p { color:#fff; text-decoration:none; }
.lightbox .text a { color:#fff; }
.lightbox .text a.close { 
	color:#000;
	text-decoration:none;
	background-color:#fff;
	padding:10px 25px; 
	border-radius:15px;
	font-family: 'Fredoka One', sans-serif;
	display:block;
	text-align:center;
}
.lightbox .text a.close:hover { background-color:#ffeeaa; }
@media screen and (max-width:48em) {
	.lightbox .imageWrapper { display:block; width:100%; height:60%; }
	.lightbox .text { display:block; width:100%; height:40%; padding:0; }
}
.lightbox a.closex { 
	position:absolute; top:5px; right:5px;
	background-color:#fff;
	color:#000;
	font-family: 'Fredoka One', sans-serif;
	display:block;
	font-size:30px;
	line-height:30px;
	border-radius:30px;
	height:30px;
	width:30px;
	padding:10px;
	text-decoration:none;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.50);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.50);
	text-align:center;
}
.lightbox a.closex:hover { background-color:#ffeeaa; }


/* FOOTER */
.footer { 
	text-align:center; 
	font-size:9pt; 
	font-weight:bold; 
}
ul.social { 
	margin:0; 
	padding:0; 
}
ul.social li { 
	display:inline;
	padding:10px; 
}