/*
Theme Name: Pro Tree Works
Description: A custom WordPress theme for Professional Tree Works.
Version: 1.0.0
Text Domain: protreeworks
*/

.ti-footer {
	display: none;
}

/* Gravity Form */
.gf_progressbar .gf_progressbar_percentage {
	background-color: var(--leaf) !important;
}

.gf_progressbar_title {
	font-size: .72rem !important;
	letter-spacing: .09em !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	color: var(--ink-40) !important;
}

.gform_required_legend {
	display: none !important;
}

/* Step 1 */
.gfield_radio .gchoice input {
	display: none !important;
}

.gfield_radio .gchoice label {
	margin: 0;
}

.gfield_radio {
	gap: 8px !important;
}

#field_1_1 .gchoice {
	display: flex;
	gap: 8px;
	border-radius: 10px;
	border: 1.5px solid var(--line);
	padding: 14px 13px;
	cursor: pointer;
}

#field_1_1 .gchoice:hover {
	border-color: var(--moss);
	transform: translateY(-2px);
}

#field_1_1 .gfield_radio .gchoice:has(input[type="radio"]:checked) {
	border-color: var(--forest);
	background: #F0F6EE;
	box-shadow: inset 0 0 0 1px var(--forest);
}

#input_1_1 .gchoice label::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin-bottom: 8px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.gchoice_1_1_0 label::before {
	background-image: url('assets/images/removal.svg');
}

.gchoice_1_1_1 label::before {
	background-image: url('assets/images/pruning.svg');
}

.gchoice_1_1_2 label::before {
	background-image: url('assets/images/stum-grinding.svg');
}

.gchoice_1_1_3 label::before {
	background-image: url('assets/images/palm-removal.svg');
}

.gchoice_1_1_4 label::before {
	background-image: url('assets/images/storm-damage.svg');
}

.gchoice_1_1_5 label::before {
	background-image: url('assets/images/not-sure.svg');
}

#gform_page_1_1 .gform-page-footer {
	margin: 0;
}

#gform_next_button_1_3 {
	visibility: hidden !important;
}

/* Step 2 */
#gform_fields_1_2,
#gform_fields_1_3 {
	gap: 15px;
}

#gform_fields_1_2 legend span {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: -.02em;
}

#gform_fields_1_2 .gfield_radio .gchoice {
	border: 1.5px solid var(--line);
	border-radius: 999px;
	text-align: center;
	padding: 10px 16px;
	background: #FFF;
	transition: all .16s ease;
	cursor: pointer;
}

#gform_fields_1_2 .gfield_radio .gchoice label {
	font-size: .89rem;
	font-weight: 500;
}

#gform_fields_1_2 .gfield_radio .gchoice:hover {
	border-color: var(--moss);
}

#gform_fields_1_2 .gfield_radio .gchoice:has(input[type="radio"]:checked) {
	background: var(--forest);
	border-color: var(--forest);
}

#gform_fields_1_2 .gfield_radio .gchoice_1_7_0:has(input[type="radio"]:checked) {
	background: var(--hivis);
	border-color: var(--hivis);
}

#gform_fields_1_2 .gfield_radio input[type="radio"]:checked + label {
	color: #FFF;
	font-weight: 700;
}

#gform_next_button_1_8,
#gform_submit_button_1 {
	background: var(--forest);
	width: 80%;
	font-size: .98rem;
	font-weight: 700;
	padding: 15px 26px;
	border-radius: 999px;
	letter-spacing: -0.01em;
}

#gform_previous_button_1_8,
#gform_previous_button_1 {
	width: 15%;
	color: #4B5A50;
	font-size: .9rem;
	font-weight: 500;
	padding: 12px 6px;
	text-decoration: underline;
	text-underline-offset: 3px;
	border: none;
	box-shadow: none;
}

#gform_next_button_1_8:hover,
#gform_submit_button_1:hover {
	background: #1D5539;
	transform: translateY(-2px);
}

#gform_next_button_1_8:focus,
#gform_submit_button_1:focus {
	outline: none;
}

#gform_submit_button_1 {
	background: var(--leaf);
	color: #0C1A12;
}

#gform_submit_button_1:hover {
	background: #9BD44B;
}

#gform_page_1_3 .ginput_container input,
#gform_page_1_3 .ginput_container select,
#gform_page_1_3 .ginput_container textarea {
	padding: 13px 15px;
	border-radius: 10px;
	border: 1.5px solid var(--line);
	font-size: 1rem;
	color: #111A14;
	transition: border-color .16s ease;
	line-height: normal;
	min-height: 48px;
}

#gform_page_1_3 .ginput_container input:focus,
#gform_page_1_3 .ginput_container select:focus,
#gform_page_1_3 .ginput_container textarea:focus {
	border-color: var(--moss) !important;
	outline: 3px solid var(--leaf);
	outline-offset: 3px;
}

#field_1_15 input[type="file"] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}

#field_1_15 .ginput_container_fileupload {
	position: relative;
	flex-direction: column;
	min-height: 110px;
	border: 1px dashed #d7ddd4;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
}

#gfield_upload_rules_1_15 {
	display: none;
}

#field_1_15 .ginput_container_fileupload::before {
	content: "Add a photo of the tree";
	display: block;
	font-weight: 700;
	font-size: 16px;
}

#field_1_15 .ginput_container_fileupload::after {
	content: "Tap to upload from your phone";
	display: block;
	font-size: 14px;
	margin-top: 8px;
	color: #536057;
}

/*#field_1_13 label:after,
#field_1_14 label:after {
	content: "optional";
	display: inline-block;
	font-size: .8rem;
	margin-left: 5px;
	color: var(--ink-40);
}*/

#field_1_15 label:after {
	content: "optional, but they speed up your quote";
	display: inline-block;
	font-size: .8rem;
	margin-left: 5px;
	color: var(--ink-40);
}

.quote-confirmation {
	text-align: center;
	padding: 28px 10px;
}

.quote-confirmation__icon {
	width: 60px;
	height: 60px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: #e9f6e2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #23824f;
	font-size: 32px;
	font-weight: 500;
}

.quote-confirmation h3 {
	font-size: 1.45rem !important;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--display);
}

.quote-confirmation p {
	margin: 0;
	font-size: .94rem;
	line-height: 1.6;
	color: var(--ink-60);
}

.quote-confirmation a {
	color: var(--moss);
	font-weight: 600;
	text-decoration: underline;
}