body { background: #F3F7FA; color: #22396F; font-family: 'Muli', sans-serif; }

/* Headings */
.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5 { font-family: 'Montserrat', sans-serif; }

/* Links */
a { color: #009CDD; }
a:hover { color: #009CDD; }

/* Container */
.mailing-list-preferences { padding: 25px 0px; }
.mailing-list-preferences.screen-center { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; }

/* Header */
.mailing-list-preferences header { margin-bottom: 25px; }
.mailing-list-preferences header i.fa { font-size: 7em; color: #009CDD; }

/* Panels */
.mailing-list-preferences .panel { border: none; }
.mailing-list-preferences .panel-heading { background: #009CDD; color: #FFFFFF; padding: 20px; }
.mailing-list-preferences .panel-body { padding: 20px; }

/* Edit Preferences */
.mailing-list-preferences .recipient-email { color: #009CDD; margin-bottom: 25px; }

@media (max-width: 767px) {
    .mailing-list-preferences .recipient-email { font-size: 1.3em; }
}

@media (min-width: 768px) {
    .mailing-list-preferences .recipient-email { font-size: 2.5em; }
}

/* Duplicate Email */
.duplicate-email { text-align: center; }
.duplicate-email .email-address { color: #009CDD; font-weight: bold; }

/* Button */
.mailing-list-preferences button { background: #009CDD; color: #FFFFFF; border: none; }
.mailing-list-preferences button:hover { background: #0097D6; }
.mailing-list-preferences button.disabled { opacity: 0.2; }

/* Loading Icon */
.mailing-list-preferences button .loading-icon { display: none; }
.mailing-list-preferences button.loading .loading-icon { display: inline-block; }

/* Selection Prompt */
.selection-prompt { margin-top: 10px; }

/* Form */
.form-group { position: relative; }
.form-group:last-child { margin-bottom: 0px; }
.input-group-addon label { margin: 0px; }
.checkbox { margin: 0 0 5px 0 !important; }
.checkbox:last-child { margin-bottom: 0px !important; }

/* Mailing Lists */
.mailing-lists h4 { margin: 0 0 10px 0; }
.mailing-lists .fa-star { color: #ffd800; }
.mailing-lists .mailing-list-col:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.mailing-lists .checkbox.disabled { opacity: 0.4; }

@media (min-width: 992px) {
    .mailing-lists .mailing-list-col:not(:last-child) { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
}

/* Validation */
.field-validation-error { color: #009CDD; display: block; }
.form-group .field-validation-error { pointer-events: none; font-weight: bold; text-transform: uppercase; }

@media (max-width: 539px) {
    /* Email Address */
    .email-address .input-group { display: block; }
    .email-address .input-group .input-group-addon { display: none; }
    .email-address .input-group input { float: none; display: block; }

    /* Validation */
    .field-validation-error { display: block; margin-top: 5px; color: #009CDD; }
}

@media (min-width: 540px) {
    /* Email Address */
    .email-address .form-group-label { display: none; }

    /* Validation */
    .form-group .field-validation-error { position: absolute; right: 0px; bottom: 0px; z-index: 100; background: #009CDD; padding: 7px 15px; color: #FFFFFF; }
}

/* ReCaptcha */
.mailing-list-preferences .recaptcha-terms { font-size: inherit; }