/*
#header .header-body {
	background: #526a2c;
}
*/


html {
  scroll-behavior: smooth !Important;
}


#header .header-container.header-container-height-sm {
    height: 80px;
}

@media (max-width: 767px) {
	#header .container {
		width: 100%;
		height: 60px !Important;
	}
}


/*--------------------------------------------------
-------------------- BUTTON FLOAT ------------------
---------------------------------------------------*/

	#ThismyBtn {
	  display: none;
	  position: fixed;
	  bottom: 10px;
	  right: 1px;
	  z-index: 99;
	  /*
	  font-size: 18px;
	  border: none;
	  outline: none;
	  background-color: none;
	  color: white;
	  cursor: pointer;
	  padding: 15px;
	  border-radius: 4px;*/
	}

	#ThismyBtn:hover {
	  /*background-color: #555;*/
	  background: url("data/call.png") no-repeat;
	}	
	
	
	#ThismyBtn:hover img {
	  transform: scale(1.1);
	  transition: transform 0.3s ease;
	}
	
	.owl-carousel .owl-item img {
	  display: block;
	  width: 100%;
	  height: auto;
	  filter: brightness(90%); /* Apply transparent black look */
	  transition: filter 0.3s ease;
	}

	.owl-carousel .owl-item img:hover {
	  filter: brightness(100%); /* Remove dark overlay on hover */
	}

	/* Hover effect: Zoom in + darken 10% */
	.owl-carousel .owl-item:hover img {
	  transform: scale(1.05);
	filter: brightness(100%);	  
	}

	/* Optional: prevent zoom overflow */
	.owl-carousel .owl-item {
	  overflow: hidden;
	}
	
	/*
	.owl-carousel .owl-nav button.owl-prev.disabled,
	.owl-carousel .owl-nav button.owl-next.disabled {
	  display: none;
	}
	*/
	
	
primary, .bg-primary {
    background-color: #2d5f2e !important;
}
	
	
#footer {
    background: #e0ede2;
    border-top: 4px solid var(--dark);
    font-size: 0.9em;
    margin-top: 50px;
    padding: 0;
    position: relative;
    clear: both;
}


#header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active {
    color: #60a766;
}

#header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a, #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a {
    color: #60a766;
}	


h1, h2, h3, h4, h5, h6 {
    font-family: "Playfair Display", serif;
}