/*
 Theme Name:   WPResidence Child Theme
 Theme URI:    https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
 Description:  WPResidence child theme
 Author:       WpEstate
 Author URI:   http://wpestate.org
 Template:     wpresidence
 Version:      5.4.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Custom CSS for WPResidence Child Theme */

:root {
	--cta-color: #FAA61A;
	--accent-color: #009EDB;

	/* Override WPResidence color variables */
	--wp-estate-main-color: var(--accent-color) !important;
	--wp-estate-second-color: var(--cta-color) !important;

	--wp-estate-paragraph-font-family: 'Montserrat', sans-serif !important;
	--wp-estate-font-color: var(--e-global-color-text) !important;
	--wp-estate-paragraph-font-size: 16px !important;
}

/* ==========================================================================
   HERO VIDEO — Full Width Responsive (Desktop only)
   - Force video to fill full viewport width and height
   - object-fit: cover to avoid distortion
   - Desktop only (992px and above)
   ========================================================================== */

@media (min-width: 992px) {
	.elementor-background-video-container {
		width: 100% !important;
	}

	.elementor-background-video-hosted {
		width: 100% !important;
		height: 100vh !important;
		object-fit: cover !important;
	}
}

.elementor-widget-text-editor,
.elementor-widget-text-editor p {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 26px !important;
}

/* Hide button on property listings */

.listinglink-wrapper_sh_listings {
	display: none !important;
}


/* Hide beds/baths/size row on property listing cards */

.listing_wrapper.property_unit_type5 .property_unit_type5_content_details_second_row {
	display: none !important;
}

/* Rounded corners for property listings */

.listing_wrapper.property_unit_type5 .property_unit_type5_content_wrapper.property_listing {
	border-radius: 20px !important;
	overflow: hidden !important;
}

/* Remove pointer cursor on image */
.listing_wrapper.property_unit_type5 .property_unit_type5_content {
	cursor: default !important;
}

/* Gradient overlay — black bottom to transparent top */
.listing_wrapper.property_unit_type5 .featured_gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 50%) !important;
	opacity: 1 !important;
}

/* ==========================================================================
   PROPERTY LISTING CARDS — Carousel Arrow Buttons
   - Solid dark background instead of transparent
   - Larger arrow icon
   ========================================================================== */

.listing_wrapper.property_unit_type5 .carousel-control-prev,
.listing_wrapper.property_unit_type5 .carousel-control-next {
	opacity: 1 !important;
	background: none !important;
}

.listing_wrapper.property_unit_type5 .carousel-control-prev-icon,
.listing_wrapper.property_unit_type5 .carousel-control-next-icon {
	width: 36px !important;
	height: 36px !important;
}

.listing_wrapper.property_unit_type5 .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 2L5 8l6 6'/%3E%3C/svg%3E") !important;
}

.listing_wrapper.property_unit_type5 .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 2l6 6-6 6'/%3E%3C/svg%3E") !important;
}


/* ==========================================================================
   SINGLE PROPERTY PAGE — Carousel Arrow Buttons
   - Same style as listing card arrows: no background, large thick chevrons
   - Covers both wpresidence-carousel-control and FA icon (prev-icon/next-icon) variants
   ========================================================================== */

.wpresidence-carousel-control.carousel-control-prev,
.wpresidence-carousel-control.carousel-control-next {
	opacity: 1 !important;
	background: none !important;
}

.wpresidence-carousel-control.carousel-control-prev .carousel-control-prev-icon,
.wpresidence-carousel-control.carousel-control-next .carousel-control-next-icon {
	width: 36px !important;
	height: 36px !important;
}

.wpresidence-carousel-control.carousel-control-prev .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 2L5 8l6 6'/%3E%3C/svg%3E") !important;
}

.wpresidence-carousel-control.carousel-control-next .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2020/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 2l6 6-6 6'/%3E%3C/svg%3E") !important;
}

.prev-icon.carousel-control-icon,
.next-icon.carousel-control-icon,
.fa.fa-angle-left,
.fa.fa-angle-right {
	color: #ffffff !important;
	font-size: 36px !important;
	opacity: 1 !important;
}

/* ==========================================================================
   SINGLE PROPERTY PAGE — Hidden UI Elements
   - #add_favorites: heart/favorite button
   - #print_page: print button
   ========================================================================== */

#add_favorites,
#print_page {
	display: none !important;
}

