/*
MARK: Houzez Grid
*/

/* =============== HOUZEZ LISTING GRID =============== */

.elementor-widget-houzez_elementor_property-card-v1 {
#ryzPropLIST-Wrapper,
.property-cards-module-v1 {
	
}
#ryzPropLIST-PARENT,

#ryzPropLIST-SINGLEITEM,
.hz-item-gallery-js.card {
	margin-bottom: 0 !important;
}
}

.page-template-template-listing-grid-v1 #main-wrap {
	/* background:  var(--color-pearl)!important; */
}
.page-template-template-homepage #main-wrap  {
	/* background: var(--color-pearl) !important; */

}

.listing-view {
	padding-inline: 10px !important;
}

.listing-wrap {

	.container {
		/* max-width: 1480px !important; */
		
		@media (max-width: 768px) {
			padding: 6px !important;
		}
	}


	.row{
		max-width: calc(100%) !important;
		width: calc(100%) !important;
		justify-content: space-between;
		margin: 0 !important;
		padding: 0 !important;
	}
	.row .bt-content-wrap,
	.page-title-wrap  {
		padding: 0 !important;
		margin: 0 !important;
		max-width: calc(100% /*- 280px*/) !important;
		width:calc(100% /*- 280px*/)  !important;
		min-width:calc(100% /*- 280px*/)  !important;
		
		@media (min-width: 768px) {
			
		}
		&.bt-content-wrap {
			
		}
		
		.listing-view,
		.listing-tools-wrap{
			/* max-width: 1550px !important; */
			margin: 0 auto !important;
			padding-inline: 0rem !important;
			gap: 1.1rem !important;
			@media (max-width: 768px) {
				padding-inline: 0 !important;
			}
		}
		.listing-tools-wrap {
			* {
			}
		}
		&.page-title-wrap {
			padding: 1rem 0 !important;
		}
	}
	
		.page-title-wrap  {
			@media (max-width: 768px) {
				.breadcrumb-wrap {
					width: 100% !important;
					flex: 1 !important;
					flex-basis: 100% !important;
				}
				max-width: 100% !important;
				width: 100% !important;
				min-width: 100% !important;
				display: flex !important;
				flex-direction: row !important;
				flex-wrap: wrap !important;
				justify-content: space-between !important;
				align-items: flex-end !important;
			}
		}
	.row .bt-sidebar-wrap {
		display: none !important;
		width: 280px !important;
		max-width: 280px !important;
		padding: 0 !important;
		margin: 0 !important;
		@media (max-width: 1000px) {
		display: none !important;
		}
		.theiaStickySidebar {
			left: unset !important;
			padding: 0 !important;
			margin: 0 !important;
		}
		&, .theiaStickySidebar 
		{
			width: 280px !important;
			min-width: 280px !important;
			max-width: 280px !important;
			flex: unset !important;
		}
	}
	
	/* .listing-view.grid-view .houzez_ajax_container .card-deck {
		gap: 1rem !important;
		padding-inline: 1rem !important;
	} */

	.widget-body {
		ul {
			display: flex !important;
			flex-wrap: nowrap !important;
			flex-direction: column !important;
			gap: 0.5rem !important;
			.children {
				padding-left: 0 !important;
			}
		}
		li
		{
			margin-left: 0 !important;
			padding-left: 0 !important;
			::before {
				content: unset !important;
			}
		}
		li a {
			font-weight: 550 !important;
			font-size: 0.9rem !important;
			letter-spacing: 0.1px !important;
			display: table-cell !important;
			border-radius: 0.1rem !important;
			border: 1px solid var(--color-jett20) !important;
			/* border-bottom: 1px solid #0000006e !important; */
			border-bottom: 1.5px solid  var(--color-blueReg) !important;
	/* 		border-right: 1.5px solid  var(--color-blueReg) !important;
	*/		padding: 2px 10px !important;
			margin: 0 !important;
			
			@media (max-width: 768px) {
				border: 1px solid #000000bd !important;
			}
			&:hover {
				border: 1px solid var(--color-goldReg) !important;
				border-bottom: 1.5px solid var(--color-goldReg) !important;
				label, a, & {
					color: var(--color-goldReg) !important;
					opacity: 1 !important;
				}
			}
		}
	}
}
.listing-tools-wrap {
	display: flex !important;
	width: 100% !important;
	min-width: 100% !important;
	
}
.listing-tools-wrap .d-flex:has(.listing-tabs) {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap:nowrap !important;
	justify-items: space-between;
	justify-content: space-between;
	align-content: center !important;
	align-items: center !important;
	gap: 1rem !important;
	width: 100% !important;
	min-width: 100% !important;
	border-top: var(--borderweight) solid var(--color-jett10) !important;
	border-bottom: var(--borderweight) solid var(--color-jett10) !important;
	/* background: #f5f5f545 !important; */
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	margin-bottom: 1.5rem !important;
	.listing-tabs {
		flex-grow: 0 !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		align-content: center !important;
		max-width: 8rem !important;
	}
	.ryzLeftSide  {
		display: flex !important;
		flex-direction: row !important;
	}
	.ryzRightSide  {
		display: flex !important;
		/* flex-direction: row-reverse !important; */
		align-items: center !important;
		justify-content: space-between !important;
		align-content: center !important;
		gap: 0.5rem !important;
	}
	.sort-by {

	}
	@media (max-width: 768px) {
		/* flex-direction: row-reverse !important; */
	}
	* {
		
	}
}




