/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/custom/form/style.css ***!
  \*********************************************************************************************************************************************************************************************/
/** ======================
 ** SECTION
 ** ==================== */
.contact-us {
	background-color: var(--wp--preset--color--primary);
	padding-block: var(--wp--preset--spacing--40);
	padding-inline: var(--wp--preset--spacing--20);
}

.contact-us > h2 {
	color: var(--wp--preset--color--white);
	text-align: center;
}

/** ======================
 ** FORM
 ** ==================== */
/**
 * Resets
 */
.fluentform form > fieldset .ff-el-group {
	margin-bottom: 0; /* Reset default margins */
}

/**
 * Form Containers
 */
.fluentform {
	--_width: calc(100% - 2rem);
	--_gap: var(--wp--preset--spacing--20);
	--_border: none;
	--_font-color: var(--wp--preset--color--foreground);
	--_font-family: var(--wp--preset--font-family--accent);

	width: 100%;
	max-width: var(--_width);
	margin-top: var(--wp--preset--spacing--40);
	margin-inline: auto;
}

.ff-column-container {
	display: grid;
	gap: var(--_gap);
	margin-block: var(--_gap);
}

@media screen and (min-width: 800px) {
	.fluentform {
		--_width: calc(var(--wp--custom--narrow-size) + 5rem);

		width: var(--wp--custom--content-size);
	}

	.ff-column-container {
		display: flex;
	}
}

/**
 * Form Labels
 */
.ff-el-input--label {
	line-height: 1.2;
}

.ff-el-input--label label {
	font-family: var(--wp--preset--font-family--text);
	font-size: var(--wp--preset--font-size--medium);
	color: white;
	font-weight: 700;
	text-transform: uppercase;
}

/**
 * Text, Textarea, Select
 */
:is(input, textarea, select).ff-el-form-control {
	font-family: var(--_font-family) !important;
	color: var(--_font-color) !important;

	padding: 1em 1em !important;

	border: var(--_border) !important;
	border-radius: 0 !important;

	width: 100%;
}

:is(input, textarea, select).ff-el-form-control::-moz-placeholder {
	font-family: var(--_font-family) !important;
	color: var(--_font-color) !important;

	opacity: 0.5 !important;
}

:is(input, textarea, select).ff-el-form-control::placeholder {
	font-family: var(--_font-family) !important;
	color: var(--_font-color) !important;

	opacity: 0.5 !important;
}

/**
 * Checkboxes
 */
.ff-el-input--content:has(input[type="checkbox"]):not(:has(.ff_gdpr_field)) {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.175rem;

	color: white;

	margin-top: 0.5rem;
	margin-bottom: var(--wp--preset--spacing--10);
}

@media screen and (min-width: 600px) {
	.ff-el-input--content:has(input[type="checkbox"]):not(
			:has(.ff_gdpr_field)
		) {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 800px) {
	.ff-el-input--content:has(input[type="checkbox"]):not(
			:has(.ff_gdpr_field)
		) {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/**
 * GDPR Field
 */
/* Container */
.ff_tc_label {
	display: flex;
	gap: 0.5rem;
	line-height: 1.2;
}

/* Checkbox */
.ff_gdpr_field {
	width: 1.175rem;
	height: 1.175rem;
}

/* Label */
.ff_t_c {
	color: white;
}

/**
 * Field States
 */
/* Focus */
:is(input, textarea).ff-el-form-control:focus {
	color: var(--wp--preset--color--black) !important;
	background: var(--wp--preset--color--white) !important;
}

/**
 * Buttons
 */
.ff_submit_btn_wrapper {
	margin-top: var(--wp--preset--spacing--20);
}

.ff_submit_btn_wrapper .wp-block-button__link {
	--_width: 100%;
	--_border-radius: 0;
	--_background-color: var(--wp--preset--color--grey-extra-dark);
	--_border-color: var(--wp--preset--color--grey-extra-dark);
	--_shadow-color: var(--wp--preset--color--grey-extra-dark);
}

@media screen and (min-width: 800px) {
	.ff_submit_btn_wrapper {
		margin-top: 0;
	}
}

/**
 * Modifiers
 */
.ff-el-form-hide_label .ff-el-input--label {
	display: none;
}


/*# sourceMappingURL=style-index.css.map*/