.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#383838;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-16ac5d27:#4054B2;--e-global-color-1624682f:#23A455;--e-global-color-e91f4f5:#000;--e-global-color-5666ef8f:#FFF;--e-global-color-fe9719b:#121655;--e-global-color-9e9f42d:#7F9DAE;--e-global-color-43549d3:#054872;--e-global-color-223e3a2:#3F7F3D;--e-global-color-dfde39f:#636363;--e-global-color-d442878:#004225;--e-global-color-d725293:#C0A969;--e-global-color-0fd4cdf:#306C34;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-9640557-font-family:"Helvetica";--e-global-typography-9640557-font-size:16px;--e-global-typography-9640557-font-weight:500;--e-global-typography-9640557-line-height:1.25em;--e-global-typography-00bbbf4-font-family:"Helvetica";--e-global-typography-00bbbf4-font-size:20px;--e-global-typography-00bbbf4-font-weight:600;--e-global-typography-00bbbf4-line-height:1.3em;--e-global-typography-3211bed-font-family:"Helvetica";--e-global-typography-3211bed-font-weight:600;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{color:var( --e-global-color-d442878 );}.elementor-kit-12 a:hover{color:var( --e-global-color-primary );}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{font-family:"Helvetica", Sans-serif;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1365px){.elementor-kit-12{--e-global-typography-9640557-font-size:14px;--e-global-typography-3211bed-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:1023px){.elementor-kit-12{--e-global-typography-00bbbf4-font-size:18px;--e-global-typography-3211bed-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 
  PROJECT THUMBNAILS: FULL COLOR + GOLD OVERLAY ON HOVER
  - Default: images are full color.
  - Hover: gold overlay (no text) smoothly appears.
*/

/* 1. Remove any grayscale or filter from the images, and add transitions */
.project-thumb img {
  filter: none !important;
  transition: filter 0.3s, box-shadow 0.3s;
  position: relative;
  z-index: 1;
}

/* 2. Make the thumbnail container relative for proper overlay positioning */
.project-thumb {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

/* 3. Gold overlay (hidden by default) */
.project-thumb::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, 
      rgba(179,169,140,0.22) 0%,
      rgba(179,169,140,0.19) 100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 2;
}

/* 4. Show the gold overlay on hover */
.project-thumb:hover::after {
  opacity: 1;
}

/* SOLD badge */
#project-sold::before {
  content: "Sold Out";
  position: absolute;
  top: 15px;
  left: 15px;
  background: rgba(0,0,0,0.65);
  color: #efefe9;
  padding: 11px 16px 8px 16px;
  font-weight: 500;
  z-index: 3;
  border-radius: 50px;
  font-family: Helvetica, Sans-serif;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  pointer-events: none;
}

/* Units Available badge */
#project-available::before {
  content: "Available";
  position: absolute;
  top: 15px;
  left: 15px;
  background: rgba(35,65,50,0.85);
  color: #C0A969;
  padding: 11px 16px 8px 16px;
  font-weight: 500;
  z-index: 3;
  border-radius: 50px;
  font-family: Helvetica, Sans-serif;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  pointer-events: none;
}

/* Responsive badges */
@media (max-width: 600px) {
  #project-sold::before,
  #project-available::before {
    font-size: 15px;
    padding: 7px 10px 6px 10px;
  }
}

/* 
  SWIPER/CAROUSEL ARROW BUTTONS
*/

/* Remove all background layers from prev/next buttons */
.elementor-swiper-button,
.elementor-swiper-button-prev,
.elementor-swiper-button-next,
.elementor-swiper-button::before,
.elementor-swiper-button-prev::before,
.elementor-swiper-button-next::before,
.elementor-swiper-button > * {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Reset size/shape + add touch-friendly minimum size */
.elementor-swiper-button {
  width: auto !important;
  height: auto !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 0 !important;
  transition: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* Ensure SVG itself is clean */
.elementor-swiper-button svg {
  display: block;
  width: 24px;
  height: 24px;
  background: none !important;
  fill: none !important;
}

/* Kill any hover background */
.elementor-swiper-button:hover,
.elementor-swiper-button-prev:hover,
.elementor-swiper-button-next:hover,
.elementor-swiper-button:hover::before {
  background: transparent !important;
  background-color: transparent !important;
}

/* Hide carousel arrows on mobile - users can swipe */
@media (max-width: 767px) {
  .elementor-widget-n-carousel .elementor-swiper-button-prev,
  .elementor-widget-n-carousel .elementor-swiper-button-next {
    display: none !important;
  }
}

/* Hide pagination dots on desktop and tablet */
.elementor-widget-n-carousel .swiper-pagination {
  display: none !important;
}

/* Show pagination dots on mobile only */
@media (max-width: 767px) {
  .elementor-widget-n-carousel .swiper-pagination {
    display: block !important;
  }
}/* End custom CSS */