/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/**
 - Responsive grid for the forms etc.
 */
/*  SECTIONS  */
.ethermailerwp_section {
    clear: both;
    padding: 0;
    margin: 0;
}

/*  COLUMN SETUP  */
.ethermailerwp_col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.ethermailerwp_col:first-child {
    margin-left: 0;
}

/*  GROUPING  */
.ethermailerwp_group:before,
.ethermailerwp_group:after {
    content: "";
    display: table;
}

.ethermailerwp_group:after {
    clear: both;
}

.ethermailerwp_group {
    zoom: 1; /* For IE 6/7 */
}

/*  GRID OF SIX  */
.span_6_of_6 {
    width: 100%;
}

.span_5_of_6 {
    width: 83.06%;
}

.span_4_of_6 {
    width: 66.13%;
}

.span_3_of_6 {
    width: 49.2%;
}

.span_2_of_6 {
    width: 32.26%;
}

.span_1_of_6 {
    width: 15.33%;
}

@media only screen and (max-width: 480px) {
    .ethermailerwp_col {
        margin: 1% 0 1% 0%;
    }

    .span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 {
        width: 100%;
    }
}

/*
Form
 */

.ethermailerwp_subscribe_form {

}

.ethermailerwp_subscribe_form input {
    margin: 0 0 10px 0;
}

.ethermailerwp_loader {
    display: none;
    margin-left: 10px;
    background: url('ring.svg');
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
.extra-field-wrapper{
    display:block;
    margin:5px 0;
}
.extra-field-wrapper input[type=checkbox]{
    margin-left:10px;
}
/*
.messages
*/

.form_messages {
    margin: 5px 0;
    padding: 20px;
    font-weight: bold;
}

.form_danger {
    color: #ffffff;
    display: block;
    background: red;
}

.form_warning {
    color: #ffffff;
    display: block;
    background: #8df069;
}

.form_success {
    color: #ffffff;
    display: block;
    background: #22af17;
}

.errors-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

h4.error-heading,
p.success-heading{
    text-transform: inherit !important;
    letter-spacing: 0 !important;
    margin-bottom: 0 !important;
}