/* ==========================================================================
   GRAVITY FORMS — Custom Styles
   - Hide form title
   - Apply Montserrat font to all form elements
   ========================================================================== */

/* Hide Gravity Forms title */
.gform_title {
	display: none !important;
}

/* Checkbox label text size */
.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label {
	font-size: 13px !important;
	font-weight: 400 !important;
	letter-spacing: 0px !important;
}

/* Field spacing — 10px below each field */
.gform_wrapper .gfield {
	margin-bottom: -20px !important;
	padding-bottom: 0 !important;
}

/* Submit button — hover state */
.gform_wrapper .gform_button[type="submit"]:hover {
	background-color: var(--cta-color) !important;
	border-color: var(--cta-color) !important;
	color: #ffffff !important;
}

/* Submit button — styled to match Elementor primary button */
.gform_wrapper .gform_button[type="submit"] {
	background-color: transparent !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	color: var(--e-global-color-primary) !important;
	border-style: solid !important;
	border-width: 2px !important;
	border-color: var(--e-global-color-primary) !important;
	border-radius: 10px !important;
	padding: 20px 35px !important;
	cursor: pointer !important;
	margin-top: 30px !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Required field indicator — orange */
.gform_wrapper .gfield_required,
.gform_wrapper .gfield_required span {
	color: var(--cta-color) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	letter-spacing: 0px !important;

}

/* Fields — border, rounded corners, background */
.gform_wrapper input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.gform_wrapper textarea,
.gform_wrapper select {
	border: 1px solid #aeaeae !important;
	border-radius: 10px !important;
	background-color: #ffffff !important;
}

/* Fields — remove focus effects */
.gform_wrapper input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
	border-color: #aeaeae !important;
	outline: none !important;
	box-shadow: none !important;
}

/* Montserrat font for all Gravity Forms elements */
.gform_wrapper,
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper label,
.gform_wrapper .gfield_label,
.gform_wrapper .gfield_description,
.gform_wrapper .gform_footer,
.gform_wrapper button,
.gform_wrapper .gform_button {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: 0px !important;
}


/* ==========================================================================
   VILLAS 365 SEARCH FORM — Custom Styles
   ========================================================================== */

/* Main container — white background, padding top/bottom */
._villas-365-search {
	background-color: #ffffff !important;
	padding-top: 3px !important;
	padding-bottom: 2px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	border-radius: 0 20px 20px 20px !important;
}

/* Fields — border, rounded corners, text color */
._villas-365-search .form-control,
._villas-365-search .chosen-single,
._villas-365-search ._villas-365-checkin,
._villas-365-search ._villas-365-checkout,
._villas-365-search .mbsc-textfield,
._villas-365-search .mbsc-form-control {
	border: 1px solid #d8d8d8 !important;
	border-radius: 10px !important;
	color: #676767 !important;
	font-size: 12px !important;
}

/* Fields — remove focus effects */
._villas-365-search .form-control:focus,
._villas-365-search ._villas-365-checkin:focus,
._villas-365-search ._villas-365-checkout:focus {
	outline: none !important;
	box-shadow: none !important;
	border-color: #d8d8d8 !important;
}

/* Fields — placeholder text color and font size */
._villas-365-search .form-control::placeholder,
._villas-365-search ._villas-365-checkin::placeholder,
._villas-365-search ._villas-365-checkout::placeholder {
	color: #676767 !important;
	opacity: 1 !important;
	font-size: 12px !important;
}

/* Chosen dropdowns — vertically center text */
._villas-365-search .chosen-single {
	display: flex !important;
	align-items: center !important;
}

/* Check-in / Check-out — font size */
._villas-365-search ._villas-365-checkin,
._villas-365-search ._villas-365-checkout {
	font-size: 12px !important;
}

/* Hide filter/settings button */
._villas-365-search ._villas-365-filter-button {
	display: none !important;
}

