#elementor-popup-modal-8878{background-color:#141414CC;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-8878 .dialog-message{width:50vw;height:auto;}#elementor-popup-modal-8878 .dialog-close-button{display:flex;}#elementor-popup-modal-8878 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1200px){#elementor-popup-modal-8878 .dialog-message{width:100vw;}#elementor-popup-modal-8878{justify-content:center;}}@media(max-width:767px){#elementor-popup-modal-8878 .dialog-message{width:100vw;}#elementor-popup-modal-8878{justify-content:center;}}/* Start custom CSS for html, class: .elementor-element-13393a5 *//* ============================================================
   BROOKE HOLDING — Popup Wrapper White-Frame Fix (v5)
   For the custom HTML popup carousel (.bh-popup-carousel)
   Popup ID: 8878
   - FIXES leftover white side margins: the wrapper was wider
     than the carousel's 900px cap. Now the wrapper itself is
     constrained to match, and the carousel (in the HTML widget's
     own <style>) should be changed to max-width: 100% so it
     always fills whatever width this wrapper provides.
   Paste this into: Elementor > this Popup > Advanced > Custom CSS
   ============================================================ */

#elementor-popup-modal-8878 {
    background: rgba(0, 0, 0, 0.7) !important;
}

#elementor-popup-modal-8878 .dialog-widget-content,
#elementor-popup-modal-8878 .dialog-message,
#elementor-popup-modal-8878 .dialog-lightbox-message,
.elementor-8878.elementor-location-popup {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

#elementor-popup-modal-8878 .dialog-widget-content {
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* Constrain the wrapper itself so it matches the carousel's
   intended max width — no more leftover white/dark side margins */
#elementor-popup-modal-8878 .dialog-lightbox-message {
    max-width: 960px !important;
    width: 92vw !important;
}

#elementor-popup-modal-8878 .elementor-element-ce89d07 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* NOTE: background for .elementor-element-ce89d07 is intentionally
   left out here — it's controlled by that element's own Custom CSS
   panel (".elementor-8878 .elementor-element.elementor-element-13393a5 { background: rgba(0,0,0,0.5) }") */
#elementor-popup-modal-8878 .elementor-element-13393a5,
#elementor-popup-modal-8878 .elementor-widget-container {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* MOBILE — keep the wrapper narrower on small screens too */
@media (max-width: 767px) {
    #elementor-popup-modal-8878 .dialog-lightbox-message {
        max-width: 94vw !important;
        width: 94vw !important;
    }
}/* End custom CSS */