.listing-view.grid-view {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 0.8rem !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	.item-listing-wrap {
		width:100% !important;
		min-width:100% !important;
		max-width:100% !important;
	}
	@media (max-width: 1000px) {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	@media (max-width: 768px) {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	&:has(div.card-deck) {
		display: block !important;

		.card-deck {
			display: grid !important;
			grid-template-columns: repeat(3, 1fr) !important;
			gap: 0.8rem !important;
			.item-listing-wrap {
				width:100% !important;
				min-width:100% !important;
				max-width:100% !important;
			}
			@media (max-width: 1000px) {
				grid-template-columns: repeat(2, 1fr) !important;
			}
			@media (max-width: 768px) {
				grid-template-columns: repeat(1, 1fr) !important;
			}
		}
	}
}
#half-map-listing-area .card-deck {
	display: grid !important;
	grid-template-rows: repeat(2, 1fr) !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 0.7rem !important;
	.item-listing-wrap {
		width:100% !important;
		min-width:100% !important;
		max-width:100% !important;
		box-shadow: none !important;
	}
	.item-wrap {
		box-shadow: none !important;
	}
	@media (max-width: 1000px) {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	@media (max-width: 500px) {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}

@media (min-width:576px) {
	.card-deck {
		margin: 0 auto !important;
		padding-inline: 0rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

.homePage .listing-view.card-deck {
	gap: 5px !important;
	.card:nth-child(4) {
		@media (min-width:576px) {
			display: none !important;
		}
	}
}
/**/


/*
MARK: Prop. Mobile
*/
/*mobile*/

@container (max-width: 480px) {
	.elementor-widget-wrap:has(>div.elementor-widget-houzez_elementor_property-card-v1) {
		margin: 0 !important;
		padding: 0 !important;
	}
	.listing-view,
	div:has(>div.listing-view) 
	{
		margin: 0 !important;
		padding: 0 !important;
	}
	.item-listing-wrap {
		margin: 0 !important;
		.item-wrap {
			/* box-shadow: 0 var(--boxdescent) var(--boxshadow) var(--color-jett10) !important; */
			box-shadow: none !important;
		}
	}
	/* .listing-view .d-flex {
		display: flex !important;
		flex-direction: row !important;
		.item-header{ width: 45% !important; }
		.item-body { width: 55% !important;}
	} */
	.listing-view.list-view {
		/* display: grid !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		grid-template-columns: repeat(2, 1fr) !important; */
		.card {
			/* width: 50% !important;
			max-width: 50% !important; */
			.item-wrap {
				/* padding: 2px !important; */
			}
		}
		/* .d-flex {
			display: grid !important;
			flex-direction: column !important;
		}
		.item-header {
		}
		.item-body {
			width: 100% !important;
		} */

	}
	.item-title {
		&, & * {
			font-size: 1rem !important;
		}
		font-weight: 500 !important;
		/* margin-top: 8px !important; */
	}
	.item-price {
		font-size: 0.9rem !important;
		font-weight: 500 !important;
	}
	address.item-address {
		height: 1.5rem !important;
		line-height: 0.55rem !important;

		height: 1.5rem !important;
		line-height: 0.9rem !important;

		
		text-wrap: pretty !important;
		white-space: wrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		display: -webkit-box !important;

		-webkit-line-clamp: 2 !important;
		line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		
	}
	.item-address, .item-address * {
		text-transform: uppercase !important;
		font-size: 0.5rem !important;
		font-weight: 600 !important;
		letter-spacing: 0.6px !important;

		text-transform: capitalize !important;
		font-size: 0.6rem !important;
		font-weight: 600 !important;
		letter-spacing: normal !important;
		&, & * {
		}
	}
	.item-price-wrap {
	}
	.item-footer,
	.item-tools,
	.labels-wrap	
	{
		display: none !important;
	}
	/* .item-amenities {
		order: 3 !important;
		.hz-figure,  .hz-figure:after {
			font-size: 0.9rem !important;
		}
		.hz-figure:after {
			display: none !important;
		}
		#note__Categories,
		.h-type span {
		}
	} */
	
}/**/


	/* .listing-view .item-amenities {
		.hz-figure,
		.area_postfix {
			@media (max-width: 1200px) {
				font-size: 1.0rem ;
				font-weight: 500 !important;
			}
			@container (max-width: 480px) {
				font-size: 0.9rem !important;
				font-weight: 500 !important;
			}
			@media (max-width: 768px) {
				font-size: 0.9rem !important;
				font-weight: 500 !important;
			}
		}
		.area_postfix {
			@media (max-width: 768px) {
			}
		}
	} */
	
/**/

/*
MARK: List Group
*/

/* =============== LISTING GROUP =============== */

.listing-tools-wrap {
	&, *:not(i)  {
		/* font-family: Brewery, "Brewery", sans-serif !important; */

	}
}
.listing-view {
	container-type: inline-size !important;

	* {
		letter-spacing: unset !important;
		font-weight: 600 !important;
	}
	/* *:not(i) {
		font-family: Brewery, "Brewery", sans-serif !important;
	} */
	
	& .item-listing-wrap {
		padding: 0rem !important;
	}
	&.list-view .item-listing-wrap {
		margin-bottom: 0 !important;
	}


	
	&.list-view {
		gap: 1rem !important;
	}
	
/*
MARK: Grid View
*/

/*
MARK: Price, Head
*/


.item-footer, .item-author {
	display: none !important;
	
	/* display: none !important;
	visibility: hidden !important; */
}

/*
MARK: Item Box
*/

/* =============== ITEM BOX =============== */

.item-listing-wrap {
	&:has(a[href*="status/sold"]),
	&:has(a[href*="status/rented"])
	/* , &:has(.labels-right>a[href*="contract"])  */
	{
		display: none !important;
	}
}
.item-wrap {
	background: #fefeff !important;
	background: #ffffff00 !important;
	/* background: none !important; */
	border: 1px solid var(--color-jett20) !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: unset !important;
	&:hover {
		border: none !important;
		box-shadow: none !important;
		border-radius: unset !important;
		.listing-image-wrap {
			filter: brightness(100%) !important;
		}
	}
}
.item-wrap {
	/* RYZBOXSHADOW */
	/* transition: 0.3s !important; */
	/* background: #fefeff !important;
	background: #ffffff !important;
	border: 1px solid var(--color-jett10) !important;
	border: 1px solid var(--color-jett20) !important;
	border: none !important;
	box-shadow: none !important;
	
	border-radius: unset !important; */
	.listing-image-wrap {
		/* filter: brightness(93%);
		transition: 0.3s !important; */
	}
}

}/**/













/*
MARK: Dynamic Card
*/

/* =============== DYNAMIC CARD =============== */


.ryzListingContainer {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 1rem !important;
	@media (max-width: 768px) {
		gap: 0.5rem !important;
	}
}
#ryzListing, .ryzListing {
	 /* *:not(i) { font-family: var(--ryzTypeAlt) !important; } */
	/* border: 1px solid #00000033 !important;
	border: 1px solid #00000016 !important;
	box-shadow: 0px 3px 10px #00000010 !important; */
	margin-bottom: 0 !important;
	border: 1px solid var(--color-neutral30);
	border-radius: 5px !important;
	box-shadow: 0 3px var(--boxshadLarge) var(--color-neutral20) !important;
	/* box-shadow: 0 3px var(--boxshadLarge) var(--color-neutral20) !important; */
	background: white !important;

	padding: 0 !important;
}
#ryzListing:hover, .ryzListing:hover {
	color: var(--color-goldDark) !important;
	box-shadow: 0 3px var(--boxshadLarge) var(--color-neutral30) !important;
	border: 1px solid var(--color-neutral30);
	transform: translateY(-5px);
	transition: 0.2s !important;

	@media (max-width: 768px) {
		box-shadow: none !important;
		border: 1px solid var(--color-neutral20);
		transform: none;
	}
}
.ryzListing .card-header {
	padding: 0 !important;
}
.ryzListing .card-header img {
	aspect-ratio: 5/3 !important;
	object-fit: cover !important;
}
#ryzCard__Header {
	/* height: 100% !important;
	width: 100% !important;
	background: none !important;
	background-color: none !important; */
}
#ryzCard__Header .list-group-item {
	border: 0 !important;
	background: none !important;
	background-color: none !important;
	@media (max-width: 768px) {
		.btn {
			height: calc(var(--ryz-FieldItemSM) / 2.0 ) !important;
		}
		.btn.item-price-card {
			padding-inline: 5px !important;
			* { font-size: 0.8rem !important; }
		}
	}
}
#ryzCard__Header .ryzCard__HoverOpacity {
	opacity: 0.9 !important;
}
#ryzCard__Header:hover .ryzCard__HoverOpacity {
	opacity: 0.5 !important;
}
.ryzListing .card-body {
	padding: 0 !important;
	width: 100% !important;
	@media (max-width: 768px) {
		background: white !important;
	}
}
.ryzListing #ryzCard__Address {
	display: block !important; /* Switch from flex to block */
	display: inline-block !important;
    white-space: normal !important;
    line-height: 135% !important; /* Give it some breathing room */
    text-align: left;
    align-items: baseline !important;
    white-space: normal !important;
    column-gap: 4px;
	font-size: 0.9rem;
	font-weight: 600 !important;
	color: var(--color-subtext) !important;
}
.ryzListing .card-text a {
	display: inline !important; /* Force inline behavior */
	font-weight: 600 !important;
	vertical-align: baseline !important;
	text-decoration: none;
	color: var(--color-subtext) !important;
	padding: 0 !important;
    margin: 0 !important;
	opacity: 0.7 !important;
	
	@media (max-width: 768px) {
		font-size: 0.7rem !important;
		letter-spacing: -0.1px !important;
		line-height: 100% !important;
	}
	&:hover {
		color: var(--color-blueReg) !important;
	}
}

