﻿.EstimateFormLineTop {
    border-top-width: 0.5em;
    border-top-style: solid;
	padding-top: 1em;
}
.EstimateFormLineBottom {
    border: 1px solid var(--TableBorderColor);
    border-radius: .5em;
    background-color: var(--TableHiLightColor);
	padding-bottom: 2em;
}


#EstimateForm {
    margin-top: 4em;
    margin-bottom: 4rem;
    clear: both;
}

#EstimateForm > .container {
    padding-left: 4em;
    padding-right: 4em;
    width: auto;
}

#EstimateForm h2 {
	text-align: center;
}


#EstimateForm div.right.w45 input[type=email],
#EstimateForm div.right.w45 input[type=text],
#EstimateForm div.right.w45 input[type=tel]	{
	width: calc( 100% - 2px - 0.4em );
}
#EstimateForm div.right.w45 select {
	width: 100%;
}

.g-recaptcha {
    width: fit-content;
}
#captcha {
	border: 2px solid transparent;
    margin: 2rem auto;
    width: fit-content;
}

@media only screen and (max-width: 1390px) {

	#EstimateForm > .container { width: 40em; margin: 0 auto; }
	#EstimateForm form div.left.w49,
	#EstimateForm form div.right.w45 	{ float: none; width: 100%; }
}

@media only screen and (max-width: 720px) {
	#EstimateForm > .container {
	    max-width: unset;
	    width: unset;
	    margin: 0 1em 0 1em;
	    padding: 0;
	}

	.EstimateFormLineBottom {
	    border: none;
	    border-radius: unset;
	    background-color: unset;
	    padding-bottom: 2em;
	}
}

@media only screen and (max-width: 650px) {
	#page {	margin-bottom: 24rem; }
}
