/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.0.1721624437
Updated: 2024-07-22 05:00:37

*/

:root {
  --Font-1: 'HelveticaNeue';
  --Font-2: 'Futura PT';
  
}

/*----- Common Css -----*/
.site{
	font-family: "HelveticaNeue";
}
.before_overlay:before,
.after_overlay:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.icon {
    line-height: 0;
    display: inline-block;
}
img {
	max-width: 100%;
	height: auto;

}
p {
	font-family: var(--Font-1);
}
a,
h2.elementor-heading-title,
.elementor-button-text {
	font-family: var(--Font-2);
}
select:focus-visible {
    outline: none;
}
.w-100{
    width: 100%;
}
.h-100{
    height: 100%;
}
.text-right{
    text-align: right;
}
.hedvig-font h2{
    font-family: "Hedvig Letters Serif", Sans-serif;
}

/*---- CTA Button ----*/
.cta-button a{
    padding: 8px 30px;
    background: var( --e-global-color-accent );
    border-radius: 4px;
    display: inline-block;
    font-size: 13px;
    color: #fff;
}

/*---- Position ----*/
.position-relative{
    position: relative;
}
.position-absolute{
    position: absolute;
}

/*----- Flexbox -----*/
.d-flex{
    display: flex;
} 
.justify-content-between{
    justify-content: space-between;
}
.align-items-center{
    align-items: center;
}
.align-items-end{
    align-items: flex-end;
}

/*----- Grid -----*/
.d-grid{
    display: grid;
} 
.column-2{
    grid-template-columns: 1fr 1fr;
}

/*----- Background -----*/
.bg-light-gray{
    background-color: #efede9;
}
.bg-black{
    background-color: #131313;   
}
.bg-dark-black{
    background-color: #000;
}

/*----- Color -----*/
.color-light,
.color-light h2{
    color:  #fff;
}

/*----- Header -----*/
.site_main_header {
    transition: all ease 0.3s;
}
.site_main_header.dark_header {
    background: #000;
}
.header_menu .hfe-nav-menu nav ul li:not(:last-child) {
    border-right: 1px solid #fff;
}
.header_menu .hfe-nav-menu nav ul li:last-child a {
    padding-right: 0 !important;
}

