/*!*********************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*********************************************************************************************************************************************************************************************/
.contact-us {
	width: var(--wp--custom--content-size);
	margin-block: var(--wp--preset--spacing--50);
	margin-inline: auto;

	padding-block: var(--wp--preset--spacing--40);

	background-color: var(--wp--preset--color--black);
}

.contact-us > h2 {
	font-size: var(--wp--preset--font-size--huge);
	color: var(--wp--preset--color--white);
}

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

/**
 * Form Containers
 */
.fluentform {
	--_width: min(100%, var(--wp--custom--narrow-size));
	--_gap: var(--wp--preset--spacing--30);
	--_border: none;
	--_font-color: var(--wp--preset--color--grey-dark);
	--_font-family: var(--wp--preset--font-family--text);

	width: var(--wp--custom--content-size);
	max-width: var(--_width);
	margin-block: var(--wp--preset--spacing--40);
	margin-inline: auto;
}

.fluentform fieldset,
.ff-t-container {
	display: grid;
	gap: var(--_gap);
}

.ff_columns_total_2 {
	display: flex;
	flex-direction: column;

	@media screen and (min-width: 800px) {
		flex-direction: row;
	}
}
.fluentform .ff-el-group {
	display: grid;
}

/**
 * Form Labels
 */
.ff-el-input--label label {
	font-family: var(--wp--preset--font-family--text);
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--white);
}

/**
 * Form Fields
 */
:is(input, textarea).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).ff-el-form-control::-moz-placeholder {
	font-family: var(--_font-family) !important;
	color: var(--_font-color) !important;
	font-size: var(--wp--preset--font-size--medium) !important;

	opacity: 0.5 !important;
}

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

	opacity: 0.5 !important;
}

/**
 * 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 {
	display: flex;
	justify-content: unset;

	@media screen and (min-width: 800px) {
		justify-content: flex-end;
	}
}

.ff_submit_btn_wrapper .wp-block-button__link {
	--_border-color: var(--wp--preset--color--primary);
	--_shadow-color: none;

	width: 100%;

	@media screen and (min-width: 800px) {
		width: var(--_width); /* Get this from global button styles */
	}
}

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

.ff-el-form-check > label {
	display: flex;
	gap: var(--wp--preset--spacing--10);
	font-family: var(--wp--preset--font-family--text);
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--white);
}

/* Hide only visually, don't remove from DOM */
.hide-label label {
	display: none;

	@media screen and (min-width: 800px) {
		display: unset;
		visibility: hidden;
	}
}

/**
 * COLOR SCHEME OVERRIDES
 */
[color-scheme="dark"] :is(input, textarea).ff-el-form-control {
	background: var(--wp--preset--color--grey-dark) !important;
	color: var(--wp--preset--color--white) !important;
}

[color-scheme="light"] .ff-btn-submit {
	--_border-color: var(--wp--preset--color--black);
	--_shadow-color: var(--wp--preset--color--black);
}


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