/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	margin: 0;
	/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline;
	/* Improves appearance and consistency in all browsers */
}

button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: rem(12) rem(20);
	border: none;
	color: $color-white;
	cursor: pointer;
	font-size: rem(14);
	text-transform: uppercase;
	-webkit-appearance: button;
}

.site-content {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		background: $color-black;
	}

	button:hover,
	button:focus,
	button:active,
	input[type="button"]:hover,
	input[type="button"]:focus,
	input[type="button"]:active,
	input[type="reset"]:hover,
	input[type="reset"]:focus,
	input[type="reset"]:active,
	input[type="submit"]:hover,
	input[type="submit"]:focus,
	input[type="submit"]:active {
		background: $color-darker-gray;
	}
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	/* Addresses excess padding in IE8/9 */
	margin: 0 rem(5) 0 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	@include light-transitions;
	background: none;
	border: rem(2) solid #e8e8e8;
	box-sizing: border-box;
	font-size: rem(14);
	padding: rem(10);
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	@include light-transitions;
	border: rem(2) solid $color-black;
}

textarea {
	overflow: auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top;
	/* Improves readability and alignment in all browsers */
}

label {
	display: block;
	margin-bottom: rem(10);
	font-weight: bold;
}
label[class*="radio"], label[class*="checkbox"] {
	margin-bottom: 0;
	font-size: rem(11.68);
	font-weight: normal;
}

/* Password protected posts from */
.post-password-form label {
	display: block;
	margin-bottom: 0;
}
.post-password-form input[type="password"] {
	margin: rem(10) 0;
}