/*
MARK: Search from Homepage
*/
/* =============== SEARCH (FOR HOMEPAGE ONLY) =============== */

.e-parent:has(.ryzJumboSearch,#ryzJumboSearch) {
	div.elementor-element[data-settings*='video_type']{
		max-height: 87vh !important;
		background: none !important;
	}
}
@media (max-width:768px) {
	.elementor-element:has(.ryzJumboSearch:nth-child(1)) {
		z-index: 1000 !important;
	}
}
.elementor-widget-video .elementor-wrapper iframe, .elementor-widget-video .elementor-wrapper video {
	background: #00000000 !important;
}

.ryzJumboSearch,
#ryzJumboSearch
{
	left: 0 !important;
	&, & * {
		font-weight: 500;
		letter-spacing: 0.3px !important;
		font-size: 1.0rem;
		text-transform: unset;
	}
	
	@media (max-width: 768px) {
		font-size: 1.1rem;
		/* background: white !important; */
	}
	#auto_complete_ajax {
		display: none !important;
	}
	*:not(i) {
		font-family: var(--ryzTypeBody) !important;
	}
	form {
		@media (max-width:768px) {
			display: flex !important;
			flex-direction: column !important;
			padding-inline: 1rem !important;
			gap: 0.3rem !important;
		}
	}
	position: relative !important;
	@media (max-width:768px) {
		position: relative !important;
	}
	& #houzez-search-tabs-wrap {
		flex-wrap: nowrap !important;
		padding: 0rem !important;
		margin: 0 !important;
		margin-bottom: 0rem !important;
		gap: 0rem !important;
		background-color: none !important;
		border-radius: 0 !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		display: flex !important;
		flex-direction: row !important;
		width: auto !important;
		border: none !important;
		@media (max-width: 768px) {
			gap: 5px !important;
		}
		
		li.nav-item {
			width: 150px !important;
			min-width: 150px !important;
			max-width: 150px !important;
			margin: 0 !important;
			padding: 0 !important;
			text-align: center !important;
			@media (max-width: 768px) {
				width: 80px !important;
				min-width: 80px !important;
				max-width: 80px !important;
			}
			
			a {
				
				font-size: 1.15rem !important;
				font-weight: 700 !important;
				padding: 0 !important;
				padding-top: 0.5rem !important;
				padding-bottom: 0.2rem !important;
				margin: 0 !important;
				/* background-color: #0d115ab1; */
				/* background-color: #ffffffb1;
				background-color: #ffffffdb; */
				background: #fcfcfce4 !important;
				/* background: #ffffff !important; */
				/* background: white !important; */
				/* backdrop-filter: blur(10px) !important;
				-webkit-backdrop-filter: blur(10px) !important; */
				border-bottom: 1px solid var(--color-white) !important;
				
				
				color: var(--color-text) !important;
				border-radius: 0 !important;
				/* backdrop-filter: blur(10px) !important;
				-webkit-backdrop-filter: blur(10px) !important; */

				/* &:nth-child(1) {
					border-top-left-radius: var(--borderradius) !important;
					border-top-right-radius: var(--borderradius) !important;
				}
				&:nth-child(2) {
					border-top-right-radius: var(--borderradius) !important;
				}
				&:nth-child(3) {
					border-top-right-radius: var(--borderradius) !important;
				} */
				
				@media (max-width:768px) {
					font-size: 0.75rem !important;
					font-weight: 500 !important;
					padding-top: 0.2rem !important;
					padding-bottom: 0.18rem !important;
					text-transform: uppercase !important;
					letter-spacing: 1.0px !important;;
					background-color: white;
					color: var(--color-text) !important;
					border-radius: 10rem !important;
					border: 1px solid var(--color-jett30) !important;
				}
			}
			&:has(.active) a {
				border-bottom: 1px solid var(--color-white) !important;
				background-color: var(--color-blueDark) !important;
				background-color: var(--color-white) !important;
				/* background-color: var(--color-white) !important; */
				color: #eeeeee !important;
				color:  var(--color-blueReg) !important;
				font-weight: 700 !important;
				border-radius: 0 !important;
				/* border-left: 1px solid var(--color-goldReg) !important; */
				@media (max-width:768px) {
					background-color: none !important;
					border: 1px solid var(--color-blueDark) !important;
					/* color: var(--color-white) !important; */
					border-radius: 10rem !important;
				}
			}

		}
		@media (max-width:768px) {
			
		}
	}
	/**/
	& .houzez-ele-search-form-wrapper {
		margin: 0 !important;
		display: grid !important;
		/* grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); */
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: repeat(1, 1fr);
		align-items: end !important;
		gap: 8px;
		/* RYZBOXSHADOW */
		transition: 0.3s !important;
		/* box-shadow: 0 5px 20px var(--color-jett10) !important; */
		border: none !important;
		border-radius: var(--borderradius) !important;
		border-top-left-radius: 0 !important;
		.listing-image-wrap {
			/* filter: brightness(93%);
			transition: 0.3s !important; */
		}
		
		&:hover {
			/* box-shadow: 0 5px 40px #000000a8 !important; */
			.listing-image-wrap {
				/* filter: brightness(100%); */
			}
			.item-title a {
				color: var(--color-goldDark) !important;
			}
		}
		@media (max-width: 768px) {
			/* background: #ffffff !important; */
			box-shadow: none !important;
		}
		
		
		/* padding: 0.8rem !important; */
		
		
		gap: 10px !important;
		padding: 2.3rem !important;
		padding-top: 2.3rem !important;
		padding-bottom: 2.3rem !important;
		background: #fcfcfcf0 !important;
		background: white !important;
		/* backdrop-filter: blur(10px) !important;
		-webkit-backdrop-filter: blur(10px) !important; */
		.elementor-field-group-field-types, .col-100 {
			width: unset !important;
		}
		& > div.elementor-field-group:nth-child(1) { grid-column: span 3 / span 3; }
		& > div.elementor-field-group:nth-child(2) { grid-column: span 2 / span 2; grid-column-start: 4; }
		& > div.elementor-field-group:nth-child(3) { grid-column: span 2 / span 2; grid-column-start: 6; }
		& > div.elementor-field-group:nth-child(4) { grid-column-start: 8; }
		& > div.elementor-field-group:nth-child(5) { grid-column-start: 9; }
		& > div.elementor-field-group:nth-child(6) { grid-column: span 2 / span 2; grid-column-start: 10; }
		& > div.elementor-field-group:nth-child(7) { grid-column-start: 12; }
	
		@media (max-width:768px) {
			display: grid !important;
			grid-template-columns: repeat(12, 1fr) !important;
			grid-template-rows: repeat(2, 1fr) !important;
			gap: 8px !important;
			border-radius: var(--borderradius) !important;
			border-top: 1px solid #ffffff00 !important;
			/* display: flex !important; */
			gap: 3px !important;
			gap: 4px !important;
			padding: 10px !important;

			& > div.elementor-field-group:nth-child(1) { 
				grid-column: span 7 / span 7;
			} 
			& > div.elementor-field-group:nth-child(2) { 
				grid-column: span 3 / span 3;
    			grid-column-start: 8;
			} 
			& > div.elementor-field-group:nth-child(3) { 
				grid-column: span 4 / span 4;
				grid-column-start: 5;
				grid-row-start: 2;
			} 
			& > div.elementor-field-group:nth-child(4) { 
				grid-column: span 2 / span 2;
				grid-column-start: 1;
				grid-row-start: 2;
			} 
			& > div.elementor-field-group:nth-child(5) {
				grid-column: span 2 / span 2;
				grid-column-start: 3;
				grid-row-start: 2;
			} 
			& > div.elementor-field-group:nth-child(6) { 
				grid-column: span 4 / span 4;
				grid-column-start: 9;
				grid-row-start: 2;
			} 
			& > div.elementor-field-group:nth-child(7) { 
				grid-column: span 2 / span 2;
				grid-column-start: 11;
				grid-row-start: 1;
			} 
			/* display: flex !important;
			flex-direction: row !important;
			flex-wrap: wrap !important;
			& > div.elementor-field-ground {
				width: 30% !important;
			}

			& > div.elementor-field-group:nth-child(1) {
				width: 100% !important;
			} 
			& > div.elementor-field-group:nth-child(2) {
				width: 60% !important;
			} 
			& > div.elementor-field-group:nth-child(5) {
				display: none !important;
			} 
			& > div.elementor-field-group:nth-child(3),
			& > div.elementor-field-group:nth-child(4) {
				width: 18% !important;
			} 
			& > div.elementor-field-group:nth-child(6) {
				width: 100% !important;
			}  */
		}

	}
	#note__group,
	.elementor-field-group {
		width: auto !important;
		gap: 7px !important;
		height: auto !important;
		display: flex !important;
		align-content: center !important;
		background: #ffFFff !important;
		border-radius: 0 !important;
		border: none !important;
		
		
		/* border-bottom: 1px solid #0000006e !important; */
		
/* 		border-right: 1.5px solid  var(--color-blueReg) !important;
*/		padding: 0px !important;
		margin: 0 !important;
		transition: 0.3s !important;
		@media (max-width:768px) {
			/* background: #eeeeee2a !important; */
			background: #FFFFFF !important;
			gap: 2px !important;
			/* height: 4rem !important;
			height: 2.5rem !important; */
			padding: 0px !important;
			/* box-shadow: 0 10px 20px var(--color-jett10) !important;
			border: 1px solid var(--color-jett20) !important;
			border-bottom: 1.5px solid  var(--color-blueReg) !important; */

			&:nth-child(3), 
			&:nth-child(4) {
			}
		}
		&:hover {
			/* border: 1px solid var(--color-goldReg) !important;
			border-bottom: 1.5px solid var(--color-goldReg) !important; */
			label {
				color: var(--color-blueReg) !important;
				opacity: 1 !important;
			}
		}
		label {
			/* font-size: 0.9rem !important; */
			font-weight: 500 !important;
			color: var(--color-text) !important;
			background-color: none !important;
			/* letter-spacing: -0.2px !important; */
			text-transform: capitalize !important;
			opacity: 1 !important;
			margin: 0 !important;
			padding: 0 !important;
			line-height: 95% !important;
			padding-left: 0rem !important;
			display: none !important;

				@media (max-width: 768px) {
					font-size: 0.8rem;
					display: none !important;
				}
		}
		label, .elementor-field {
			@media (max-width: 768px) {
				font-size: 0.8rem !important;
				padding-left: 0px !important;
			}
		}
		.elementor-field *:not(i), .elementor-field  {
			margin: 0 !important;
			padding: 0 !important;
			/* border: 1.5px solid var(--color-jett20) !important;
		border-bottom: 1.5px solid  var(--color-blueReg) !important; */
			
			font-family: var(--ryzTypeBody) !important;
			font-size: 1.0rem !important;
			font-weight: 600 !important;
			font-size: 1.1rem !important;
			font-weight: 500 !important;
			letter-spacing: 0px !important;
			color: #414141 !important;
			color: var(--color-text) !important;
			height: unset;
			min-height: unset;
			max-height: unset;
			line-height: unset;
			
			
			@media (max-width: 768px) {
				font-size: 0.9rem !important;
				
				padding-inline: 2px !important;
			}
			button {
				/* padding-left: 1rem !important; */
			}
			.filter-option-inner *,
			.filter-option-inner-inner * {
				/* text-decoration-line: underline !important;
				text-decoration-color: #8a65149a !important;
				text-decoration-style: dashed !important;
				text-underline-offset: 6px !important; */
				@media (max-width: 600px) {
					text-decoration: none !important;
				}
			}
		}
		input.elementor-field  {
			height: var(--ryz-FieldItemLarge) !important;
			min-height: var(--ryz-FieldItemLarge) !important;
			max-height: var(--ryz-FieldItemLarge) !important;
			
		}

		input.elementor-field, input.elementor-field
		.elementor-field {
			/* border: var(--borderweight) solid var(--color-jett05) !important; */
			border: none !important;
			outline: var(--borderweight) solid var(--color-jett20) !important;
			&:focus {
				outline: var(--borderweight) solid var(--color-goldReg) !important;
			}
		}
		input, .elementor-select-wrapper {
			outline: var(--borderweight) solid var(--color-jett20) !important;
			&:hover {
				
				outline: var(--borderweight) solid var(--color-goldReg) !important;
			}
		}
		input, .elementor-select-wrapper  {
			&:hover {
				background: white !important;
				
				/* border-bottom: 1px solid var(--color-goldReg) !important; */
			}
		}
		@media (max-width: 768px) {
			button[data-id="form-field-field-beds"] {
				.filter-option-inner-inner::after {
					content: " BR" !important;
				}
			}
			button[data-id="form-field-30df465"] {
				.filter-option-inner-inner::after {
					content: " BA" !important;
				}
			}
			button {
				.filter-option-inner-inner::after {
					text-transform: uppercase !important;
					font-size: 0.75rem !important;
				}
				&::after {
					margin: 0 !important;
					padding: 0 !important;
				}
			}
		}
		
		input {
			background: #F6F6F6 !important;
			/* background: white !important; */
		}
		input[name="keyword"] {
			padding-left: 0.5rem !important;
		}
		.elementor-select-wrapper {
			border: none !important;
			border-radius: 0.0 !important;
			background: none !important;
			

			background: #F6F6F6 !important;
			/* background: white !important; */
			margin: 0 !important;
			padding: 0 !important;
			padding: 0px !important;
			
			height: var(--ryz-FieldItemLarge) !important;
			min-height: var(--ryz-FieldItemLarge) !important;
			max-height: var(--ryz-FieldItemLarge) !important;
			border-radius: 0 !important;
			/* border: var(--borderweight) solid var(--color-jett05) !important; */
			border: none !important;
			/* border-bottom: 1px solid #0000006e !important; */
			@media (max-width: 768px) {
				padding: 0px !important;
			}
			&::before {
				opacity: 0 !important;
			}
			select, .dropdown, button {
				height: unset !important;
				min-height: unset !important;
				max-height: unset !important;
				background-color: none !important;
				background: none !important;
				border: none !important;
				/* @media (max-width: 768px) {
					padding: 0px !important;
				} */
			}
			select { 
				
			}
			button {
				padding: 8px !important;
				height: var(--ryz-FieldItemLarge) !important;
				max-height: var(--ryz-FieldItemLarge) !important;
				/* flex-direction: row-reverse !important; */
				@media (max-width: 768px) {
				flex-direction: row !important;
				}
				&::after {
					color: var(--color-goldReg) !important;
					margin-left: 0 !important;
					padding-left: 0 !important;
					padding-right: 0rem !important;
					@media (max-width: 768px) {
						padding-right: 0rem !important;
						padding-left: 1px !important;
					}
				}
			}
			.dropdown-menu.show {
				z-index: 1000 !important;
				background: #ffffffce !important;
				background: white !important;
				/* backdrop-filter: blur(10px) !important;
				-webkit-backdrop-filter: blur(10px) !important; */
				& > .inner,
				ul.dropdown-menu {
					background: none;
				}
			}
			ul.dropdown-menu {
				
				display: grid !important;
				grid-template-columns: 1fr 1fr !important;
				padding: 10px !important;
				gap: 3px !important;
				li {
					font-size: 0.9rem !important;
					padding: 0.5rem 1rem !important;
					/* border: 1px solid var(--color-jett10) !important; */
					border-bottom: 1px solid var(--color-jett20) !important;
					
					&:hover {
						background: #ffffff !important;
					}
				}
				a {
					
					&:hover {
						background: none !important;
					}
				}
				small.text-muted {
					display: none !important;
				}
			}
		}
		form-control {
			
		}
		
		&:hover {
			form-control {
				/* border: 1px solid var(--color-goldReg) !important; */
				/* border-bottom: 1px solid var(--color-goldReg) !important; */
			}
			label, h6 {
				color: var(--color-blueReg) !important;
				opacity: 1 !important;
			}
		}
		&.elementor-field-type-submit {
			padding: 0 !important;
			height: 5rem !important;
			height: var(--ryz-FieldItemLarge) !important;
			@media (max-width: 768px) {
				height: 2.5rem !important;

			}
		}

		&.elementor-field-type-submit button {
			height: 5rem !important;
			height: var(--ryz-FieldItemLarge) !important;
			color: white !important;
			background: var(--color-goldReg);
			background: linear-gradient(60deg, rgba(222, 153, 51, 1) 0%, rgba(255, 206, 98, 1) 100%);
			border-radius: none !important;
			/* border: 1px solid var(--color-goldDark) !important; */
			border: none !important;
			box-shadow: none !important;
			box-shadow: 0 3px 5px #de9a333e !important;
			margin: 0 !important;
			@media (max-width: 768px) {
				height: 4rem !important;
				height: 3rem !important;
				height: 2.5rem !important;
				display: none !important;
			}
			&:hover {
				box-shadow: 0 3px 5px #de9a333e !important;
			}
			&, * {
				text-transform: uppercase !important;
				letter-spacing: 1.0px !important;
				font-weight: 900 !important;
				text-wrap: nowrap !important;
			}
		}

		&.elementor-field-type-submit:has(>button) {

			&::after {
				display: none !important;
			}
			@media (max-width: 768px) {
				height: 3rem !important;
				height: 2.5rem !important;
				width: 3rem !important;
				width: 100% !important;
				&::after {
					&, * {
						text-transform: uppercase !important;
						letter-spacing: 1.0px !important;
						font-weight: 900 !important;
						text-wrap: nowrap !important;
					}
					display: flex !important;
					justify-content: center !important;
					align-items: center !important;
					height: 3rem !important;
					height: 2.5rem !important;
					width: 3rem !important;
					width: 100% !important;
					color: white !important;
					background: var(--color-goldReg);
					background: linear-gradient(60deg, rgba(222, 153, 51, 1) 0%, rgba(255, 206, 98, 1) 100%);
					border-radius: 100px !important;
					border-radius: 0 !important;
					border: 1px solid var(--color-goldDark) !important;
					/* box-shadow: 0 5px 5px #DE99336e !important; */
					margin: 0 !important;
					content: 'Go' !important;
				}
			}

		}
		
		
	}/**/
#ryzJumboSearch__Horizontal, .ryzJumboSearch__Horizontal { }
}/***/