/* ==== Newsletter ==== */
.seaflora-newsletter-form-box .mce-error-response,
.seaflora-newsletter-form-box .mce-success-response {
    display: none;
}
.seaflora-newsletter-form-box .mce-error-response {
    color: #ffa500;
}

.seaflora-newsletter-form-box .mce-success-response {
    color: #101010;
}

.seaflora-newsletter-input {
    max-width: 760px;
    margin: 10px auto 20px;
    overflow: hidden;
}

#seaflora-newsletter-signup {
    padding: 20vw 0;
}

.seaflora-newsletter-input input.mce-EMAIL,
.seaflora-newsletter-input input.mc-embedded-subscribe {
    padding: 10px 8px;
    margin: 0;
    font-size: 15px;
}

.seaflora-newsletter-input input.mce-EMAIL {
    width: 68%;
    float: left;
    display: block;
    margin-right: 2%;
}

.seaflora-newsletter-input input.mc-embedded-subscribe {
    width: 30%;
    float: right;
    display: block;
    background: #101010;
    color: #ffffff;
    outline: none;
    box-shadow: none;
}

.seaflora-newsletter-input input.mc-embedded-subscribe:hover {
    background: #ffffff;
    color: #101010;
}

.seaflora-newsletter-names {
    max-width: 760px;
    overflow: hidden;
    margin: 50px auto 0;
}

.seaflora-newsletter-names input {
    padding: 10px 8px;
    margin: 0 1% 0 0;
    font-size: 15px;
    float: left;
    width: 49%;
    background: #ffffff;
}

.seaflora-newsletter-names input.mce-LNAME {
    margin: 0 0 0 1%;
}

p#mc-cta {
    margin: 10px 0;
}

input.mc-confirm-subscribe {
    margin:0;
}

input.mc-confirm-subscribe.mc-confirm-error {
    box-shadow: 0 0 1px 2px #ffa500;
}

.mc-checkbox-approve, .mc-checkbox-hide {
    display: grid;
    width: 100%;
    grid-template-columns: 30px auto;
    align-items: center;
    grid-gap: 10px;
}

.mc-checkbox-hide {
    margin-top: 10px;
}


.mc-checkbox-approve label, .mc-checkbox-hide label {
    cursor: pointer;
    font-size: 13px;
    display: block;
    text-align: left;
}

#newsletter-popup {
    background: #ffffff;
    box-shadow: 0 0 4px #cccccc;
    padding: 30px;
    width: 92vw;
    max-width: 500px;
    position: fixed;
    bottom: 0;
    left: 4vw;
    z-index: 1000;
    transform: translateY(800px);
    -webkit-transform: translateY(800px);
    -moz-transform: translateY(800px);
    transition: all 0.8s ease 0s;
}

#newsletter-popup .response {
    font-size: 15px;
    margin-top: 10px;
}

#newsletter-popup.show {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

#close-newsletter-box {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    cursor: pointer;
}

#close-newsletter-box svg {
    width: 20px;
    height: auto;
    fill: #101010;
}

#newsletter-popup .is-style-tuesday-night-font.pull-title-down {
    color: #cbcbcb;
}

#newsletter-popup p.newsletter-title {
    margin: 0;
}

#newsletter-popup p.stay-in-touch {
    font-family: 'Lato', sans-serif;
}


@media screen and (min-width: 680px) {
    #seaflora-single-line-form {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 0.5fr));
    }
}

@media screen and (min-width: 960px) {

}