/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */
@media (max-width: 640px) {
    .wp-block-cover .wp-block-cover__inner-container {
        min-height: 700px;
    }

    .leadgen-bg.wp-block-cover .wp-block-cover__inner-container {
        min-height: auto;
    }
}

.leadgen-bg .wp-block-cover__inner-container {
    align-self: center;
    margin-bottom: auto;
    margin-top: 3rem;
}

.wflag .leadgen-bg .wp-block-cover__inner-container {
    margin-top: 5rem;
}

.lp-casinotheme-casinoportugueses .leadgen-bg .wp-block-cover__inner-container {
    margin-top: 2.5rem;
    width: auto;
}

#new_contact.leadgenform__form {
    max-width: 500px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto;
    width: 100%;
    grid-gap: 1rem 0;
}

.new_contact__el.email.leadgenform__email {
    display: grid;
    position: relative;
    grid-column: -1/1;
    width: 100%;
    grid-row: 2;
    grid-template-columns: 1fr 0.85fr;
}

.lp-casinotheme-casinoportugueses .new_contact__el.email.leadgenform__email {
    grid-template-columns: 1fr 0.65fr;
    grid-gap: 0.5rem;
}

.new_contact__el.email.leadgenform__email #imbbutton {
    grid-column: 2/2;
    grid-row: 1;
}

.new_contact__el.email.leadgenform__email input#registrationmailinput {
    grid-column: 1/2;
    border-radius: 40px 0 0 40px;
}

.leadgenform__email button#imbbutton {
    padding: 1rem 1.1rem;
    grid-row: 2;
    grid-column: 2 / 2;
    width: 100%;
    align-self: center;
    margin: 0;
}

.new_contact__el.phone.leadgenform__phone {
    display: block;
    margin-bottom: 1rem;
    grid-row: 1;
    grid-column: -1/1;
    margin: 0;
}

span.leadgenform__terms.new_contact__el.terms {
    grid-row: 4;
    grid-column: -1 / 1;
    position: relative;
    padding-top: 0;
}

/* email first */

.lang-de-DE .new_contact__el.email.leadgenform__email {
    display: block;
    position: relative;
    grid-column: -1/1;
    width: 100%;
    grid-row: 1;
}

.lang-de-DE .new_contact__el.email.leadgenform__email #registrationmailinput {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.lang-de-DE .new_contact__el.phone.leadgenform__phone {
    display: block;
    margin-bottom: 1rem;
    grid-row: 2;
    grid-column: 1 / 2;
    margin: 0;
}

.lang-de-DE .new_contact__el.phone.leadgenform__phone input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.wp-block-runavik-leadgenform input#registrationmailinput,
.wp-block-runavik-leadgenform-phone input#registrationmailinput {
    width: 100%;
    font-size: 16px;
    line-height: 1.4;
    height: 46px;
    padding: 10px 20px;
    background-color: #ffffff;
    font-family: 'Source Sans Pro', 'Arial', sans-serif;
    outline: none;
    border: 0;
    box-sizing: border-box;
}

#imbbutton.leadgenform__button-submit:before,
#imbbutton.leadgenform__button-submit span:before {
    display: none;
}

#imbbutton.leadgenform__button-submit {
    box-shadow: none;
    border: 0;
    font-size: 0.875rem;
    font-weight: 700;
    text-align: center;
    max-width: max-content;
    padding: 1rem 3rem;
    height: 46px;
    background: var(--gradient-secondary);
    justify-content: center;
    align-items: center;
    color: #FFF;
    width: 100%;
    align-self: center;
    min-width: 100%;
    border-radius: 40px;
    grid-row: 3;
    grid-column: -1/1;
    opacity: 1;
}

.leadgenform__mailtermstext {
    text-align: left;
}

.is-style-background-with-shadow.leadgen-bg {
    min-height: auto;
    background-size: cover;
}

@media (max-width: 480px) {
    .is-style-background-with-shadow.leadgen-bg {
        min-height: auto;
        background-size: auto;
        background-image: none !important;
    }
}

.termstext__morecontent {
    display: none;
}

.moreellipses.showterms {
    display: none;
}

.showterms .moreellipses {
    display: none;
}

.showterms .termstext__morecontent {
    display: inline;
}

.termstext__morecontent a {
    color: currentColor;
}

.showterms .registrationtermsinput__terms-link {
    display: none;
}

.registrationtermsinput__terms-link {
    width: max-content;
}

.landing__page-wrapper--ct .showterms a.registrationtermsinput__terms-link {
    display: inline-block;
}

.moreellipses {
    display: inline;
}

.termstext__morelink {
    display: inline;
    font-size: 0.8rem;
    color: #fff;
    margin-left: 3px;
    font-weight: bold;
}

.landing__page-wrapper--ct .termstext__morelink {
    color: var(--color-text-lpbody);
    color: #6c6f75;
}

.termstext__morelink.less {
    display: none;
}

.leadgenform__terms.terms input[type=checkbox] {
    left: 10px;
    top: 3px;
}

.leadgenform__terms.terms input[type=checkbox]:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    top: -7px;
    left: -7px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset;
    border: 2px solid #ffffff;
    background: #ffffff;
}

.lp-casinotheme-casinoportugueses .leadgenform__terms.terms input[type=checkbox]:before {
    border-radius: var(--border-radius);
}

.leadgenform__thankyou {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    height: 100vh;
    background: #23356380;
    backdrop-filter: blur(6px);
}