.ryzListing #ryzCard__Address i {
	margin-right: 4px !important;
    color: var(--color-blueReg) !important;
	display: inline-block !important;
	vertical-align: baseline !important;
	font-size: 0.8rem !important;
	opacity: 0.95;
	
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	display: inline-block !important;

    vertical-align: middle;
    /* Remove any absolute positioning or floats the theme might have */
    float: none !important; 
    position: static !important;
}
.ryzListing .card-title {
	letter-spacing: -0.3px !important;
	line-height: 1.4rem !important;
	line-height: 150% !important;
	@container (max-width: 888px) {
		line-height: 115% !important;
		line-height: 140% !important;
	}
	@media (max-width: 768px) {
		line-height: 120% !important;
		letter-spacing: -0.4px !important;
	}
	a {
		font-size: 1.2rem !important;
		font-size: 1.125rem !important;
		font-size: 1.14rem !important;
		font-weight: 700 !important;
		letter-spacing: -0.3px !important;
		color: var(--color-blueDark) !important;
		color: var(--color-text) !important;
		padding-left: 0px !important;

		text-wrap: pretty !important;
		white-space: wrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		display: -webkit-box !important;

		-webkit-line-clamp: 2 !important;
		line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;

		@container (500px <= width <= 768px) {
			font-size: 1rem !important;
			font-weight: 700 !important;
			-webkit-line-clamp: 2 !important;
			line-clamp: 2 !important;
		}
		@media (max-width: 768px) {
			font-size: 1rem !important;
			font-weight: 600 !important;
			letter-spacing: -0.1px !important;
			-webkit-line-clamp: 3 !important;
			line-clamp: 3 !important;
			
		}
	}
	
}
.ryzListing:hover .card-title a {
		color: var(--color-goldDark) !important;
		@media (max-width: 768px) {
			color: var(--color-text) !important;
		}
	}
