/*
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.4.4.1750893991
Updated: 2025-06-25 23:26:31

*/

.header_active_custom  .elementor-nav-menu__container ul.elementor-nav-menu li.menu-item a.elementor-item-active{font-weight:600}
p{margin:0}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li.respnsive_menu_option {display: none;}



/* footer form */
.footer_email_form p label{align-items:center;display:flex;background-color:white;padding:4px 8px;width:fit-content;border-radius:12px}
.footer_email_form p label input[type="email"] {border:0;color: #1E1E1E;opacity:0.5;font-family: Inter;font-size: 14px;font-weight: 400;line-height: normal;}
.footer_email_form p label input[type="email"]:::placeholder {border:0;color: #1E1E1E;opacity:0.5;font-family: Inter;font-size: 14px;font-weight: 400;line-height: normal;}
.footer_email_form p label input[type="submit"] {border-radius: 8px;background: #055FDC;padding: 8px 12px;border:0;color: #FFF;font-family: Inter;font-size: 16px;font-weight: 500;line-height: 20px;letter-spacing: -0.48px;}
.wpcf7-spinner{display:none}

/* Get in Touch */
.get_in_touch_form input[type=date], .get_in_touch_form input[type=email], .get_in_touch_form input[type=number], .get_in_touch_form input[type=password], .get_in_touch_form input[type=search], .get_in_touch_form input[type=tel], .get_in_touch_form input[type=text], .get_in_touch_form input[type=url], .get_in_touch_form select, .get_in_touch_form textarea {margin-bottom: 20px;border-radius: 6px;padding: 13px 16px;border: 0;font-family: 'INTER';font-weight: 400;color: #1E1E1E;}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {outline: 0;}
.get_in_touch_form input[type="submit"] {border-radius: 6px;padding: 12px 20px;background: #055FDC; border: 0;color: #FFF;font-family: 'Inter';font-weight: 500;}

.about_apartment_content p.elementor-heading-title span {font-weight: 600;}

/* grid span */
.main_appartment_span_custom .elementor-loop-container.elementor-grid .apartment.type-apartment:nth-child(2):has(.appartment_span_custom ) {grid-row: span 3;grid-column: span 2;}
.main_appartment_span_custom .elementor-loop-container.elementor-grid .apartment.type-apartment:nth-child(5):has(.appartment_span_custom ) {grid-row: span 2;grid-column: span 2;}
.main_appartment_span_custom .elementor-loop-container.elementor-grid .apartment.type-apartment .appartment_span_custom, .main_appartment_span_custom .elementor-loop-container.elementor-grid .apartment.type-apartment .appartment_span_custom .elementor-element.elementor-element-4a72b09.e-con-full.e-flex.e-con.e-child, .main_appartment_span_custom .elementor-loop-container.elementor-grid .apartment.type-apartment .appartment_span_custom .elementor-element.elementor-widget.elementor-widget-theme-post-featured-image.elementor-widget-image{height:100%}

/* properties_content_margin */
.properties_content_margin  .elementor-icon-box-wrapper .elementor-icon-box-content h3.elementor-icon-box-title {margin:0}

/* contact us */
.contact_us input.wpcf7-form-control,.contact_us textarea.wpcf7-form-control {margin-bottom: 20px;border-radius: 6px;border: 1px solid #E0E0E0;padding: 16px;font-family: Inter;font-weight: 400;}
.contact_us input[type="submit"] {width: 100%;background: #055FDC;color: white;font-weight: 500;}

/* How It Works Lines */
.how_it_works_container .works_content:not(:last-child)::before {content: '';position: absolute;z-index: 2;background: url("https://staging.devcustomprojects.com/hopeland/wp-content/uploads/2025/06/Vector-4.svg") no-repeat;background-position: bottom;top: 55%;}
.how_it_works_container .works_content:nth-child(even):not(:last-child)::before {background: url("https://staging.devcustomprojects.com/hopeland/wp-content/uploads/2025/06/Vector-4-1.svg") no-repeat;background-position: bottom;}

.detail_page_form_custom input, .detail_page_form_custom textarea{background-color:#F6F6F6}
/* .swiper-container {overflow: visible;position: relative;}
.swiper-slide {transform: scale(0.8); opacity: 0.7; 
    transition: all 0.5s ease; 
}

.swiper-slide-active {
    transform: scale(1); 
    opacity: 1; 
}

.swiper-button-next,
.swiper-button-prev {
    color: #000;
}

 */



/* Property Gallery Styles */
.property-gallery-wrapper {position: relative;max-width: 100%;border-radius: 12px;}
.property-gallery-featured {position: relative;border-radius: 12px;}
.property-gallery-featured img{border-radius:12px !important;}
.gallery-overlay {position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.6);color: white;padding: 15px;display: flex;justify-content: center;align-items: center;height:100%;width:100%;flex-direction: column;row-gap:10px;border-radius: 12px;}
.gallery-overlay .show-all {color: #FFF;font-family: Nunito;font-size: 24px;font-weight: 700;line-height: normal;}
.gallery-overlay .photo-count {color: #FFF;font-family: Nunito;font-size: 16px;font-weight: 500;line-height: normal;}
.property-gallery-featured:hover .gallery-overlay {background: rgba(0, 0, 0, 0.8);}
.lightbox .lb-image {max-width: 80vw;max-height: 80vh;}
.camera_image_class{height:24px;width:24px}

.slider_custom_bottom:after{content:"";position:absolute;height:100px;width:90%;bottom:-30px;border-radius:12px;left:40px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
 ;background-color:#FFF;}
.slider_custom_bottom:before{content:"";position:absolute;height:100px;width:80%;bottom:-60px;border-radius:12px;left:83px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
 ;background-color:#FFF;}

.custom_slider .testimonial-slide {display: flex;align-items: center;gap: 50px;background: white;padding: 0 50px;border-radius: 12px;}
.testimonial-slide .slider_content{width:60%}
.custom_slider .testimonial-slide .testimonial_image {height: 500px;width: 40%;border-radius: 12px 12px 0px 0px;}
.custom_slider .testimonial-slide .testimonial_image img {height: 100%;object-fit: cover;position: absolute;width: 277px;top: 0;border-radius: 12px 12px 0px 0px;}

/* .custom_slider .swiper-vertical, .testimonial-slide{transform:rotate(180deg)}
.custom_slider .testimonial-slide{padding-bottom:25px} */

.custom_slider .testimonial-slide .slider_content h3 {font-size: 40px;}
.custom_slider .testimonial-slide .slider_content p {font-family: 'Inter';font-weight: 400;font-size: 16px;line-height: 25px;}
.testimonial-slider-container {position: relative;background: transparent;padding-top: 56px;}
.custom_slider .swiper-vertical {height: 555px;position: unset;overflow: visible;}
.custom_slider .swiper-button-next {right: -15%;}
.custom_swiper_slider {position: relative;}
.custom_slider .swiper-button-prev {left: -15%;}
.custom_slider .swiper-button-next:after,.custom_slider .swiper-button-prev:after {font-size: 30px;font-weight: 900;color: black;}
.custom_slider .swiper-3d .swiper-slide-shadow-top,.custom_slider .swiper-3d .swiper-slide-shadow-bottom {background-image: none;}
.custom_slider .swiper-slide .testimonial_image {display: none;}
.custom_slider .swiper-slide:not(.swiper-slide-active) .slider_content {padding-top: 30px;}
.custom_slider .swiper-slide.swiper-slide-active .testimonial_image {display: block;}
.custom_slider .swiper.mySwiper .swiper-button.swiper-button-prev {top: 40px;}

/* Slider left right button */
.custom_slider .swiper.mySwiper .swiper-button.swiper-button-prev .swiper-navigation-icon, .custom_slider .swiper.mySwiper .swiper-button.swiper-button-next .swiper-navigation-icon{height:30px;}
.custom_slider .swiper.mySwiper .swiper-button.swiper-button-prev{top: 50%;left:-13%;transform:rotate(270deg);background-color:white;border-radius:50%;padding:15px;transition:0.4s}
.custom_slider .swiper.mySwiper .swiper-button.swiper-button-next{top: 50%;right:-13%;left:unset;transform:rotate(-90deg);background-color:white;border-radius:50%;padding:15px;transition:0.4s}
.custom_slider .swiper.mySwiper .swiper-button.swiper-button-prev:hover .swiper-navigation-icon, .custom_slider .swiper.mySwiper .swiper-button.swiper-button-next:hover .swiper-navigation-icon{color:white }
.custom_slider .swiper.mySwiper .swiper-button.swiper-button-prev:hover, .custom_slider .swiper.mySwiper .swiper-button.swiper-button-next:hover{background-color:#055fdc}



/* Booking Form Testing */
.booking_form_custom form h3 {display:none}
.booking_form_custom form .hb-form-field label{display:none}
.booking_form_custom form .hb-form-field .hb-form-field-input input, .booking_form_custom form .hb-form-field .hb-form-field-input select{padding: 12px 16px;border-radius: 6px;background: #FFF;color: #1E1E1E;font-family: Inter;font-size: 16px;font-weight: 400;line-height: 20px;letter-spacing: -0.48px;border:0}
.booking_form_custom form .hb-submit button {padding: 12px 20px;border-radius: 6px;background:  #055FDC;color: #FFF;font-family: Inter;font-size: 16px;font-weight: 500;line-height: 20px;letter-spacing: -0.48px;text-transform: capitalize;width:50%}






/* Availibility Form */
.cart_custom_wrapper form.cart{flex-direction:column}
.cart_custom_wrapper form.cart label, .cart_custom_wrapper form.cart .label, .cart_custom_wrapper form.cart .wc-bookings-date-picker-date-fields span {color:white}
.cart_custom_wrapper form.cart .wc-bookings-booking-form{border:0;padding:0}
.cart_custom_wrapper form.cart fieldset.wc-bookings-date-picker{border:0;padding:0}
.cart_custom_wrapper p.form-field.form-field-wide.wc_bookings_field_persons input{width:100%;border-radius:10px;margin-top:10px}
.cart_custom_wrapper .wc-bookings-date-picker-date-fields label{width:30%;margin-bottom:20px}
.cart_custom_wrapper .wc-bookings-date-picker-date-fields label input{border-radius:10px;}
.cart_custom_wrapper button.single_add_to_cart_button {width:100%;margin:0 !important;background:#055fdc !important;border-radius:5px}

/* Responsive */
@media (max-width: 1280px){
  .slider_content {max-width: 60%;}
}
@media only screen and (max-width:1200px){
    .cart_custom_wrapper .wc-bookings-date-picker-date-fields label {width: 29%;}
	.how_it_works_container .works_content:not(:last-child)::before{top:60%}
	.custom_slider .swiper-button-next {right: -30px;}
	.custom_slider .swiper-button-prev {left: -30px;}
}

@media (max-width: 1200px){
    .custom_slider .swiper.mySwiper .swiper-button.swiper-button-prev{left:-5%;}
    .custom_slider .swiper.mySwiper .swiper-button.swiper-button-next{right:-8%;}
}

@media (max-width: 1024px){
  .custom_slider .testimonial-slide .slider_content h3 {font-size: 30px;}
  .custom_slider .testimonial-slide .slider_content p {font-size: 14px;}
  .custom_slider .testimonial-slide {padding: 0 15px 0 30px;}
  .slider_content {max-width: 55%;}
  .how_it_works_container .works_content:not(:last-child)::before{top:70%}
}

@media screen and (max-width: 880px) {
    .elementor-nav-menu--dropdown .elementor-nav-menu>li.respnsive_menu_option a.elementor-item-active {background: transparent;color: #33373d;}
	.slider_content {max-width: 50%;}
}

@media screen and (max-width: 767px) {
    .footer_responsiveness_wrapper  nav.elementor-nav-menu--main.elementor-nav-menu__container li.menu-item.menu-item-type-post_type a{ justify-content:center;}
	.cart_custom_wrapper .wc-bookings-date-picker-date-fields label {margin-bottom: 10px;}
	.cart_custom_wrapper .wc-bookings-date-picker-date-fields label input, .cart_custom_wrapper p.form-field.form-field-wide.wc_bookings_field_persons input {padding: 4px 5px;font-size: 14px}
	.cart_custom_wrapper form.cart label, .cart_custom_wrapper form.cart .label, .cart_custom_wrapper form.cart .wc-bookings-date-picker-date-fields span {font-size: 15px}
	.cart_custom_wrapper form.cart .wc-bookings-booking-form , .cart_custom_wrapper p.form-field.form-field-wide.wc_bookings_field_persons{margin: 0}
	.get_in_touch_form input[type=date], .get_in_touch_form input[type=email], .get_in_touch_form input[type=number], .get_in_touch_form input[type=password], .get_in_touch_form input[type=search], .get_in_touch_form input[type=tel], .get_in_touch_form input[type=text], .get_in_touch_form input[type=url], .get_in_touch_form select, .get_in_touch_form textarea {margin-bottom: 15px;padding: 10px 12px;font-size:14px}
.get_in_touch_form input[type="submit"] {padding: 10px 15px;font-size:14px}
	.how_it_works_container .works_content:nth-child(even):not(:last-child)::before, .how_it_works_container .works_content:not(:last-child)::before{display:none}
	.custom_slider .testimonial-slide {flex-direction: column;padding: 0;gap: 30px;}
	.contact_us input.wpcf7-form-control, .contact_us textarea.wpcf7-form-control {padding: 10px 12px;font-size: 12px;margin-bottom: 15px;}
.custom_slider .testimonial-slide .testimonial_image {height: 250px;}
.custom_slider .testimonial-slide .testimonial_image img {width: 100%;position: unset;}
.slider_content {max-width: 100%;padding: 0 15px 25px 15px;}
.custom_slider .swiper-button-next {right: 0;}
.custom_slider .swiper-button-prev {left: 0;}
.custom_slider .testimonial-slide .slider_content h3 {font-size: 25px;margin-bottom: 10px;}
.custom_slider .swiper-button-next:after, .custom_slider .swiper-button-prev:after {font-size: 14px;}
.custom_slider .swiper-button-next, .custom_slider .swiper-button-prev {background: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;}
	    .custom_slider .swiper.mySwiper .swiper-button.swiper-button-prev .swiper-navigation-icon, .custom_slider .swiper.mySwiper .swiper-button.swiper-button-next .swiper-navigation-icon{height:20px;width:20px;color:#ffffff}
    .custom_slider .swiper.mySwiper .swiper-button.swiper-button-prev{left:30px;background-color:#055fdc;padding:11px;}
    .custom_slider .swiper.mySwiper .swiper-button.swiper-button-next{right:7px;background-color:#055fdc;padding:11px}

}