/* Dot Digital sign-up forms */

/* The main form block. 'Color' also controls the text colour for the labels 
unless you change them using the .newsletter-sign-up__label class below  */

.newsletter-sign-up {
    max-width: 900px;
    margin: 0 auto 32px;
    padding: 28px 32px;
    background: #435F6F !important;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    color: #ffffff;
    font-size: 19px;
}

/* Changes the color of the main 'Subscribe to our newsletter' H2. 
Otherwise it stays picks up the color of the main CSS H2 */

.newsletter-sign-up h2 {
	color: #ffffff !important;
}

/* The main labels: First Name, Last Name, Email Address etc */

.newsletter-sign-up__label {
color: #ffffff;
}

/* The words 'Optional' and 'Required' */

.opt {
    color: #7bdee3;
}
.req {
    color: #7bdee3;
}

/* The 'I consent to receive...' line */

.newsletter-sign-up__consent-text {
	color: #ffffff;
}


/* The submit button */

.newsletter-sign-up__submit {
    padding: 10px 35px;
    min-height: 44px;
    background: #A8C813;
    border: 1px solid #ffffff;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    color: #000000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .07);
}

/* Error text ('Email address is required' and 'You must agree to subscribe') that appears if
you fill out the form wrong  */

.error label, .error legend, .error .help, .is-error, .field-validation-error {
    color: #7bdee3;
}
.white {
	color: #ffffff !important;
}