/*
	(c)2012 - visuallizard.com
	
	General styles. Template, view, plugin specific, etc.
*/
.note {
	padding: 3%;
	background: #ffe596;
}

h3, h4 { position: relative; clear: both; width: 100%; box-sizing: border-box; }
img { max-width: 100%; }
iframe { max-width: 100%; }
#main a.button {
	padding: 0.5rem 1.5rem;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	font-size: 1.25rem;
	font-weight: 600;
	background: #654665;
	color: #fff;
	transition: all 0.2s ease;
}
#main a.button:hover {
	background: #006a6e;
}

h3.continue { padding-right: 5%; }
h3.continue:after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	right: -10px;
	padding: 0;
	margin: 0;
	border: none;
	border-top: 10px solid #000;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	cursor: pointer;
}
h3.continue.active:after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	right: -10px;
	padding: 0;
	margin: 0;
	border: none;
	border-bottom: 10px solid #000;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
div.continue-block {
	display: none;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}


/* !banner styles */
#banner-block ul.banners {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	max-height: 450px;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
	#banner-block ul.banners li {
		position: relative;
	}
	#banner-block ul.banners li div {
		display: block;
		position: absolute;
		top: 30%;
		left: 50%;
		width: 280px;
		padding: 0;
		margin: 0 0 0 -40%;
		
		-webkit-transform: rotate(-20deg);
		-moz-transform: rotate(-20deg);
		transform: rotate(-20deg);
		
		font-size: 70px;
		line-height: 60px;
		text-align: center;
		color: #654665;
	}
	#banner-block ul.banners li:nth-of-type(2n) div {
		margin: 0 0 0 15%;
		
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		transform: rotate(20deg);
	}
		#banner-block ul.banners li img {
			width: 100%;
			height: auto;
			min-height: 250px;
		}
		#banner-block .slick-dots {
			list-style: none;
			position: absolute;
			bottom: 1em;
			left: 50%;
			margin: 0 0 0 -45px;;
			text-align: center;
			width: 120px;
		}
		#banner-block .slick-dots > li {
			display: block;
			float: left;
			margin: 0 5px;
			text-align: center;
		}
		#banner-block .slick-dots > li > button {
			display: block;
			border: 3px solid #006a6e;
			border-radius: 100%;
			background: none;
			text-indent: -10em;
			overflow: hidden;
			margin: 0;
			padding: 0;
			width: 16px;
			height: 16px;
			cursor: pointer;
		}
		#banner-block .slick-dots > li:hover > button,
		#banner-block .slick-dots > li.slick-active > button {
			background: #fff;
		}


/* !news module styles */
div.story {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px solid #000;
}
div.story:first-of-type { border-top: 1px solid #000; }


/* !form styles */
iframe { width: 100%; }
form.standard {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 3%;
	margin: 0 0 15px 0;
	box-sizing: border-box;
	background: #e4e4e4;
}
	form.standard .input {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
	form.standard label {
		display: block;
		position: relative;
		float: left;
		width: 28%;
		padding: 1% 0;
		margin: 0;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: 300;
		line-height: 24px;
	}
	form.standard input[type="text"],
	form.standard textarea {
		width: 68%;
		float: right;
		padding: 1%;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 24px;
	}
	form.standard input[type="submit"] {
		display: block;
		position: relative;
		width: 40%;
		padding: 3% 0;
		margin: 0 30%;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		box-shadow: none;
		font-size: 20px;
		text-transform: uppercase;
		text-shadow: none;
		background: #654665;
		color: #fff;
		
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
	form.standard input[type="submit"]:hover { background: rgba(103, 71, 103, 0.5); }