@charset "utf-8";
/*
Theme:Home Finder Marbella
Author:Quantum23
Author URI:http://quantum23.com/
Description:QRES Bespoke
Version:5.2.3
*/

/* * { outline:1px dashed red; } */

/* ----- Root ----- */
:root {
	--custom-color:#383e48;
	--custom-color-subtle:#f3f4f6;
	--custom-color-dark:#b6a596;
	--custom-text-body:#181818;
	--accent-color:#7a6200;
}

/* ----- Custom  ----- */
.bg-custom {
	background-color:var(--custom-color);
}
.bg-custom-subtle {
	background-color:var(--custom-color-subtle);	
}
.bg-accent {
	background-color:var(--accent-color);	
}
.text-custom {
	color:var(--custom-color);
}
.text-custom-subtle {
	color:var(--custom-color-subtle);
}
.custom-text-body {
	color:var(--custom-text-body);
}
.text-shadow {
	text-shadow:2px 2px 4px rgba(0,0,0,0.8);
}

/* ----- Global ----- */
html,
body {
	width:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
}
body {
	color:var(--custom-text-body);
	font-family:"Montserrat", sans-serif;
	font-optical-sizing:auto;
	font-weight:400;
	font-style:normal;
	font-size:1rem;
	line-height:1.7;
	margin:0;
	text-align:left;
}
	#body-pad {
		padding-top:69px;
	}
	@media(min-width:992px) {
		#body-pad {
			padding-top:89px;
		}
	}
	body#index {
		padding-top:0;
	}

/* ----- Columns ----- */
.column {
	-webkit-column-count:4;
	   -moz-column-count:4;
			column-count:4;
	-webkit-column-gap:5rem;
	   -moz-column-gap:5rem;
	        column-gap:5rem;
	-webkit-column-rule:1px dotted #ddd;
	   -moz-column-rule:1px dotted #ddd;
 			column-rule:1px dotted #ddd;
}
	@media (max-width:1200px){
		.column {
		-webkit-column-count:3;
		   -moz-column-count:3;
				column-count:3;
		-webkit-column-gap:5rem;
		   -moz-column-gap:5rem;
		        column-gap:5rem;
		-webkit-column-rule:none;
		   -moz-column-rule:none;
	 			column-rule:none;
		}
	}
	@media (max-width:991px){
		.column {
		-webkit-column-count:2;
		   -moz-column-count:2;
				column-count:2;
		-webkit-column-gap:5rem;
		   -moz-column-gap:5rem;
		        column-gap:5rem;
		-webkit-column-rule:none;
		   -moz-column-rule:none;
	 			column-rule:none;
		}
	}
	@media (max-width:576px){
		.column {
		-webkit-column-count:1;
		   -moz-column-count:1;
				column-count:1;
		-webkit-column-gap:5rem;
		   -moz-column-gap:5rem;
		        column-gap:5rem;
		-webkit-column-rule:none;
		   -moz-column-rule:none;
	 			column-rule:none;
		}
	}

