/* 
    Created on  : Sep 20, 2016, 4:15:00 PM
    Author      : Sergiu
    Role        : Header section style
*/

/*############################################################################*/

.mailchimp-subscribe {
    background: #c62258;
    padding: 70px 0;
}

.mailchimp-subscribe form {
    margin: 0;
}

.mailchimp-subscribe .section-title {
    display: table;
    margin: 0 auto;
    color: #FFF;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 70px;
    border-bottom: 1px solid #FFF;
    text-align: center;
}

.mailchimp-subscribe p {
    color: #FFF;
    text-align: center;
    margin-bottom: 60px;
}

.mailchimp-subscribe input[type="email"],
.mailchimp-subscribe input[type="textfield"],
.wph-modal--message input[type="email"],
.wph-modal--message input[type="textfield"]
{
    -webkit-appearance: none;
    width: 49%;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    line-height: 32px;
    padding: 0;
    padding: 0 10px;
    border-radius: 0;
    background: #FFF;
    height: 30px;
    line-height: 30px!important;
}

.mailchimp-subscribe input[type="email"]:focus,
.mailchimp-subscribe input[type="textfield"]:focus,
.wph-modal--message input[type="email"]:focus,
.wph-modal--message input[type="textfield"]:focus {
    background: #FFF;
}

.mailchimp-subscribe input[type="email"] {
    float: right;
}

.mailchimp-subscribe input[type="submit"],
.wph-modal--message input[type="submit"]
{
    background: transparent!important;
    display: table!important;
    margin: 50px auto 0 auto;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 22px!important;
    border: 1px solid #FFF!important;
    padding: 0!important;
    line-height: 40px!important;
    box-shadow: none!important;
    font-weight: 400!important;
    width: 100%;
    max-width: 400px;
    text-align: center;
}

.wph-modal--message input[type="submit"] {
    margin: 20px auto 0 auto;
}

@media screen and (max-width: 480px) {
    
    .mailchimp-subscribe {
        padding: 40px 0;
    }
    
    .mailchimp-subscribe .section-title {
        margin-bottom: 40px;
    }
    
    .mailchimp-subscribe input[type="email"], 
    .mailchimp-subscribe input[type="textfield"] {
        float: none;
        margin: 0;  
        width: 100%;
    }
    
    .mailchimp-subscribe input[type="email"] {
        margin-top: 5px;
    }
    
    .mailchimp-subscribe input[type="submit"] {
        font-size: 15px;
        margin: 40px auto 0 auto;
    }
}

/* Messages */

.mc4wp-alert, .mc4wp-success {
    padding: 20px;
    text-align: center;
    color: white;
}

.mc4wp-alert p, .mc4wp-success p {
    color: white !important;
}

/*
* Pop-up animation
*/

.wph-modal.wph-modal--popup.fadein {
    transition: all 1s !important;
}