/* geolearns form style */

#gcaptcha {
	margin-left:37%;
	padding:15px 0 15px 0;
}

form {
	width:100%;
	margin:0;
	padding:0;
}

/* EMAIL CONTACT FORM */
form.contact {
	width:100%;
	font-family:'Open Sans',sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#74350a;
	margin:0;
	padding:0;
}

form.contact fieldset {
	border:0;
	background:#d4c8c1;
	margin-bottom:30px;
	padding:25px;
	text-align:left;
}
form.contact fieldset.required {
	border:5px solid #74350a;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#74350a;
	text-align:center;
	margin-bottom:15px;
	padding:20px 50px;
}

form.contact legend {
	width:60%;
	background:#74350a;
	font-size:24px;
	font-weight:600;
	color:#fff;
	text-align:center;
	margin:0;
	padding:5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	box-shadow: 0 0 0 2px #eee;
}
form.contact legend.required {
	font-size:22px;
	font-weight:600;
	color:#fff;
} 
form.contact legend.success {
	background:#00a146;
	font-size:22px;
	font-weight:600;
	color:#fff;
}

/*
form.contact label {
	font-size:18px;
	font-weight:normal;
	color:#333;
	width:30%;
	float:left;
	text-align:right;
	margin-right:10px;
	display:block;
}
*/

form.contact input {
	font-size:18px;
	font-weight:normal;
	color:#000;
	background:#fafafa;
	border:1px solid #ccc;
	vertical-align:top;
	padding:10px;
	width:70%;
}
form.contact input:hover, input:focus {
	border-color:#74350a;
	background:#f6f6f6;
}

form.contact input[type=checkbox] {
    width:20px;
    height:20px;
	position:relative;
	vertical-align:middle;
	margin:10px 0;
	padding:0;
	bottom:2px;
}

form.contact input[type=radio] {
    width:20px;
    height:20px;
	position:relative;
	vertical-align:middle;
	bottom:3px;
}

form.contact select {
	font-family:arial,helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#000;
	background:#fafafa;
	border:1px solid #ccc;
	vertical-align:top;
	padding:2px 3px;
}
form.contact select:hover, select:focus {
	border-color:#999;
	background:#f6f6f6;
}


/*
.select-default {
	font-size:18px;
	font-weight:normal;
	color:#ccc;
}
*/

form.contact textarea {
	font-size:18px;
	font-weight:normal;
	color:#000;
	background:#fafafa;
	border:1px solid #ccc;
	padding:10px;
	width:70%;
}
form.contact textarea:hover, input:focus {
	border-color:#74350a;
	background:#f6f6f6;
}

.submit-button {
	width:100%;
	text-align:center;
	margin:25px 0;
	padding:0;
}

form.contact input.submit {
	font-size:22px;
	font-weight:400;
	color:#964b2b;
	padding:16px 0;
    background:#e6e2e0;
    border:2px solid #964b2b;
	width:72%;
    cursor:pointer;
}
form.contact input.submit:hover {
	background:#f5f1ee;
}

form.contact input.submit2 {
	font-size:22px;
	font-weight:400;
	color:#964b2b;
	padding:16px 0;
    background:#e6e2e0;
    border:2px solid #964b2b;
	width:50%;
    cursor:pointer;
}
form.contact input.submit2:hover {
	background:#f5f1ee;
}

form.contact p {
	margin:0 0 20px 0;
	padding:0;
	text-align:center;
}
form.contact span {
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0;
	text-align:center;
}


/* responsive forms */
@media only screen and (max-width:800px) {
	form.contact {
		width:98%;
	}
}

@media only screen and (max-width:767px) {
	form.contact legend {
		width:70%;
		font-size:18px;
	}
	form.contact legend.required {
		width:70%;
		font-size:18px;
	} 
	form.contact legend.success {
		width:70%;
		font-size:18px;
	}

	form.contact input {
		width:190px;
	}

	form.contact textarea {
		width:190px;
	}
}


@media only screen and (max-width:600px) {
	#gcaptcha {
		margin-left:15%;
		padding:0;
	}
	form.contact input {
		width:90%;
	}
	form.contact select {
		width:15%;
		text-align:left;
	}
	form.contact textarea {
		width:90%;
	}
}