/* 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;
}

.mailchimpSignupHorizontalBar input[type="text"] {
    color: #000000;
}

.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;
}