/*

	1 - FORMS

		1.1 - Label
		1.2 - Textarea
		1.3 - Input Text
		1.4 - Input Button
		1.5 - Input Submit
		1.6 - Input File
		1.7 - Input Checkbox
		1.8 - Input Radio
		1.9 - Select

*/

/*===============================================

	F O R M S
	Styles for HTML Controls

===============================================*/

form {
	position: relative;
	margin: 0;
	padding: 0;
}

input,
select,
textarea {
	width: auto;
	height: auto;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.4em !important;
	color: #888;
	margin: 0;
	padding: 10px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
}

input:focus,
select:focus,
textarea:focus {
	color: #555;
	border: 1px solid #AAA;
}

:invalid {
	box-shadow: none;
}


	/*-------------------------------------------
		1.1 - Label
	-------------------------------------------*/

	label {
		font-size: 12px;
		display: inline-block;
	}


	/*-------------------------------------------
		1.2 - Textarea
	-------------------------------------------*/

	.textarea-box {
		padding: 0 22px 0 0;
		margin: 0 0 10px;
	}

		.textarea-box textarea {
			width: 100%;
		}

			textarea {
				width: 60%;
				height: 50px;
				display: block;
				line-height: 1.785em !important;
			}


	/*-------------------------------------------
		1.3 - Input Text
	-------------------------------------------*/

	.input-text-box {
		padding: 0 22px 0 0;
		margin: 0 0 10px;
	}

		.input-text-box input[type="text"],
		.input-text-box input[type="email"],
		.input-text-box input[type="url"] {
			width: 100%;
		}

			input[type="text"] {
				width: auto;
			}


	/*-------------------------------------------
		1.4 - Input Button
	-------------------------------------------*/

	input[type="button"] {
		display: block;
		padding: 12px 11px;
		border: none;
		background-color: #e0735e;
		color: #FFF;
		cursor: pointer;
		}

		input[type="button"]:hover {
			background-color: #3c424f;
		}


	/*-------------------------------------------
		1.5 - Input Submit
	-------------------------------------------*/

	input[type="submit"] {
		display: inline-block;
		padding: 12px 11px;
		border: none;
		background: #e0735e;
		color: #FFF;
		cursor: pointer;
		transition: background-color 250ms linear;
		}

		input[type="submit"]:hover {
			background-color: #3c424f;
			transition: background-color 125ms linear;
		}


	/*-------------------------------------------
		1.6 - Input File
	-------------------------------------------*/

	input[type="file"] {
	}


	/*-------------------------------------------
		1.7 - Input Checkbox
	-------------------------------------------*/

	input[type="checkbox"] {
	}


	/*-------------------------------------------
		1.8 - Input Radio
	-------------------------------------------*/

	input[type="radio"] {
	}


	/*-------------------------------------------
		1.9 - Select
	-------------------------------------------*/

	select {
		max-width: 100%;
	}