/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 30 2026 | 03:46:46 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


/* SMOOTH SCROLL */
html {
  scroll-behavior: smooth;
}


/* TRANSITION */
@media (prefers-reduced-motion: reduce) {
  html * {
    transition-duration: 0.4s !important;
  }
}


/* ICON LIST REMOVE MARKER */
.elementor-widget-icon-list ul.elementor-icon-list-items li.elementor-icon-list-item::marker {
	content:"";
	display: none !important;
}


/* HEADER */
.elementor-widget-image {
  text-align: center;
}

.elementor-widget-image img {
  display: inline-block;
  vertical-align: middle !important;
}

/* Animate Top Line - Slide Left */
.ekit_navSidebar-button:hover .ekit-svg-icon path:first-child {
    animation: slideLeftAndBack-1 0.9s ease-in-out;
}

/* Optional: Fade middle line */
.ekit_navSidebar-button:hover .ekit-svg-icon path:nth-child(2) {
    animation: slideLeftAndBack-2 0.6s ease-in-out;
}

/* Animate Bottom Line - Slide Right */
.ekit_navSidebar-button:hover .ekit-svg-icon path:last-child {
    animation: slideLeftAndBack-3 0.3s ease-in-out;
}

@keyframes slideLeftAndBack-1 {
  0% { transform: translateX(0); }
  50% { transform: translateX(10px); } /* Adjust distance as needed */
  100% { transform: translateX(0); }
}

@keyframes slideLeftAndBack-2 {
  0% { transform: translateX(0); }
  50% { transform: translateX(20px); } /* Adjust distance as needed */
  100% { transform: translateX(0); }
}


@keyframes slideLeftAndBack-3 {
  0% { transform: translateX(0); }
  50% { transform: translateX(30px); } /* Adjust distance as needed */
  100% { transform: translateX(0); }
}





/* HOME HEADER */
.elementor-11 {
	height: 0;
}

@media (min-width: 768px) {
  .elementor-11 .elementor-element.elementor-element-db7e61c {
    margin: 0 auto;
  }
}

.home .fixed-header {
    position: fixed;
    top: -150px !important; /* Adjust based on your header height */
    left: 0;
    width: 100%;
    transition: top 0.4s ease-in-out; /* Smooth slide down effect */
    z-index: 9999;
    background: #fff; /* Ensure header has a background */
}

/* Class to make the header slide down */
.home .fixed-header.is-visible {
    top: 0 !important;
}

.home .custom-home-banner-img {
    object-fit: cover !important;
    object-position: 50% 10% !important; /* Horizontal Vertical */
}


/* FLOORPLAN */
.sticky-post {
	margin: 0;
	position: -webkit-sticky;
	position: sticky;
	top: 78px;
}

.click-scroll  {
	scroll-margin-top: 66px;
}

.floorplan-navi a:hover {
	padding-left: 10px;
}

.swiper-pagination {
  z-index: 2 !important;
}

/* Styling for the active list item */
.floorplan-navi .elementor-icon-list-item.active-item a {
	padding-left: 0;
}

.floorplan-navi .elementor-icon-list-item a:hover::before {
	content: "\203A";
    opacity: 1;
    transition: all 0.4s ease-in-out;
    display: inline-block;
	margin-right: 10px;
	font-size: 26px;
	color: #dbd0bc;
    /* Optional: shift left slightly if desired */
    /* transform: translateX(-5px); */
}

.floorplan-navi .elementor-icon-list-item.active-item a::before {
	content: "\203A";
    opacity: 1;
    transition: all 0.4s ease-in-out;
    display: inline-block;
	margin-right: 10px;
	font-size: 26px;
	color: #dbd0bc;
    /* Optional: shift left slightly if desired */
    /* transform: translateX(-5px); */
}

.floorplan-navi .elementor-icon-list-item.active-item a .elementor-icon-list-text {
    color: #DBD0BC !important; /* Change text color */
}

