.elementor-1175 .elementor-element.elementor-element-e8e47cd{--display:flex;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1175 .elementor-element.elementor-element-150286b{font-family:"Open Sans", Sans-serif;font-weight:300;line-height:1.3;}.elementor-1175 .elementor-element.elementor-element-ca649cc{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-1175 .elementor-element.elementor-element-e8e47cd{--content-width:600px;}}/* Start custom CSS for shortcode, class: .elementor-element-ca649cc *//* ======================================:contentReference[oaicite:0]{index=0} MAYA LOUNGE — DARK CONTACT FORM
   Add "maya-contact-form" to the form's Elementor wrapper
   ========================================================= */

.maya-contact-form {
	--form-accent: #ffffff;
	--form-accent-light: #ffffffcc;
	--form-text: #f5f3ef;
	--form-muted: rgba(255, 255, 255, 0.58);
	--form-border: rgba(255, 255, 255, 0.14);
	--form-border-hover: rgba(255, 255, 255, 0.28);
	--form-field-bg: rgba(255, 255, 255, 0.045);
	--form-field-hover: rgba(255, 255, 255, 0.065);
	--form-error: #ef8e8e;
	--form-radius: 4px;

	width: 100%;
}


/* Form reset
--------------------------------------------------------- */

.maya-contact-form .nf-form-cont,
.maya-contact-form .nf-form-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.maya-contact-form .nf-form-content {
	color: var(--form-text);
}

.maya-contact-form .nf-form-fields-required {
	margin-bottom: 24px;
	color: var(--form-muted);
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.04em;
}

.maya-contact-form .ninja-forms-req-symbol {
	color: var(--form-accent);
}


/* Field spacing
--------------------------------------------------------- */

.maya-contact-form .nf-field-container {
	margin-bottom: 22px;
}

.maya-contact-form .nf-field-label {
	margin-bottom: 9px;
}

.maya-contact-form .nf-field-label label {
	color: var(--form-text);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}


/* Inputs, textarea and select
--------------------------------------------------------- */

.maya-contact-form .nf-form-content input:not(
	[type="button"],
	[type="submit"],
	[type="checkbox"],
	[type="radio"]
),
.maya-contact-form .nf-form-content textarea,
.maya-contact-form .nf-form-content select {
	width: 100%;
	height: 56px;
	padding: 0 18px;

	color: var(--form-text);
	background-color: var(--form-field-bg);

	border: 1px solid var(--form-border);
	border-radius: var(--form-radius);
	outline: none;
	box-shadow: none;

	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.maya-contact-form .nf-form-content textarea {
	min-height: 150px;
	padding-top: 16px;
	padding-bottom: 16px;
	resize: vertical;
}

.maya-contact-form .nf-form-content select {
	cursor: pointer;
}

.maya-contact-form .nf-form-content select option {
	color: #161616;
	background: #fff;
}


/* Hover and focus states
--------------------------------------------------------- */

.maya-contact-form .nf-form-content input:not(
	[type="button"],
	[type="submit"],
	[type="checkbox"],
	[type="radio"]
):hover,
.maya-contact-form .nf-form-content textarea:hover,
.maya-contact-form .nf-form-content select:hover {
	background-color: var(--form-field-hover);
	border-color: var(--form-border-hover);
}

.maya-contact-form .nf-form-content input:not(
	[type="button"],
	[type="submit"],
	[type="checkbox"],
	[type="radio"]
):focus,
.maya-contact-form .nf-form-content textarea:focus,
.maya-contact-form .nf-form-content select:focus {
	background-color: rgba(255, 255, 255, 0.06);
	border-color: var(--form-accent);
	box-shadow: 0 0 0 3px rgba(201, 170, 114, 0.1);
}


/* Placeholder text
--------------------------------------------------------- */

.maya-contact-form .nf-form-content input::placeholder,
.maya-contact-form .nf-form-content textarea::placeholder {
	color: rgba(255, 255, 255, 0.34);
	opacity: 1;
}


/* Checkboxes and radio buttons
--------------------------------------------------------- */

.maya-contact-form input[type="checkbox"],
.maya-contact-form input[type="radio"] {
	width: 17px;
	height: 17px;
	accent-color: var(--form-accent);
}

.maya-contact-form .checkbox-container label,
.maya-contact-form .listcheckbox-container label,
.maya-contact-form .listradio-container label {
	color: var(--form-muted);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}


/* Submit button
--------------------------------------------------------- */

.maya-contact-form .submit-container {
	margin-top: 8px;
	margin-bottom: 0;
}

.maya-contact-form .nf-form-content input[type="button"],
.maya-contact-form .nf-form-content input[type="submit"],
.maya-contact-form .nf-form-content button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	min-height: 56px;
	padding: 16px 28px;

	color: #17140f;
	background: var(--form-accent);

	border: 1px solid var(--form-accent);
	border-radius: var(--form-radius);
	outline: none;
	box-shadow: none;

	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.16em;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;

	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease,
		transform 180ms ease,
		box-shadow 180ms ease;
}

.maya-contact-form .nf-form-content input[type="button"]:hover,
.maya-contact-form .nf-form-content input[type="submit"]:hover,
.maya-contact-form .nf-form-content button[type="submit"]:hover {
	color: #17140f;
	background: var(--form-accent-light);
	border-color: var(--form-accent-light);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
	transform: translateY(-1px);
}

.maya-contact-form .nf-form-content input[type="button"]:active,
.maya-contact-form .nf-form-content input[type="submit"]:active,
.maya-contact-form .nf-form-content button[type="submit"]:active {
	box-shadow: none;
	transform: translateY(0);
}

.maya-contact-form .nf-form-content input[type="button"]:focus-visible,
.maya-contact-form .nf-form-content input[type="submit"]:focus-visible,
.maya-contact-form .nf-form-content button[type="submit"]:focus-visible {
	outline: 2px solid var(--form-accent-light);
	outline-offset: 4px;
}


/* Validation and error messages
--------------------------------------------------------- */

.maya-contact-form .nf-error-msg,
.maya-contact-form .ninja-forms-field-error {
	margin-top: 7px;
	color: var(--form-error);
	font-size: 12px;
	line-height: 1.5;
}

.maya-contact-form .nf-error .ninja-forms-field {
	border-color: var(--form-error) !important;
	box-shadow: 0 0 0 3px rgba(239, 142, 142, 0.08);
}

.maya-contact-form .nf-error.field-wrap .nf-field-element::after {
	background: var(--form-error);
}

.maya-contact-form .nf-pass.field-wrap .nf-field-element::after {
	color: var(--form-accent);
}


/* Submission response
--------------------------------------------------------- */

.maya-contact-form .nf-response-msg {
	margin-bottom: 24px;
	padding: 18px 20px;

	color: var(--form-text);
	background: rgba(201, 170, 114, 0.08);

	border: 1px solid rgba(201, 170, 114, 0.28);
	border-radius: var(--form-radius);
}

.maya-contact-form .nf-response-msg p:last-child {
	margin-bottom: 0;
}


/* Loading indicator
--------------------------------------------------------- */

.maya-contact-form .nf-form-content .nf-loading-spinner {
	border-color: rgba(255, 255, 255, 0.25);
	border-top-color: var(--form-accent);
}


/* Prevent browser autofill from creating white fields
--------------------------------------------------------- */

.maya-contact-form input:-webkit-autofill,
.maya-contact-form input:-webkit-autofill:hover,
.maya-contact-form input:-webkit-autofill:focus,
.maya-contact-form textarea:-webkit-autofill,
.maya-contact-form select:-webkit-autofill {
	-webkit-text-fill-color: var(--form-text);
	-webkit-box-shadow:
		0 0 0 1000px #191919 inset,
		0 0 0 3px rgba(201, 170, 114, 0.1);
	caret-color: var(--form-text);
	transition: background-color 9999s ease-in-out 0s;
}


/* Mobile
--------------------------------------------------------- */

@media (max-width: 767px) {
	.maya-contact-form .nf-field-container {
		margin-bottom: 18px;
	}

	.maya-contact-form .nf-form-content input:not(
		[type="button"],
		[type="submit"],
		[type="checkbox"],
		[type="radio"]
	),
	.maya-contact-form .nf-form-content select {
		height: 52px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.maya-contact-form .nf-form-content textarea {
		min-height: 135px;
		padding: 14px 15px;
	}

	.maya-contact-form .nf-form-content input[type="button"],
	.maya-contact-form .nf-form-content input[type="submit"],
	.maya-contact-form .nf-form-content button[type="submit"] {
		min-height: 52px;
	}
}/* End custom CSS */