input {
	
	&:first-child {
		margin-top: 0;
	}

	&:last-child {
		margin-bottom: 0;
	}
}


@input-focus-padding: 0.4rem;

.input-focus {
	padding: 0 @input-focus-padding;
	margin-left: -@input-focus-padding;

	&:not(:focus):not(:hover):not(.error) {
		background: transparent;
		border: 1px solid transparent;
	}

	&:not(:focus):hover:not(.error) {
		border: @input-border;
		background: @input-background;
	}
}

h1,
h2,
h3 {

	.input-focus {
		font-family: @headings-font-family;
		font-weight: @headings-font-weight;
		color: @headings-color;
	}
}

h1 {

	.input-focus {
		.font-size(@h1-font-size);
		.placeholder(fade(@headings-color, 50%), @h1-font-size, @headings-font-family, inherit, none);
	}
}

h2 {

	.input-focus {
		.font-size(@h2-font-size);
		.placeholder(fade(@headings-color, 50%), @h2-font-size, @headings-font-family, inherit, none);
	}
}

h3 {

	.input-focus {
		.font-size(@h3-font-size);
		.placeholder(fade(@headings-color, 50%), @h3-font-size, @headings-font-family, inherit, none);
	}
}