/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
*/


/* Scrollbar */

::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #888;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #555;  }


/* .contact-form{
	display:flex;


} */

/* Our-Team-Slider-pegination */
/* .our-team-sec .elementor-swiper-button.elementor-swiper-button-prev {left: -98% !important;)!important;}
.our-team-sec .elementor-swiper-button.elementor-swiper-button-next { right: calc(192% - 25px) !important;} */

/* Home Page */
.slides svg.e-font-icon-svg.e-eicon-chevron-left { content: ""; background-image: url(https://staging.devcustomprojects.com/landology/wp-content/uploads/2024/12/Arrow-1.svg); width: 100%; height: 55px ; background-repeat: no-repeat; }
.slides svg.e-font-icon-svg.e-eicon-chevron-right { content: ""; background-image: url(https://staging.devcustomprojects.com/landology/wp-content/uploads/2024/12/Arrow-1-1.svg); width: 100%; height: 55px ; background-repeat: no-repeat; }
.slides .e-font-icon-svg.e-eicon-chevron-left path, .slides .e-font-icon-svg.e-eicon-chevron-right path { display: none; }
.slides.elementor-element .swiper .elementor-swiper-button svg { width: 100%; height: 55px; }

/* Contact Page */

.contact-form{display:flex;gap:32px;}
textarea.wpcf7-form-control.wpcf7-textarea { width: 191%; height: 120px; }
input.wpcf7-form-control.wpcf7-text.input-one { border-radius: 8px; border: 1px solid var(--Gray-300, #D0D5DD); outline:none; }
input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel.tel-num { border-radius: 8px; border: 1px solid var(--Gray-300, #D0D5DD); outline:none; }
input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email.email-input { border-radius: 8px; border: 1px solid var(--Gray-300, #D0D5DD); outline:none; }
textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; height: 120px; border-radius: 8px; border: 1px solid var(--Gray-300, #D0D5DD); outline:none; }
label { padding-bottom: 7px; }
span.wpcf7-list-item.first.last { margin-left: 0px; margin-top: 8px; }
input.wpcf7-form-control.wpcf7-submit.has-spinner { width: 100%; border-radius: 0px; color:#fff; background: #6DA538; border:1px solid  #6DA538; }
input::placeholder{ color: #565656; }

/* Project Single Page */

.related-loop .e-loop-item:nth-of-type(even) .e-con-inner { flex-direction: column-reverse; }
body.post-type-archive-projects .main-header .main-menu ul li a { color: #020202 !important; }
.project-archive .read-more svg { width: 30px; }
.project-archive .read-more .elementor-button-icon { display: flex; align-items: center; }

/* Projects-map */
#map .map-content img { height: 200px; object-fit: cover; }
#map {width: 100%;height: 700px;
/* 	border: 1px solid #000;border-radius: 10px; */
}
.map-content img {width: 100%;height: 150px;max-width: 100%;margin-bottom: 10px; object-fit: cover;];object-position: center;}
.map-content { width: 100%; }
.map-content h4 { font-size: 21px; line-height: 1.2; color:#000 !important; margin-block: 10px !important;!i;!;}
.map-content > :not(img) {padding: 0 15px;}
#map div:has(>[title="Close"]) {top: 0;right: 0; position: absolute;background: #fff;}
#map [title="Close"] { width: auto !important; height: auto !important;}
.custom-map * {outline: 0;}
#map .map-content > .btnView { margin-top: 5px; }
#map [title="Close"] > span {width: 18px !important; height: 18px !important;}
#map .gm-style-iw-d:has(.map-content) {margin-right: -18px;
/* 	max-height: fit-content !important; */
}
#map .map-content a {color: #000;}
#map .map-content .project-info {font-size: 15px;
/* 	display: flex; */
	align-items: center;justify-content: space-between;}
#map .map-content svg {height: 15px;}
#map .map-content .project-info > * { gap: 5px;display: flex; align-items: center;}
#map .map-content .project-info a, #map .map-content .project-info svg, #map .map-content .project-info span {fill: #0b163b;color: #0b163b;}
#map .map-content > * { margin: 0;}
#map .gm-style-iw.gm-style-iw-c:has(.map-content) {padding: 0;max-width: 300px !important;width: 100%; max-height: fit-content !important;}

.custom-map { position: relative; }

#project-list li:is(.logy-hide) { opacity: 0.33; }
#project-list li svg { width: 18px; height: 18px; opacity: 0; }
#project-list li:is(.logy-hide) .logy-title { pointer-events: none; }
#project-list li:hover svg, #project-list li:is(.logy-hide) svg { opacity: 1; }

#project-list::-webkit-scrollbar-track { background-color: #f9f9f9; }
#project-list::-webkit-scrollbar { width: 6px; background-color: #f9f9f9; }
#project-list::-webkit-scrollbar-thumb { background-color: #ddd; border-radius:50px; }
#featured-projects input[name="search_project"]::placeholder { color: #bbbbbb; }
#project-list li { display: flex; line-height: 1; margin: 8px 0; cursor: pointer; }
#project-list { margin: 0; user-select: none; max-height: 380px; overflow-y: scroll; padding: 0 10px 0 0; list-style-type: none; }
#featured-projects h2 { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }
#featured-projects input[name="search_project"] { border: 0; padding: 5px; font-size: 16px; max-width: 220px; margin: 10px 0 10px; box-shadow: 0 0 0 1px #e1e1e1; }
#featured-projects { top: 10px; z-index: 1; left: 10px; padding: 10px; max-width: 250px; overflow: hidden; position: absolute; background: #fff;
/* 	border-radius: 10px; */
	max-height: calc(100% - 20px); }
#project-list li .logy-title {text-transform: uppercase;line-height: 1.4;}

.contact label { font-weight: 500; font-size: 14px; }
body .past-projects-grid .past-loop { max-height: 410px; overflow-y: scroll !important; scrollbar-width: none; }
.gallery-slider .flex-viewport { border-radius: 20px; }
.project-banner { background: linear-gradient(to bottom, #183100 55%, white 45%); }
.project-banner.e-con>.e-con-inner { width: 75%; }
.project-banner .flexslider { margin-bottom: 30px; border: unset; background: unset; }
.project-banner .flex-direction-nav a { opacity: unset; height: 60px; }
.project-banner .flex-direction-nav a:before { color: white; }
.project-banner .flexslider img { border-radius: 20px; }

#feature-btn .elementor-button-icon { width: 40px; }
#feature-btn .elementor-button-icon svg{ width:40px; padding-top:2px; }
.feature-slider span.elementor-button-text { margin: auto; }
.feature-slider #feature-btn { padding: 8px 14px;  }
.testimonial-loop .view-testimonial .elementor-button-text { text-decoration: underline; }
/* map-side-sidebar-hide-show */
.custom-map .toggle-sidebar {display: none;}
.custom-map .toggle-sidebar {padding: 4px 13px;border-color: #f9fff2; background-color: #f9fff2;color: #000;box-shadow: 0 0 0 1px #e1e1e1;}


.border-linear-gradient img {border: 2px solid transparent !important; background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #52A140, #D1CB0D) border-box;}

/* Media Queries */

@media (max-width:1920px){
	.project-banner.e-con>.e-con-inner { width: 62%; }
}

@media (max-width:1601px){
	.team-meet.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next { right: calc(100% + 75%); }
	.team-meet.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev{ left: calc(0% + (-84%)) }
	.project-banner.e-con>.e-con-inner { width: 75%; }
}


@media (max-width:1537px){
	.team-meet.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next { right: calc(100% + 80%); }
	.team-meet.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev{ left: calc(0% + (-89%)) }
}


@media (max-width:1441px){
	.team-meet.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next { right: calc(100% + 85%); }
	.team-meet.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev{ left: calc(0% + (-95%)) }
}


@media (max-width:1367px){
	.team-meet.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next { right: calc(100% + 87%); }
	.team-meet.elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev{ left: calc(0% + (-98%)) }
}

@media (max-width:1281px){

}

@media (max-width:1201px){

}

@media (max-width:1025px){
	.gallery-slider .flex-viewport { height: 400px; }
	body.post-type-archive-projects .elementor-190 .elementor-element.elementor-element-325cdf3 .elementor-nav-menu--dropdown a.elementor-item-active { color: white !important; }

}
@media (max-width:880px){
    .custom-map button.toggle-sidebar {position: absolute;z-index: 999;top: 10px;left: 10px;display:block;}
    div#featured-projects.show {display: block;}
    #featured-projects {top: 5px;left:5px;}.custom-map #featured-projects {display: none;padding-top: 47px;width: 98%;max-width: 100%;border-radius: 0px;}
}


@media (max-width:801px){
	.gallery-slider .flex-viewport { height: 350px; }
}

@media (max-width:768px){
/*.custom-map button.toggle-sidebar {position: absolute;z-index: 999;top: 10px;left: 10px;display:block;}*/
/*div#featured-projects.show {display: block;}*/
/*#featured-projects {top: 5px;left:5px;}.custom-map #featured-projects {display: none;padding-top: 47px;width: 98%;max-width: 100%;border-radius: 0px;}*/
#feature-btn .elementor-button-icon svg {width: 30px;padding-top: 2px;}
}

@media (max-width:601px){
.contact-area .contact-form { display: flex; flex-direction: column; gap: 10px; }
}


@media (max-width:361px){
body .our-team-sec .elementor-element.elementor-element-6a27b0e.e-con-full.absolute-slider.e-flex.e-con.e-child {top: 210px;}
}