/* Mailchimp for WP
--------------------------------------------------------------- */

/* Layout
--------------------- */
.fox-mailchimp-form {
    
    p {
        margin: 1em 0;
        &:last-of-type {
            margin-bottom: 0;
        }
        &:first-of-type {
            margin-top: 0;
        }
    }
    
    // submit button
    input[type="submit"] {
        
        &:hover {
        }
    }
    
}
.mc4wp-form {
    
    #{$all-buttons} {
        // width: 100%;
    }
    
}

/* Align
--------------------- */
.fox-mailchimp-form {

    &.form-align-center {
        text-align: center;
    }
    &.form-align-right {
        text-align: right;
    }

}
// Stack form
.mailchimp-form-stack {
    
    .mailchimp-form-inner {
        width: 320px;
        max-width: 100%;
        display: inline-block;
    }
    
    input[type="submit"] {
        display: block;
        width: 100%;
    }
}

// Button Solid
.form-button-solid {
    input[type="submit"] {
        border: 0;
        line-height: 44px;
        background: $accent;
        color: white;
    }
}

// Inline form
.mailchimp-form-inline {
    .mailchimp-form-inner {
        display: inline-block;
    }
    #{$all-text-inputs},
    textarea {
        width: 320px;
    }
    .mc4wp-form-fields,
    .mc4wp-form-fields p {
        @include display(flex);
        @include align-content(center);
        @include align-items(center);
        @include flex-flow(row wrap);
    }
    .mc4wp-form-fields {
        @include display(inline-flex);
    }
    .mc4wp-form-fields p {
        margin: .5em 0;
        
        & + p {
            margin-left: 10px;
        }
        
        &:last-of-type {
            margin-left: -1px;
        }
        
        >* + * {
            margin-left: 10px;
        }
    }
}