.ryzListing .card-subtext {
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	color: var(--color-blueDark) !important;
}
#ryzCard__Meta {
	/* display: grid !important; */
	/* grid-template-columns: repeat(3, 1fr) !important; */
	gap: 1.1rem !important;
	/* border-radius: var(--borderradius) !important; */
	@media (max-width: 768px) {
		gap: 0 !important;
	}
}
#ryzCard__MetaTag {
	gap: 7px !important;
	/* background: #f7f6fb !important;
	height: var(--ryz-FieldItemMD) !important;
	padding: 0.2rem !important; */
	padding: 0 !important;
	
	/* padding: 5px 10px !important;
	border: 1px solid var(--color-neutral20) !important; */
	@media (max-width: 768px) {
		/* font-size: 0.9rem !important; */
		gap: 5px !important;
		padding: 0 !important;
		height: auto !important;
		max-height: auto !important;
		/* border-radius: var(--borderradius) !important;
		background: var(--color-neutral10) !important;
		padding: 3px 2px !important; */
	}
}
#ryzCard__MetaTag .prop_icon {
	height: 100% !important;
	width: auto !important;
	/* background: #ffffff !important; */
	display: flex !important;
	justify-content: center !important;
	/* border: 1px solid #00000016 !important; */
	color: var(--color-goldDark) !important;
	@media (max-width: 768px) {
		aspect-ratio: unset !important;
		* { font-size: 0.7rem !important; }
	}
	/* color: var(--color-goldDark) !important; */
	/* color: unset !important; */
}
#ryzCard__MetaTag .prop_icon i {
	color: var(--color-goldDark) !important;
	/* color: var(--color-goldDark) !important; */
	/* &::before, ::before {
		color: unset !important;
		-webkit-text-stroke: 1px solid var(--color-blueDark) !important;
	} */
	 font-size: 0.85rem !important;
	 @media (max-width: 768px) {
		
	 }
}
#ryzCard__MetaTag .prop_text {
	gap: 4px !important;
	font-size: 1.2rem !important;
	opacity: 1 !important;
	color: var(--color-text) !important;
	@container (max-width: 550px) {
		font-size: 1rem !important;
	}
	@media (max-width: 768px) {
		* { font-size: 1rem !important;
		font-weight: 700 !important; }
	}
}
#ryzCard__MetaTag .prop_text span {
	font-weight: 600 !important;
	@media (max-width: 768px) {
		font-size: 1rem !important;
		font-weight: 700 !important;
	}
}
@media (max-width: 768px) {
	#ryzCard__MetaTag[class*="rooms"] {
		.prop_quantifier {
			display: none !important;
		}
	}
}
.ryz_fill_transparent {
	background: #000000ae !important;
	color: white !important;
	weight: 800 !important;
}
.ryz_fill_outlined {
	background: #ffffff6E !important;
	background: var(--color-blueDark) !important;
	background-color: var(--color-blueDark) !important;
	border: 1px solid var(--color-goldReg) !important;
	height: 1.5rem !important;
	max-height: 1.5rem !important;
	color: white !important;
	a, span {
		font-size: 0.8rem !important;
		opacity: 1 !important;
		display: block !important;
		z-index: 4 !important;
	}
}




