.elementor-1204 .elementor-element.elementor-element-7d10fd60{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1204 .elementor-element.elementor-element-7d10fd60:not(.elementor-motion-effects-element-type-background), .elementor-1204 .elementor-element.elementor-element-7d10fd60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://elphousesforsale.com/wp-content/uploads/2025/09/109869_11zon.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1204 .elementor-element.elementor-element-7d10fd60::before, .elementor-1204 .elementor-element.elementor-element-7d10fd60 > .elementor-background-video-container::before, .elementor-1204 .elementor-element.elementor-element-7d10fd60 > .e-con-inner > .elementor-background-video-container::before, .elementor-1204 .elementor-element.elementor-element-7d10fd60 > .elementor-background-slideshow::before, .elementor-1204 .elementor-element.elementor-element-7d10fd60 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1204 .elementor-element.elementor-element-7d10fd60 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1204 .elementor-element.elementor-element-185bf0da{--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;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-1204 .elementor-element.elementor-element-47f5d82d .elementor-heading-title{font-family:"Marcellus", Sans-serif;color:var( --e-global-color-accent );}.elementor-1204 .elementor-element.elementor-element-6ce74f68 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:20px;color:var( --e-global-color-accent );}.elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon-box-wrapper{align-items:center;}.elementor-1204 .elementor-element.elementor-element-652b6c5f{--icon-box-icon-margin:24px;}.elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-accent );}.elementor-1204 .elementor-element.elementor-element-652b6c5f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-1204 .elementor-element.elementor-element-652b6c5f.elementor-view-framed .elementor-icon, .elementor-1204 .elementor-element.elementor-element-652b6c5f.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon{font-size:26px;}.elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon-box-title, .elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:25px;font-weight:500;text-transform:capitalize;text-decoration:none;line-height:1.2em;}.elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon-box-description{color:var( --e-global-color-8090158 );}.elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon-box-wrapper{align-items:center;}.elementor-1204 .elementor-element.elementor-element-4f506661{--icon-box-icon-margin:24px;}.elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon-box-title{margin-block-end:6px;color:var( --e-global-color-accent );}.elementor-1204 .elementor-element.elementor-element-4f506661.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-1204 .elementor-element.elementor-element-4f506661.elementor-view-framed .elementor-icon, .elementor-1204 .elementor-element.elementor-element-4f506661.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon{font-size:26px;}.elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon-box-title, .elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:25px;font-weight:500;text-transform:capitalize;text-decoration:none;line-height:1.2em;}.elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon-box-description{color:var( --e-global-color-8090158 );}.elementor-1204 .elementor-element.elementor-element-6e2a69d4{--grid-template-columns:repeat(0, auto);text-align:left;padding:10px 0px 0px 0px;--icon-size:20px;--grid-column-gap:12px;--grid-row-gap:0px;}.elementor-1204 .elementor-element.elementor-element-6e2a69d4 .elementor-social-icon{background-color:#FFFFFF00;--icon-padding:0.7em;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-1204 .elementor-element.elementor-element-19425cca{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-1204 .elementor-element.elementor-element-3b2957e4 .elementor-heading-title{font-family:"Marcellus", Sans-serif;color:var( --e-global-color-accent );}#elementor-popup-modal-1204{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1204 .dialog-message{width:1000px;height:auto;}#elementor-popup-modal-1204 .dialog-close-button{display:flex;}#elementor-popup-modal-1204 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1204 .dialog-close-button i{color:var( --e-global-color-accent );}#elementor-popup-modal-1204 .dialog-close-button svg{fill:var( --e-global-color-accent );}@media(min-width:768px){.elementor-1204 .elementor-element.elementor-element-185bf0da{--width:50%;}.elementor-1204 .elementor-element.elementor-element-19425cca{--width:50%;}}@media(max-width:1024px){.elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon-box-title, .elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon-box-title a{font-size:45px;}.elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon-box-title, .elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon-box-title a{font-size:45px;}}@media(max-width:767px){.elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon-box-title, .elementor-1204 .elementor-element.elementor-element-652b6c5f .elementor-icon-box-title a{font-size:37px;}.elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon-box-title, .elementor-1204 .elementor-element.elementor-element-4f506661 .elementor-icon-box-title a{font-size:37px;}}/* Start custom CSS for wpforms, class: .elementor-element-d39cecb *//* ==========================================================
   COMPLETE CSS (scoped) for WPForms on dark background
   Wrapper class: .elph-contact-form
   ========================================================== */

/* 0. Wrapper (add this class to the form container element) */
/* Example: <div class="elph-contact-form"> ... WPForms markup ... </div> */

/* 1. Hide the WPForms 'Required' asterisk inside HTML field (if applicable) */
.elph-contact-form .wpforms-field-html .wpforms-required-label {
    display: none !important;
}

/* 2. Form Headings and General Text (keep consent text out of uppercase) */
.elph-contact-form h2,
.elph-contact-form h3,
.elph-contact-form .submit-a-message,
.elph-contact-form .label-text {
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

/* 3. Field Labels (NAME, EMAIL, PHONE, MESSAGE) */
.elph-contact-form label,
.elph-contact-form .wpforms-field-label {
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* 4. Input Fields (Text, Email, Phone, Textarea) - transparent bg & white text */
.elph-contact-form .wpforms-form input[type="text"],
.elph-contact-form .wpforms-form input[type="email"],
.elph-contact-form .wpforms-form input[type="tel"],
.elph-contact-form .wpforms-form textarea,
.elph-contact-form input[type="text"],
.elph-contact-form input[type="email"],
.elph-contact-form input[type="tel"],
.elph-contact-form textarea,
.elph-contact-form input[name*="name"],
.elph-contact-form .input-text,
.elph-contact-form .form-control,
.elph-contact-form .wpforms-field-name input {
    background: transparent !important;
    color: #FFFFFF !important;            /* user-entered text */
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.95) !important;
    padding: 10px 0 !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

/* 5. Focus State */
.elph-contact-form .wpforms-form input:focus,
.elph-contact-form .wpforms-form textarea:focus,
.elph-contact-form input:focus,
.elph-contact-form textarea:focus {
    outline: none !important;
    border-bottom: 1px solid rgba(192,192,192,1) !important;
}

/* 6. Placeholder Text */
.elph-contact-form ::placeholder { color: #A9A9A9 !important; opacity: 1 !important; }
.elph-contact-form :-ms-input-placeholder { color: #A9A9A9 !important; } /* IE 10-11 */
.elph-contact-form ::-ms-input-placeholder { color: #A9A9A9 !important; } /* Edge */

/* 7. Custom HTML Field (Consent / Undertaking Text) - DO NOT use flex */
.elph-contact-form .custom-consent-container .custom-consent-text,
.elph-contact-form .wpforms-field-html .custom-consent-text,
.elph-contact-form label.custom-consent-text {
    display: block !important;           /* allow normal text flow */
    width: 100% !important;
    color: #D3D3D3 !important;           /* lighter grey */
    font-size: 11px !important;
    line-height: 1.6 !important;         /* breathing room */
    margin-top: 15px !important;
    font-weight: 300 !important;
    text-transform: none !important;     /* ensure proper case */
    white-space: normal !important;
    word-break: break-word !important;   /* avoid odd clipping/wrapping */
}

/* 8. Checkbox inside consent block - inline and aligned */
.elph-contact-form .custom-consent-container .custom-consent-text input[type="checkbox"],
.elph-contact-form .wpforms-field-html input[type="checkbox"],
.elph-contact-form input[type="checkbox"].custom-consent {
    display: inline-block !important;
    vertical-align: top !important;
    width: 14px !important;
    height: 14px !important;
    margin: 4px 10px 0 0 !important; /* top offset & gap to text */
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

/* 9. Privacy Policy / Links inside consent text - white, underlined, slightly bold */
.elph-contact-form .custom-consent-container .custom-consent-text a,
.elph-contact-form .wpforms-field-html a,
.elph-contact-form .custom-consent-container a {
    color: #FFFFFF !important;
    text-decoration: underline !important;
    font-weight: 600 !important; /* slightly bolder */
}

/* keep visited/hover/active styles consistent */
.elph-contact-form .custom-consent-container .custom-consent-text a:visited,
.elph-contact-form .wpforms-field-html a:visited,
.elph-contact-form .custom-consent-container a:visited {
    color: #FFFFFF !important;
}
.elph-contact-form .custom-consent-container .custom-consent-text a:hover,
.elph-contact-form .wpforms-field-html a:hover,
.elph-contact-form .custom-consent-container a:hover {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}

/* 10. Submit Button */
.elph-contact-form button[type="submit"],
.elph-contact-form input[type="submit"],
.elph-contact-form .submit-button,
.elph-contact-form .submit {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
    padding: 12px 30px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background-color 0.3s, color 0.3s;
    margin-top: 30px !important;
    border-radius: 0 !important;
}

/* 11. Submit Button Hover State */
.elph-contact-form button[type="submit"]:hover,
.elph-contact-form input[type="submit"]:hover,
.elph-contact-form .submit-button:hover,
.elph-contact-form .submit:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

/* 12. Minor helpers to prevent theme overrides */
.elph-contact-form * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ==========================================================
   COMPACT / TIGHTENED SIZING (for popup / constrained layout)
   Only sizing, spacing & typography — keeps original visual rules.
   These overrides are intended to be appended at the end so they win.
   ========================================================== */

/* Compact labels */
.elph-contact-form label,
.elph-contact-form .wpforms-field-label {
    font-size: 13px !important;         /* smaller label text */
    margin-bottom: 6px !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

/* Compact inputs, textareas, name fields */
.elph-contact-form .wpforms-form input[type="text"],
.elph-contact-form .wpforms-form input[type="email"],
.elph-contact-form .wpforms-form input[type="tel"],
.elph-contact-form .wpforms-form textarea,
.elph-contact-form input[type="text"],
.elph-contact-form input[type="email"],
.elph-contact-form input[type="tel"],
.elph-contact-form textarea,
.elph-contact-form .wpforms-field-name input,
.elph-contact-form .input-text,
.elph-contact-form .form-control {
    padding: 6px 0 !important;          /* reduced vertical padding */
    font-size: 13px !important;         /* smaller entered text */
    line-height: 1.25 !important;
    margin-bottom: 12px !important;     /* tighter vertical rhythm */
    border-bottom-width: 1px !important;/* keep thin line */
    min-height: 32px !important;        /* compact control height */
    box-sizing: border-box !important;
}

/* Textarea should be shorter yet usable */
.elph-contact-form textarea {
    min-height: 60px !important;        /* tighter by default */
    max-height: 160px !important;
    resize: vertical !important;        /* allow user to expand if needed */
}

/* Placeholder sizing */
.elph-contact-form ::placeholder { font-size: 12px !important; }

/* Compact submit button */
.elph-contact-form button[type="submit"],
.elph-contact-form input[type="submit"],
.elph-contact-form .submit-button,
.elph-contact-form .submit {
    padding: 8px 20px !important;
    font-size: 13px !important;
    margin-top: 18px !important;
    line-height: 1 !important;
}

/* Tighter checkboxes (consent) */
.elph-contact-form input[type="checkbox"] {
    width: 12px !important;
    height: 12px !important;
    margin-top: 3px !important;
    box-sizing: border-box !important;
}

/* Slightly reduce heading spacing to keep form compact in popup */
.elph-contact-form h2,
.elph-contact-form h3 {
    margin-bottom: 10px !important;
    font-size: 16px !important; /* keep slightly larger than labels */
}

/* Reduce the gap above form when used inside a popup */
.elph-contact-form { margin-top: 6px !important; margin-bottom: 6px !important; }

/* Accessibility: keep high contrast on small controls */
.elph-contact-form input:focus,
.elph-contact-form textarea:focus {
    outline-offset: 0 !important;
}

/* ==========================================================
   MOBILE / SMALL SCREEN TWEAKS (further compress for small popups)
   ========================================================== */
@media (max-width: 480px) {
    .elph-contact-form h2,
    .elph-contact-form h3 { font-size: 15px !important; letter-spacing: 1px !important; }
    .elph-contact-form label,
    .elph-contact-form .wpforms-field-label { font-size: 12px !important; }
    .elph-contact-form .wpforms-form input[type="text"],
    .elph-contact-form .wpforms-form input[type="email"],
    .elph-contact-form .wpforms-form input[type="tel"],
    .elph-contact-form .wpforms-form textarea,
    .elph-contact-form input[type="text"],
    .elph-contact-form input[type="email"],
    .elph-contact-form input[type="tel"],
    .elph-contact-form textarea,
    .elph-contact-form .wpforms-field-name input {
        padding: 5px 0 !important;
        font-size: 12px !important;
        margin-bottom: 10px !important;
        min-height: 28px !important;
    }
    .elph-contact-form textarea { min-height: 48px !important; }
    .elph-contact-form button[type="submit"],
    .elph-contact-form input[type="submit"],
    .elph-contact-form .submit-button,
    .elph-contact-form .submit {
        padding: 8px 14px !important;
        font-size: 12px !important;
        margin-top: 12px !important;
    }
    .elph-contact-form .custom-consent-container .custom-consent-text,
    .elph-contact-form .wpforms-field-html .custom-consent-text,
    .elph-contact-form label.custom-consent-text {
        font-size: 10px !important;
        line-height: 1.4 !important;
        margin-top: 10px !important;
    }
}

/* End of .elph-contact-form scoped CSS *//* End custom CSS */