html { box-sizing:border-box; }
*, *:before, *:after { box-sizing:inherit; }
body { margin:0; padding:0; font:1.125em/1.4 sans-serif; font-weight:normal; color:#666666;
	-webkit-font-smoothing:antialiased; font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
::-moz-selection { background:#b3d4fc; text-shadow:none; }
::selection { background:#b3d4fc; text-shadow:none; }
hr { display:block; height:1px; border:0; border-top:1px solid #d0dee5; margin:25px 0; padding:0; }
audio, canvas, iframe, img, svg, video { vertical-align:middle; }
fieldset { border:0; margin:0; padding:0; }
textarea { resize:vertical; }
img { max-width:100%; height:auto; }

.upgrade { font-size:1.167em; width:100%; padding:20px; margin:0; background:#e91f3e; color:#fff; text-align:center; }
.upgrade a { color:#43414c; text-decoration:underline; }

/* Typography */
h1, h2, h3, h4, h5 { color:#593388; line-height:1.1; margin:0; }
h1 { font-size:3em; margin-bottom:5px; }
h2 { font-size:2.5em; margin-bottom:20px; }
h3 { font-size:1.7em; margin-bottom:5px; }
h4 { font-size:1.5em; margin-bottom:5px; }

ul+h2, p+h2, ul+h3, p+h3 { margin-top:40px; }

p, ul { margin:0 0 20px 0; }
p.large { font-size:1.25em; }
blockquote { font-size:1em; padding:0 0 0 20px; margin:30px 0; border-left:6px solid #4c2076; color:#808080; }

/* Links and buttons */
a {
	color:#593388; outline:none; text-decoration:none; cursor:pointer;
	-webkit-transition:background-color .2s, border .2s, color .2s, opacity .2s ease-in-out;
	   -moz-transition:background-color .2s, border .2s, color .2s, opacity .2s ease-in-out;
	    -ms-transition:background-color .2s, border .2s, color .2s, opacity .2s ease-in-out;
	     -o-transition:background-color .2s, border .2s, color .2s, opacity .2s ease-in-out;
	        transition:background-color .2s, border .2s, color .2s, opacity .2s ease-in-out;
}
p a:hover, ul a:hover { text-decoration:underline; }

.button, input[type="submit"], button { font-size:24px; font-weight:normal; display:inline-block; background:#809722; color:#fff; padding:12px 34px; margin:10px 0; text-decoration:none !important; border:0; }
.button:hover, button:hover { background:#4c2076 !important; text-decoration:none; }

/* Structure */
section, header, main, aside, footer { float:left; width:100%; position:relative; text-align:left; }
.container { width:90%; max-width:1040px; margin:0 auto; }
.half { float:left; width:47%; }
.third { float:left; width:30%; }
.middle { margin-left:5%; }
.right { float:right; }

/* Backgrounds */
.bg { background-size:cover; background-repeat:no-repeat; background-position:center; }

/* Header */
header { background:#4c2076; color:#fff; z-index:1; }
header .container { max-width:1300px; }
header a { color:#dadedf; }
header img { float:left; margin:15px 0 -15px 0 }
header ul, header li { margin:0; padding:0; list-style:none; }
header ul { float:right; margin:144px 0 -15px 0; }
header li { float:left; font-size:0.955em; margin-left:7px; }
header li a { display:block; background:#dadedf; color:#4c2076; padding:15px 15px; }
header li a:hover, header li.active a { background:#4c2076; color:#dadedf; text-decoration:none; }

/* Heading */
.heading { text-align:center; color:#fff; }
.heading .container { max-width:640px }
.heading h1 { color:#fff; text-shadow: 1px 1px 1px #000; }
.heading a { color:#fff; text-decoration:underline; }
.heading p { font-size:1.636em; line-height:1.2; text-shadow: 1px 1px 1px #000; }
.heading .overlay { display:block; background:rgba(51,51,51,0.3); min-height:585px; padding:200px 0 100px 0 }
.contentheading h1 { font-size:2.727em; }
.contentheading p { font-size:1.455em; }
.contentheading .overlay { min-height:380px; padding:140px 0 100px 0 }
.contentheading .container { max-width:860px }

/* Intro */
.intro { padding:80px 0; }
.intro h2 strong { display:block; }
.sectionlist, .sectionlist li { padding:0; list-style:none; }
.sectionlist li { display:block; padding:4px 0 4px 20px; border-bottom:3px solid #dadedf; }
.sectionlist li:last-of-type { border:0; }
.sectionlist li a { display:block; text-decoration:none; }
.sectionlist li a:hover { opacity:0.8; text-decoration:none; }
.sectionlist li span { display:inline-block; background:#00688f; color:#fff; font-size:0.727em; min-width:80px; text-align:center; vertical-align:middle; padding:3px 0; border-radius:18px; margin-right:20px; }

/* Content */
.content { padding:80px 0; }
.content .article { float:right; width:62%; }
.content aside { float:left; width:30%; }
.content aside nav ul, .content aside nav ul li { padding:0; list-style:none; }
.content aside nav ul li { border-bottom:1px solid #dadedf; }
.content aside nav ul li:last-of-type { border:0; }
.content aside nav ul li a { display:block; font-size:1.273em; padding:8px 0; }
.content aside nav ul li.active a { color:#809722; }

.content.center .container { max-width:640px; }
.content.center .article { width:100%; }

/* Volunteer */
.volunteer { padding:60px 0; min-height:540px; background-color:#dadedf; }
.volunteer.bg { background-position:right top; }
.volunteer .content { max-width:730px; }
.volunteer p { margin:0; }

/* FAQ */
.faq { padding:60px 0; min-height:480px; }
.faq.bg { background-position:left top; }
.faq .half { background:rgba(255,255,255,0.9); width:55%; padding:4%; }
.faq .button { margin:0; }
.faqlist, .faqlist li { padding:0; list-style:none; }
.faqlist li { border-bottom:3px solid #dadedf; }
.faqlist li:last-of-type { border:0; }
.faqlist li a { display:block; font-size:1.273em; padding:8px 0; }

/* Footer */
footer { padding:80px 0; background:#8a0065; color:#fff; }
footer h4 { color:#fff; }
footer a { color:#fff; text-decoration:underline; }
footer a:hover { opacity:0.8; }
footer ul, footer li { padding:0; list-style:none; }

/* Menu */
#menu-btn { float:right; display:none; width:60px; height:50px; padding:15px; margin:91px 0 -15px 0; background:#4c2076; cursor:pointer; position:relative; }
#menu-icon { display:block; width:30px; height:20px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; }
#menu-icon span { display:block; position:absolute; height:4px; width:100%; background:#fff; opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; }
#menu-icon span:nth-child(1) { top:0; }
#menu-icon span:nth-child(2) { top:8px; }
#menu-icon span:nth-child(3) { bottom:0; }
#menu-btn.open #menu-icon span:nth-child(1) { top:8px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
#menu-btn.open #menu-icon span:nth-child(2) { opacity:0; }
#menu-btn.open #menu-icon span:nth-child(3) { bottom:8px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }

/* Forms */
form { margin-bottom:60px; }
form p { margin-bottom:15px; }
form label { display:block; margin-bottom:5px; }
form .note { display:block; font-size:0.667em; margin-top:5px; }
form .checkbox label { cursor:pointer; }
form .full { float:left; width:100%; }
form .half { float:left; width:48.5%; text-align:left; }
form .half+.half { float:right; }
form button, form .button { min-width:200px; }
fieldset { border:0; padding:0; margin:0; }
textarea { height:160px; }
.error { color:#b3696c; }

.input{
	display:block;
	width:100%; padding:.6rem; color:#666666;
	border:3px solid #dadedf; background:#fff; border-radius:0;
	outline:0; resize:vertical;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	-webkit-box-sizing:border-box; box-sizing:border-box;
	-webkit-transition:border-color .3s ease; transition:border-color .3s ease
}
.input[disabled] { border-color:#c8c8c8; background-color:#f2f2f2; -webkit-box-shadow:none; box-shadow:none; cursor:not-allowed }
.input:focus { border-color:#593388 }
.control { margin:.9rem 0 .9rem 0; -webkit-box-sizing:border-box; box-sizing:border-box }
.control__input { position:absolute; opacity:0; pointer-events:none }
.control__label { cursor:pointer; display:inline-block; position:relative; padding-left:calc(20px + .6rem); will-change:transform }
.control__label::before { border:3px solid transparent }
.control__label::after,.control__label::before { content:''; position:absolute; top:calc(50% - 10px); left:0; width:20px; height:20px }
.control__label::after { border:1px solid transparent }
.control__label::before {
	border-color:#dadedf; background:#fff; background-size:0;
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05); box-shadow:inset 0 1px 3px rgba(0,0,0,.05);
}
.control__label::after {
	background-size:60%; background-repeat:no-repeat; background-position:center;
	-webkit-transform:scale(0); transform:scale(0); -webkit-transition:-webkit-transform .3s ease; transition:transform .3s ease; transition:transform .3s ease,-webkit-transform .3s ease; will-change:transform
}
.control__input[type=radio]+.control__label::before { border-radius:100% }
.control__input[type=radio]+.control__label::after { background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M256%2C464c114.9%2C0%2C208-93.1%2C208-208c0-114.9-93.1-208-208-208C141.1%2C48%2C48%2C141.1%2C48%2C256C48%2C370.9%2C141.1%2C464%2C256%2C464z%22/%3E%3C/svg%3E) }
.control__input[type=checkbox]+.control__label::after { background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M461.6%2C109.6l-54.9-43.3c-1.7-1.4-3.8-2.4-6.2-2.4c-2.4%2C0-4.6%2C1-6.3%2C2.5L194.5%2C323c0%2C0-78.5-75.5-80.7-77.7c-2.2-2.2-5.1-5.9-9.5-5.9c-4.4%2C0-6.4%2C3.1-8.7%2C5.4c-1.7%2C1.8-29.7%2C31.2-43.5%2C45.8c-0.8%2C0.9-1.3%2C1.4-2%2C2.1c-1.2%2C1.7-2%2C3.6-2%2C5.7c0%2C2.2%2C0.8%2C4%2C2%2C5.7l2.8%2C2.6c0%2C0%2C139.3%2C133.8%2C141.6%2C136.1c2.3%2C2.3%2C5.1%2C5.2%2C9.2%2C5.2c4%2C0%2C7.3-4.3%2C9.2-6.2L462%2C121.8c1.2-1.7%2C2-3.6%2C2-5.8C464%2C113.5%2C463%2C111.4%2C461.6%2C109.6z%22/%3E%3C/svg%3E) }
.control__input[type=checkbox][disabled]+.control__label,.control__input[type=radio][disabled]+.control__label { cursor:not-allowed }
.control__input[type=checkbox][disabled]+.control__label::before,.control__input[type=radio][disabled]+.control__label::before { border-color:#c8c8c8; background-color:#f2f2f2; -webkit-box-shadow:none; box-shadow:none }
.control__input:checked+.control__label::after { -webkit-transform:scale(1); transform:scale(1) }
.select {
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	-webkit-box-sizing:border-box; box-sizing:border-box;
	padding:.6rem; width:100%; border:3px solid #dadedf; background:#fff;
	background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M256%2C298.3L256%2C298.3L256%2C298.3l174.2-167.2c4.3-4.2%2C11.4-4.1%2C15.8%2C0.2l30.6%2C29.9c4.4%2C4.3%2C4.5%2C11.3%2C0.2%2C15.5L264.1%2C380.9c-2.2%2C2.2-5.2%2C3.2-8.1%2C3c-3%2C0.1-5.9-0.9-8.1-3L35.2%2C176.7c-4.3-4.2-4.2-11.2%2C0.2-15.5L66%2C131.3c4.4-4.3%2C11.5-4.4%2C15.8-0.2L256%2C298.3z%22/%3E%3C/svg%3E);
	background-size:12px; background-repeat:no-repeat; background-position:calc(100% - .6rem) center;
	border-radius:0; outline:0
}
.select[disabled] { border-color:#c8c8c8; background-color:#f2f2f2; cursor:not-allowed }
.select:focus { border-color:#593388 }
.select::-ms-expand { display:none }

@media only screen and (max-width:1120px) {

	body { font-size:1.125em; }

	.third { width:47%; margin-bottom:20px; }
	.middle { margin-left:0; float:right; }
	.third.right { float:left; width:100%;  }

	/* Header */
	header img { width:150px; }
	header ul { float:left; width:100%; margin:40px 0; }
	header li { float:none; border-bottom:3px solid #dadedf; margin:0; }
	header li:last-of-type { border:0; }
	header li a { background:none; color:#dadedf; padding:10px; }
	header li.active a { color:#fff; }

	header nav { float:left; width:100%; display:none; }
	#menu-btn { display:block; }

	/* Heading */
	.heading .overlay { min-height:0; padding:100px 0 80px 0 }
  .contentheading .overlay { min-height:0 }

	/* Volunteer */
	.volunteer { padding:40px 0 40px 0;  min-height:0; }
	.volunteer .content { padding:30px; max-width:730px; background-color:rgba(218,222,223, 0.7); }

	/* FAQ */
	.faq { min-height:0; }
	.faq.bg { background-position:left -200px top; }

}

@media only screen and (max-width:720px) {

	h1 { font-size:2.222em; }
	h2 { font-size:2em; }
	.button, input[type="submit"], button { font-size:18px }

	.half { width:100%; margin-bottom:20px; }
	.third { width:100%; margin-bottom:20px; }
	.middle { margin-left:0; }

	/* Intro */
	.intro { padding:60px 0 40px 0; }
	.sectionlist li a { padding-left:0; }

	/* Content */
	.content { padding:40px 0; }
	.content .article { width:100%; }
	.content aside { width:100%; margin-bottom:20px; }

	/* FAQ */
	.faq { padding:60px 0 40px 0;  }
	.faq.bg { background-image:none !important; }
	.faq .half { width:100%; padding:0; }

	/* Footer */
	footer { padding:60px 0 40px 0; }
}