/* ============================================================
   + Card Body’s Inner Elements All Column (Applies to All Variants)
   ============================================================ */




// Images As Layout Elements
#ryzCard__Header .card-img-top,
#ryzCard__Header .listing-featured-thumb,
#ryzCard__Header img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
	
}
#ryzCard__Body {
	display: flex !important;
	flex-direction: column !important;
}
.ryzListing .card-body {
	padding: 1rem !important;
	gap: 5px !important;
	@container (500px <= width <= 768px) {
		padding: 10px 10px !important;
	}
	@media (max-width: 768px) {
		padding: 10px !important;
	}
}
#ryzCard__Body .list-group:last-child {
	padding-top: 5px !important;
	border-top: 1px solid var(--color-jett20) !important;
	@media (max-width: 768px) {
		padding-top: 10px !important;
	}
}
/* #ryzCard__Body .list-group:last-child .list-group-item > div:last-child {
	padding-top: 8px !important;
	border-top: 1px solid var(--color-jett20) !important;
} */
#ryzCard__Header .list-group-item {
	padding: 0.8rem !important;
	
	.btn:has(h4) {
		
	}
	@container (max-width: 888px) {
		gap: 0px !important;
		padding: 8px 10px !important;
		
		.btn:has(h4) {
			display: none !important;
		}
	}
	@media (max-width: 768px) {
		padding: 3px !important;
		padding-inline: 5px !important;
	}
}
.ryzListing .list-group-item {
	padding: 0 !important;
}
.ryzListing .list-group-item {
	gap: 5px !important;
	@container (500px <= width <= 768px) {
		gap: 2px !important;
	}
	@media (max-width: 768px) {
		gap: 0px !important;
	}
}

/* ============================================================
   1. GRID VIEW LOGIC
   ============================================================ */

@media (max-width: 768px) {
    .grid-view #ryzListing #ryzPseudoParent {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
    }

    .grid-view #ryzCard__Header {
        flex: 0 0 43% !important;
        max-width: 43% !important;
        /* Remove min-height and let the body define the height */
        min-height: 0 !important; 
		display: flex !important;
        flex-direction: column !important;
        align-self: stretch !important;
        height: auto !important;
		aspect-ratio: auto !important; 
        height: 130px !important; 
        width: 43% !important;	
    }

    /* --- THE FIX: Force the nested wrappers to stretch --- */
    .grid-view #ryzCard__Header .card-img-top,
    .grid-view #ryzCard__Header .listing-featured-thumb
	.grid-view #ryzCard__Header a {
        display: block !important;
        height: 100% !important; 
		min-height: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .grid-view #ryzCard__Header img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center;
    }

    .grid-view #ryzCard__Body {
        flex: 1 !important;
		max-width: 57%;
        padding: 10px !important;
		padding: 5px 5px 5px 10px !important;
    }
}

/* ============================================================
   2. LIST VIEW LOGIC
   ============================================================ */

/* Desktop List View: Standard horizontal (Your previous preference) */
@media (min-width: 768px) {
	.list-view #ryzListing #ryzPseudoParent {
		flex-direction: row !important;
		align-items: stretch !important;
		gap: 0;
	}

	.list-view #ryzCard__Header {
		flex: 0 0 40%;
		max-width: 40%;
		border-bottom: none;
		/* border-right: 1px solid rgba(0,0,0,.125); */
	}

	.list-view .card-img-top, 
	.list-view .listing-featured-thumb img {
		height: 100%;
		width: 100%;
		object-fit: cover !important;
	}

	.list-view #ryzCard__Body {
		flex: 1;
		max-width: 60%;
		padding: 1rem !important;
	}

}

/* Mobile List View: Becomes a 2x2 Grid with vertical cards */
@media (max-width: 767px) {
    /* The Container */
    .list-view { 
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: var(--rway) !important;
    }

    /* The Card Structure */
    .list-view #ryzListing #ryzPseudoParent {
        flex-direction: column !important;
        height: 100% !important;
    }

    .list-view #ryzCard__Header {
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 6/5 !important; 
        overflow: hidden;
    }

    .list-view #ryzCard__Body {
        flex-grow: 1;
    }
}










	
/*
MARK: Houzez Map
*/
/* =============== HOUZEZ MAP =============== */