.floorplan-navi .elementor-icon-list-item.active-item .elementor-icon-list-icon i {
	padding-left: 5px;
    color: #ff0000 !important; /* Change icon color */
}


/* REGISTER PAGE */
.page-id-1048 .elementor-element-cfe92ae {
	display: none !important;
}

.page-id-1048 input[type="date"], .page-id-1048 input[type="email"], .page-id-1048 input[type="number"], .page-id-1048 input[type="password"], .page-id-1048 input[type="search"], .page-id-1048 input[type="tel"], .page-id-1048 input[type="text"], .page-id-1048 input[type="url"], select, textarea {
	border-radius: 0;
	padding: .8rem 1rem;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #666;
	background-color: transparent;
}

.page-id-1048 .wpcf7-form p {
	margin-block-end: 1.9rem;
}

/* Change placeholder color for all Contact Form 7 fields */
.wpcf7 input::placeholder, 
.wpcf7 textarea::placeholder {
    color: #000000; /* Replace with your hex color code */
    opacity: 1;    /* Firefox adds a lower opacity by default */
}

/* Browser-specific prefixes for older versions */
.wpcf7 input::-webkit-input-placeholder { color: #000000; }
.wpcf7 input:-moz-placeholder { color: #000000; opacity: 1; }
.wpcf7 input::-moz-placeholder { color: #000000; opacity: 1; }
.wpcf7 input:-ms-input-placeholder { color: #000000; }

/* Removes the blue/orange outline and shadow from Contact Form 7 fields on click */
.wpcf7-form-control:focus {
    outline: none !important;
    box-shadow: none !important;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #666;
}

[type="button"], [type="submit"], button {
  background-color: #ac927f;
  border: 2px solid #666;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  padding: .5rem 1rem;
  text-align: center;
  transition: all .3s;
    transition-duration: 0.3s;
    transition-delay: 0s;
  transition-duration: 0.3s;
  transition-delay: 0s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  letter-spacing: 6px;
  margin: 0 auto;
  text-align: center;
}

[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
  background-color: #75706d;
  color: #fff;
  text-decoration: none;
}



/* FOOTER */
.elementor-widget.elementor-align-end .elementor-icon-list-item, .elementor-widget.elementor-align-end .elementor-icon-list-item a {
  justify-content: end !important;
  text-align: end !important;
}






/* RESPONSIVE TABLET */
@media (max-width: 1024px) {
	/*.elementor-2 .elementor-element.elementor-element-a688d08 img {
		width: 2000px !important;
		height: 2000px !important;
		object-fit: contain !important;
		object-position: 50% -20% !important;
	}*/
	
	.elementor-2 .elementor-element.elementor-element-a688d08 {
		top: 0 !important !important;
	}
	
	
	.sticky-post {
		margin: 0;
		position: -webkit-sticky;
		position: sticky;
		top: 50px;
	}
	
}





/* RESPONSIVE MOBILE */
@media (max-width: 767px) {
/*  .elementor-2 .elementor-element.elementor-element-363cd927:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-363cd927 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	  background-image: url("https://emilia-kemensah.tbxmultimedia.com/wp-content/uploads/2026/04/main-banner-2.jpg");
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: fixed;
	  height: 100%;
	  width: 100%;
	  content: "";
	  z-index: -10;
	  top: 0;
  }*/
	
	
	.elementor-2 .elementor-element.elementor-element-0ccf85b:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-0ccf85b > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    margin-top: 120vh;
  }
	
	.sticky-post {
	margin: 0;
	position: -webkit-sticky;
	position: sticky;
	top: 60px;
	}
	
	.click-scroll  {
	scroll-margin-top: 88px;
	}
	
	.floorplan-navi a:hover {
		padding-left: 0 !important;
	}

	/* FOOTER */
	.elementor-widget.elementor-align-end .elementor-icon-list-item, .elementor-widget.elementor-align-end .elementor-icon-list-item a {
		justify-content: center !important;
		text-align: center !important;
	}
	
}