.leadgenform__success-icon {
    max-width: 80px;
    display: block;
    margin: auto auto 0;
}

.show-thankyou {
    display: block;
}

.leadgenform__inner {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    max-width: 210px;
    height: 100%;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    grid-template-rows: 40% 40px auto auto auto;
}

.leadgenform__thankyou h2 {
    text-transform: uppercase;
}

.leadgenform__thankyou p {
    display: block;
    margin: 0 auto;
}

.ctaprimarylink {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    padding: .8rem 1.4rem;
    background: var(--gradient-secondary);
    box-shadow: var(--box-shadow-button);
    border-radius: var(--border-radius-button);
    text-decoration: none;
    color: var(--color-text-lpbody);
    cursor: pointer;
    line-height: 1.2;
    transition: .3s;
}

.leadgenform__thankyou .ctaprimarylink {
    display: block;
    margin: auto 0 0.7rem;
}

.leadgenform__thankyou .ctaprimarylink {
    border-radius: var(--border-radius);
    background-color: var(--color-cta);
    box-shadow: var(--box-shadow-button);
    color: var(--text-color-lightest);
}

.ctaprimarylink:hover {
    transform: translateY(-2px);
    box-shadow: var(--box-shadow-button);
}


.landing__page-wrapper .has-large-font-size,
.landing__page-wrapper .has-huge-font-size {
    font-size: 1.2rem;
}

.leadgenform__thankyou small {
    max-width: 200px;
    display: block;
    margin: 0 auto auto;
    font-size: 0.75rem;
}

.terms .tooltip {
    visibility: visible;
    max-width: 290px;
    width: initial;
    background-color: #cc3030;
    animation: john .7s infinite;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 12px;
    position: absolute;
    top: -45px;
    left: 0;
    margin-left: 90px;
    opacity: 1;
    transition: opacity .3s;
}

.terms .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #cc3030 transparent transparent transparent;
}

.leadgen-el {
    max-width: 450px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.registrationtermsinput__terms-link {
    font-size: .8em;
    display: block;
    color: var(--color-primary);
}

.landing__page-wrapper--ct .registrationtermsinput__terms-link {
    color: var(--color-text-lpbody);
}

/* Editor view */
.block-editor-block-list__block .wp-block-runavik-leadgenform.leadgen-el,
.block-editor-block-list__block .wp-block-runavik-leadgenform-phone.leadgen-el {
    display: block;
    margin: auto;
    text-align: center;
    background: url(/wp-content/plugins/landing-pages-tl/assets/images/leadgen-signup.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    padding-top: 40px;
    color: #fff;
    border: 1px solid #cccccc47;
}

.block-editor-block-list__block .wp-block-runavik-leadgenform-phone.leadgen-el {
    background: url(/wp-content/plugins/landing-pages-tl/assets/images/leadgen-phone.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
    display: block;
    margin: auto;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    padding-top: 40px;
    color: #fff;
    border: 1px solid #cccccc47;
}

.block-editor-block-list__block .wp-block-runavik-leadgenform.leadgen-el p,
.block-editor-block-list__block .wp-block-runavik-leadgenform-phone.leadgen-el p {
    visibility: hidden;
}

.new_contact__el.email.leadgenform__email #imbbutton {
    border-radius: 0 40px 40px 0;
}

.lp-casinotheme-casinoportugueses .new_contact__el.email.leadgenform__email #imbbutton {
    border-radius: var(--border-radius);
}

.lp-casinotheme-czonlinecasino .leadgenform__inner, .lp-casinotheme-czonlinecasino .leadgenform__thankyou {
    color: #fff;
}

@media (min-width: 992px) {
    .leadgen-bg .wp-block-cover__inner-container {
        margin: auto;
    }

    .lp-casinotheme-casinoportugueses .leadgen-bg .wp-block-cover__inner-container {
        margin-top: 5rem;
    }

    .leadgenform__email {
        display: grid;
        grid-template-columns: 2fr auto;
    }

    .landing__page-wrapper .has-large-font-size,
    .landing__page-wrapper .has-huge-font-size {
        font-size: 40px;
        line-height: 1.1;
    }

    .is-style-background-with-shadow.leadgen-bg {
        min-height: 670px;
        background-size: auto 104%;
        background-position: center;
        background-color: transparent;
    }

    .leadgenform__inner {
        position: absolute;
        right: 0;
        left: 0;
        display: block;
        height: auto;
        max-width: 270px;
        margin: auto;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }

    .leadgen-el {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .leadgenform__thankyou .ctaprimarylink {
        margin: 2rem auto 0.7rem;
    }

    .leadgenform__email button#imbbutton {
        padding: 1rem 2rem;
    }

    .leadgen-bg h2 {
        max-width: 750px;
        margin: auto;
    }

    .new_contact__el.email.leadgenform__email input#registrationmailinput {
        border-radius: 40px 0 0 40px;
    }

    #imbbutton.leadgenform__button-submit {
        border-radius: 0 40px 40px 0;
        grid-row: 2;
        grid-column: 2/2;
    }

    .lang-de-DE #inlinemailbox .new_contact__el.phone.leadgenform__phone input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .new_contact__el.email.leadgenform__email {
        grid-column: 1/2;
        grid-row: 2;
        grid-template-columns: 1fr 0.75fr;
    }

    span.leadgenform__terms.new_contact__el.terms {
        grid-row: 3;
        grid-column: -1 / 1;
    }


}