/*
Theme Name: Twenty Twenty-Two Child
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Template: twentytwentytwo
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,style-variations,wide-blocks,block-styles,accessibility-ready,blog,portfolio,news
Version: 1.7.1714028906
Updated: 2024-04-25 07:08:26

*/

body {
	overflow-x: hidden;
}
@media (max-width: 991px) {
	section[id] {
		scroll-margin-top: 6rem;
	}
	.accordion-item[id] {
		scroll-margin-top: 11rem;
	}
}
body {
	display: flex;
	flex-direction: column;
} 
body.home .hero-wrapper,
body.villas .hero-wrapper ,
body.chalets .hero-wrapper ,
body.residences .hero-wrapper ,
body.archive .hero-wrapper,
body.search .results-ttl{
	order: -1;
}
@media (min-width: 992px) {
	body.home .search-wrapper,
	body.villas .search-wrapper,
	body.chalets .search-wrapper,
	body.residences .search-wrapper,
	body.archive .search-wrapper,
	body.search .search-wrapper {
		display: block !important;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 4;
	}
	body.home footer,
	body.villas footer,
	body.chalets footer,
	body.residences footer,
	body.archive footer,
	body.search footer {
		margin-bottom: 14rem;
	}
}
.wpcf7-spinner {
	display:none;
}
.wpcf7-not-valid-tip {
	font-size: 1.3rem;
	font-family: 'le-medium';
	letter-spacing: -0.1rem;
	margin-top: 0.4rem;
}
.villa-dtl-wrapper .villa-dtl .booking-form form .form .wpcf7-form-control-wrap .wpcf7-form-control#arrivaldate {
	background-image: url(./images/calendar.svg);
    background-repeat: no-repeat;
    background-size: 1.8rem;
    background-position: calc(100% - 1.6rem) center;
}
.wpcf7 form .wpcf7-response-output {
	color: #fff;
	font-size: 1.4rem;
    padding: 0.6rem 1rem;
    margin: 2rem 0 0;
	max-width: 42rem;
}
.contact-wrapper .contact .contact-form form .wpcf7-response-output,
.villa-dtl-wrapper .villa-dtl .booking-form form .wpcf7-response-output {
	max-width: 100%;
}
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450;
}
.wpcf7 form.invalid .wpcf7-response-output {
	margin-top: 3.4rem;
	background-color: #c38d00;
}
footer .middle-footer .subscribe form .form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	position: absolute;
}
@media (max-width: 575px) {
	.wpcf7-not-valid-tip {
		font-size: 1.6rem;
	}
	.wpcf7 form .wpcf7-response-output {
		font-size: 1.8rem;
		max-width: 100%;
	}
	footer .middle-footer .subscribe form.invalid .form {
		gap: 4rem;
	}
}

/*  Date Picker  */
.ui-widget {
	font-family: "le-regular";
    font-size: 1.5rem;
}
.ui-widget.ui-widget-content {
	border-radius: 0;
	background-color: #9A8765;
	border-color: #9A8765;
	padding: 0.6rem;
}
.ui-datepicker .ui-datepicker-header {
	padding: 0;
	border-radius: 0;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
	top: 0;
}
.ui-datepicker td span, 
.ui-datepicker td a {
	text-align: center;
}
.ui-datepicker table {
	margin-bottom: 0;
}

/* policy page */
.policy-wrapper .policy {
	max-width: 96rem;
    margin: auto;
	counter-reset: section;
}
.policy-wrapper .policy h1 {
	color: #141414;
	text-align: center;
	padding: 4rem 0;
    font-size: 6rem;
}
.policy-wrapper .policy h2 {
	font-size: 4.2rem;
    padding-top: 2.6rem;
}
.policy-wrapper .policy h5 {
	font-size: 2.2rem;
	padding-top: 2.2rem;
}
.policy-wrapper .policy h6 {
	font-family: "le-regular";
	font-size: 2rem;
	font-weight: 400;
	padding-top: 2rem;
}
.policy-wrapper .policy p {
	padding-top: 1.6rem;
	line-height: 1.7;
}
.policy-wrapper .policy a,
.policy-wrapper .policy a:hover {
	color: #9A8765;
	word-break: break-word;
}
.policy-wrapper .policy p b,
.policy-wrapper .policy p strong,
.policy-wrapper .policy ul li strong {
	font-family: "le-medium";
}
.policy-wrapper .policy ul {
	padding-top: 0.6rem;
	list-style-type: disc;
	padding-left: 2.6rem;
	line-height: 1.7;
}
.policy-wrapper .policy ul li {
	padding: 0.8rem 0 0.8rem 0.4rem;
}
@media (max-width: 767px) {
	.policy-wrapper .policy ul {
		font-size: 1.75rem;
	}
}

@media (max-width: 575px) {
	.policy-wrapper {
		padding: 5rem 0 7rem;
	}
	.policy-wrapper .sec-ttl {
		padding-bottom: 1.6rem;
	}
	.policy-wrapper .policy h1 {
		font-size: 5rem;
		padding-bottom: 3rem;
		padding-top: 0;
	}
	.policy-wrapper .policy h2 {
		font-size: 3.2rem;
	}
	.policy-wrapper .policy h5 {
		font-size: 2rem;
	}
	.policy-wrapper .policy h6 {
		font-size: 1.8rem;
	}
	.policy-wrapper .policy p,
	.policy-wrapper .policy ul {
		font-size: 1.6rem;
	}
	.policy-wrapper .policy ul {
		padding-left: 1.8rem;
	}
	.policy-wrapper .policy ul li {
		padding: 0.5rem 0 0.5rem 0.2rem;
	}
}


/*  search page  */
.results-wrapper .results-nav {
	gap: 2.2rem;
}
.results-wrapper .results-nav p {
	font-size: 1.4rem;
	border: 1px solid #6C757D;
    text-transform: capitalize;
    padding: 1rem 1.6rem;
	display: flex;
	align-items: center;
	gap: 0.7rem;
}
.results-wrapper .results-nav p b {
	font-family: 'le-medium';
}
.results-wrapper .results-nav p button {
	width: 1.6rem;
    height: 1.6rem;
    line-height: 1;
    border: none;
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    background-color: transparent;
    margin-top: -0.4rem;
}
@media (max-width: 767px) {
	.results-wrapper .results-nav {
		gap: 1.4rem;
	}
	.results-wrapper .results-nav p {
		font-size: 1.6rem;
		padding: 0.6rem 1rem;
	}
}

.villa-dtl-wrapper .villa-dtl .villa-content .villa-tab .tab-content .description p strong,
.villa-dtl-wrapper .villa-dtl .villa-content .villa-tab .tab-content .description p b {
	font-family: 'le-bold';
}
.villa-dtl-wrapper .villa-dtl .villa-content .villa-tab .tab-content .description ul + p {
	padding-bottom: 1rem;
	padding-top: 1rem;
}
.collection-wrapper .collections .card-item p a {
	color: inherit;
}
.wrong-wrapper .wrong-contain h1 {
	color: #141414;
}
.service-dtl-wrapper .site-icon img {
	height: 50px;
	margin: 30px 0;
	object-fit: contain;
}