@media (max-width: 768px) {
	.top-banner-wrap.map-banner,
	#houzez-properties-map {
		height: 70vw !important;
		max-height: 70vw !important;
	}
}
.half-map-wrap {
	/* height: 100vh !important; */
	#map-view-wrap {
		height: calc(100vh - var(--nav-DeskFullwBar)) !important;
		top: var(--nav-DeskFullwBar) !important;
		position: fixed !important;
	}
	#half-map-listing-area {
		height: 100% !important;
		padding-top: var(--nav-DeskTOP) !important;
		padding-inline: 1rem !important;
	}
	
	.page-title-wrap {
		padding-inline: 0 !important;
	}
}
.map-wrap {

.ryzMap {
	display: flex !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
}

.map-arrows-actions,
.map-next-prev-actions,
.map-zoom-actions {
	/* font-size: 1rem !important; */
	letter-spacing: normal !important;
	font-weight: 600 !important;
	line-height:100% !important;
	display: flex !important;
	flex-direction: row !important;
	gap: 0.3rem !important;

	button, .map-btn {
		
		height: var(--ryz-FieldItemMD) !important;
		max-height: var(--ryz-FieldItemMD) !important;
		min-width: var(--ryz-FieldItemMD) !important;
		background-color: white !important;
		
		/* box-shadow: 0 var(--boxdescent) var(--boxshadow) var(--color-jett10) !important; */
		box-shadow: none !important;
		
		color: var(--color-text) !important;
		i {
			/* font-size: 0.7rem !important; */
			/* font-weight: 700 !important;
			font-weight: bold !important; */
			display: flex !important;
			flex-wrap: wrap !important;
			align-content: center !important;
			justify-content: center !important;
			align-items: center !important;
			line-height: 100% !important;
			&::before {
				display: flex !important;
				align-content: center !important;
				justify-content: center !important;
				align-items: center !important;
				margin-top: 0 !important;
				flex-wrap: wrap !important;
				line-height: 100% !important;
			}
		}
	}
	.map-btn {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		align-content: center !important;
		justify-content: center !important;
		/* box-shadow: 0px 5px 10px #203c7f2c; */
		gap: 0.3rem !important;
		font-weight: 800 !important;
		* {
			font-weight: 800 !important;
		}
	}
}
.map-arrows-actions
{
	top: 1rem !important;
	left: 1rem !important;
	/* margin-left: auto !important; */
}
.map-zoom-actions {
	bottom: 1rem !important;
	right: 1rem !important;
}

.map-next-prev-actions
{
	top: 1rem !important;
	right: 1rem !important;
	/*margin-left: auto !important; */
}

}
.block-map-wrap {
	@media (max-width: 768px) {
		max-height: 60vw !important;
	}
}
.houzez-properties-map {
	
}


/*
MARK: GMaps Display
*/

/* =============== GMAPS DISPLAY =============== */

#gm__PARENT,
.gm-style-iw-a .gm-style-iw.gm-style-iw-c {
	max-height: unset !important;
	max-width: unset !important;
	width: unset !important;
	height: unset !important;

	#gm__CLOSE,
	.gm-style-iw-chr {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		.gm-style-iw-ch {
			display: none !important;
		}
	}
	#gm__BOT,
	.gm-style-iw-d {
		height: auto !important;
		max-height: unset !important;
		width: unset !important;
		max-width: unset !important;
		/* * {
		font-family: var(--ryzTypeBody) !important;
		} */
	}
}

