/*
Theme Name: SOS's Tree Services
Description: Standalone base theme prepared for future conversion of the SOS's Tree Services static website.
Version: 1.0.0
Text Domain: sosstreeservices
*/

/* Gravity Form */
.gform_heading {
	display: none !important;
}

#gform_1 .gfield_label.gform-field-label {
	font-size: 13px;
	font-weight: 700;
	color: #3A4232;
	letter-spacing: .01em;
}

#gform_1 input,
#gform_1 select,
#gform_1 textarea {
	font-size: 15.5px;
	line-height: normal;
	padding: 14px 15px;
	border-radius: 11px;
	border: 1.5px solid rgba(20,24,15,.12);
	background: #F7F6F1;
	color: #14180F;
	transition: .2s;
	min-height: 49px;
}

#gform_1 input:focus,
#gform_1 select:focus,
#gform_1 textarea:focus {
	outline: none;
	border-color: #506E32;
	background: #FFF;
	box-shadow: 0 0 0 4px rgba(80,110,50,.11);
}

#gform_submit_button_1 {
	width: 100%;
	display: inline-flex;
	border-radius: 100px;
	border: 1.5px solid transparent;
	background: #506E32;
	color: #FFF;
	font-family: 'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
	font-size: 15px;
	font-weight: 700;
	padding: 15px 27px;
	box-shadow: 0 8px 24px -10px rgba(80,110,50,.8);
}

#gform_submit_button_1:hover {
	background: #3D5626;
	transform: translateY(-2.5px);
}

#gform_submit_button_1:focus {
	outline: none;
}

#gform_submit_button_1:after {
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	background-image: url('/wp-content/themes/sosstreeservices/assets/images/white-arrow.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.quote-success {
	max-width: 50%;
	text-align: center;
	padding: 40px 10px;
}

.quote-success-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(80,110,50,.12);
	display: grid;
	place-items: center;
	margin: 0 auto 20px;
}

.quote-success-icon img {
	width: 30px;
	height: 30px;
}

.quote-success-title {
	font-size: clamp(20px,2.2vw,27px);
	letter-spacing: -.025em;
	line-height: 1.15em;
	margin-bottom: 10px;
}

.quote-success-text {
	color: #3A4232;
}

@media only screen and (max-width: 767px) {
	.quote-success {
		max-width: 100%;
	}
}