/* Search button */
._villas-365-search button._villas-365-search-button[type="submit"] {
	background-color: var(--e-global-color-primary) !important;
	color: #ffffff !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: 0px !important;
	text-transform: uppercase !important;
	border: none !important;
	border-radius: 10px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* Search button — hover */
._villas-365-search button._villas-365-search-button[type="submit"]:hover {
	background-color: var(--cta-color) !important;
	color: #ffffff !important;
}

/* Hide field icons */
._villas-365-search .input-group-append {
	display: none !important;
}


/* ==========================================================================
   VILLAS 365 PROPERTY CARDS — Hide Featured Label
   - Remove the "Featured" badge from all property cards
   ========================================================================== */

._villas-365-property-featured {
	display: none !important;
}

/* ==========================================================================
   VILLAS 365 PROPERTY GRID — Column Layout
   - Grid view desktop (992px+): 3 columns per row
   - Grid view tablet (768px–991px): 2 columns per row
   - List view: always single column, no grid override
   ========================================================================== */

@media (min-width: 992px) {
	#properties-list._villas-365-properties-grid>.container {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 16px !important;
	}

	#properties-list._villas-365-properties-grid>.container>.row {
		display: contents !important;
	}

	#properties-list._villas-365-properties-grid>.container ._villas-365-property {
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 0 16px 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#properties-list._villas-365-properties-grid>.container {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 16px !important;
	}

	#properties-list._villas-365-properties-grid>.container>.row {
		display: contents !important;
	}

	#properties-list._villas-365-properties-grid>.container ._villas-365-property {
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 0 16px 0 !important;
	}
}


/* ==========================================================================
   WP RESIDENCE ADVANCED SEARCH — Custom Styles
   ========================================================================== */

/*search button in 1 row*/

@media (min-width: 992px) {
	form.row.gx-2.gy-2 {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-end;
		gap: 10px;
	}

	form.row.gx-2.gy-2>.col-md-3 {
		flex: 1 1 0;
		width: auto !important;
		max-width: none !important;
	}

	form.row.gx-2.gy-2>.submit {
		flex: 0 0 auto;
		width: auto !important;
		max-width: none !important;
	}

	form.row.gx-2.gy-2 .wpresidence_button {
		white-space: nowrap;
		margin-bottom: 0 !important;
	}
}

/* Hide the "Advanced Search" title on the search bar */

#advanced_search_shortcode {
	margin-top: 0;
}

#e-n-tab-content-1060184243>div>div>h2 {
	display: none;
}

#e-n-tab-content-1060184242>div>div>h2 {
	display: none;
}

/* Rounded corners for first and last tabs */

.elementor-element-651b678.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:first-child {
	border-radius: 10px 0 0 0 !important;
}

.elementor-element-651b678.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:last-child {
	border-radius: 0 10px 0 0 !important;
}


/* Fields and button — 10px rounded corners */
#advanced_search_shortcode .btn.dropdown-toggle,
#advanced_search_shortcode .wpestate-multiselect-custom-style,
#advanced_search_shortcode input.form-control,
#advanced_search_shortcode .wpresidence_button {
	border-radius: 10px !important;
}

/* Search button — text styles */
#advanced_search_shortcode .wpresidence_button {
	font-size: 14px !important;
	text-transform: uppercase !important;
}

/* ==========================================================================
   WP RESIDENCE ADVANCED SEARCH #adv-search-1 — Hide Submit Button
   - Targets only the Search Properties button on this specific search instance
   - Does not affect any other search bars on the site
   ========================================================================== */

#adv-search-1 input[name="submit"].wpresidence_button {
	display: none !important;
}


/* ==========================================================================
   VILLAS 365 MAP VIEW — Pagination Navigation
   - Center the pagination row below the map/cards
   ========================================================================== */

.row.mt-5:has(._villas-365-navigation) {
	justify-content: center !important;
}

/* ==========================================================================
   VILLAS 365 MAP VIEW — Cards List Layout
   - Desktop: 2-column card grid inside the list column
   - Image on top, text below (overrides default side-by-side layout)
   - Shows the img tag (hidden by plugin on desktop via d-lg-none)
   ========================================================================== */