/*----- Home Banner -----*/
.home_hero_banner.after_overlay:after {
	bottom: 0;
	height: 40%;
	background: linear-gradient(360deg, #131313 0%, rgba(0, 0, 0, 0.00) 100%);
}

.property_filter_box {
    padding: 30px 50px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    border: 0.487px solid rgba(255, 255, 255, 0.30);
    box-shadow: 0px 26.316px 26.803px 0px rgba(0, 0, 0, 0.25), 0px -5.848px 14.62px 0px rgba(0, 0, 0, 0.12), 0px 1.949px 2.924px 0px rgba(0, 0, 0, 0.12), 0px 5.848px 6.335px 0px rgba(0, 0, 0, 0.17), 0px -1.462px 2.437px 0px rgba(0, 0, 0, 0.09);
}
.property_filter_box .filter_items,
.property_filter_box .filter_item {
    display: flex;
    align-items: center;
    gap: 30px;
}
.property_filter_box .filter_items:not(:last-child) {
    margin-bottom: 15px;
}
.property_filter_box .filter_fields .select {
    position: relative;
}
.property_filter_box .filter_fields .select select {
    background: rgba(255, 255, 255, 0.10);
    border: none;
    border-radius: 5px;
    appearance: none;
    color: #fff;
    padding: 10px 45px 10px 25px;
    cursor: pointer;
    color: #FFF;
    font-family: var(--Font-1);
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.84px;
}
.property_filter_box .filter_fields .select select option {
    color: #000
}
.property_filter_box .filter_fields .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    pointer-events: none;
}
.property_filter_box .filter_icon_label {
    display: flex;
    align-items: center;
    gap: 15px;
}
.property_filter_box .filter_icon_label .text {
    color: #FFF;
    font-family: var(--Font-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.84px;
    text-transform: uppercase;
}
.property_filter_box .filter_fields .double_select {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 5px;
}
.property_filter_box .filter_fields .double_select select {
    background: transparent;
}
.property_filter_box .search_button {
    margin-left: auto;
}
.property_filter_box .search_button button {
	background: #A7BF5A;
    padding: 10px 20px 10px 20px;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.property_filter_box .search_button button:hover {
    background: #728929;
}
.property_filter_box .search_button button .text {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    font-family: 'Futura PT';
    font-weight: 400;
    letter-spacing: 0.9px;
}

/*----- Property Detail Box -----*/

.property_detail_box {
    transition: all ease 0.3s !important;
}
.swiper .property_detail_box {
    height: auto;
}
.property_detail_box.swiper-slide-next + .swiper-slide + .property_detail_box {
    opacity: 0.3;
}
.property_detail_box .property_wrapper {
    height: 100%;
}
.property_detail_box .property_media {
    position: relative;
    height: 245px;
}
.property_detail_box .property_media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.property_detail_box .property_content {
    height: calc(100% - 245px);
    background: #EFEDE9;
    padding: 20px 20px 20px;
    display: flex;
    flex-direction: column;
}
.property_detail_box .property_location_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.property_detail_box .price,
.property_detail_box .location {
    font-family: var(--Font-2);
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.84px;
    color: #000;
}
.property_detail_box .property_title {
    margin-bottom: 20px;
}
.property_detail_box .property_title h3 {
	color: #181818;
	margin: 0;
}
.property_detail_box .property_detail_items {
    margin-bottom: 30px;
}
.property_detail_box .property_detail_item {
    display: flex;
    align-items: center;
    gap: 15px;
}
.property_detail_box .property_detail_item:not(:last-child) {
	margin-bottom: 20px;
}
.property_detail_box .property_detail_item .value {
    font-size: 14px;
    line-height: 16px;
    font-family: var(--Font-2);
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
}
.property_detail_box .property_button_refno {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-top: auto;
}
.property_button_refno .view_more {
    padding: 10px 24px;
    background: rgba(212, 157, 77, 0.25);
    border-radius: 10px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    font-family: var(--Font-2);
}
.property_button_refno .ref_no {
	color: #000;
	font-family: var(--Font-2);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.72px;
	text-transform: uppercase;
}


/*----- Enquire Section -----*/
.enquire_section.after_overlay:after {
    height: 80%;
    background: linear-gradient(360deg, #131313 0%, rgba(0, 0, 0, 0.00) 100%);
    bottom: 0;
}


/*----- Property Type -----*/
.taxonomy_item .taxonomy_content {
    padding: 15px 0 10px;
}
.taxonomy_item .taxonomy_media {
    margin: 0 0 5px;
    height: 370px;
    position: relative;
}
.taxonomy_item .taxonomy_media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.taxonomy_item .taxonomy_content .title h3 {
    font-size: 22px;
    line-height: 24px;
    color: #181818;
    margin: 0 0 15px;
}
.taxonomy_item .taxonomy_content h3 a{
    color: #000;
}
.taxonomy_item .viewmore_btn {
    display: flex;
    align-items: center;
    gap: 5px;
}
.taxonomy_item .viewmore_btn .text { 
	color: #000;
	text-align: center;
	font-family: var(--Font-2);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 0.84px;
}

/*----- Property Index Page -----*/
.property_search_banner {
    padding: 120px 80px 30px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.property_search_banner.taxonomy_banner {
    height: 80vh;
}
.property_search_banner:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, #131313 0%, rgba(0, 0, 0, 0.00) 100%);
}
.property_search_banner .wrapper {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.property_search_banner .search_title {
    margin: 0 0 25px;
}
.property_search_banner .search_title h1 {
    color: #fff;
    margin: 0;
}
.taxonomy_banner .search_title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.taxonomy_banner .contact_button a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
}
.all_properties_section {
    padding: 50px 80px 80px;
    background: #EFEDE9;
}
.all_properties_section.taxonomy_all_property {
    background: #131313;
}
.all_properties_section .all_properties_items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 30px;
    row-gap: 40px;
}
.all_properties_section .property_detail_box .property_content {
    background: #ffffff;
}
.all_properties_section.taxonomy_all_property .property_detail_box .property_content {
    background: #EFEDE9;
}
.all_properties_section .property_detail_box .property_wrapper {
    border-radius: 10px;
    overflow: hidden;
}
.all_properties_section.taxonomy_all_property .property_detail_box .property_wrapper {
    border-radius: 0px;
}
.all_properties_section .icon svg {
    width: 15px;
    height: auto;
}
.all_properties_section .icon svg path {
    fill: #000;
}

/*---- Common Post ----*/
.post-container{
    padding: 0 110px;
}
.post-image{
    height: 0;
    padding-top: 60%;    
}
.post-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
}
.post-summary{
    padding: 30px 40px;
}
.post-summary h3{
    margin: 0 0 10px;
}
.post-button a{
    padding: 8px 30px;
    border: 1px solid #000;
    border-radius: 6px;
    display: inline-block;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    transition: all ease 0.2s;
}
.post-button a:hover{
    background: #000;
    color: #fff;
}

/*---- Single Post ----*/
.post-banner{    
    height: 100vh;    
}
.post-banner:before{
    width: 100%;
    height: 40%;
    background: linear-gradient(360deg, rgb(0,0,0,0.9) 0%, rgba(0, 0, 0, 0.00) 100%);
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.post-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.post-banner .post-summary{
    width: 100%;
    padding: 0 110px;
    bottom: 10%;
}
.post-banner h1{
    color: #fff;
}
.post-banner .location{
    font-size: 16px;
    color: #fff;
    column-gap: 15px;
}
.post-banner .location svg{
    transform: translateY(4px);
}
.content-section{
    padding: 20px 0 100px;
}
.content-container{
    padding: 0 80px;
}
.content-wrapper{
    max-width: 85%;
    padding: 20px 0 20px 60px;
    border-left: 1px solid rgb(255,255,255,0.2);
}
.content-wrapper .cta-button{
    padding: 30px 0 0;
}
.hero-banner{
    height: 700px;
}
.hero-banner:before{
    width: 100%;
    height: 40%;
    background: linear-gradient(360deg, #131313 0%, rgba(0, 0, 0, 0.00) 100%);
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.hero-banner-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.hero-banner .hero-content{
    padding: 0 110px;
    bottom: 90px;
}
.hero-banner .hero-summary{
    width: 100%;
    max-width: 70%;
}
.hero-banner h2{
    font-family: "Hedvig Letters Serif", Sans-serif;
    font-size: 32px;
    line-height: 1.2;
}
.hero-banner p:last-child{
    margin: 0;
}
.hero-banner .cta-button{
    width: 162px;
    flex: 0 0 auto;
}

/*---- Developments ----*/
.development-items{
    gap: 50px;
}

/*---- Developments featured slider ----*/
.development-featured-slider h3 a{
    font-family: unset;
    color:  #000;
}

/*---- Developments details page ----*/
.gallery-section{
    padding: 80px 0;
    background: #000;
}
.gallery-images{
    padding: 0 110px 15px;
    display: grid;
    grid-template-columns: auto 70%;
    column-gap: 15px;
}
.gallery-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.gallery-section .gallery-slide{
    height: auto;
}
.gallery-slider-wrapper{
	padding: 0 0 0 110px;
}
.gallery-slide img{
    width: 100%;
    height: 100%;   
}
.gallery-slider:before {
    max-width: 140px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, transparent, rgb(0,0,0,0.8));
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: 2;
}
.gallery-slider .swiper-button-next{
    width: 50px;
    height: 50px;
    background: #474442;
    border: 1px solid rgb(255,255,255,0.8);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 30px;
}
.gallery-slider .swiper-button-next:after{
    font-size: 16px;
    color: #fff;
}
.developments_related_post{
    padding: 60px 0 60px 110px;
    background: #efede9;
}
.related-title{
    padding: 0 110px 40px 0;
    column-gap: 40px;
}
.related-title h2{
    margin: 0;
    text-transform: uppercase;
}
.related-title a.view-all{
    min-width: 100px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #000;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    transition: all ease 0.2s;
}
.related-title a.view-all:hover{
    background: #000;
    color: #fff;
}

/*---- Input ----*/
.form-fields{
    padding: 0px;
}
.form-field {
    padding-bottom: 30px;
}
.form-fields-2{    
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}
form.wpcf7-form .wpcf7-form-control{
    height: 50px;
    padding: 0;
    background:none;
    border: none;
    border-bottom: 0.5px solid #000;
    border-radius: 0;
    font-family: 'Futura PT';
    font-size: 18px;
    color: #000;
    font-weight: 300;
}
form.wpcf7-form .wpcf7-form-control:focus{
    outline: none;
    box-shadow: none;
}
form.wpcf7-form .wpcf7-form-control.wpcf7-submit{
    min-width: 120px;
    height: 50px;
    background: #A7BF5A;
    font-family: 'Futura PT';
    border-radius: 16px;
    border: none;
    font-size: 16px;    
    color: #fff;
    font-weight: 300;
    text-align: center;
}
.form-submit{
    margin: 15px 0 0;
    position: relative;
}
.form-submit .wpcf7-spinner{
    margin: 0;
    position: absolute;
    top: 20px;
    left: 0;
}
form.wpcf7-form textarea.wpcf7-form-control{
    height: 160px;
}
.wpcf7-form .wpcf7-not-valid-tip{
    margin: 5px 0 0 0;
    font-size: 15px;
    font-weight: 300;
}
form.wpcf7-form .wpcf7-response-output{
    margin: 20px 0 0;
    padding: 15px;
    border-width: 1px;
    font-family: 'Futura PT';
    font-size: 15px;
    line-height: 24px;
    color: #000;
    font-weight: 300;
    text-align: center;
}
::-webkit-input-placeholder{
    color: #000;
    opacity: 1;
}
::-moz-placeholder{
    color: #000;
    opacity: 1;
}
:-ms-input-placeholder{
    color: #000;
    opacity: 1;
}
:-moz-placeholder{
    color: #000;
    opacity: 1;
}

/*---- Contact Page ----*/
.contact-form{
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
.contact-form form.wpcf7-form .wpcf7-form-control{
    border-bottom-color: #fff;
    color: #fff;
}
.contact-form form.wpcf7-form .wpcf7-response-output{
    color: #fff;
}
.contact-form ::-webkit-input-placeholder{
    color: #fff;
    opacity: 1;
}
.contact-form ::-moz-placeholder{
    color: #fff;
    opacity: 1;
}
.contact-form :-ms-input-placeholder{
    color: #fff;
    opacity: 1;
}
.contact-form :-moz-placeholder{
    color: #fff;
    opacity: 1;
}
.main-contact-form h6 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 15px;
}
.main-contact-form h6.about-prop-head {
    margin-top: 20px;
}

/* Footer Css */
.main-footer li span,.main-footer li a {
    font-family: var(--Font-2);
}

/*---- Responsive ----*/
@media(max-width: 1280px ) {

    .contact-page-wrapper .e-con-inner{
        width: 100%;
    }
    .contact-form {
        padding: 40px;
    }
    .post-banner .post-summary {        
        padding: 0 80px;        
    }
    .gallery-images {        
        grid-template-columns: auto 60%;        
    }
    .gallery-slider .swiper-button-next {
        width: 40px;
        height: 40px;        
        right: 15px;
    }
    .gallery-section{
        padding: 80px 0;        
    }
	.gallery-images{
		padding: 0 80px 15px;
	}
	.gallery-slider-wrapper {
    	padding: 0 0 0 80px;
	}
    .developments_related_post {
        padding: 60px 0 60px 80px;        
    }
    .content-container {
        padding: 0 20px;
    }
    .content-wrapper{
        max-width: 95%;
    }
    .hero-banner .hero-content{
        padding: 0 80px;
    }

}

@media(max-width: 1024px ) {
    .header_menu .hfe-nav-menu__submenu-arrow {
        position: fixed !important;
        top: 80px !important;
        width: 100% !important;
        left: 0;
    }
    .property_search_banner {
        padding: 120px 30px 30px;
    }
    .all_properties_section {
        padding: 50px 30px 80px;
    }
    .all_properties_section .all_properties_items {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width: 768px ) {

    .property_filter_box {
        display: none;
    }
    .property_search_banner {
        padding: 120px 15px 30px;
    }
	.all_properties_section {
        padding: 50px 15px 80px;
    }
    .all_properties_section .all_properties_items {
        grid-template-columns: repeat(1,1fr);
        row-gap: 30px;
    }
    .taxonomy_banner .search_title {
        flex-wrap: wrap;
    }
    .taxonomy_banner .search_title .contact_button {
        margin: 10px 0 0 auto;
    } 
    .gallery-section{
        padding: 60px 0;
    }
	.gallery-images{
    	padding: 0 60px 15px;
	}
	.gallery-slider-wrapper{
    	padding: 0 0 0 60px;
	}
    .post-banner .post-summary{ 
        padding: 0 20px;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 20px;
        bottom: 30px;
    }
    .post-banner .cta-button{
        margin-left: auto;
    }
    .content-container {
        padding: 0;
    }
    .content-wrapper{
        padding: 0;
        border: none;
    }
    .content-section{
        padding: 60px 0;
    }
    .content-section .post-container{
        padding: 0 20px;
    }
    .hero-banner .hero-content{
        padding: 0 20px;
    }
    .hero-banner .hero-content{
        flex-direction: column;
        row-gap: 15px;
    }
    .hero-banner .hero-summary {        
        max-width: 100%;
        align-self: flex-start;
    }
    .hero-banner .hero-content{
        bottom: 40px;
    }
    .developments_related_post{
        padding: 60px 0 60px 20px;
    }
    .content-wrapper{
        max-width: 100%;
    }
    .related-title {
        padding: 0 20px 40px 0;
    }
	
}

@media(max-width: 575px ){

    .contact-form{
        padding: 24px;
    }
    .form-fields-2{        
        padding: 0;
        grid-template-columns: 1fr;
    }
    form.wpcf7-form textarea.wpcf7-form-control{
        height: 120px;
    }
    form.wpcf7-form .wpcf7-form-control.wpcf7-submit{
        min-width: 100px;
        height: 45px;        
        font-size: 15px;        
    }
    .gallery-slider .swiper-button-next{
        width: 35px;
        height: 35px;        
    }
    .gallery-images{
        padding: 0 20px 10px;
		column-gap: 8px;
    }
	.gallery-slider-wrapper{
    	padding: 0;
	}

}