/*
	Arcana by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body, input, select, textarea {
		font-size: 11pt;
		line-height: 1.35em;
	}

	h2 {
		font-size: 1.25em;
		letter-spacing: 0;
		line-height: 1.35em;
	}

	h3 {
		font-size: 1em;
		letter-spacing: 0;
		line-height: 1.35em;
	}

	header p {
		margin-top: -0.5em;
		font-size: 1em;
	}

	header.major {
		padding: 0 20px;
	}

		header.major h2 {
			font-size: 1.25em;
		}

		header.major p {
			top: 0;
			margin-top: 1.25em;
			font-size: 1em;
		}

/* Lists */

	ul.actions li {
		display: block;
		padding: 1.5em 0 0 0;
	}

		ul.actions li:first-child {
			padding: 0;
		}

input, select, textarea {
	color: #474747;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22pt;
	font-weight: 300;
	line-height: 1.65em;
}

/* Icon */

	.icon.major {
		width: 4em;
		height: 4em;
		line-height: 4em;
		box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0;
	}

		.icon.major:before {
			font-size: 24px;
		}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		width: 100%;
		display: block;
	}

/* Box */

	.box.highlight {
		padding-left: calc(4em + 30px);
	}

	.box.post .inner {
		margin-left: calc(30% + 20px);
	}

	.box.post .image {
		width: 30%;
	}

/* Banner */

	#banner {
		height: 12em;
	}

		#banner header {
			padding: 20px;
		}


/* Wrapper */

	.wrapper {
		padding: 2em 20px 1px 20px;
	}

/* CTA */

	#cta {
		padding: 20px;
	}

/* Footer */

	#footer {
		padding: 2em 20px;
		text-align: left;
	}