/**
 * MISSION-AVERIE.COM — AMEMBER CUSTOM CSS
 * Last Updated: July 22, 2026
 *
 * PURPOSE:
 * Visual styling only.
 *
 * All wording and button labels are managed through:
 * Utilities → Edit Messages
 */


/* ============================================================
   COLOR PALETTE
   ============================================================

   Black background:       #000000
   Charcoal panel:         #4A4A4A
   Medium-gray panel:      #555555
   Gray border:            #777777
   Teal text:              #63D9D4
   Orange links:           #FF7A00
   Orange hover:           #FF9A32
   White inputs:           #FFFFFF
   Dark-blue input text:   #1E3A5F
   Error text:             #FF8A80
   ============================================================ */


/* ============================================================
   ITEM 1 — FULL-PAGE BLACK BACKGROUND
   ============================================================ */

html,
body,
.am-layout,
.am-body,
.am-page,
.am-main {
    background-color: #000000 !important;
}


/* ============================================================
   ITEM 2 — MAIN HEADINGS
   ============================================================ */

.am-body-content-top h1,
.am-body-content h1,
.am-body-content h2,
.am-body-content h3,
.am-auth-form legend {
    color: #63D9D4 !important;
}


/* ============================================================
   ITEM 3 — SIGNUP / DONATION PANEL
   ============================================================ */

.am-signup-form,
.am-signup-form .am-form,
form.am-signup-form {
    background-color: #4A4A4A !important;
    border-radius: 8px !important;
}


/* ============================================================
   ITEM 4 — SIGNUP PRODUCT INFORMATION
   ============================================================ */

.am-product-title,
.am-product-terms,
.am-product-desc,
.am-product-desc *,
.am-signup-form .am-product-title,
.am-signup-form .am-product-terms,
.am-signup-form .am-product-desc,
.am-signup-form .am-product-desc * {
    color: #63D9D4 !important;
}


/* ============================================================
   ITEM 5 — GENERAL SIGNUP FORM TEXT
   ============================================================ */

.am-signup-form label,
.am-signup-form .am-element-title,
.am-signup-form .am-element-title *,
.am-signup-form .am-element,
.am-signup-form .am-info,
.am-signup-form .am-help,
.am-signup-form .am-required {
    color: #63D9D4 !important;
}


/* Error messages */

.am-signup-form .am-error,
.am-form .am-error {
    color: #FF8A80 !important;
}
/* ============================================================
   ITEM 6 — EXISTING DONOR LOGIN NOTICE
   ============================================================ */

.am-signup > .am-info.am-login-text {

    background: #4A4A4A !important;

    border: 1px solid #777777 !important;

    border-radius: 8px !important;

    color: #63D9D4 !important;

    padding: 16px 18px !important;

    margin-bottom: 18px !important;

    line-height: 1.5 !important;

}

.am-signup > .am-info.am-login-text * {

    color: #63D9D4 !important;

}

.am-signup > .am-info.am-login-text a {

    color: #FF7A00 !important;

    font-weight: 700 !important;

}

.am-signup > .am-info.am-login-text a:hover {

    color: #FF9A32 !important;

}
/* ============================================================
   ITEM 7 — HIDE PAYMENT SYSTEM SELECTION
   ============================================================ */

#row-paysys_id {
    display: none !important;
}


/* ============================================================
   ITEM 8 — SIGNUP INPUT FIELDS
   ============================================================ */

.am-signup-form input[type="text"],
.am-signup-form input[type="email"],
.am-signup-form input[type="password"],
.am-signup-form input[type="tel"],
.am-signup-form input[type="number"],
.am-signup-form textarea,
.am-signup-form select {
    background-color: #FFFFFF !important;
    color: #1E3A5F !important;
}


/* Placeholder text */

.am-signup-form input::placeholder,
.am-signup-form textarea::placeholder {
    color: #888888 !important;
    opacity: 1 !important;
}


/* ============================================================
   ITEM 9 — SIGNUP / DONATION BUTTON
   ============================================================ */

.am-signup-form input[type="submit"],
.am-signup-form button[type="submit"],
.am-signup-form .am-button {
    background-color: #63D9D4 !important;
    border-color: #63D9D4 !important;
    color: #000000 !important;
    font-weight: 700 !important;
}

.am-signup-form input[type="submit"]:hover,
.am-signup-form button[type="submit"]:hover,
.am-signup-form .am-button:hover {
    background-color: #83E9E4 !important;
    border-color: #83E9E4 !important;
    color: #000000 !important;
}

/* ============================================================
   ITEM 10 — ACCESS / LOGIN PAGE PANEL

   Changes the complete login rectangle to medium gray and
   restores the rounded corners.
   ============================================================ */

