/* Site-specific overrides for the landing page template (landing.tpl.inc.php).
   The other files in this folder are the stylesheets ported from the old
   ClickFunnels page; keep local changes here. */

html, body.landing-page {
    margin: 0;
    padding: 0;
    background: #fff;
}

/* Modal open / close (replaces the ClickFunnels runtime) */
[data-page-element="Modal/V1"].is-open {
    display: flex !important;
    justify-content: center;
    align-items: flex-start;
    opacity: 1 !important;
    top: 0 !important;
}
body.landing-modal-open {
    overflow: hidden;
}
[data-page-element="ModalContainer/V1"] .modal-wrapper.is-open .containerModal {
    animation: landingModalIn .25s ease-out;
}
@keyframes landingModalIn {
    from { transform: translateY(-30px); opacity: 0; }
    to   { transform: translateY(0);     opacity: 1; }
}

/* Mobile navigation overlay */
[data-page-element="Navigation/V1"] .elModal.is-open .elModalInnerContainer {
    width: 100%;
    background: #fff;
    padding: 30px;
    text-align: center;
}

/* Submit button rendered as <button> instead of <a> */
#landing-signup-form button.elButton {
    width: 100%;
    border: 0;
    cursor: pointer;
    font: inherit;
}
#landing-signup-form .elButtonSpinner {
    display: none;
}

/* Honeypot: off-screen, not display:none */
.landing-hname {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

/* Form messages */
.landing-alert {
    margin: 0 0 15px;
    padding: 12px 16px;
    border-radius: 4px;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    text-align: center;
}
.landing-alert-success {
    background: #e6f6ea;
    color: #1d6b32;
    border: 1px solid #b7e1c1;
}
.landing-alert-danger {
    background: #fdecea;
    color: #9c1c17;
    border: 1px solid #f5c2bf;
}
.landing-page > .landing-alert {
    position: sticky;
    top: 0;
    z-index: 50;
    margin: 0;
    border-radius: 0;
}