/* Default Stylesheet */

.contact-form:after {content:'';display:block;clear:both;}
.contact-form label {display:block;}
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form textarea {display:block;width:100%;background:#eee;color:#ccc;padding:10px 15px;margin-bottom:10px;border:0;font-size:17px;font-family:inherit;}
.contact-form textarea {height:100px;}
.contact-form input[type=button],
.contact-form input[type=submit] {float:right;background:#565656;color:#fff;border:0;padding:15px 40px;transition:all .3s;cursor:pointer;text-transform:uppercase;font-family:inherit;font-size:17px;}
.contact-form input[type=button]:hover,
.contact-form input[type=submit]:hover {background:#3e246b;}

.content-interior h1 {font-size:36px;color:#3e246b;line-height:36px;font-weight:normal;}
.content-interior h2 {font-size:30px;color:#3e246b;line-height:30px;font-weight:normal;}
.content-interior h3 {font-size:24px;color:#3e246b;line-height:24px;font-weight:normal;}
.content-interior h4 {font-size:20px;color:#3e246b;line-height:20px;font-weight:normal;}
.content-interior h5 {font-size:18px;color:#3e246b;line-height:18px;font-weight:normal;}
.content-interior h6 {font-size:16px;color:#3e246b;line-height:16px;font-weight:normal;}

.accordian > div {border-top:1px solid #383838;margin-top:20px;padding-top:10px;}
.accordian > div > h2 {background:#200c29;padding:10px;font-size:26px;line-height:26px;cursor:pointer;}
.accordian > div > h2:hover {background:#331133;}
.accordian > div > div {display:none;}
.accordian > div > div h3 {font-size:18px;}
.accordian > div > div * + h3 {margin-top:24px;}
.accordian > div > div h3 + * {margin-top:10px;}

.double:after,
.triple:after,
.quad:after,
.address:after {content:'';display:block;clear:both;}

.double > div {float:left;width:48%;}
.double > div:nth-child(2n) {margin-left:4%;}
.triple > div {float:left;width:30.66%;}
.triple > div:nth-child(3n-1) {margin-left:4%;margin-right:4%;}
.quad > div {float:left;width:22%;margin-left:4%;}
.quad > div:nth-child(4n-3) {margin-left:0;}
.address > div {float:left;}
.address > div:nth-child(3n-2) {width:46%;}
.address > div:nth-child(3n-1) {width:18%;margin-left:4%;margin-right:4%;}
.address > div:nth-child(3n) {width:28%;}

.form-input label {display:block;position:relative;}
.form-input label .example {float:right;font-size:12px;}

.custom-form-option-container.horizontal,
.custom-form-option-container.vertical {margin-bottom:10px;}
.custom-form-option-container.horizontal label {display:inline;margin-right:10px;}
.custom-form-action {text-align:center;}

.form-input label span.error-message,
.form-input label span.error-validate {position:absolute;top:2em;right:20px;display:none;font-size:11px;color:#c00;}
.form-input label.has-error input[type=text], 
.form-input label.has-error input[type=tel], 
.form-input label.has-error input[type=email], 
.form-input label.has-error input[type=date], 
.form-input label.has-error input[type=time], 
.form-input label.has-error input[type=number],
.form-input label.has-error select,
.form-input label.has-error textarea {border:1px solid #f00;}

.form h2,
h2.custom-form-section-header {background:#3e246b;color:#fff;padding:0 5px;font-size:18px;line-height:1.5em;margin:20px 0 10px;font-weight:normal;}
h3.custom-form-section-header {background:#3e246b;color:#fff;padding:0 5px;font-size:18px;line-height:1.5em;margin:20px 0 10px;font-weight:normal;}
.form-input {margin-bottom:15px;}
.form-input strong,
.form-input label {font-size:16px;}
.form-input .horizontal label,
.form-input .vertical label {white-space:nowrap;}
.form-input strong {display:block;margin-bottom:5px;white-space:normal;}
.form-input input[type=text],
.form-input input[type=tel],
.form-input input[type=number],
.form-input input[type=date],
.form-input input[type=time],
.form-input input[type=email],
.form-input textarea,
.form-input select {
	width:100%;
	box-sizing:border-box;
	padding:5px 10px;
	font-family:inherit;
	font-size:20px;
	border:1px solid #ccc;
	border-radius:5px;
}
.form-input textarea {height:100px;}
.form-input label input[type=radio],
.form-input label input[type=checkbox] {margin-left:10px;}
.form button[type=submit],
.custom-form-action button[type=submit] {
	background: #3e246b;
	color: #fff;
	font-family: inherit;
	text-transform: uppercase;
	border: 0;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 300;
	padding: 5px 30px;
	display: block;
	margin-bottom: 20px;
	margin: 0 auto 20px;
	cursor: pointer;
	transition:all .3s;
}
.form button[type=submit]:hover {
	background:#777;
}

.leftnav ul {padding: 0;list-style: none;}
.leftnav a {display: block;border-top: 1px solid #3e246b;padding: 3px 15px;}
.leftnav li li a {padding-left: 30px;}
.leftnav li li li a {padding-left: 45px;}
.leftnav a:hover {background: #3e246b;color: #fff !important;}
.leftnav .more-indicator {display:none;}

#botnavlist {list-style:none;margin:20px 0 0;padding:0;}
#botnavlist li {display:inline-block;margin:0;font-size:18px;text-align:left;vertical-align:top;position:relative;}
#botnavlist a {padding:10px 15px;display:block;}
#botnavlist a:hover {background:#CFB53B;color:#fff;}
#botnavlist ul {margin:0;padding:0;display:none;position:absolute;bottom:100%;left:0;background:#3e246b;white-space:nowrap;}
#botnavlist ul ul {bottom:auto;top:0;left:100%;}
#botnavlist li li {display:block;font-size:14px;}
#botnavlist li li a {padding:2px 15px;}
#botnavlist li:hover > ul {display:block;}

.address {font-size:16px;margin-bottom:10px;}
.copyright {margin-bottom:10px;color:#ccc;}
@media (max-width:991px){
	#botnavlist a {padding:10px 5px;}
}
@media (max-width:767px){
	section#content {padding-left:20px;padding-right:20px;}
	#botnavlist li {display:block;}
}


	.giving-item {
		border: 1px solid #CFB53B;
		display: grid;
		align-items: center;
		flex-direction: column;
		position: relative;
		height: 100%;
	}
	.giving-item i {
		font-size: 0px;
		color: #CFB53B;
	}
	.giving-item i::before {
		font-size: 60px;
	}
	.giving-item h2 {
		color: #000;
		font-size: 24px;
		font-weight: bold;
	}
	
	.giving-item:hover .giving-overlay {
		opacity: 1;
	}
	.giving-main {
		grid-column: 1;
		grid-row: 1;
		text-align: center;
		padding: 3em 2em;
	}
	.giving-overlay {
		grid-column: 1;
		grid-row: 1;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		opacity: 0;
		font-size: 14px;
		padding: 2em;
		background: #f3e085;
		margin: 0;
		border: 1px solid #3e246b;
		transition: opacity 250ms;
		height: 100%;
	}
	
	.giving-overlay i {
		font-size: 0px;
		color: #3e246b;
	}
	.giving-overlay i::before {
		font-size: 40px;
	}

	.giving-overlay h3 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: .5em;
		padding-bottom: .5em;
		position: ;
	}

	.giving-overlay h3:after {
		content: '';
		height: 0;
		width: 50%;
		display: block;
		position: absolute;
		transform: translate(50%,10px);
		left: 0;
		border-bottom: 2px solid #CFB53B;
	}