@charset "UTF-8";

/*	BAREBONES RESPONSIVE GRID FRAMEWORK (Forms)
	Version 3.1
	April 2018
	www.dawgeatdawg.com
*/


/* @group --- FORMS ---*/

::-webkit-input-placeholder { color: hsl(30, 80%, 50%); }
::-moz-placeholder { color: hsl(30, 80%, 50%); }
:-moz-placeholder { color: hsl(30, 80%, 50%); }
:-ms-input-placeholder { color: hsl(30, 80%, 50%); }
::placeholder { color: hsl(30, 80%, 50%); }

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="search"],
.input-checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
}



section#Contact {
	margin: 0.0rem auto 0.5rem;
	background: hsl(200, 2%, 94%);
}

form {
	margin: 0.0rem auto 0.0rem;
/* 			background: hsla(200, 50%, 50%, 0.1); */
}

	form h2 { margin-bottom: 0.5em; }

	form fieldset {
		text-align: center;
/* 				background: hsla(100, 50%, 50%, 0.1); */
	}
	
	form legend {
/* 		visibility: hidden; */
/* 		display: block; */
		width: 100%;
		color: hsl(200, 2%, 66%);
		padding: 1.0em 0 1.5em;
		font-size: 0.95rem;
		text-align: center;
	}
	
			form ol > li {
				display: flex;
				flex-flow: column nowrap;
				position: relative;
				margin: 0 0 0.8em;
			}
	
	form label {
		flex: 0 0 auto;
		order: 1;
		display: block;
		margin: 0;
		padding: 0;
		font-size: 0.6rem;
		line-height: 2.0em;
		letter-spacing: 0.1em;
		text-align: center;
/* 				background: hsla(70, 50%, 50%, 0.1); */
	}
	
	form input,
	form textarea,
	form select {
		flex: 1 0 auto;
		order: 2;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0.8em;
		background: white;
		border: 2px solid transparent;
		border-radius: 0.4rem;
		font-size: 0.8rem;
	}
	
		form input,
		form select { max-height: 2.4rem; }
	
		form input:focus,
		form textarea:focus,
		form select:focus {
			border-color: hsl(30, 80%, 50%);
			color: hsl(30, 80%, 50%);
		}
	
			form input:focus + label,
			form textarea:focus + label { color: hsl(30, 80%, 50%); }

/*
			form input:valid,
			form textarea:valid {
				background: hsla(30, 80%, 50%, 1.0);
				color: hsl(45, 100%, 56%);
			}
*/
			
/*
			form input[value=""] {
				background-color: yellow !important;
			}
*/

	form textarea { resize: none; }

		form input#submit {
			margin-top: 1.55em;
			background: hsl(30, 80%, 50%);
			border-radius: 20.0rem;
			color: white;
			font-size: 0.7rem;
			letter-spacing: 0.1em;
			cursor: pointer;
		}
	
			form input#submit:hover {
				background-color: hsl(45, 100%, 56%);
				color: white;
				transform: scale(1.05);
			}
			
				form input#submit:active {
					background-color: hsl(30, 80%, 50%);
					color: hsl(45, 100%, 56%) !important;
					box-shadow: inset 0px 0px 25px hsl(45, 100%, 56%);
					transform: scale(1.03);
				}
			
	.form_error:focus,
	.form_error {
		border: 2px solid hsl(0, 50%, 50%) !important;
		box-shadow: none !important;
	}
			
/* @end */