/*--------------------------------------------------------------
3.6 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
	font-family: $primary-font;
	font-size: 100%;
	margin: 0;
	outline: 0;
	vertical-align: baseline;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-weight: bold;
	font-size: 13px;
	color: $white-color;
	border: none;
	border-radius: 1px;
	background-color: #f5f5f5;
	transition: $primary-transition;

	&:hover {
		background-color: darken($primary-color, 3);
	}
}

form.search-form {
	position: relative;
}

textarea {
	width: 100%;
	overflow: auto;
	vertical-align: top;
	border: 1px solid #e6e6e6;
}

/* Contact Form */
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select,
.wpcf7-date {
	display: block;
	padding: 15px 20px;
	margin: 7px 0 20px 0;
	font-size: 14px;
	font-weight: normal;
	color: $text-color;
	border: 1px solid #e6e6e6;
	background-color: #f5f5f5;
	border-radius: 1px;
	transition: $primary-transition;
}

.wpcf7-text,
.wpcf7-select,
.wpcf7-date {
	width: 100%;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
	outline: none;
	border-color: $primary-color;
}

.wpcf7-select {
	height: 54px;
	padding: 0 20px;
	color: $text-color;
}

.wpcf7-textarea {
	max-width: 100%;
}

.wpcf7-submit {
	float: left;
    padding: 18px 24px;
	outline: none;
	font-size: 13px;
	font-weight: bold;
	line-height: inherit;
	text-transform: uppercase;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.wpcf7 span {
	font-weight: bold;
	color: $primary-color;
}
.wpcf7-response-output {
	margin: 0;
	clear: both;
}
div.wpcf7 img.ajax-loader {
	position: absolute;
	top: 0;
	right: 15px;
}
.wpcf7-form .info-text {
	position: relative;
	top: -4px;
	margin: 0 0 0 25px;
	color: #ababab;
}
.wpcf7-validation-errors {
	border-color: red;
}
.wpcf7-form.invalid .wpcf7-submit {
	margin-bottom: 10px;
}
.wpcf7-form img {
	width: auto;
}
span.wpcf7-not-valid-tip {
	margin-bottom: 20px;
	text-align: left;
}

span.wpcf7-list-item {
	margin-left: 0;
	display: block;
	color: $white-color;
	background-color: $primary-color;
	border-bottom: 1px dashed darken($primary-color, 3);
	transition: $primary-transition;

	&:hover {
		background-color: darken($primary-color, 3);
	}

	&.last {
		border-bottom: none;
	}

	label {
		display: block;
		padding: 16.2px 30px;
		margin-bottom: 0;
		cursor: pointer;

		span {
			color: $white-color;
			text-shadow: 0 1px 1px rgba(0,0,0,0.2);
		}
	}

	input {
		margin-right: 10px;
	}
}

/* Request Quote Form */
.request-quote-form {
	margin-bottom: 8px;

	.wpcf7-text,
	.wpcf7-textarea,
	.wpcf7-select {
		background-color: #f9f9f9;
		border-color: $light-gray-color;
	}

	.wpcf7-textarea {
		height: 175px;
	}

	.wpcf7-text,
	.wpcf7-select {
		height: 45px;
	}

	.wpcf7-submit {
		float: right;
		padding: 16px 22px;
	}

	img.ajax-loader {
		position: absolute;
		left: 15px;
	}
}

.ask-a-question-form {

	.wpcf7-textarea {
		height: 125px;
		background-color: #ffffff;
	}

	.wpcf7-text,
	.wpcf7-textarea,
	.wpcf7-select,
	.wpcf7-date {
		border-color: transparent;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
		background-color: #ffffff;
	}

	.wpcf7-submit {
		float: none;
	}

	.ajax-loader {
		position: absolute;
		top: 0;
		right: 15px;
	}
}