/* ----- Line Clamp ----- */
.line-clamp {
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.line-clamp-2 {-webkit-line-clamp:2;}
.line-clamp-3 {-webkit-line-clamp:3;}
.line-clamp-4 {-webkit-line-clamp:4;}
.line-clamp-5 {-webkit-line-clamp:5;}

/* ----- Sticky top ----- */
@media (min-width:768px) {
	.sticky-top {
		top:150px;
	}
}
/*
@media (min-width:992px) {}
@media (min-width:1200px) {}
@media (min-width:1400px) {}
*/

/* ----- Sections ----- */
.section-heading {
	padding:1rem 0 0.3rem 0;
}

/* ----- Pagination ----- */
.pagination {
	--bs-pagination-color:var(--custom-text-body);
	--bs-pagination-border-color:transparent;
	--bs-pagination-hover-color:gray;
	--bs-pagination-hover-bg:transparent;
	--bs-pagination-hover-border-color:transparent;
	--bs-pagination-focus-color:var(--custom-text-body);
	--bs-pagination-focus-bg:transparent;
	--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(162,146,106,0.25);
	--bs-pagination-active-color:white;
	--bs-pagination-active-bg:var(--custom-color);
	--bs-pagination-active-border-color:transparent;
	--bs-pagination-disabled-color:var(--custom-text-body);
	--bs-pagination-disabled-bg:transparent;
	--bs-pagination-disabled-border-color:transparent;
}
.pagination li.disabled {
	background:transparent;
}

/* Results Sort Button */
.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-menu li a,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:hover {
	background-color:white;
}
.bootstrap-select > .dropdown-menu li.active a { 
	color:black;
}

/* ----- Modals ----- */
.modal {
	font-size:0.9rem;
}

/* ----- Images ----- */
.image-fit {
	height:100%;
	object-fit:cover;
	object-position:center;
	overflow:hidden;
	position:absolute;
	width:100%;
}
@media (min-width:992px) {
	.overlap-image {
		position:relative;
		z-index:10;
		margin-top:100px;
		margin-left:-100px;
	}	
}
img.blur{
	filter:blur(5px) grayscale(1);
}
img.grayscale:active,
img.grayscale:focus,
img.grayscale:hover {
	filter:grayscale(100%);
}

.grayscale .card-img-top {
	filter:grayscale(0%);
	transition:filter 0.3s ease-in-out;
}
.grayscale:hover .card-img-top {
	filter:grayscale(100%);
}


/* ----- Typography ----- */
.h1, .h2, .h3, .h4, .h5, .h6,
 h1, h2, h3, h4, h5, h6 {
	font-family: "Playfair Display", serif;
	font-optical-sizing:auto;
	font-weight:300;
	font-style:normal;
	margin-bottom:0.7rem;
}
.kicker {
	display:block;
	font-size:0.9rem;
	font-weight:600;
	letter-spacing:0.1em;
	margin-bottom:0.7em;
	text-transform:uppercase;
}
a {
	color:var(--accent-color);
	font-weight:normal;
	text-decoration:none!important;
	-webkit-transition:all 0.25s ease-out;
	   -moz-transition:all 0.25s ease-out;
		-ms-transition:all 0.25s ease-out;
		 -o-transition:all 0.25s ease-out;
			transition:all 0.25s ease-out;
}
a:active,
a:focus,
a:hover {
	outline:0 none;
	text-decoration:none;
}
.small {
	font-size:0.9em;
}
.x-small {
	font-size:0.8em;
}

/* ----- Footer ----- */
ul.social li a svg {
	color:white;
	height:40px; width:40px;
	transition: transform 0.3s ease-in-out;
}
ul.social li a svg:active,
ul.social li a svg:focus,
ul.social li a svg:hover {
	transform:scale(1.3);
}

/* ----- Text Based HR -----  */
.text-hr {
	display:flex;
	align-items:center;
	width:100%;
	margin:15px auto;
}
.text-hr-text {
	padding-right:15px;
}
.text-hr-text:not(:first-child) {
	display:none;
}
.text-hr::after {
	flex:1;
	background:rgba(255,255,255,0.2);
	content:"";
	height:1px;
}
.text-hr-right .text-hr-text {
	order:1;
	padding:0 0 0 15px;
}
hr.border-custom-light {
	border-top:1px solid rgba(255,255,255,0.2)!important;
}

/* ----- Buttons ----- */
.btn {
	border-radius:0;
}
.btn-custom {
	background-color:var(--custom-color);
	color:white;
}
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover {
	background-color:var(--custom-color-subtle);
	color:black;
}
.btn-outline-custom {
	background-color:transparent;
	border:1px solid var(--custom-color);
}
.btn-outline-custom:active,
.btn-outline-custom:focus,
.btn-outline-custom:hover {
	background-color:var(--custom-color);
	color:white;
}
.btn-accent {
	background-color:var(--accent-color);
	color:white;
}
.btn-accent:active,
.btn-accent:focus,
.btn-accent:hover {
	background-color:var(--accent-color);
	color:white;
	opacity:0.8;
}
.sort .btn {
	padding-left:0;
}
.btn-light:active,
.btn-light:focus,
.btn-light:hover {
	background-color:#f0f0f0;
}
.btn-rounded {
	border-radius:50px;
}

/* ----- Forms ----- */
form {
	font-size:0.9rem;
	line-height:1.4;
}
	.form-check-input:checked {
		background-color:var(--custom-color-subtle);
		border-color:var(--custom-color);
	}

/* ----- Parallax ----- */
.parallax-categories {
	background:linear-gradient(rgba(255,255,255,0), rgba(122,98,0,0.9)), url("/thm/usr/_hfm/img/parallax-categories.jpg");
}
.parallax-testimonial {
	background:linear-gradient(rgba(255,255,255,0), rgba(122,98,0,1)), url("/thm/usr/_hfm/img/parallax-testimonials.jpg");
}
.parallax {
	align-items:center;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:400px; 
	display:flex;
	justify-content:center;	
}
	@media only screen and (max-device-width:991px) {
		.parallax {
			background-attachment:scroll;
		}
	}

/* ----- Nav ----- */
.navbar {
	transition:background-color 0.3s ease-in-out;
	background-color:transparent;
}
	.navbar.scrolled {
		background-color:#ffffff;
		box-shadow:0 2px 5px rgba(0,0,0,0.1);
	}
	.navbar-brand {
		position:absolute;
		left:50%;
		transform:translateX(-50%);
	}
	.navbar-toggler {
		line-height:1;
		color:white;
		background-color:transparent;
		border:none;
		border-radius:var(--bs-navbar-toggler-border-radius);
		transition:var(--bs-navbar-toggler-transition);
		&:focus {
			text-decoration:none;
			outline:0;
			box-shadow:none;
		}
	}
	.navbar-toggler-icon {
	  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	}	
	.navbar-nav .nav-item {
		margin:1rem 0.5rem;
	}
	.navbar-nav-left {
		margin-right:auto;
	}
	.navbar-nav-right {
		margin-left:auto;
	}

	/* START:Fix this */
	.navbar .navbar-nav-secondary {
		margin:0px;
		padding:2px;
		width:100%;
	}
		.navbar .navbar-nav-secondary .list-inline-item {
			background-color:#f3f0ed !important;
			color:black !important;
			font-size:90%;
		}
			.navbar .navbar-nav-secondary .list-inline-item .text-white {
				color:black !important;
				text-transform:capitalize !important;
			}
				.navbar .navbar-nav-secondary .list-inline-item:hover {
					background-color:#122717 !important;
				}
				.navbar .navbar-nav-secondary .list-inline-item:hover .text-white {
					color:white !important;
				}
	/* END:Fix this */

	.navbar-nav .nav-link {
		color:;
		font-size:0.9rem;
		font-weight:500;
		letter-spacing:0.1em;
		margin-bottom:0.7em;
		text-transform:uppercase;
	}
	.navbar-nav .focus-ring-opacity {
		opacity:0;
	}
	.nav {
		transition:top 0.5s ease-in-out !important;
	}
	nav-up {
		top:-85px;
	}
	.numberInCircle {
		background-color:white !important;
		border-radius:50% !important;
		color:#122717;
		display:inline-block;
		height:25px;
		line-height:1.5;
		margin-top:5px;
		width:25px;
		text-align:center;
	}
	@media (max-width:1200px) {
		.navbar-brand {
			display:block;
			position:relative;
			left:0;
			margin:0;
			text-align:left;
			transform:translateX(0%);
		}
		.navbar-nav {
			align-items:center;
			flex-direction:column;
		}
		.navbar-nav .nav-item {
			margin:0;
		}
	}

/* ----- Animated Burger ----- */
.navbar-toggler span {
	display:block;
	width:30px;
	height:2px;
	margin:6px auto;
	background:#181818;
	transition:all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}
	.navbar-toggler:hover span,
	.navbar-toggler:focus span {
		background:#181818;
	}
	.navbar-toggler[aria-expanded="true"] span:first-of-type {
		transform:rotate(45deg) translate(6px, 6px);
	}
	.navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
		opacity:0;
	}
	.navbar-toggler[aria-expanded="true"] span:last-of-type {
		transform:rotate(-45deg) translate(5px, -5px);
	}
	.navbar-toggler[aria-expanded="false"] span {
		transform:none;
		opacity:1;
	}

