/* =============================================================================
- Contact Form 7
============================================================================= */
.e-con-inner > .elementor-widget-gwel-cf7 {
	width: var(--container-widget-width);
	--flex-grow: var(--container-widget-flex-grow);
}

.wpcf7 {
	.wpcf7-form-control:not(.wpcf7-submit) {
		margin-bottom: var(--gwel-cf7--input-space, 20px);
	}
	label {
		color: var(--gwel-cf7--label-c, inherit);
	}
	input::placeholder,
	textarea::placeholder {
		color: var(--gwel-cf7--placeholder-c, #000);
	}
	input,
	.wpcf7-textarea,
	.wpcf7-select {
		color: var(--gwel-cf7--input-c, #000);
		background-color: var(--gwel-cf7--input-bg-c, transparent);
		padding: var(--gwel-cf7--input-p, 10px);
		&:focus {
			color: var(--gwel-cf7--input-c, #000);
		}
	}
	.select-state,
	.select-gender,
	.accept-this-1 {
		color: var(--gwel-cf7--other-input-c, #000);
	}

	input[type="submit"] {
		display: inline-flex;
		justify-content: center;
		outline: none;
		text-align: center;
		position: relative;
		z-index: 1;
		font-family: var(--grve-typography--button-f, inherit);
		font-weight: var(--grve-typography--button-w);
		font-style: var(--grve-typography--button-st, normal);
		text-transform: var(--grve-typography--button-tr);
		font-size: var(--grve-typography--button-s, 16px);
		line-height: 1.000em;
		letter-spacing: var(--grve-typography--button-ls);
		transition: color .3s ease, background-color .3s ease, border-color .3s ease;
		white-space: nowrap;
		min-width: min-content;
		padding-top: var(--grve-padding--button-tb, 20px);
		padding-bottom: var(--grve-padding--button-tb, 20px);
		padding-left: var(--grve-padding--button-lr, 30px);
		padding-right: var(--grve-padding--button-lr, 30px);
		color: var(--grve-button--text-c, #000000);
		background-color: var(--grve-button--background-c, #ebebeb);
		border-style: solid;
		border-color: transparent;
		margin-top: var(--gwel-cf7--submit-space,20px);
		&:hover {
			color: var(--grve-button--text-hover-c, #ffffff);
			background-color: var(--grve-button--background-hover-c, #000000);
		}
		&:focus{
			text-decoration: none;
		}
	}

	.wpcf7-spinner {
		display: none;
	}

	.gwel-form {
		.gwel-fields-wrapper {
			display: flex;
			flex-wrap: wrap;
			column-gap: var(--gwel-cf7--input-space, 20px);
			p {
				margin-bottom: 0;
			}
			> div {
				width: 100%;
			}
			.gwel-one-half {
				width: calc(50% - var(--gwel-cf7--input-space, 20px)/2 );
			}
			.gwel-one-third {
				width: calc(33.333333% - var(--gwel-cf7--input-space, 20px)/1.5 );
			}
			@include max-break($break-mobile) {
				.gwel-one-half,
				.gwel-one-third {
					width: 100%;
				}
			}
		}
	}

	.gwel-newsletter.gwel-horizontal {
		display: flex;
		gap: var(--gwel-cf7--input-space, 20px);
		align-items: center;
		input[type="submit"],
		.wpcf7-form-control {
			margin: 0;
		}
	}

	form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		input[type=date],
		input[type=email],
		input[type=number],
		input[type=password],
		input[type=search],
		input[type=tel],
		input[type=text],
		input[type=url],
		select,
		textarea {
			width: 100%;
			// -webkit-appearance: none;
			// -moz-appearance: none;
			outline: none;
		}
		> *:not(input[type=submit]) {
			width: 100%;
		}
	}
}