/*
	Contact Form 7 Custom Stlyes
	Description: Custom styles for Contact Form 7 commonly used by Wild Cat Design.
	Template: Divi
*/

.cf7-form .form-row {
	width:100%;
}
.cf7-form .form-col {
	width: 100%;
	float: left;
	padding: 0 10px;
}
.cf7-form .form-row-2-col .form-col {
	width: 50%;
}
.cf7-form .form-col input, .cf7-form .form-col select {
	width: 100%;
	height: 48px;
	background-color: #f9f9f9;
	border: none;
	padding: 16px;
	color: #000;
	margin-bottom: 20px;
}
.cf7-form .form-col input[type="submit"] {
	width: auto;
	color: #eec102;
	padding: 0.3em 1em!important;
	background-color: #f9f9f9;
	border: none;
	border-radius: 4px;
	font-size: 20px;
	transition: 0.2s;
	text-transform: uppercase;
	margin-top:20px;
}
.cf7-form .form-col input[type="submit"]:hover {
	background-color: rgba(244,244,244,0.66);
	cursor: pointer;
}
.cf7-form .form-col input::placeholder, .cf7-form .form-col select::placeholder {
	color: #888 !important;
}
/* Mobile Styles */
@media all and (max-width: 768px) {
	.cf7-form .form-row .form-col {
		width:100%;
	}
	.cf7-form .form-col input, .cf7-form .form-col select {
		margin-bottom: 10px !important;
	}
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	.cf7-form .form-col input[type="submit"] {
		margin-top:0px;
	}
}

/* Example Form 

<div class="cf7-form">

	<div class="form-row form-row-2-col"><div class="form-col">[text* fullname placeholder "Name"]</div><div class="form-col">[tel* phone placeholder "Phone"]</div></div>

	<div class="form-row form-row-1-col"><div class="form-col">[email* email placeholder "Email Address"]</div></div>

	<div class="form-row form-row-1-col"><div class="form-col">[text amount  "Enter Amount"]</div></div>

	<div class="form-row form-row-1-col"><div class="form-col">[recaptcha]</div></div>

	<div class="form-row form-row-1-col"><div class="form-col">[submit "Button Text"]</div></div>

</div>

End Example */