/* Version: 1.0 */

span.error {
    color: red;
}

#mailchimpSignupFormPopupBox {
    position: fixed;
    bottom: -1000px;
    left: 0;
    background-color: #CCCCCC;

    width: 600px;
    padding: 40px;
    max-width: 100%;
    transition: all 1s;

    z-index: 5;
}
#mailchimpSignupFormPopupBox.slideMeUp {
    bottom: 0px;
}

form#mailchimpSignupFormPopup input[type="text"] {
    width: 100%;
}

.popupBox {
    position: relative;
}
.popupBox > a.closePopupBox {
    position: absolute;
    top: 20px;
    right: 20px;

    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url('../img/mailchimp_popup_close.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.mailchimpSignupHorizontalBar {
    background-color: #CCCCCC;
}

/*
form#mailchimpSignupFormBar {
    display: flex;
    justify-content: space-between;
}
*/

.mailchimpSignupHorizontalBar button.button.primary {
    height: 60px;
    margin-top: 10px !important;
    display: block;
}

.mailchimpSignupHorizontalBar label {
    color: #FFFFFF;
}
.mailchimpSignupHorizontalBar select {
    border-radius: 30px;
    margin-right: 20px;
    padding-right: 60px;
}
.mailchimpSignupHorizontalBar input[type="text"] {
    color: #000000;
    border-radius: 30px;
    margin-right: 20px;
}

.mailchimpSignupHorizontalBar input[type="text"]::-webkit-input-placeholder,
.mailchimpSignupHorizontalBar input[type="text"]::-moz-placeholder,
.mailchimpSignupHorizontalBar input[type="text"]:-ms-input-placeholder,
.mailchimpSignupHorizontalBar input[type="text"]:-moz-placeholder {
    color: #9D9D9D;
}

.mailchimpSignupHorizontalBar a,
.mailchimpSignupHorizontalBar a:hover,
.mailchimpSignupHorizontalBar a:visited {
    color: #FFFFFF;
}

#mailchimpSignupFormPopupBox .error {
    color: #FFFFFF;
}
#mailchimpSignupFormPopupBox .error:not(.noRedLine) {
    border-top: 3px solid #f00;
}
form#mailchimpSignupFormBar span.error {
    font-size: 12px;
    color: #f9b1b1;
    padding-top: 3px;
    display: block;
}
@media(max-width: 991.98px){
    form#mailchimpSignupFormBar {
        display: block;
    }
    .mailchimpSignupHorizontalBar input[type="text"] {
        margin-bottom: 10px;
        margin-right: 0px;
    }
    .mailchimpSignupHorizontalBar button.button.primary {
        height: 50px;
        margin-top: 0px !important;
        display: block;
    }
}

@media(max-width: 767.98px) {
    form#mailchimpSignupFormBar span.error {
        position: relative;
        top: 0px;
    }
}

span.whiteText {
    color: #FFFFFF;
}