#gm__POPWRAPPER,
.gm-style-iw-a .map-info-window {
	width: auto !important;
	min-width: auto !important;
	max-width: auto !important;
	a.hover-effect, .hover-effect:hover, a:hover, .hover-effect:before  {
		background: none !important;
		background-image: unset !important;
		background-color: unset !important;
	}
}
#gm__POPINNER,
.gm-style-iw-a .map-info-window .item-wrap {
	
	display: flex !important;
	flex-direction: column !important;
	/* border-radius: var(--borderradius) !important; */
	border-radius: 0 !important;
	.item-header {
		padding: 2px !important;
		&, a, img {
			height: 100% !important;
			width: 300px !important;
			aspect-ratio: 5/2.5 !important;
			object-fit: cover !important;
			@media (max-width:768px) {
				width: 200px !important;
				aspect-ratio: 5/2 !important;
			}
		}
	}
	.item-body {
		/* height: auto !important; */
		border-radius: var(--borderradius) !important;
	}
	
}
.gm-style-iw-c{
	border-radius: var(--borderradius) !important;
	box-shadow: none !important;
}
.gm-style-iw-d {
	.item-body {
		flex-wrap: wrap !important;
		flex-direction: column !important;
		width: 300px !important;
		text-wrap: wrap !important;
		max-width: 300px !important;
		padding: 0.5rem 1rem !important;
		@media (max-width:768px) {
			width: 200px !important;
			max-width: 200px !important;
			padding: 0.3rem 0.8rem !important;
		}
	}
	h2, h2 strong, h2.item-title a {
		font-size: 1rem !important;
		font-weight: 600 !important;
		letter-spacing: 0px !important;
		line-height: 120% !important;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2!important; 
		line-clamp:2 !important; 
		-webkit-box-orient: vertical;
	}
	.list-unstyled {
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	.item-price {
		font-size: 1rem !important;
		font-weight: 700 !important;
		padding-top: 0.5rem !important;
		padding-bottom: 0rem !important;
		letter-spacing: 0.8px !important;
	}
	li.item-type, .item-type {
		&, & * {
			font-size: 0.6rem !important;
			text-transform: uppercase !important;
			letter-spacing: 1.5px !important;
			font-weight: 800 !important;
			line-height: 110% !important;
			padding-bottom: 0 !important;
			margin-bottom: 0 !important;
		}
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0.1rem !important;
		
		overflow: hidden;
		text-wrap: wrap !important;
		display: -webkit-box;
		-webkit-line-clamp: 1 !important; 
		line-clamp: 1 !important; 
		line-height: 1.5em !important;
		-webkit-box-orient: vertical;
	}
}


.cluster:has(>img) {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	position: relative !important;
	img {
		position: relative !important;
		aspect-ratio: 1/1 !important;
		/* height: 33px !important; */
	}
	div:nth-child(1), .div:nth-child(2) {
		position: absolute !important;
  		top: 50% !important; 
  		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
}
.cluster {
	div:nth-child(1), div:nth-child(2), div {
		position: absolute !important;
  		top: 42% !important; 
  		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		font-family: var(--ryzTypeBody) !important;
		font-weight: 800 !important;
		font-size: 1rem !important;
	}
}
.gm-style [role="button"]:has(>img[src]:nth-child(1)) {
	background: url("https://www.lunarealtybelize.com/wp-content/uploads/2025/10/Luna-MapMarker-BrandedIcon.svg") !important;
	background-position: center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	img { 
		display: none !important;
		opacity: 0 !important;
		width: 0 !important;
		/* height: 0 !important;
		max-width: 0 !important; */
		max-height: 0 !important;
		clip-path: inset(100%) !important;
		position: absolute !important;
		z-index: -999 !important;
	}
}
/* #map, #google-map, .mapboxgl-map, .leaflet-container {
  * {
    transition: none !important;
    animation: none !important;
  }
} */

.map-wrap span {
	text-transform: capitalize !important;
}
/* .leaflet-popup {
	.item-wrap {
		display: flex !important;
	}
	.leaflet-popup-content-wrapper {
		max-height: unset !important;
		height: unset !important;
		&, & * {
			max-height: unset !important;
		height: unset !important;
		}
	}
	
	.leaflet-popup-content, .map-info-window {
		width: auto !important;
		min-width: auto !important;
		max-width: auto !important;
	}
	.item-header {
		height:11rem !important;
		aspect-ratio: 1/1 !important;
		width: auto !important;
		a, img {
			aspect-ratio: 1/1 !important;
			height:11rem !important;
			width: 100% !important;
			object-fit: cover !important;
		}
	}
	.item-body {
		flex-wrap: wrap !important;
		flex-direction: column !important;
		width: 170px !important;
		text-wrap: wrap !important;
		max-width: 250px !important;
		padding: 1.2rem !important;
	}
	h2, h2 strong, h2.item-title {
		font-size: 0.8rem !important;
		font-weight: 550 !important;
		letter-spacing: 0.1px !important;
		line-height: 140% !important;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3!important; 
		line-clamp:3 !important; 
		-webkit-box-orient: vertical;
	}
	.item-price {
		font-size: 0.9rem !important;
		padding-top: 0.1rem !important;
		padding-bottom: 0.3rem !important;
		letter-spacing: 0.1px !important;
	}
	.item-type {
		font-size: 0.6rem !important;
		text-transform: capitalize !important;
		letter-spacing: 0.2px !important;
		font-weight: 550 !important;
		line-height: 110% !important;
		overflow: hidden;
		text-wrap: wrap !important;
		display: -webkit-box;
		-webkit-line-clamp: 3 !important; 
		line-clamp: 3 !important; 
		-webkit-box-orient: vertical;
	}


} */
.houzez-osm-cluster {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	padding-bottom: 5px !important;
}
.leaflet-marker-pane {
	img {
		background-image: url(https://www.lunarealtybelize.com/wp-content/uploads/2025/10/Luna-MapCluster-BrandedIcon.svg);
		text-align: center;
		color: #fff;
		width: 48px;
		height: 48px;
		line-height: 48px;
		background-repeat: no-repeat !important;
		background-size: contain !important;

		/* Hide the src image */
		box-sizing: border-box;
		padding-left: 300px; /* Should match the width */
		overflow: hidden;
	}
	.gm-marker {
		/* background: url(https://www.lunarealtybelize.com/wp-content/uploads/2025/10/Luna-MapCluster-BrandedIcon.svg);
		color: #ffffff;
		border: none !important;
		border-radius: 0;
		padding: 0 7px;
		font-size: 12px;
		width: 48px;
		height: 48px;
		line-height: 48px;
		background-repeat: no-repeat !important;
		background-size: contain !important; */
		max-width: 100px !important;
		width: auto !important;
		min-width: 55px !important;
		height: var(--ryz-FieldItemMD) !important;
		padding: 2px 1rem 0 !important;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		background-color: var(--color-blueDark) !important;
		border-radius: var(--borderradius) !important;
		border: 1px solid var(--color-blueDark) !important;
		color: white !important;
		font-family: var(--ryzTypeBody) !important;
		font-weight: 800 !important;
		font-size: 1rem !important;
		&:after {
			
			border-color: rgba(255, 255, 255, 0);
			border-top-color:  var(--color-blueDark) !important;
		}
		.gm-marker-price {
			/* position: absolute !important;
			top: 42% !important; 
			left: 50% !important;
			transform: translate(-50%, -50%) !important; */
		}
	}
}
/* =============== SINGLE PROPERTY REWORK =============== */
/* .map-info-window
	.item-body {
		display: flex !important;
		height: unset !important;
		max-height: unset !important;
		min-height: unset !important;
		flex-direction: column !important;
	}
	img.img-fluid {
		height: 110% !important;
		width: auto !important;
		max-width: auto !important;
		object-fit: cover !important;
	}
} */





/*
MARK: Breadcrumbs
*/

/* =============== BREADCRUMBS =============== */

.breadcrumb {
	/* display: none !important;
	li:nth-child(1), li:last-child {
		display: none !important;
	} */
	 margin-bottom: 1rem !important;
	.breadcrumb-item {
		font-size: 0.68rem !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
		letter-spacing: 1.0px !important;
		margin: 0 !important;
		align-items: center;
		opacity: 1 !important;
		a {
			color: var(--color-blueReg) !important;
		}
		span {
			border-bottom: dashed 1px #FFffFF6E !important;
			opacity: 1 !important;
		}
		&:hover {
			span {
				border-bottom: solid 1px var(--color-goldReg) !important;
				opacity: 1.0 !important;
			}
		}
		&::before {
			font-size: 0.4rem !important;
		}
	}
	.breadcrumb-item.active {
		/* font-size: 1rem !important;
		font-weight: 550 !important;
		text-transform: initial !important;
		letter-spacing: 0px !important;
		align-items: center; */
	}
	
}
.single-property {
.item-tools {
	display: flex !important;
	flex-direction: row !important;
	gap: 5px !important;
}
.item-tool {
	width: var(--ryz-FieldItemMD) !important;
	height: var(--ryz-FieldItemMD) !important;
	aspect-ratio: 1/1 !important;
	box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;

	border: none !important;
	background: #00000000 !important;
	background-color: #00000000 !important;
	
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: center !important;
	align-items: center !important;
	justify-items: center !important;
	span {
		border: 1px solid var(--color-goldLight) !important;
		border: 1px solid var(--color-white) !important;
		border-radius: var(--borderradius) !important;
		background: var(--color-goldReg60) !important;
		background: #00000000 !important;
		background-color: #00000000 !important;
		/* background: white !important; */

		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: center !important;
		justify-items: center !important;

		box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		-webkit-box-sizing: border-box !important;
	}
	i {
		color: var(--color-goldDark) !important;
		background-color: none !important;
		border: none !important;
		font-size: 1rem !important;
	}
	a { color: var(--color-text) !important; }
	&:nth-child(1) {
		height: unset !important;
		aspect-ratio: unset !important;
		flex-grow: 1 !important;
	}
	button {
		border: none !important;
		background: none !important;
		background-color: none !important;
	}
	.item-target {
		background: none !important;
		background-color: none !important;
	}
	span::after {
		display: none !important;
	}
	span:has(.text-danger) {
		background: #DE99335c !important;
		border: 1px solid var(--color-goldReg) !important;
	}
	.text-danger {
		color: var(--color-white) !important;
		/* background: var(--color-goldReg)!important; */
	}
}
}






/*
MARK: Lead Form
*/

.tax_leadform {
	background: white !important;
	background: #171b8f18 !important;
	border-radius: var(--borderradius) !important;
	/* box-shadow: 0 0.5rem 1.5rem #325fc90f !important; */
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
	padding-inline: 1rem !important; 
	padding-right: 2rem !important;
	@media (max-width: 768px) {
		padding: 0 !important;
		margin: 0 !important;
	}
	.ryzLeadFormWrapper {
		& > div:nth-child(1) {
			color: white !important;
			color: var(--color-text) !important;
			padding-top: 3rem !important;
			display: flex !important;
			flex-direction: column !important;
			gap: 1rem !important;
			@media (max-width: 768px) {
				padding-bottom: 1.5rem !important;
			}
		}
		& > div:nth-child(2) {
			background: white !important;
			padding: 2.8rem !important;
			box-shadow: 0 0.5rem 1.5rem #325fc924 !important;
			border-radius: var(--borderradius) !important;
			@media (max-width: 768px) {
				padding: 0.75rem !important;
			}
		}
	}
	h4 {
		color: var(--color-goldDark) !important;
		@media (max-width: 768px) {
			font-size: 0.65rem !important;
			font-weight: 800 !important;
		}
	}
	h3 {
		font-family: var(--ryzTypeBody) !important;
		font-size: 3.0rem !important;
		font-weight: 700 !important;
		line-height: 90% !important;
		text-wrap: balance !important;
		font-weight: 500 !important;
		@media (max-width: 768px) {
			font-size: 1.5rem !important;
		}
	}
	h3 span {
		/* font-family: var(--ryzTypeHeader); */
		font-weight: normal !important;
		font-weight: 700 !important;
		color: var(--color-blueDark) !important;
	}
	p {
		color: var(--color-text) !important;
		text-wrap: balance !important;
		font-weight: 600 !important;
		line-height: 150% !important;
		@media (max-width: 768px) {
			font-weight: normal !important;
			line-height: 135% !important;
		}
	}

}

.gm-style img {
	max-width: none !important;
	background: none !important;
}