/*
 * Haven Contact Form module
 * Designed by CraigGarner http://craiggarner.net
 * Joomla codes by Erwin Schro http://joomlamini.com
 */

#contact-form { overflow: hidden; padding-bottom: 66px; width: 100%; }

.form-full { border: 1px solid #fff; width: 100%; margin-right: 0; overflow: hidden; float: left; margin-bottom: 33px; }
.form-full h5 { display: inline-block; padding: 11px 22px 11px 22px; border-right: 1px solid #fff; width: 50%; }

.form-upper { border: 1px solid #fff; width: 48%; margin-right: 2%; overflow: hidden; float: left; margin-bottom: 33px; }
.form-upper h5 { display: inline-block; padding: 11px 22px 11px 22px; border-right: 1px solid #fff; width: 31%; }

.form-last { float: right; margin-right: 0; margin-left: 2%; }

.form-lower { float: left; border: 1px solid #fff; width: 83%; margin-right: 2%; overflow: hidden; }
.form-lower h5 { display: inline-block; padding: 11px 22px 11px 22px; border-right: 1px solid #fff; width: 24%; }

#form-button { float: left; width: 15%; background-color: #fff; padding: 11px; text-align: center; cursor: pointer; }

.input-holder { float: left; display: inline-block; width: 68%; }
.form-full .input-holder { width: 50%; }
.input-holder input { width: 100%; margin: 0; padding-left: 15px; border: none; background: none; color: #fff; height: 47px; font-size: 14px; }
.input-holder input:focus { background: none; border-color: transparent; box-shadow: none; }

#details-error, .details-error { display: none; background-color: #fd2d2d; color: #fff; padding: 11px; margin-bottom: 44px; }
#form-sent, .form-sent { display: none; background-color: #2fcf5c; color: #fff; padding: 11px; margin-bottom: 44px; }

/************** SMARTPHONES ****************/

@media only screen and (max-width: 767px){
	
	.form-upper { width: 100%; }
	.form-upper h5 { border-right: none; }
	.form-lower { width: 100%; margin-bottom: 22px; }
	.form-lower h5 { border: none; }
	#form-button { width: 100%; }
}

/***** PORTRAIT TABLETS *****/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	.form-upper{ width: 100%; }
	.form-upper h5{ border-right: none; }
	.form-lower{ width: 100%; margin-bottom: 22px; }
	.form-lower h5{ border: none; }
	#form-button{ width: 100%; }

}