@import url('https://use.typekit.net/yzk3anr.css');


html, body { height: 100%; }
body {
	background	: #efe7df url('/assets/images/presite-loading.gif') no-repeat center 50vh;
	color		: #575d63;
	margin		: 0;
	overflow	: hidden;
}
body, input, select { font-family: commuters-sans, sans-serif; }

header {
	background		: url('/assets/images/presite-background.jpg') no-repeat center;
	background-size	: cover;
	height			: 100%;
}
header, header > a { opacity: 0; }
header:before {
	background	: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background	: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background	: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	content		: '';
	display		: block;
	filter		: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
	height		: 30vh;
	position	: absolute;
	top			: 0;
	width		: 100%;
}

#top-logo {
	display		: block;
	padding-top	: 2rem;
	position	: relative;
	text-align	: center;
}
@media only screen and (max-width: 480px) {
	#top-logo img { width: 60%; }
}
#scroll-down {
	bottom			: .5rem;
	color			: #c1a68c;
	font-family		: arno-pro, serif;
	font-size		: 1.44rem;
	left			: 50%;
	line-height		: 1;
	position		: absolute;
	text-align		: center;
	text-decoration	: none;
	text-transform	: capitalize;
	transform		: translateX(-50%);
	white-space		: nowrap;
	z-index			: 1;
}
#scroll-down:after {
	content			: '\00BB';
	display			: inline-block;
	font-family		: commuters-sans, sans-serif;
	font-size		: 2.5rem;
	font-weight		: 300;
	line-height		: 2.5rem;
	padding-bottom	: .5rem;
	transform		: rotate(90deg) scaleY(1.5);
}
#stamp {
	display		: block;
	margin		: -10rem 0 0 3rem;
	position	: absolute;
	width		: 20rem;
}
@media only screen and (max-width: 480px) {
	#stamp {
		margin	: -4.5rem 0 0 .5rem;
		width	: 9rem;
	}
}


blockquote {
	background		: url('/assets/images/blockquote-bg.jpg') repeat-y center;
	background-size	: cover;
	color			: #c1a68c;
	font-family		: arno-pro, serif;
	font-size		: 2rem;
	font-style		: italic;
	font-weight		: 400;
	margin			: 0;
	padding			: 6rem 0;
	text-align		: center;
}
blockquote span {
	display	: inline-block;
	width	: 50%;
}
/*blockquote span:before { content: '\201C'; }
blockquote span:after { content: '\201D'; }*/

@media only screen and (max-width: 480px) {
	blockquote {
		font-size	: 1.5rem;
		padding		: 4rem 0;
	}
	blockquote span { width: 94%; }
}


img.bordered {
	border-bottom	: 4px #c1a68c solid;
	border-top		: 4px #c1a68c solid;
	display			: block;
	width			: 100%;
}

.content {
	padding		: 4rem 0 3rem;
	text-align	: center;
}
.content > div {
	margin	: 0 auto;
	width	: 60%;
}
.content hr { margin: 3rem 0; }
.content, input, select { font-size: 1.315rem; }
.content em {
	font-family	: arno-pro, serif;
	font-size	: 1.44rem;
}

@media only screen and (max-width: 480px) {
	.content {
		font-size	: 1rem;
		padding		: 2rem 0 1rem;
	}
	.content > div { width: 85%; }
	.content em { font-size: 1.2rem; }
}


.button {
	-webkit-appearance	: none;
	background			: #84a3C3;
	border				: none;
	border-radius		: 0;
	color				: #fff;
	cursor				: pointer;
	display				: inline-block;
	font-size			: .835rem;
	letter-spacing		: .25rem;
	margin				: 1rem 0;
	padding				: 1rem 4rem;
	text-decoration		: none;
	text-transform		: uppercase;
}
@media only screen and (max-width: 480px) {
	.button { padding: 1rem 3rem; }
}


#join-form { display: none; }
#join-form table { margin: 0 auto; }
/*#join-form .formcaption {
	text-align		: right;
	vertical-align	: middle;
}*/
#join-form .hidden-row {
	display		: none;
	opacity		: 0;
	transition	: all .5s;
}
#join-form input:not([type=submit]):not([type=checkbox]), #join-form select {
	-webkit-appearance	: none;
	background			: #e4dbd3;
	border				: #84a3C3 1px solid;
	border-radius		: 0;
	box-sizing			: border-box;
	padding				: .25rem .5rem;
	width				: 100% !important;
}
#join-form input[type=checkbox] {
	opacity		: 0;
	position	: absolute;
}
#join-form input[type=checkbox] + span, #join-form input[type=radio] + span {
	background		: #e4dbd3;
	border			: #84a3C3 1px solid;
	box-sizing		: border-box;
	cursor			: pointer;
	display			: inline-block;
	font-size		: 1.315rem;
	height			: 1.815rem;
	line-height		: 1.815rem;
	margin			: 0 .5rem .5rem 0;
	text-align		: center;
	vertical-align	: middle;
	width			: 1.815rem;
}
#join-form input[type=checkbox]:checked + span:after, #join-form input[type=radio]:checked + span:after {
	content	: '\2714';
	display	: block;
	height	: 1.815rem;
	width	: 1.815rem;
}

@media only screen and (max-width: 480px) {
	#join-form td {
		display	: block;
		width	: 100% !important;
	}
}


div[id^="db_form_response_container_"] {
	margin		: 0 auto;
	text-align	: center !important;
	width		: 80%;
}



footer {
	background		: #192a42 url('/assets/images/footer-ruler.png') repeat-x center bottom;
	background-size	: auto 49px;
	border-top		: 2px #c1a68c solid;
	font-size		: .6rem;
	font-weight		: 600;
	letter-spacing	: .1rem;
	padding			: 1.5rem 0 4rem;
	position		: relative;
	text-align		: center;
	text-transform	: uppercase;
}
footer, footer a { color: #8c94a0; }
footer a { text-decoration: none; }
footer p { margin: 1.25rem 0; }
footer small {
	font-size	: .5rem;
	font-weight	: 200;
}
footer:before {
	background		: url('/assets/images/footer-decoration.png') no-repeat center;
	background-size	: contain;
	content			: '';
	display			: block;
	height			: 14px;
	left			: 50%;
	position		: absolute;
	top				: 0;
	transform		: translateY(-50%);
	width			: 12px;
}