/* 
	Forms global styles
	Author: Sebastien Marchal / BrockU
*/

#content input[type="text"],
#content input[type="email"],
#content textarea {
	border: 1px solid #e0e0e0;
	padding: 10px;
	font-family: "Bliss Light", "Trebuchet MS", sans-serif;
	font-size: 15px;
	font-weight: 200;
	color: #585858;
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	-webkit-transition: border .2s ease-out;
	   -moz-transition: border .2s ease-out;
		-ms-transition: border .2s ease-out;
	     -o-transition: border .2s ease-out;
		 	transition: border .2s ease-out;
	width: 100%; 
	}
	textarea { height: auto; }
	
	#content input[type="text"]:hover,
	#content textarea:hover {
		border-color: #585858;
		}
	#content input[type="text"]:focus,
	#content textarea:focus {
		border-color: #585858;
		}

input[type=submit] {
	margin: 0;
	font-family: "Bliss Light", "Trebuchet MS", sans-serif;
	font-weight: 200;
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0; padding: 7px 10px;
	color: #ffffff !important;
	background: #cc0000;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-transition: background-color .05s ease-out;
	   -moz-transition: background-color .05s ease-out;
		-ms-transition: background-color .05s ease-out;
	     -o-transition: background-color .05s ease-out;
		 	transition: background-color .05s ease-out;
	}
	input[type=submit]:hover {
		cursor: pointer;
		background: #000000;
		border: none;
		}

#content form label {
	font-family: "Bliss Bold", "Trebuchet MS", sans-serif;
	font-weight: bold;
	}

#content form h3 {
	margin: 40px 0 25px 0;
	font-weight: 300;
	color: #333;
	text-shadow: none;
	}
	#content form h3 span {
		margin-left: 210px;
		}
	
#content form p.hc input[type="text"] {
	margin: -5px 0 0 0;
	width: 30px;
	float: right;
	}
#content form p.hc { margin-right: 40px; padding: 0 0 15px 0; border-bottom: 1px solid #eee; }

form p.form-submit {
	margin: 0 10px 10px 0 !important; padding: 0;
	text-align: right;
	}


/*  Gravity Forms
----------------------- */
.gform_wrapper {
	padding: 1.5em;
	border: 1px solid #000000;
	}



/*  Search form
----------------------- */
div.widget_search {
	padding: 0;
	}
#searchform,
#searchform-mobile {
	margin: 0 auto;
	width: auto;
	display: block;
	clear: both;
	}
	#searchform label,
	#searchform-mobile label { display: none; }

#searchform input#s,
#searchform-mobile input#s-mobile {
	color: #a8a8a8;
	font-size: 13px;
	width: 82%;
	height: 55px;
	padding: 5px 5px 5px 20px !important;
	margin: 0;
	float: left;
	border: 1px solid #f8f8f8 !important;
	background: #f8f8f8 !important;
	border-right: none;
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	-webkit-transition: border .2s ease-out;
	   -moz-transition: border .2s ease-out;
		-ms-transition: border .2s ease-out;
	     -o-transition: border .2s ease-out;
		 	transition: border .2s ease-out;
	-webkit-transition: background-color .05s ease-out;
	   -moz-transition: background-color .05s ease-out;
		-ms-transition: background-color .05s ease-out;
	     -o-transition: background-color .05s ease-out;
		 	transition: background-color .05s ease-out;
	}
	#searchform input#s:focus,
	#searchform-mobile input#s-mobile:focus {
		color: #585858;
		}		
	#searchform input#s:hover,
	#searchform-mobile input#s-mobile:hover {
		border: 1px solid #fff;
		border-right: none;
		background: #fff;
		color: #585858;
		}
#searchform input#s:focus,
#searchform button#searchsubmit:active,
#searchform-mobile input#s-mobile:focus {
	border: 1px solid #fff;
	border-right: none;
	background: #fff;
	}
#searchform button#searchsubmit,
#searchform-mobile button#searchsubmit-mobile {
	margin: 0; padding: 0 0 2px 0 !important;
	width: 18%;
	height: 55px;
	color: #fff !important;
	background: #cc0000 !important;
	font-size: 20px;
	text-transform: uppercase;
	float: right;
	border: 1px solid #cc0000;
	border-radius: 0 !important;
	-webkit-transition: border .05s ease-out;
	   -moz-transition: border .05s ease-out;
		-ms-transition: border .05s ease-out;
	     -o-transition: border .05s ease-out;
		 	transition: border .05s ease-out;
	-webkit-transition: background-color .05s ease-out;
	   -moz-transition: background-color .05s ease-out;
		-ms-transition: background-color .05s ease-out;
	     -o-transition: background-color .05s ease-out;
		 	transition: background-color .05s ease-out;
	}
#searchform button#searchsubmit:hover,
#searchform button#searchsubmit-mobile:hover {
	cursor: pointer;
	background: #000000 !important;
	border: 1px solid #000000;
	color: #fff !important;
	}

#searchform-mobile button#searchsubmit-mobile {
	color: #585858 !important;
	background-color: #e8e8e8 !important;
	border: 1px solid #e8e8e8 !important;
	}