:root {
	--grey: #999;
	--black: #444;
	--purple: #6b6384;
	--orange: #e77635;
	--pitchBlack: #131313;
}

.section {
	/* .column.content:has(.gform_wrapper) {
		> p {
			display: none;
		}
	} */
	.gform_required_legend{
		display: none !important;
	}
	.gform_wrapper.gform-theme {
		* {
			font-family: "Open Sans", sans-serif;
			font-size: 1rem;
		}
		.gform_validation_errors {
			ol {
				li {
					a,
					a:visited {
						color: var(--gf-form-validation-summary-color);

						&:hover {
							color: var(--black);
						}
					}
				}
			}
		}
		.gform-footer {
			align-items: flex-start;
			justify-content: flex-end;
			gap: 0;
			br {
				display: none;
			}
			.button,
			.button:visited {
				position: relative !important;
				order: 50;

				position: relative;
				background: var(--orange) !important;
				text-transform: uppercase;
				color: #fff;
				transition: 0.3s !important;
				padding: 6px 36px 6px 12px !important;
				z-index: 2;
				border-radius: 0 !important;
				border: none !important;
				text-transform: uppercase !important;
				&:after {
					content: "\f054";
					font-family: fontAwesome !important;
					background: var(--pitchBlack) !important;
					color: #fff !important;
					width: 30px;
					height: 100%;
					display: inline-block;
					text-align: center;
					padding-top: 13px;
					font-size: 14px;
					box-sizing: border-box;
					line-height: 1;
					position: absolute;
					top: 0;
					right: 0;
					border-radius: 0 !important;
					outline: none !important;
				}
				&:hover,
				&:focus {
					background: var(--pitchBlack) !important;
				}
			}
		}
		.gform_fields {
			gap: 25px 15px !important;
		}
		.gfield {
			position: relative;
			p:empty {
				display: none;
			}
			&.gfield_error input {
				border-color: var(--gf-form-validation-summary-color);
			}
			&.gfield_error {
				.validation_message {
					background: var(--gf-form-validation-bg-color);
					border: 1px solid var(--gf-form-validation-summary-color);
					display: inline-block;
					padding: 2px 4px;
					font-size: 0.75rem;
					position: absolute;
					top: 0;
					right: 0;
				}
			}
		}

		input,
		textarea,
		select {
			box-sizing: border-box;
			padding: 8px 16px;
			box-shadow: none;
			border: 1px solid #ccc;
			width: 100% !important;
			color: #131313;
			line-height: 120%;
		}

		input[type="checkbox"] {
			padding: 0;
		}

		input:focus,
		textarea:focus {
			border: 1px solid var(--purple);
		}

		input::placeholder,
		textarea::placeholder {
			color: var(--grey);
		}

		input,
		textarea {
			outline: none;
			border-radius: 0;
		}

		.gfield_required {
			* {
				color: var(--black) !important;
			}
		}

		.gfield_label,
		.gfield_label * {
			font-weight: 600 !important;
			font-size: 14px !important;
		}

		.gfield--input-type-date {
			.ginput_complex {
				gap: 6px;
			}

			.ginput_complex .ginput_container_date {
				flex: 0 1 calc(33.33% - 4px);
			}
		}
	}

	.ginput_container_select select:focus {
		outline: none;
	}

	.ginput_container_select:after {
		content: "";
		height: 100%;
		width: 44px;
		pointer-events: none;
		display: block;
		position: absolute;
		background: var(--orange);
		bottom: 0;
		right: 0;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
	}

	.ginput_container_select:before {
		content: "\f078";
		position: absolute;
		color: #fff;
		font-family: fontAwesome;
		pointer-events: none;
		z-index: 2;
		font-size: 14px;
		width: 44px;
		text-align: center;
		right: 0;
		line-height: 100%;
		margin: 0;
		bottom: 13px;
	}

	.ginput_container_select:hover:after {
		background: var(--purple);
	}

	.ginput_container_select {
		position: relative;

		select {
			padding-right: 60px !important;
			appearance: none;
		}
	}
}

.gform-theme--framework
	input[type="checkbox"]:where(
		:not(.gform-theme__disable):not(.gform-theme__disable *):not(
				.gform-theme__disable-framework
			):not(.gform-theme__disable-framework *)
	)::before {
	color: var(--purple) !important;
}

.footer .section .gform_wrapper.gform-theme {
	input,
	textarea {
		border-color: transparent;
	}
}

@media only screen and (max-width: 600px) {
	.section {
		& .gform_wrapper.gform-theme {
			& .gfield--input-type-date {
				.ginput_complex .ginput_container_date {
					flex: 0 0 100%;
				}
			}
		}
	}
}
