/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */




.location-menu ul li a {
    border-radius: 40px;
}

.location-menu ul li:hover a {
    background: #AA884D;
}

.location-menu ul li a.elementor-item-active {
    background: #AD8849;
}


.location-gallery { --thumb:110px; --gap:12px; --radius:12px; --active:#45c6d6; }
.location-gallery .lg-thumbs{ position:relative; margin-top:14px; }
.location-gallery .lg-thumbs-track{
  display:flex;
  gap:var(--gap);
  overflow:hidden;   /* 👈 scrollbar hidden */
  white-space:nowrap;
  padding: 6px;
}
.location-gallery .lg-thumb{
  flex:0 0 auto; width:var(--thumb); height:var(--thumb);
  border-radius:var(--radius);
  overflow:hidden; border:2px solid transparent;
  cursor:pointer; background:#f3f6f8;
}
.location-gallery .lg-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.location-gallery .lg-thumb.is-active{ border-color:var(--active); }
.location-gallery .lg-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  background: #AA884D;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
  cursor:pointer;
  line-height: 1;
  text-align:center;
  text-indent: -2px;
  color: #fff;
}
.location-gallery .lg-prev{left: -10px;}
.location-gallery .lg-next{right: -10px;}

/* hide state for arrows */
.location-gallery .lg-nav.is-hidden{ display:none; }


.location-gallery .elementor-image-carousel-wrapper  figure.swiper-slide-inner img {
    height: 450px;
    width: 100%;
    object-fit: cover;
}


/* show arrows only when needed (JS toggles .is-hidden) */
.location-gallery .lg-nav.is-hidden{ display:none; }

/* better touch behavior for the strip */
.location-gallery .lg-thumbs-track{ touch-action: pan-y; }

/* optional cursor feedback */
.location-gallery .lg-thumbs-track{ cursor:grab; }
.location-gallery .lg-thumbs-track.is-dragging{ cursor:grabbing; }








.location-menu .elementor-nav-menu--main { position: relative; }

/* scroll container */
.lm-track-wrap{
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  touch-action: pan-y;
  scroll-snap-type: x mandatory;
	width: 100%;
}

/* one-row layout when enhanced */
.lm-enhanced .lm-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  padding: 10px 44px; /* space for arrows so they don't cover links */
  margin: 0;
}
.lm-enhanced .lm-track > li{
  flex:0 0 auto;
  white-space:nowrap;
  scroll-snap-align: start;
}

/* arrows */
.lm-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:3; width:36px; height:36px;
  border:0; border-radius:999px;
  background:#E0D2A0; color:#fff;
  display:none; align-items:center; justify-content:center;
  font-size:18px; font-weight:700; cursor:pointer; line-height:1;
}

.lm-arrow:hover{
	background: #7C7C7C;
}
.lm-prev{ left:-18px; }
.lm-next{ right:-18px; }
.lm-arrows-visible .lm-arrow{ display:inline-flex; }

/* feedback + clean scrollbar */
.lm-dragging{ cursor:grabbing !important; }
.lm-track-wrap{ cursor:grab; }
.lm-track-wrap::-webkit-scrollbar{ display:none; }
.lm-track-wrap{ scrollbar-width:none; }

/* optional edge fade */
.lm-arrows-visible .lm-track-wrap:before,
.lm-arrows-visible .lm-track-wrap:after{
  content:""; position:absolute; top:0; bottom:0; width:40px; pointer-events:none;
}
.lm-arrows-visible .lm-track-wrap:before{
  left:0; background:linear-gradient(90deg, #fff, rgba(255,255,255,0));
}
.lm-arrows-visible .lm-track-wrap:after{
  right:0; background:linear-gradient(270deg, #fff, rgba(255,255,255,0));
}


.lm-track-wrap.lm-dragging{
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
}


/* Only when this particular nav has arrows visible */
.location-menu nav.elementor-nav-menu--main.lm-left-start > .lm-track-wrap > .lm-track{
  justify-content: flex-start !important;
}

.location-menu nav.elementor-nav-menu--main.lm-left-start > .lm-track-wrap > .lm-track{
  justify-content:flex-start !important;
}

.lm-track-wrap.lm-dragging{ scroll-snap-type:none!important; scroll-behavior:auto!important; }





.contact-form-area .row {
    display: flex;
    flex-wrap: wrap;
}

.col-lg-6 {
    width: 50%;
    padding: 15px;
}

.col-lg-12 {
    width: 100%;
    padding: 15px;
}

.single-form-item input, .single-form-item textarea {
    border: 1px solid #999494;
    border-radius: 8px;
    padding: 10px 20px;
    color: #222;
}

.single-form-item  input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #AA884D;
    font-family: "mayeka", Sans-serif;
    font-weight: 600;
    border-radius: 40px 40px 40px 40px;
    color: #fff;
    margin-top: 20px;
    padding: 11px 35px;
}

.single-form-item input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background: #896629;
}

.list-style ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-style ul li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 24px;
}

.list-style ul li::after {
    background: #AA884D;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 8px;
    content: "";
    position: absolute;
}

@media all and (max-width: 1023px){

	.col-lg-6 {
		width: 100%;
	}
	
	.location-menu-row {
		position: relative;
	}

	.location-menu-row::after {
		position: absolute;
		content: "";
		width: 20px;
		height: 100%;
		background: #fff;
		right: -20px;
		top: 0;
	}

	.location-menu-row::before {
		position: absolute;
		content: "";
		width: 20px;
		height: 100%;
		background: #fff;
		left: -20px;
		top: 0;
	}

}



@media all and (max-width: 768px) {
	
	.location-gallery .elementor-image-carousel-wrapper figure.swiper-slide-inner img {
		height: 300px;
	}
	
	.location-menu  ul li a {
		padding: 7px 10px !important;
	}



	.lm-track-wrap {
		width: 85%;
		margin: 0 auto;
	}
	
	
	.location-gallery .lg-thumb {
		width: 75px;
		height: 60px;
	}


	
}