/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */

#mc_embed_signup {
    background: #fff;
    clear: left;
    width: 100%;

}

#mc_embed_signup form {
    text-align: center;
    padding: 10px 0 10px 0;
}

.mc-field-group {
    display: inline-block;
}

#mc_embed_signup input {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 0;
    display: inline-block;
    font-size: 1.7em;
    height: 2.5em;
    text-align: center;
}

#mc_embed_signup .email-wrapper {
    padding-bottom: 2em;
}

/* positions input field horizontally */
#mc_embed_signup input.email {
    border: 2px solid #8C9092;
    color: #343434;
    background-color: #fff;
    vertical-align: top;
    padding: 0 1.3em;
}

#mc_embed_signup label {
    display: block;
    padding: 1.5em 0;
    font-weight: bold;
    color: #000;
    font-size: 1.7em;
    line-height: normal;
}

#mc_embed_signup label p {
    margin: 0;
    color: #2C2D50;
}

#mc_embed_signup p.comment {
    font-size: 1.4em;
    color: #2C2D50;
    padding-bottom: 2em;
}

#mc_embed_signup .clear {
    display: inline-block;
}

/* positions button horizontally in line with input */
#mc_embed_signup .button {
    border: 2px solid #022A58;
    letter-spacing: .03em;
    color: #fff;
    transition: all 0.23s ease-in-out 0s;
    padding: 0 1.3em;
    width: 100%;
    background-color: #022A58;
}

#mc_embed_signup .button:hover {
    border-width: 5px;
    background-color: #fff;
    cursor: pointer;
    color: #022A58;
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 90%;
    margin: 0 5%;
    clear: both;
}

#mc_embed_signup div.response {
    margin: 1em 0;
    padding: 1em .5em .5em 0;
    font-weight: bold;
    float: left;
    top: -1.5em;
    z-index: 1;
    width: 80%;
}

#mc_embed_signup #mce-error-response {
    display: none;
}

#mc_embed_signup #mce-success-response {
    color: #529214;
    display: none;
}

#mc_embed_signup label.error {
    display: block;
    float: none;
    width: auto;
    margin-left: 1.05em;
    text-align: left;
    padding: .5em 0;
}

@media (max-width: 768px) {
    #mc_embed_signup input.email {
        width: 100%;
        margin-bottom: 5px;
    }

    #mc_embed_signup .clear {
        display: block;
        width: 100%
    }

    #mc_embed_signup .button {
        width: 100%;
        margin: 0;
    }
}

/* Add your own MailChimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

#mc_embed_signup p {
    text-align: center;
}

#mc_embed_signup_scroll {
    margin: 0 auto;
    box-shadow: 2px 3px 8px 0 rgba(0, 0, 0, 0.2);
    transform: translateY(-15%);
    background: white;
}

.success-page #mc_embed_signup_scroll {
    transform: translateY(-23%);
}

@media only screen and (max-width: 768px) {
    #mc_embed_signup_scroll {
        width: 21em;
    }
}

@media only screen and (min-width: 768px) {
    #mc_embed_signup_scroll {
        width: 570px;
    }
}

.subscribe-form {
    max-height: 23.4em;
}

.subscribe-form-container {
    padding: 0 40px;
}