/*----------------------------------------*\
INPUTS / FORMS

[Table of contents]

1. $Common form controls
2. $Checkboxes and radios
------------------------------------------*/


/*------------------------------------*\
	1. $Common form controls
\*------------------------------------*/
/**
 *
 * Shared size and type resets for form controls. Apply `.form-control` to any
 * of the following form controls:
 */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control {
	@extend %sans-serif;

	display: block;
	vertical-align: middle;
	width: 100%;
	max-width: 20em;
	margin: 0.5rem 0;
	padding: rem(9px) rem(13px);

	font-size: rem(16px);
	outline: 0;
	color: $neutral;

	.lt-ie9 & input {
		width: 100%;
		padding: 1em 0;
		outline: 0;
	}
}


input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
	font-weight: 300;
	border-radius: 3px;
	border: 2px solid $light;
	box-shadow: none;
	font-size: rem(16px);

	-webkit-appearance: none;

	@include placeholder {
		font-style: normal;
		font-weight: 300;
		opacity: 0.7;
	}
}

.comment-form-cookies-consent,
.wpgdprc-checkbox {
	input[type="checkbox"] {
		margin: 0;
		margin-right: 1em;
	}
}

input[type="submit"],
input[type="reset"] {
	@extend .btn;
}





/*------------------------------------*\
	2. $Checkboxes and radios
\*------------------------------------*/
/**
 *
 * Indent the labels to position radios/checkboxes as hanging controls.
 */

.radio,
.checkbox {
//	display: block;
	display: inline-block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
//	padding-left: 1em;
	vertical-align: middle;

	label {
		display: inline;
		margin-bottom: 0;
		font-weight: normal;
		cursor: pointer;
	}
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	float: left;
//	margin-left: 1em;
}

.radio + .radio,
.checkbox + .checkbox {
	margin-top: -0.5em; // Move up sibling radios or checkboxes for tighter spacing
}

// Radios and checkboxes on same line
.radio-inline,
.checkbox-inline {
	display: inline-block;
	padding-left: 1em;
	margin-bottom: 0;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: 0.5em; // space out consecutive inline controls
}


label + br {
	display: none;
}

input + br {
	display: none;
}