/* ----- Global Cards ----- */
.card,
.card-img-top,
.card-img-overlay,
.card .display-status {
	border-radius:0;
}
.card-img-overlay {
	background:linear-gradient(0deg,rgba(0,0,0,0.7),transparent 50%);
	bottom:0;
	left:0;
}
.card-img-overlay .price,
.card-img-overlay .meta,
.card-img-overlay h3,
.card-img-overlay p,
.card-img-overlay ul,
.card-text .price,
.card-text .meta,
.card-text h3,
.card-text p,
.card-text ul,
.card-body .price,
.card-body .meta,
.card-body h3,
.card-body p,
.card-body ul {
	font-family:"Montserrat", sans-serif;
	font-size:0.9rem;
	font-weight:500;
	/*margin-bottom:0.3rem;*/
}
.card ul li:after {
	content:"\2219";
	padding-left:0.5rem;
	/*margin-left:0.5em;*/
	/*margin-right:0.5em;*/
}
.card ul li:last-child:after {
		content:"";
	}
.display-status {
	background:#a18f64;
	color:white;
	font-size:0.8rem;
	font-weight:600;
	height:auto; width:auto;
	line-height:2rem;
	padding-left:1rem;
	padding-right:1rem;
	position:absolute;
	top:5px; right:5px; left:auto;
	z-index:10;
}

