/* 
	Theme Name: Contact Form
	Date: January 2017
	Description: Basic HTML5/CCS3 Contact Form
	Version: 1.0
	Author: Willem Vermeylen
*/

/*  
	===========================
	======= Body Style ========
	===========================
*/

h2 {
	margin-bottom: 20px;
	color: #6F6F00;
	margin: 0 0 10px 0;
}

/*  
	===========================
	====== Contact Form =======
	===========================
*/

input, textarea {
	padding: 5px;
	border: 1px solid #E5E5E5;
	width: 350px;
	color: #000;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
    box-sizing: border-box;
}

textarea {
	width: 350px;
	height: 150px;
	max-width: 350px;
	max-height: 150px;
	line-height: 15px;	
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: 1px solid #C9C9C9;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
}

.form label {
	width: 100px;
	margin-left: 10px;
	color: #FFF;
}

.tab-message {
	left: 90px;
}
.tab-name {
	left: 52px;
}
.tab-email {
	left: 1000px;
}
.tab-phone {
	left: 25px;
}

.tab-button {
	margin-left: 100px;
}
/*  
	===========================
	====== Submit Button ======
	===========================
*/

.submit input {
	width: 100px;
	height: 40px;
	color: #FFF;
}