.contact_form{
	@extend .coyote-block-wrapper;
	.controls{
		@include coyote-surface-card(var(--background));
		padding: 1.75rem;
	}
	.coyote-inline-form-fields{
		display: flex;
		flex-flow: row wrap;
		gap: 2rem;
	}
	.coyote_field--inline{
		display: flex;
		flex-wrap: wrap;
		user-select: none;
	}
	.coyote_field__label--inline{
		width: 100%;
		padding: 0 0 0 5px;
	}
	#contact-form{
		label{
			text-transform: uppercase;
			font-weight: 600;
			color: var(--coyote-text-color);
			font-size: .8rem;
			letter-spacing: .08em;
			margin-bottom: .6rem;
		}
		input:not([type="submit"]), textarea{
			padding: .9rem 1rem;
			color: var(--coyote-text-color);
		}
		textarea{
			max-height: 180px;
			min-height: 140px;
			resize: vertical;
		}
		.form_field_wrapper{
			position: relative;
			.form-control{
				border: 1px solid var(--coyote-border-color);
				background: color-mix(in srgb, var(--background) 86%, white);
				padding-left: 1rem !important;
				box-shadow: unset;
				border-radius: calc(var(--coyote-border-radius) * .95);
				transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
				&:focus{
					border-color: color-mix(in srgb, var(--coyote-primary) 45%, var(--coyote-border-color));
					box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--coyote-primary) 14%, transparent);
					background: color-mix(in srgb, var(--background) 92%, white);
				}
			}
		}
		.form-group{
			margin-bottom: 2rem !important;
		}
	}
	.btn-send{
		min-width: 11rem;
	}
	@media screen and (max-width: 991px){
		.controls{
			padding: 1.25rem;
		}
	}
}