/* ----- Global Carousel ----- */
.f-carousel {
	/*--f-button-width:38px;
	--f-button-height:38px;
	--f-button-svg-width:16px;
	--f-button-svg-height:16px;
	--f-button-svg-stroke-width:2.5;
	--f-button-color:rgb(71 85 105);
	--f-button-border-radius:50%;
	--f-button-shadow:0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);
	--f-button-bg:#fff;
	--f-button-hover-bg:#f9f9f9;
	--f-button-active-bg:#f0f0f0;*/
	--f-button-width:auto;
	--f-button-height:auto;
	--f-button-svg-width:60px;
	--f-button-svg-height:60px;
	--f-button-svg-stroke-width:1;
	--f-button-color:rgb(255 255 255);
	--f-button-bg:transparent;
}
	.f-carousel__nav {
		opacity:0;
		transition:opacity 0.15s;
	}
	@media (hover:hover) {
		#heroCarousel:hover .f-carousel__nav,
		#featuredCarousel:hover .f-carousel__nav,
		#similarCarousel:hover .f-carousel__nav,
		#showcaseCarousel:hover .f-carousel__nav {
			opacity:1;
		}
	}
	.f-carousel__slide {
		padding:0;
		background:none;
	}
	.f-progress {
		display:none;
	}
	.f-carousel__slide {
		width:100%;
	}