@media (min-width: 992px) {

	/* 2 cards per row */
	._villas-365-map-properties-container ._villas-365-property {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	/* Stack image on top, text below */
	._villas-365-map-properties-container ._villas-365-property-inner>.row {
		flex-direction: column !important;
	}

	._villas-365-map-properties-container ._villas-365-property-inner>.row>.col-lg-6,
	._villas-365-map-properties-container ._villas-365-property-inner>.row>.col-lg {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	/* Show the img tag (plugin hides it on desktop with d-lg-none) */
	._villas-365-map-properties-container ._villas-365-property-image img {
		display: block !important;
		width: 100% !important;
		height: 160px !important;
		object-fit: cover !important;
		border-radius: 10px !important;
	}
}


/* ==========================================================================
   VILLAS 365 MAP VIEW — Info Window (Map Popup)
   - Remove overflow scroll injected by Google Maps
   - Add padding inside the popup content
   ========================================================================== */

.gm-style-iw-d {
	overflow: hidden !important;
}

.map-info-window._villas-365-property {
	padding: 12px !important;
}



/* ==========================================================================
   VILLAS 365 MAP VIEW — Column Order & Responsive Visibility
   - Desktop (992px+): map on LEFT, property cards list on RIGHT
   - Tablet/mobile: map hidden, cards list full width
   - List view button hidden
   ========================================================================== */

._villas-365-properties-view-button:has(.fa-list) {
	display: none !important;
}

.col:has(._villas-365-properties-title) {
	display: none !important;
}

/* ==========================================================================
   VILLAS 365 PROPERTY CARDS — Fix overlap on smaller viewports
   - JS sets fixed inline heights on title/summary for equal-height alignment
   - Reset to auto on tablet/mobile to prevent title/description overflow
   ========================================================================== */

@media (max-width: 991px) {

	._villas-365-property-name,
	._villas-365-property-summary {
		height: auto !important;
	}
}

._villas-365-property-rooms {
	margin-top: 8px !important;
}

@media (max-width: 991px) {
	._villas-365-properties-map>.row>.col-lg-5 {
		display: none !important;
	}

	._villas-365-properties-map>.row>._villas-365-map-properties-container {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	/* Reset plugin grid so cards list is single column on tablet/mobile */
	#properties-list>.container:has(._villas-365-properties-map) {
		display: block !important;
		grid-template-columns: unset !important;
		gap: unset !important;
	}

	#properties-list>.container:has(._villas-365-properties-map)>.row {
		display: flex !important;
	}
}

@media (min-width: 992px) {

	/* Reset the 3-column grid applied to the container — map view needs normal block layout */
	#properties-list>.container:has(._villas-365-properties-map) {
		display: block !important;
		grid-template-columns: unset !important;
		gap: unset !important;
	}

	#properties-list>.container:has(._villas-365-properties-map)>.row {
		display: flex !important;
	}

	/* Map on LEFT 50%, cards list on RIGHT 50% */
	._villas-365-properties-map>.row>.col-lg-5 {
		order: -1 !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	._villas-365-properties-map>.row>._villas-365-map-properties-container {
		order: 1 !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}


/* ==========================================================================
   VILLAS 365 MAP VIEW — Full Width Container
   - Override Bootstrap .container max-width inside the properties list area
   - Override .wpresidence-content-container-wrapper width CSS variable
   - Scoped to listing page only (has #properties-list), not property page
   ========================================================================== */

@media (min-width: 992px) {
	.wpresidence-content-container-wrapper:has(#properties-list) {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Single property page — constrain to max width and center */
	.wpresidence-content-container-wrapper:has(.single_width_page) {
		max-width: 1140px !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#properties-list .container {
		max-width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* List view — constrain container to 1140px and center */
	#properties-list._villas-365-properties-list .container {
		max-width: 1140px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* ==========================================================================
   VILLAS 365 PAGINATION — Centered navigation
   - Span all grid columns so it sits below the property cards
   - Constrain width and center within that full-width row
   ========================================================================== */

.col-12:has(._villas-365-navigation) {
	grid-column: 1 / -1 !important;
	display: flex !important;
	justify-content: center !important;
}

._villas-365-navigation {
	max-width: 600px !important;
	width: 100% !important;
}

/* ==========================================================================
   VILLAS 365 MAP VIEW — Property Header Panel
   - Hide the slide-in property detail panel that appears on map pin click
   ========================================================================== */

._villas-365-property-header-inner {
	display: none !important;
}

/* Guestwisely global properties */
._villas-365-property-price {
	font-size: 17px !important;
	font-weight: 500 !important;
	font-family: 'Spline Sans', sans-serif;
	color: var(--accent-color) !important;
	text-transform: lowercase !important;
	margin-top: 8px !important;
}


/* ==========================================================================
   GUESTWISELY — SINGLE PROPERTY PAGE — Breadcrumb Spacing
   - Pull breadcrumb up to reduce gap below banner
   ========================================================================== */

.breadcrumb_container {
	margin-top: -20px !important;
}

/* ==========================================================================
   GUESTWISELY — SINGLE PROPERTY PAGE — Property Name Spacing
   - Space below the property title above the description
   - Hide rooms/beds/baths icons row on single property page
   ========================================================================== */

h2._villas-365-property-name {
	margin-top: 40px !important;
}

.single_width_page ._villas-365-property-rooms {
	display: none !important;
}

._villas-365-property-brief br {
	display: none !important;
}

.single_width_page .single-content p {
	margin-bottom: 0 !important;
}

._villas-365-property-amenities {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


._villas-365-property-amenities-overview ul {
	display: flex !important;
	flex-wrap: wrap !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	gap: 50px !important;
}

/* ==========================================================================
   GUESTWISELY — SINGLE PROPERTY PAGE — Banner Height
   - Limit banner carousel height to 50vh
   ========================================================================== */

@media (min-width: 992px) {
	.banner-full-height {
		height: 50vh !important;
	}
}

/* ==========================================================================
   GUESTWISELY — SINGLE PROPERTY PAGE — Calendar & Map 2-Column Layout
   - Desktop only: booking calendar on left, map on right
   - Clearfix on parent to contain floats
   ========================================================================== */

@media (min-width: 992px) {

	/* Rates table — right column, top */
	._villas-365-property-rates-table {
		float: right !important;
		width: 50% !important;
		padding-left: 20px !important;
		box-sizing: border-box !important;
	}

	/* Booking calendar — left column */
	#booking {
		float: left !important;
		width: 50% !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}

	/* Map — right column, below rates */
	#_villas-365-map-canvas {
		float: right !important;
		width: 50% !important;
		padding-left: 20px !important;
		margin-top: 0 !important;
		box-sizing: border-box !important;
		clear: right !important;
		min-height: 880px;
	}

	.single-content::after {
		content: '' !important;
		display: table !important;
		clear: both !important;
	}
}

/* Guestwisely Featured Property Home Page Widget */
._villas-365-properties-featured {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

._villas-365-properties-featured ._villas-365-property:hover {
	background: transparent !important;
}

._villas-365-properties-featured ._villas-365-property {
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

._villas-365-properties-featured ._villas-365-property ._villas-365-property-inner {
	padding: 0 !important;
	border-radius: 20px !important;
	overflow: hidden !important;
	box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

._villas-365-properties-featured ._villas-365-property-image {
	margin-bottom: 0 !important;
	overflow: hidden !important;
}

._villas-365-properties-featured ._villas-365-property ._villas-365-property-image ._villas-365-property-image-link {
	 transition: transform 0.4s ease !important;
}

._villas-365-properties-featured ._villas-365-property:hover ._villas-365-property-image ._villas-365-property-image-link {
	transition: transform 0.4s ease !important;
	transform: scale(1.1);
}

._villas-365-properties-featured ._villas-365-property ._villas-365-property-image ._villas-365-property-image-link {
	border-radius: 20px 20px 0 0 !important;
}

._villas-365-properties-featured ._villas-365-property ._villas-365-property-inner-text {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

._villas-365-properties-featured ._villas-365-property ._villas-365-property-name {
	margin-top: 20px !important;
	margin-bottom: 15px !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.3em;
}

._villas-365-properties-featured ._villas-365-property ._villas-365-property-summary {
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis !important;
	-webkit-line-clamp: 3;
	line-clamp: 3 !important;
}

._villas-365-properties-featured ._villas-365-property-rooms {
	display: none !important;
}

._villas-365-properties-featured ._villas-365-property-price {
	padding-left: 20px !important;
	padding-bottom: 10px !important;
}

/* WP Residence Home Widget */
body.home .listing_wrapper .property_listing_details {
	display: none !important;
}
body.home .listing_wrapper .property_listing .listing-unit-img-wrapper {
	border-radius: 20px 20px 0 0 !important;
}

body.home .listing_wrapper .property_listing .property-unit-information-wrapper {
	border-radius: 0 0 20px 20px !important;
}


/* WP Residence Map */
.wpestate_marker {
	background: var(--accent-color) !important;
	color: #ffffff !important;
}

.wpestate_marker:hover {
	background: var(--cta-color) !important;
}

/* WP Residence Property Card */
.property_location {
	display: none !important;
}

.property_listing .action_tag_wrapper {
	text-transform: uppercase;
}

/* WP Half Map */

/* hide the Property Type dropdown button */
.wpresidence_dropdown.Hidden {
	display: none;
}

/* Also hide it on the home page advanced search */
.col-md-3.types {
	display: none;
}