/*
Theme Name: EasyMeals Child
Theme URI: https://easymeals.qodeinteractive.com/
Description: A child theme of EasyMeals
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Text Domain: easymeals
Template: easymeals
*/

.nf-form-title,
.nf-form-fields-required,
.nf-field-label {
	display: none;
}

.nf-form-content {
	padding: 0 16px;
}

.nf-field-element input.nf-element:not([type="submit"]),
.nf-field-element textarea.nf-element {
	padding-block: 5px;
	border-radius: 10px;
    background-color: #fff;
    font-size: 80%;
	font-family: 'Gt america extended', sans-serif !important;

	&:-webkit-autofill,
	&:-internal-autofill-selected {
		transition: background-color 500000s, border-color 0.4s,
			text-fill-color 0.4s, color 500000s,
			box-shadow 0.4s !important;
		color: #000 !important;
		-webkit-text-fill-color: #000 !important;
		box-shadow: 0 0 0 1000px transparent inset !important;
		background-color: transparent !important;

		&:hover,
		&:focus,
		&:active {
			color: #000 !important;
			-webkit-text-fill-color: #000 !important;
			border-color: #000 !important;
		}
	}
}

.nf-field-element textarea.nf-element {
	height: 100px;
	resize: none;
}

.nf-field-element input.nf-element[type="submit"] {
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	text-transform: uppercase;
	font-size: 12px;
    line-height: 2em;
    font-weight: 600;
    letter-spacing: .15em;
	border-radius: 10px;
	color: #000;
	font-family: 'Gt america extended', sans-serif !important;
	transition: all 0.4s;
	
	&:hover {
		opacity: 0.8;
	}
}

.nf-field-container {
	margin-bottom: 10px !important;
}

.submit-wrap .nf-field-element {
	display: flex;
	justify-content: flex-end;
}

.sidx-container .sidx-suggestions-input input[type=text],
.sidx-container .sidx-input-field input[type=text] {
	height: 100%;
}

.sidx-container .sidx-map-container {
	margin-top: 10px;
}

/* Showcase IDX Loading Overlay - Pure CSS Solution */
#qodef-page-content:has(#sidx-main-container) {
	position: relative;
}

/* Overlay background */
#qodef-page-content:has(#sidx-main-container:not(.sidx-css-loaded))::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-height: 400px;
	background: rgba(255, 255, 255, 0.95);
	z-index: 100;
	transition: opacity 0.3s ease-out;
}

/* Spinner */
#qodef-page-content:has(#sidx-main-container:not(.sidx-css-loaded))::after {
	content: '';
	position: absolute;
	top: 250px;
	left: 50%;
	transform: translateX(-50%);
	width: clamp(60px, 10vw, 80px);
	height: clamp(60px, 10vw, 80px);
	border: 4px solid #e0e0e0;
	border-top: 4px solid #000;
	border-radius: 50%;
	z-index: 101;
	animation: sidx-spin 0.8s linear infinite;
}

/* Hide overlay when content is loaded */
#qodef-page-content:has(#sidx-main-container.sidx-css-loaded)::before,
#qodef-page-content:has(#sidx-main-container.sidx-css-loaded)::after {
	opacity: 0;
	pointer-events: none;
}

@keyframes sidx-spin {
	to {
		transform: translateX(-50%) rotate(360deg);
	}
}

.available-homes-content {
	max-width: 820px;
	margin-inline: auto;
}

.nf-field-element select {
    background-color: white;
    border: 1px solid #dddbdb;
    font-size: 80%;
    padding-block: 8px;
    padding-inline: 21px;
    border-radius: 8px;
    font-family: 'Gt america extended', sans-serif !important;
}