/* ----- Local Carousels ----- */
#hero-carousel {
	height:100vh;
}
	#hero-carousel::before {
		background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		content:"";
		display:block;
		height:150px;
		left:0;
		position:absolute;
		top:0;
		width:100%;
		z-index:2;
	}

	/* Index Hero Carousel */
	#heroCarousel.f-carousel {
		height:100vh;
	}
	#heroCarousel .f-carousel__slide {
  		width:calc(100% / 1);
	}
	#heroCarousel .hero-carousel-caption {
		bottom:15%;
		-webkit-transform:translatey(-15%);
		   -moz-transform:translatey(-15%);
			-ms-transform:translatey(-15%);
			 -o-transform:translatey(-15%);
				transform:translatey(-15%);
	}

	/* Index Featured Carousel (POM) */
	#featuredCarousel.f-carousel .image-80vh {
		height:80vh;
	}
	#featuredCarousel {
		--f-carousel-spacing:5px;
		--f-carousel-slide-width:calc((100% - 0px) / 1);
	}
	@media (min-width:768px) {
  		#featuredCarousel .f-carousel__slide {
  			width:calc((100% - 5px) / 1);
		}
	}
	@media (min-width:992px) {
  		#featuredCarousel .f-carousel__slide {
  			width:calc((100% - 5px) / 2);
		}
	}
	
	/* Index Showcase Carousel  */
	#showcaseCarousel {
		--f-carousel-spacing:15px;
		--f-carousel-slide-width:calc((100% - 0px) / 1);
	}
		@media (min-width:768px) {
			#showcaseCarousel .f-carousel__slide {
				width:calc((100% - 15px) / 2);
			}
		}
		@media (min-width:992px) {
			#showcaseCarousel .f-carousel__slide {
				width:calc((100% - 30px) / 3);
			}
		}
		@media (min-width:1200px) {
			#showcaseCarousel .f-carousel__slide {
				width:calc((100% - 45px) / 4);
			}
		}
		@media (min-width:1400px) {
			#showcaseCarousel .f-carousel__slide {
				width:calc((100% - 60px) / 5);
			}
		}

	/* Index Locations Carousel */
	#locationCarousel {
		--f-carousel-spacing:15px;
		--f-carousel-slide-width:calc((100% - 0px) / 1);
	}
		@media (min-width:768px) {
	  		#locationCarousel .f-carousel__slide {
	  			width:calc((100% - 15px) / 2);
			}
		}
		@media (min-width:992px) {
	  		#locationCarousel .f-carousel__slide {
	  			width:calc((100% - 30px) / 3);
			}
		}

	/* Listing Similar Carousel */
	#similarCarousel {
		--f-carousel-spacing:15px;
		--f-carousel-slide-width:calc((100% - 0px) / 1);
	}
	@media (min-width:768px) {
  		#similarCarousel .f-carousel__slide {
  			width:calc((100% - 15px) / 2);
		}
	}
	@media (min-width:992px) {
  		#similarCarousel .f-carousel__slide {
  			width:calc((100% - 30px) / 3);
		}
	}
	@media (min-width:1200px) {
  		#similarCarousel .f-carousel__slide {
  			width:calc((100% - 45px) / 4);
		}
	}
	@media (min-width:1400px) {
 		#similarCarousel .f-carousel__slide {
  			width:calc((100% - 60px) / 5);
		}
	}

	/* Video Carousel */
	#videoCarousel {
		--f-carousel-spacing:15px;
		--f-carousel-slide-width:calc((100% - 0px) / 1);
	}
	@media (min-width:992px) {
  		#videoCarousel .f-carousel__slide {
  			width:calc((100% - 30px) / 2);
		}
	}

/* ----- Search ----- */
#frmSearch .form-control,
#frmSearch .btn {
	font-size:0.9rem;
}
#frmSearch .dropdown-menu {
	min-width:100% !important;
	overflow:hidden;
}
#frmSearch .bs-actionsbox {
	min-width:280px !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width:auto;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
	margin-right:25px;
	font-size:0.9rem;
}
#frmSearch .btn-light {
	color:var(--custom-text-body);
}

/* ----- Home Page ----- */
#hero-video::before {
	background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	content:"";
	display:block;
	height:150px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:2;
}
#intro {
	/*background:var(--bg-custom-subtle);*/
}

/* ----- Listing Page ----- */
#listing-features ul {
	column-count:1;
	list-style:none;
	padding-left:3rem;
	padding-left:0;
	position:relative;
}
	@media (min-width:992px) {
		#listing-features ul {
			column-count:2;
		}
	}
	@media (min-width:1200px) {
		#listing-features ul {
			column-count:3;
		}
	}

 /*	Language Switch 	*/
.luxury-button 
{
	background:#122717;
	border:1px solid #fff;
	color:#fff;
	padding:0.0rem 0.25rem;
	font-size:0.8rem;
	font-weight:500;
	font-family:'Inter', sans-serif;
	border-radius:2px;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	gap:0.5rem;
	position:relative;
	overflow:hidden;
	letter-spacing:0.05em;
	min-width:48px;
	justify-content:center;
}

/*	Break Box 
.breakout-box {
	position:fixed;
	right:20px;
	top:36px;
	z-index:1030;
	transition:all 0.3s ease-in-out;
}
	@media( max-width:767.98px ) {
		.breakout-box {
			position:static;
			width:100%;
			margin-top:1rem;
			text-align:center;
		}
	}