.elementor-5001 .elementor-element.elementor-element-xp-sec{padding:0px 0px 0px 0px;}.elementor-5001 .elementor-element.elementor-element-xp-col > .elementor-element-populated{padding:0px 0px 0px 0px;}#elementor-popup-modal-5001 .dialog-widget-content{animation-duration:0.25s;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DCD2C2;border-radius:10px 10px 10px 10px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-5001{background-color:rgba(11, 42, 51, 0.6);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-5001 .dialog-message{width:560px;height:auto;padding:32px 32px 28px 32px;}#elementor-popup-modal-5001 .dialog-close-button{display:flex;top:14px;font-size:18px;}body:not(.rtl) #elementor-popup-modal-5001 .dialog-close-button{right:14px;}body.rtl #elementor-popup-modal-5001 .dialog-close-button{left:14px;}#elementor-popup-modal-5001 .dialog-close-button i{color:#0B2A33;}#elementor-popup-modal-5001 .dialog-close-button svg{fill:#0B2A33;}#elementor-popup-modal-5001 .dialog-close-button:hover i{color:#0E7C86;}@media(max-width:767px){#elementor-popup-modal-5001 .dialog-message{width:100vw;padding:24px 20px 20px 20px;}}/* Start custom CSS *//* Issue 1131: exit-intent pop-up for search alerts (EN + NL). Goes into the pop-up's page settings (custom_css). 5001 is replaced by deploy/popup-elementor-1131.php with the pop-up's post id, as in pop-up 765. House style: Fraunces 500 for the title, Manrope for the rest, Lagoon the only action colour, radius 10 / 6, controls 48 px, focus outline 2 px Lagoon. Frame (width 560, overlay, padding, border, radius) is in page settings. */ #elementor-popup-modal-5001 .dialog-widget-content { box-shadow: 0 24px 64px rgba(11, 42, 51, .25); } /* Close button: 18 px icon in a 44 x 44 tap area (mobile audit B6). top/right come from page settings (14 px). */ #elementor-popup-modal-5001 .dialog-close-button { width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 6px; } #elementor-popup-modal-5001 .dialog-close-button svg { width: 18px; height: 18px; fill: #0B2A33; } #elementor-popup-modal-5001 .dialog-close-button:hover svg { fill: #0E7C86; } #elementor-popup-modal-5001 .dialog-close-button:focus-visible { outline: 2px solid #0E7C86; outline-offset: 2px; } /* Spacing is set below, not by Elementor's widget gap. */ #elementor-popup-modal-5001 .rec-xp .elementor-widget:not(:last-child) { margin-bottom: 0; margin-block-end: 0; } /* Intro */ #elementor-popup-modal-5001 .rec-xp__eyebrow { margin: 0 48px 10px 0; font: 700 12px/1.3 Manrope, system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #0E7C86; } #elementor-popup-modal-5001 .rec-xp__title { margin: 0 48px 12px 0; font-family: Fraunces, Georgia, serif; font-weight: 500; font-size: 30px; line-height: 1.12; letter-spacing: -.01em; font-variation-settings: "opsz" 144; color: #0B2A33; } #elementor-popup-modal-5001 .rec-xp__text { margin: 0; font: 400 16px/1.55 Manrope, system-ui, sans-serif; color: #3B5560; } #elementor-popup-modal-5001 .rec-xp__summary { margin: 14px 0 0; padding: 12px 14px; background: #F7F2EA; border: 1px solid #DCD2C2; border-radius: 6px; font: 600 15px/1.45 Manrope, system-ui, sans-serif; color: #0B2A33; } #elementor-popup-modal-5001 .rec-xp__summary:empty { display: none; } #elementor-popup-modal-5001 .rec-xp__nowrap { white-space: nowrap; } /* Mode: e-mail-only (rec-xp--plain, also the state before the JS runs) or with search context (rec-xp--ctx). */ #elementor-popup-modal-5001 .rec-xp:not(.rec-xp--ctx) .rec-xp__text--ctx, #elementor-popup-modal-5001 .rec-xp:not(.rec-xp--ctx) .rec-xp__summary, #elementor-popup-modal-5001 .rec-xp--ctx .rec-xp__text--plain { display: none; } /* Fluent Forms field and button */ #elementor-popup-modal-5001 .rec-xp .fluentform { margin-top: 20px; } #elementor-popup-modal-5001 .rec-xp .fluentform fieldset { margin: 0; padding: 0; border: 0; min-width: 0; } #elementor-popup-modal-5001 .rec-xp .ff-el-group { margin-bottom: 12px; } #elementor-popup-modal-5001 .rec-xp .ff-el-group.ff_submit_btn_wrapper { margin-bottom: 0; } #elementor-popup-modal-5001 .rec-xp .ff-el-input--label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } #elementor-popup-modal-5001 .rec-xp .ff-el-form-control { display: block; width: 100%; height: 48px; min-height: 48px; padding: 0 14px; font: 400 16px/1.4 Manrope, system-ui, sans-serif; color: #0B2A33; background: #FFFFFF; border: 1px solid #DCD2C2; border-radius: 6px; box-shadow: none; } #elementor-popup-modal-5001 .rec-xp .ff-el-form-control::placeholder { color: #5E727A; opacity: 1; } #elementor-popup-modal-5001 .rec-xp .ff-el-form-control:focus { border-color: #0E7C86; outline: 2px solid #0E7C86; outline-offset: 2px; box-shadow: none; } #elementor-popup-modal-5001 .rec-xp .ff-btn-submit { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; padding: 0 22px; font: 600 15px/1 Manrope, system-ui, sans-serif; color: #FFFFFF; background: #0E7C86; border: 0; border-radius: 6px; box-shadow: none; cursor: pointer; } #elementor-popup-modal-5001 .rec-xp .ff-btn-submit:hover { background: #0A5E66; color: #FFFFFF; opacity: 1; } #elementor-popup-modal-5001 .rec-xp .ff-btn-submit:focus-visible { outline: 2px solid #0E7C86; outline-offset: 2px; } #elementor-popup-modal-5001 .rec-xp .ff-el-is-error .ff-el-form-control { border-color: #B5522C; } #elementor-popup-modal-5001 .rec-xp .error.text-danger, #elementor-popup-modal-5001 .rec-xp .ff-errors-in-stack { margin-top: 6px; font: 500 13px/1.4 Manrope, system-ui, sans-serif; color: #B5522C; } /* Under the button, links row */ #elementor-popup-modal-5001 .rec-xp__note { margin: 10px 0 0; font: 500 13px/1.5 Manrope, system-ui, sans-serif; color: #3B5560; } #elementor-popup-modal-5001 .rec-xp__links { display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; margin: 12px 0 0; padding-top: 4px; border-top: 1px solid #EFE7DA; font: 500 14px/1.4 Manrope, system-ui, sans-serif; color: #3B5560; } #elementor-popup-modal-5001 .rec-xp__note a, #elementor-popup-modal-5001 .rec-xp__links a { color: #0E7C86; text-decoration: underline; text-underline-offset: 2px; } #elementor-popup-modal-5001 .rec-xp__links a, #elementor-popup-modal-5001 .rec-xp__dismiss { display: inline-flex; align-items: center; min-height: 44px; } #elementor-popup-modal-5001 .rec-xp__note a:hover, #elementor-popup-modal-5001 .rec-xp__links a:hover { color: #0A5E66; } #elementor-popup-modal-5001 .rec-xp__dismiss { padding: 0 2px; font: 500 14px/1.4 Manrope, system-ui, sans-serif; color: #3B5560; background: none; border: 0; border-radius: 0; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; } #elementor-popup-modal-5001 .rec-xp__dismiss:hover { color: #0B2A33; background: none; } #elementor-popup-modal-5001 .rec-xp a:focus-visible, #elementor-popup-modal-5001 .rec-xp__dismiss:focus-visible { outline: 2px solid #0E7C86; outline-offset: 2px; } /* Success: Fluent Forms shows its confirmation (made by the module per mode and language); intro and links go. */ #elementor-popup-modal-5001 .rec-xp--done .rec-xp__intro, #elementor-popup-modal-5001 .rec-xp--done .rec-xp__outro { display: none; } #elementor-popup-modal-5001 .rec-xp .ff-message-success { margin: 28px 0 0; padding: 20px; font: 400 16px/1.55 Manrope, system-ui, sans-serif; color: #0B2A33; background: #F7F2EA; border: 1px solid #DCD2C2; border-radius: 10px; box-shadow: none; } #elementor-popup-modal-5001 .rec-xp .ff-message-success p { margin: 0 0 10px; } #elementor-popup-modal-5001 .rec-xp .ff-message-success p:last-child { margin-bottom: 0; } #elementor-popup-modal-5001 .rec-xp .ff-message-success strong { font-weight: 600; } #elementor-popup-modal-5001 .rec-xp .ff-message-success a:not(.rec-btn) { color: #0E7C86; text-decoration: underline; } #elementor-popup-modal-5001 .rec-xp .ff-message-success .rec-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 4px; padding: 0 22px; font: 600 15px/1 Manrope, system-ui, sans-serif; color: #FFFFFF; background: #0E7C86; border-radius: 6px; text-decoration: none; } #elementor-popup-modal-5001 .rec-xp .ff-message-success .rec-btn:hover { background: #0A5E66; color: #FFFFFF; } /* Mobile: screen width minus 20 px on each side, scrolls inside when taller than the screen. */ @media (max-width: 767px) { #elementor-popup-modal-5001 .dialog-message, #elementor-popup-modal-5001 .dialog-widget-content { width: calc(100vw - 40px); max-width: calc(100vw - 40px); } #elementor-popup-modal-5001 .dialog-widget-content { max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow-y: auto; } #elementor-popup-modal-5001 .rec-xp__title { font-size: 26px; } #elementor-popup-modal-5001 .rec-xp .fluentform { margin-top: 16px; } }/* End custom CSS */