/* local.contact.css */ 

#contact {
	background-image: url('../images/static/banners/helicopter-background.png') !important; 
	background-size: contain; 
	background-repeat: no-repeat; 
}

#contact .inner h2 {
	display: block; width: 100%; clear: both; text-align: center; 
	padding: 20px; 
}

#contact .colgroup {
	display: flex; 
	width: 100%; 
	max-width: 100%; 
}

#contact .colgroup .col {
	flex: 1; 
	min-height: 100vh; 
}

#contact-info {
	display: block; width: 100%; 
	text-align: center; 
	font-size: 0.8rem; 
	list-style-type: none; 
	padding: 0px; margin: 0px; 
}

#contact-info li.certification:nth-child(6) {
	margin-top: 20px; 
}
#contact-info li.certification {
	font-size: 0.75rem; 
}


/*	Left - Questions and Answers
	------------------------------------------------------ */ 

#questions-and-answers {
	background-color: #332869; 
}

#questions-and-answers ul {
	display: block; text-align: left; 
	list-style-type: none; 
	padding: 0px; 
	margin: 0px;
}
	#questions-and-answers ul li {
		display: block; text-align: left; 
		padding: 5px; 
		position: relative; 
	}

	#questions-and-answers ul span.question {
		cursor: pointer; 
		padding-left: 30px !important; 
		padding: 10px; 
	}

	#questions-and-answers ul span.question::before {
		display: block; 
		width: 25px; 
		height: 25px;  
		left: 5px; 
		top: 15px;
		content: "";
		position: absolute;  
		background-image: url('expand-more-alt-svgrepo-com.svg'); 
		background-size: contain; 
		background-repeat: no-repeat; 
		background-position: center; 	
	}

	#questions-and-answers ul span.question.active::before {
		background-image: url('expand-less-alt-svgrepo-com.svg'); 
	}

	#questions-and-answers ul span.answer {
		background-color: #fff; 
		color: #00456f; 
		padding: 0px;
		overflow: hidden;  
	}

	/* Need due to the way MooTools calculates height */ 
	#questions-and-answers ul span.answer .answer-padding {
		padding: 20px; 
	}



/*	Right - Contact
	------------------------------------------------------ */ 
	
#location {
	text-align: center; 
}

#location .map-icon img {
	width: 40px; height: auto; 
}

#contact-form {
	text-align: center; 
}

form#c-form {
	width: 100%; max-width: 450px; 	
	margin: 0px auto; 
}
form#c-form ul.form-fields {
	width: 100%; 	
}
form#c-form ul.form-fields li label {
	display: none; 	
}
	#c-form input:not([type=submit]),
	#c-form select,
	#c-form textarea {
		width: 100%; 	
	}


.form-actions {
	margin-top: 10px !important; 
}

.form-actions input {
	width: 100%; 
}


/* 	RWD
	---------------------------------- */ 
	
@media (max-width: 680px) {  
	#contact .colgroup {
		flex-direction: column; 
	}
	
	#contact .colgroup .col {
		flex-basis: 100%; 
		width: 100%; 
	}
}