.am-login-form,
.am-login-form form,
.am-login-form .am-form,
.am-auth-form,
.am-auth-form form,
.am-auth-form .am-form {
    background-color: #555555 !important;
    border: 1px solid #777777 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}


/* Remove white backgrounds from inner form areas */

.am-auth-form fieldset,
.am-auth-form .am-row,
.am-auth-form .am-element-title,
.am-auth-form .am-element,
.am-login-form fieldset,
.am-login-form .am-row,
.am-login-form .am-element-title,
.am-login-form .am-element {
    background-color: transparent !important;
}


/* Login labels and heading */

.am-auth-form label,
.am-auth-form .am-element-title,
.am-auth-form .am-element-title *,
.am-auth-form legend,
.am-login-form label,
.am-login-form .am-element-title,
.am-login-form .am-element-title *,
.am-login-form legend {
    color: #63D9D4 !important;
}


/* Login-page input fields stay white */

.am-auth-form input[type="text"],
.am-auth-form input[type="email"],
.am-auth-form input[type="password"],
.am-login-form input[type="text"],
.am-login-form input[type="email"],
.am-login-form input[type="password"] {
    background-color: #FFFFFF !important;
    color: #1E3A5F !important;
}


/* Login button */

.am-auth-form input[type="submit"],
.am-auth-form button[type="submit"],
.am-auth-form .am-button,
.am-login-form input[type="submit"],
.am-login-form button[type="submit"],
.am-login-form .am-button {
    background-color: #63D9D4 !important;
    border-color: #63D9D4 !important;
    color: #000000 !important;
    font-weight: 700 !important;
}


/* ============================================================
   ITEM 11 — LOGIN PAGE LINKS
   ============================================================ */


/* Forgot Password — cream */

.am-auth-form a[href*="lostpass"],
.am-auth-form a[href*="forgot"],
.am-login-form a[href*="lostpass"],
.am-login-form a[href*="forgot"] {
    color: #F4E7CF !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.am-auth-form a[href*="lostpass"]:hover,
.am-auth-form a[href*="forgot"]:hover,
.am-login-form a[href*="lostpass"]:hover,
.am-login-form a[href*="forgot"]:hover {
    color: #FFF4E2 !important;
    text-decoration: underline !important;
}


/* Signup link stays orange */

.am-login-links a,
.am-login-links a:link,
.am-login-links a:visited {
    color: #FF7A00 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.am-login-links a:hover {
    color: #FF9A32 !important;
    text-decoration: underline !important;
}



/* ============================================================
   ITEM 12 — MEMBER AREA TEXT
   ============================================================ */

.am-body-content-content,
.am-body-content-content h1,
.am-body-content-content h2,
.am-body-content-content h3,
.am-body-content-content h4,
.am-body-content-content p,
.am-body-content-content span,
.am-body-content-content div,
.am-body-content-content li,
.am-body-content-content td,
.am-body-content-content th,
.am-body-content-content label {
    color: #63D9D4 !important;
}


/* ============================================================
   ITEM 13 — PURCHASE CONFIRMATION TEXT
   ============================================================ */

.am-thanks-payment-details,
.am-thanks-payment-details *,
.am-receipt,
.am-receipt th,
.am-receipt td,
.am-thanks-login-offer,
.am-thanks-login-offer * {
    color: #63D9D4 !important;
}


/* ============================================================
   ITEM 14 — PURCHASE RECEIPT TABLE
   ============================================================ */

.am-receipt {
    background-color: #000000 !important;
    border-color: #777777 !important;
}

.am-receipt table,
.am-receipt th,
.am-receipt td {
    border-color: #666666 !important;
}


/* Receipt headings */

.am-receipt th {
    background-color: #111111 !important;
    color: #63D9D4 !important;
}


/* Product, price, subtotal and total cells */

.am-receipt td {
    background-color: #555555 !important;
    color: #63D9D4 !important;
}


/* Empty receipt cells */

.am-receipt td:empty {
    background-color: #111111 !important;
}


/* ============================================================
   ITEM 15 — USERNAME / PASSWORD CONFIRMATION BOX
   ============================================================ */

.am-thanks-login-offer .am-thanks-login-details,
.am-thanks-login-offer .am-block.am-thanks-login-details {
    background-color: #555555 !important;
    border: 1px solid #777777 !important;
    border-radius: 3px !important;
    color: #63D9D4 !important;
}

.am-thanks-login-details-login,
.am-thanks-login-details-login *,
.am-thanks-login-details-pass,
.am-thanks-login-details-pass * {
    color: #63D9D4 !important;
}


/* ============================================================
   ITEM 16 — PURCHASE PAGE ACTION LINK
   ============================================================ */

.am-thanks-login-offer a,
.am-thanks-login-offer a:link,
.am-thanks-login-offer a:visited {
    color: #FF7A00 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.am-thanks-login-offer a:hover {
    color: #FF9A32 !important;
    text-decoration: underline !important;
}


/* ============================================================
   ITEM 17 — AMEMBER COPYRIGHT
   ============================================================ */

.am-copyright,
.am-copyright *,
.am-copyright a,
.am-copyright a:link,
.am-copyright a:visited {
    color: #63D9D4 !important;
    opacity: 0.75;
}

/* ============================================================
   ITEM 18 — LOGIN PAGE LEGEND
   Restores the login panel header to the same charcoal
   color as the rest of the login panel.
   ============================================================ */

.am-auth-form fieldset {
    background-color: #4A4A4A !important;
    border: none !important;
}

.am-auth-form legend {
    background-color: #4A4A4A !important;
    color: #63D9D4 !important;
    padding: 12px 18px !important;
    border-radius: 8px 8px 0 0 !important;
}
/* ============================================================
   ITEM 19 — ACCESS LANDING PAGE LINKS
   Date: July 24, 2026

   PURPOSE:
   Colors only the Login and Signup links on the
   /access/ landing page without affecting the
   rest of aMember.
   ============================================================ */

.am-body-content-content > a[href="/access/login"],
.am-body-content-content > a[href="/access/signup"] {

    color: #FF7A00 !important;

    font-weight: 700 !important;

    text-decoration: none !important;

}

.am-body-content-content > a[href="/access/login"]:hover,
.am-body-content-content > a[href="/access/signup"]:hover {

    color: #FF9A32 !important;

    text-decoration: underline !important;

}
/* ============================================================
   ITEM 20 — LOGIN PAGE "SIGNUP HERE" LINK
   Date: July 24, 2026

   PURPOSE:
   Color only the "Signup here" link on the
   /access/login page.
   ============================================================ */

.am-signup-link a {

    color: #FF7A00 !important;

    font-weight: 700 !important;

    text-decoration: none !important;

}

.am-signup-link a:hover {

    color: #FF9A32 !important;

    text-decoration: underline !important;

}