/* ==========================================================
   ABA_BRAND_V7_OBAGICLUB_CANARY_V1

   Page 527908 /obagiclub/
   Branding only. Functional enrollment flow untouched.
   ========================================================== */


/* ----------------------------------------------------------
   PAGE-OWNED TYPOGRAPHY
   ---------------------------------------------------------- */

body.page-id-527908
.page_content,

body.page-id-527908
.page_content
p,

body.page-id-527908
.page_content
label,

body.page-id-527908
#obagiclub,

body.page-id-527908
#obagiclub
input {

    font-family:
        var(--aba-font-family, "Elevance Sans", sans-serif)
        !important;
}


body.page-id-527908
.page_content {

    color:
        var(--aba-brand-charcoal, #2E2E2E)
        !important;
}


body.page-id-527908
.page_content
h2 {

    font-family:
        var(--aba-font-family, "Elevance Sans", sans-serif)
        !important;

    font-weight:
        var(--aba-font-weight-light, 300)
        !important;

    color:
        var(--aba-brand-charcoal, #2E2E2E)
        !important;
}


body.page-id-527908
.page_content
:is(h3, h4, h5, h6) {

    font-family:
        var(--aba-font-family, "Elevance Sans", sans-serif)
        !important;

    font-weight:
        var(--aba-font-weight-medium, 500)
        !important;

    color:
        var(--aba-brand-charcoal, #2E2E2E)
        !important;
}


/* In case the stored Elementor intro is part of the rendered surface. */

body.page-id-527908
.elementor-527908
.elementor-element-40d535b {

    font-family:
        var(--aba-font-family, "Elevance Sans", sans-serif)
        !important;

    font-weight:
        var(--aba-font-weight-regular, 400)
        !important;

    color:
        var(--aba-brand-charcoal, #2E2E2E)
        !important;
}


/* ----------------------------------------------------------
   LIVE TEMPLATE FORM
   ---------------------------------------------------------- */

body.page-id-527908
#obagiclub {

    color:
        var(--aba-brand-charcoal, #2E2E2E)
        !important;

    max-width:
        100%;
}


body.page-id-527908
#obagiclub
.form-control {

    width:
        100%
        !important;

    max-width:
        100%
        !important;

    box-sizing:
        border-box
        !important;

    background:
        #FFFFFF
        !important;

    color:
        var(--aba-brand-charcoal, #2E2E2E)
        !important;

    border-color:
        rgba(46, 46, 46, 0.24)
        !important;

    box-shadow:
        none
        !important;

    font-family:
        var(--aba-font-family, "Elevance Sans", sans-serif)
        !important;

    font-weight:
        var(--aba-font-weight-regular, 400)
        !important;
}


body.page-id-527908
#obagiclub
.form-control::placeholder {

    color:
        rgba(46, 46, 46, 0.48)
        !important;

    opacity:
        1;
}


body.page-id-527908
#obagiclub
.form-control:focus {

    border-color:
        var(--aba-brand-blue, #00D6FA)
        !important;

    box-shadow:
        0 0 0 2px rgba(0, 214, 250, 0.14)
        !important;

    outline:
        none
        !important;
}


body.page-id-527908
#obagiclub
label {

    color:
        var(--aba-brand-charcoal, #2E2E2E)
        !important;

    font-weight:
        var(--aba-font-weight-regular, 400)
        !important;

    line-height:
        1.45;
}


body.page-id-527908
#obagiclub
input[type="checkbox"] {

    accent-color:
        var(--aba-brand-blue, #00D6FA);
}


/* ----------------------------------------------------------
   SUBMIT CTA
   ---------------------------------------------------------- */

body.page-id-527908
#obagiclub
#obagi_club_submit {

    max-width:
        100%
        !important;

    background:
        var(--aba-brand-blue, #00D6FA)
        !important;

    border:
        1px solid var(--aba-brand-blue, #00D6FA)
        !important;

    color:
        var(--aba-brand-white, #FFFFFF)
        !important;

    font-family:
        var(--aba-font-family, "Elevance Sans", sans-serif)
        !important;

    font-weight:
        var(--aba-font-weight-medium, 500)
        !important;

    box-shadow:
        none
        !important;
}


body.page-id-527908
#obagiclub
#obagi_club_submit:hover,

body.page-id-527908
#obagiclub
#obagi_club_submit:focus {

    background:
        var(--aba-brand-salmon, #FB756A)
        !important;

    border-color:
        var(--aba-brand-salmon, #FB756A)
        !important;

    color:
        var(--aba-brand-white, #FFFFFF)
        !important;

    outline:
        none
        !important;
}


/* ----------------------------------------------------------
   MOBILE CONTAINMENT
   The Elementor shortcode widget is intentionally hidden and
   remains untouched. This only protects the live template form.
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    body.page-id-527908
    #obagiclub,

    body.page-id-527908
    #obagiclub
    .form-control,

    body.page-id-527908
    #obagiclub
    #obagi_club_submit {

        max-width:
            100%
            !important;

        box-sizing:
            border-box
            !important;
    }
}


/* Third-party/sidebar identities and shared forms intentionally untouched. */


/* ==========================================================
   ABA_BRAND_V7_OBAGICLUB_INTRO_COLOR_V1B

   Exact live template intro paragraph.
   Codex V1 finding: computed #7A7A7A instead of BrandBook Charcoal.
   ========================================================== */

body.page-id-527908
p[style*="margin-top: 30px"][style*="line-height: 1.55em"] {

    color:
        var(--aba-brand-charcoal, #2E2E2E)
        !important;
}