/* =====================
   UAC MAILCHIMP FORMS
===================== */

.uac-mailchimp-form {
    width: 100%;
    margin: 48px 0 64px;
}


/* =====================
   MAILCHIMP WRAPPERS
===================== */

.uac-mailchimp-form #mc_embed_shell,
.uac-mailchimp-form #mc_embed_signup {
    width: 100% !important;
    max-width: 760px;

    margin: 0;
    padding: 0;

    background: transparent !important;
    color: #000000;

    font-family: 'Mariupol', Arial, sans-serif !important;
}


/* Remove Mailchimp's default form spacing */

.uac-mailchimp-form #mc_embed_signup form {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Mariupol', Arial, sans-serif !important;
}


/* =====================
   FORM FIELDS
===================== */

.uac-mailchimp-form #mc_embed_signup .mc-field-group {
    width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 0 22px !important;
}


/* Labels */

.uac-mailchimp-form #mc_embed_signup label {
    display: block;

    margin: 0 0 7px;

    color: #000000;

    font-family: 'Mariupol', Arial, sans-serif !important;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.4;
}


/* =====================
   INPUTS
===================== */

.uac-mailchimp-form #mc_embed_signup input[type="text"],
.uac-mailchimp-form #mc_embed_signup input[type="email"],
.uac-mailchimp-form #mc_embed_signup input[type="tel"],
.uac-mailchimp-form #mc_embed_signup input[type="url"],
.uac-mailchimp-form #mc_embed_signup input[type="number"],
.uac-mailchimp-form #mc_embed_signup input[type="date"],
.uac-mailchimp-form #mc_embed_signup select,
.uac-mailchimp-form #mc_embed_signup textarea {
    display: block;

    width: 100% !important;
    min-height: 48px;

    margin: 0 !important;
    padding: 12px 14px !important;

    background: #ffffff !important;
    color: #000000 !important;

    border: 1px solid #9d9d9d !important;
    border-radius: 0 !important;

    font-family: 'Mariupol', Arial, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    box-shadow: none !important;

    transition:
        border-color 0.2s ease,
        outline-color 0.2s ease;
}


/* Textareas */

.uac-mailchimp-form #mc_embed_signup textarea {
    min-height: 130px;
    resize: vertical;
}


/* Focus */

.uac-mailchimp-form #mc_embed_signup input:focus,
.uac-mailchimp-form #mc_embed_signup select:focus,
.uac-mailchimp-form #mc_embed_signup textarea:focus {
    border-color: #C9A84C !important;

    outline: 2px solid #C9A84C !important;
    outline-offset: 1px;
}


/* =====================
   REQUIRED / HELP TEXT
===================== */

.uac-mailchimp-form #mc_embed_signup .indicates-required {
    margin: 0 0 20px !important;

    color: rgba(0, 0, 0, 0.6);

    font-size: 0.8rem !important;
    text-align: left !important;
}

.uac-mailchimp-form #mc_embed_signup .asterisk {
    color: #C9A84C !important;
}

.uac-mailchimp-form #mc_embed_signup .helper_text {
    margin-top: 6px !important;

    background: transparent !important;
    color: rgba(0, 0, 0, 0.55) !important;

    font-size: 0.8rem !important;
}


/* =====================
   CHECKBOXES / RADIO
===================== */

.uac-mailchimp-form #mc_embed_signup input[type="checkbox"],
.uac-mailchimp-form #mc_embed_signup input[type="radio"] {
    width: auto !important;
    min-height: 0;

    margin-right: 8px;

    accent-color: #1C2B4D;
}


/* =====================
   SUBMIT BUTTON
===================== */

.uac-mailchimp-form #mc_embed_signup .button,
.uac-mailchimp-form #mc_embed_signup input[type="submit"] {
    display: inline-block !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 8px 0 0 !important;
    padding: 13px 26px !important;

    background: #C9A84C !important;
    color: #000000 !important;

    border: 0 !important;
    border-radius: 0 !important;

    font-family: 'Mariupol', Arial, sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-transform: none !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.uac-mailchimp-form #mc_embed_signup .button:hover,
.uac-mailchimp-form #mc_embed_signup input[type="submit"]:hover {
    background: #1C2B4D !important;
    color: #ffffff !important;
}


/* =====================
   MAILCHIMP MESSAGES
===================== */

.uac-mailchimp-form #mc_embed_signup div.response {
    width: 100% !important;

    margin: 20px 0 !important;
    padding: 14px 0 !important;

    font-family: 'Mariupol', Arial, sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

.uac-mailchimp-form #mce-success-response {
    color: #1C2B4D !important;
}

.uac-mailchimp-form #mce-error-response {
    color: #8a1f1f !important;
}


/* =====================
   MAILCHIMP FOOTER / BRANDING
===================== */

.uac-mailchimp-form #mc_embed_signup .refferal_badge {
    margin-top: 20px;
}


/* =====================
   MOBILE
===================== */

@media (max-width: 768px) {

    .uac-mailchimp-form {
        margin: 36px 0 48px;
    }

    .uac-mailchimp-form #mc_embed_shell,
    .uac-mailchimp-form #mc_embed_signup {
        max-width: 100%;
    }

    .uac-mailchimp-form #mc_embed_signup .button,
    .uac-mailchimp-form #mc_embed_signup input[type="submit"] {
        width: 100% !important;

        padding: 14px 20px !important;
    }
}