/* Form CSS */

#contact-form
{
	display: grid;
	width: 100%;	
	grid-gap: 16px;
	grid-template-columns: auto;
}

.form-row
{
	display: grid;
	grid-template-columns: max-content auto;
	grid-gap: 16px;
	align-content: center;
}

.form-row h4
{
	align-self: start;
	margin: 8px 0 0;
}

.form-input
{
	margin: 0;
	width: calc( 100% - 32px );
	background-color: #fff;
	border: solid 1px #ccc;
	color: #111;
	font-size: 14px;
	line-height: 22px;
	height: 32px;
	padding-left: 16px;
}

.form-input:focus
{
	border-color: #000 !important;
    box-shadow: 0 0 6px #c7c7c7 !important;
	outline:none;
}

#contact-form textarea
{
	height: 96px;
	resize: none;
}

/* - */



/* - */

#submit-btn
{							
    margin: 0;
    background-color: #313131;
    color: #fff;
    padding: 8px 0;
    width: 100%;
    text-align: center;		
	
    transition: background-color 0.5s;
	
}

#submit-btn:hover
{
	cursor:pointer;
	background-color: #aaa;
}

/* - */



/* - */

#caution-text
{
	width:100%;
	color:#DB6E24;
}

/* - */