.elementor-2282 .elementor-element.elementor-element-043c4bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2282 .elementor-element.elementor-element-9e28848{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2282 .elementor-element.elementor-element-05d85fb{text-align:center;}.elementor-2282 .elementor-element.elementor-element-05d85fb .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-weight:400;font-style:normal;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2282 .elementor-element.elementor-element-7e8955e.elementor-element{--align-self:center;}.elementor-2282 .elementor-element.elementor-element-7e8955e .elementor-field-group{margin-bottom:10px;}.elementor-2282 .elementor-element.elementor-element-7e8955e .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-2282 .elementor-element.elementor-element-7e8955e .elementor-field-group > label{padding-bottom:0px;}.elementor-2282 .elementor-element.elementor-element-7e8955e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2282 .elementor-element.elementor-element-7e8955e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2282 .elementor-element.elementor-element-7ee8ae9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2282 .elementor-element.elementor-element-1d92658{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-widget-login .elementor-form-fields-wrapper label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-login .elementor-form-fields-wrapper label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-f5377a1 *//* Global spacing tweak */
body {
  padding-top: 5px !important;
}

/* Hide all WPL containers that aren't converted */
#wpl_property_listing_container,
.wpl_property_listing_container,
.wpl-plugin-container,
div[id*="wpl_"] {
  display: none !important;
}

/* Only show our card stack */
#card-stack {
  display: block !important;
}

/* =========================
   MOBILE: reduce dead space without breaking stacking
   (DO NOT change position/transform)
   ========================= */
@media (max-width: 767px) {

  /* If the stack itself is too tall, let it shrink */
  #card-stack {
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Reduce extra padding that can look like "blank space" */
  #card-stack .home-card {
    padding-bottom: 0 !important;
  }

  /* Most common fix: the IMAGE isn't tall enough, so the card looks empty.
     Force a reasonable mobile image height (adjust 220px–320px to taste). */
  #card-stack .home-card img {
    display: block !important;
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    margin: 0 0 12px 0 !important;
  }

  /* Tighten spacing under text/button */
  #card-stack .home-card h2,
  #card-stack .home-card p {
    margin-bottom: 8px !important;
  }

  #card-stack .home-card a {
    margin-top: 10px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f25166 *//* Global spacing tweak */
body {
  padding-top: 5px !important;
  background-color: #f0f2f5;
}

/* Hide all WPL containers that aren't converted */
#wpl_property_listing_container,
.wpl_property_listing_container,
.wpl-plugin-container,
div[id*="wpl_"] {
  display: none !important;
}

/* Only show our card stack */
#card-stack {
  display: block !important;
  position: relative;
  width: 95%;
  max-width: 800px;
  margin: 20px auto 0px auto;
  margin-bottom: 0px !important;
  font-family: 'Alexandria', sans-serif;
  color: #2C3C54;
  min-height: auto;
  height: 550px;
  overflow: visible;
  background-color: transparent;
}

.home-card {
  background: #fff;
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  position: absolute;
  top: 10px; 
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease, opacity 0.3s ease;
  text-align: center;
  min-height: 650px;
  overflow-y: auto;
  box-sizing: border-box;
  z-index: 1;
}

.home-card:last-child {
  z-index: 10;
}

.home-card img {
  width: 100%;
  max-width: 700px;
  border-radius: 10px;
  margin: 10px auto;
  display: block;
}

.home-card h2, .home-card h3, .home-card p {
  margin: 12px 0;
  line-height: 1.6;
}

.home-card.swipe-right {
  animation: swipeRight 0.4s ease forwards;
  z-index: 100;
}

.home-card.swipe-left {
  animation: swipeLeft 0.4s ease forwards;
  z-index: 100;
}

@keyframes swipeRight {
  to {
    transform: translateX(120%) rotate(10deg);
    opacity: 0;
  }
}

@keyframes swipeLeft {
  to {
    transform: translateX(-120%) rotate(-10deg);
    opacity: 0;
  }
}

.swipe-indicator {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #888;
  background-color: #fff;
  padding: 6px 12px;
  border-radius: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 3;
}

.end-message {
  text-align: center;
  font-size: 20px;
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 16px;
}

.end-message button {
  background-color: #1a73e8;
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  margin-top: 20px;
  cursor: pointer;
}

/* Notes Container - Separate Section Below Cards */
.notes-container {
  font-family: 'Alexandria', sans-serif;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 30px !important;
  padding: 20px;
  position: relative;
  z-index: 9999 !important;
  clear: both;
}

/* =========================
   MOBILE RESPONSIVE STYLES
   ========================= */
