/*-----------------------------------------------------------------------------
author:    www.yakimavalleytourism.com
-----------------------------------------------------------------------------*/


/* =Hot Shots Contact Us
-----------------------------------------------------------------------------*/

.success {
	color:#ffffff;
	background:#009900;
	padding:.25em;
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
	margin:0 0 1em 0;
	display:block;
	}
.error {
	color:#ffffff;
	background:#ff0000;
	padding:.25em;
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
	margin:0 0 1em 0;
	display:block;
}


#formWrapper {
	width:75%;
	margin:0 auto;
	}
	
#done {
	text-align:center;
	}

/* Form Elements */

form {
	padding:0 0 1.5em 0;
	}
	
input[type="text"], select, textarea, input[type="hidden"] {
	background:#ffffff;
	padding:.35em;
	border:none;
	margin-right:3px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;	
	border:solid 1px #00a4dd; 						
	}
	
select {
	margin:0 0 1.5em 0;
	}

.inputBox {
	margin:0 0 1.5em 0;
	}
	
.inputBox input[type="text"], .inputBox select {
	width:99%;
	}
	
/* textarea Styles */
	
textarea {
	width:100%;
	}
	
textarea.detail {
	height:7em;
	}
	
/* focus styles */
	
input:focus, textarea:focus, select:focus { 
	border:solid 1px #fb018e; 
	background:#ffffff;
	}
	
/* submit Btn styles */
	
input[type="submit"] {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;												
	}
	
input.submit {
	padding:.55em;
	border:none;
	color:#ffffff;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:50%;
	font-size:125%;
	margin:0 0 30px 0;
	background: #146c37;
	font-family: 'OpenSansExtraBold', Arial, sans-serif; 
	}
	
input.submit:hover {
	background:#eb6d24;
	}
	
@media screen and (max-width: 720px) {
	
#leftSide {
	width:100%;
	float:none;
	}

#formWrapper {
	width:100%;
	float:none;
	}
	
input.submit {
	width:100%;
	}
	
}