@media (max-width: 768px) {
  #card-stack {
    width: 92%;
    max-width: 100%;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    /*margin-bottom: 60px !important;*/
    margin: 20px auto 24px auto !important;
  }
  
  /* KEY FIX: Override the 650px min-height that creates white space on mobile */
  .home-card {
    top: 12px !important;     
    left: 0;
    padding: 24px;
    padding-bottom: 50px;
    min-height: auto !important;
    height: auto !important;
    max-height: fit-content !important;
    /* Keep position: absolute for stacking - DO NOT CHANGE */
  }
  
  /* Optimize image for mobile */
  .home-card img {
    display: block !important;
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    margin: 0 !important;
    margin-bottom: 8px !important;
  }
  
  /* Tighten spacing for mobile */
  .home-card h2,
  .home-card p {
    margin-bottom: 80px !important;
  }
  
   /* Give breathing room under View Details */
  .home-card .view-details-btn,
  .home-card a.view-details-btn,
  .home-card button.view-details-btn {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
  }
  
  /* Ensure notes container stays below cards with extra spacing */
  .notes-container {
    margin-top: 300px !important;
    z-index: 9999 !important;
  }
   /* FIX: Constrain canvas to fit mobile screen */
  #drawCanvas,
  canvas#drawCanvas {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  
  /* Constrain the canvas container */
  #handwrittenSection,
  div#handwrittenSection {
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
}
/* =========================================================
   CRITICAL FIX — allow clicks below absolute-positioned cards
   Applies to desktop, tablet, and mobile
   ========================================================= */

/* Disable pointer capture on the card's invisible box */
.home-card {
  pointer-events: none !important;
}

/* Re-enable interaction only on actual card content */
.home-card > * {
  pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b679bd8 *//* Global spacing tweak */
body {
  padding-top: 5px !important;
  background-color: #f0f2f5;
}

/* Hide all WPL containers that aren't converted */
#wpl_property_listing_container,
.wpl_property_listing_container,
.wpl-plugin-container,
div[id*="wpl_"] {
  display: none !important;
}

/* Only show our card stack */
#card-stack {
  display: block !important;
  position: relative;
  width: 95%;
  max-width: 800px;
  margin: 20px auto 0px auto;
  margin-bottom: 0px !important;
  font-family: 'Alexandria', sans-serif;
  color: #2C3C54;
  min-height: auto;
  height: 550px;
  overflow: visible;
  background-color: transparent;
}

.home-card {
  background: #fff;
  padding: 32px;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  position: absolute;
  top: 10px; 
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease, opacity 0.3s ease;
  text-align: center;
  min-height: 650px;
  overflow-y: auto;
  box-sizing: border-box;
  z-index: 1;
}

.home-card:last-child {
  z-index: 10;
}

.home-card img {
  width: 100%;
  max-width: 700px;
  border-radius: 10px;
  margin: 10px auto;
  display: block;
}

.home-card h2, .home-card h3, .home-card p {
  margin: 12px 0;
  line-height: 1.6;
}

.home-card.swipe-right {
  animation: swipeRight 0.4s ease forwards;
  z-index: 100;
}

.home-card.swipe-left {
  animation: swipeLeft 0.4s ease forwards;
  z-index: 100;
}

@keyframes swipeRight {
  to {
    transform: translateX(120%) rotate(10deg);
    opacity: 0;
  }
}

@keyframes swipeLeft {
  to {
    transform: translateX(-120%) rotate(-10deg);
    opacity: 0;
  }
}

.swipe-indicator {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #888;
  background-color: #fff;
  padding: 6px 12px;
  border-radius: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 3;
}

.end-message {
  text-align: center;
  font-size: 20px;
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 16px;
}

.end-message button {
  background-color: #1a73e8;
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  margin-top: 20px;
  cursor: pointer;
}

/* Notes Container - Separate Section Below Cards */
.notes-container {
  font-family: 'Alexandria', sans-serif;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 30px !important;
  padding: 20px;
  position: relative;
  z-index: 9999 !important;
  clear: both;
}

/* =========================
   MOBILE RESPONSIVE STYLES
   ========================= */
@media (max-width: 768px) {
  #card-stack {
    width: 92%;
    max-width: 100%;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    /*margin-bottom: 60px !important;*/
    margin: 20px auto 24px auto !important;
  }
  
  /* KEY FIX: Override the 650px min-height that creates white space on mobile */
  .home-card {
    top: 12px !important;     
    left: 0;
    padding: 24px;
    padding-bottom: 50px;
    min-height: auto !important;
    height: auto !important;
    max-height: fit-content !important;
    /* Keep position: absolute for stacking - DO NOT CHANGE */
  }
  
  /* Optimize image for mobile */
  .home-card img {
    display: block !important;
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    margin: 0 !important;
    margin-bottom: 8px !important;
  }
  
  /* Tighten spacing for mobile */
  .home-card h2,
  .home-card p {
    margin-bottom: 80px !important;
  }
  
   /* Give breathing room under View Details */
  .home-card .view-details-btn,
  .home-card a.view-details-btn,
  .home-card button.view-details-btn {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
  }
  
  /* Ensure notes container stays below cards with extra spacing */
  .notes-container {
    margin-top: 300px !important;
    z-index: 9999 !important;
  }
   /* FIX: Constrain canvas to fit mobile screen */
  #drawCanvas,
  canvas#drawCanvas {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  
  /* Constrain the canvas container */
  #handwrittenSection,
  div#handwrittenSection {
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
}
/* =========================================================
   CRITICAL FIX — allow clicks below absolute-positioned cards
   Applies to desktop, tablet, and mobile
   ========================================================= */

/* Disable pointer capture on the card's invisible box */
.home-card {
  pointer-events: none !important;
}

/* Re-enable interaction only on actual card content */
.home-card > * {
  pointer-events: auto !important;
}/* End custom CSS */