/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 15 2026 | 11:42:30 */
/* =========================================================
   DAMIAN PHILPOTT
   CUSTOMER SIGN-IN PAGE
   PAGE ID: 1188
   FULL DESKTOP + MOBILE VERSION
   ========================================================= */


/* =========================================================
   PAGE SHELL
   ========================================================= */

#post-1188 .site-content {
    position: relative !important;
    width: 100% !important;
    min-height: 760px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #000000 !important;
}


/* remove old pseudo layers */
#post-1188 .site-content::before,
#post-1188 .site-content::after {
    display: none !important;
    content: none !important;
}


/* hide original page title */
#post-1188 .page-title {
    display: none !important;
}


/* =========================================================
   MAIN CONTENT / HERO
   ========================================================= */

#post-1188 .post-content {
    position: relative !important;
    z-index: 5 !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 760px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.00) 0%,
            rgba(0,0,0,0.00) 42%,
            rgba(0,0,0,0.10) 52%,
            rgba(0,0,0,0.45) 68%,
            rgba(0,0,0,0.86) 86%,
            #000000 100%
        ),
        url("https://damianphilpott.com/images/bookingbkgd2.png") !important;

    background-size:
        cover,
        cover !important;

    background-position:
        center center,
        left center !important;

    background-repeat:
        no-repeat,
        no-repeat !important;

    box-sizing: border-box !important;
}


/* =========================================================
   BOOKNETIC WRAPPER
   ========================================================= */

#post-1188 .wp-block-booknetic-signin {
    width: 520px !important;
    max-width: 520px !important;
    flex: 0 0 520px !important;

    margin: 0 55px 0 0 !important;
    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LOGIN CARD
   ========================================================= */

#post-1188 .booknetic_login {
    position: relative !important;

    width: 100% !important;
    max-width: 520px !important;

    margin: 0 !important;

    padding: 50px 48px 36px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            145deg,
            rgba(18,18,18,0.97),
            rgba(3,3,3,0.99)
        ) !important;

    border:
        1px solid
        rgba(255,215,0,0.55) !important;

    border-radius: 2px !important;

    box-shadow:
        0 30px 80px
        rgba(0,0,0,0.60) !important;

    color: #ffffff !important;

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


/* =========================================================
   BRAND
   ========================================================= */

#post-1188 .booknetic_login::before {
    content: "DAMIAN PHILPOTT";

    display: block !important;

    margin: 0 0 12px !important;

    color: #FFD700 !important;

    text-align: center !important;

    font-family:
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    letter-spacing: 5px !important;

    line-height: 1.4 !important;
}


/* =========================================================
   PRIVATE APPOINTMENT
   ========================================================= */

#post-1188 .login_step::before {
    content: "PRIVATE APPOINTMENT";

    display: block !important;

    width: fit-content !important;

    margin: 0 auto 30px !important;

    padding-top: 12px !important;

    border-top:
        1px solid
        rgba(255,215,0,0.70) !important;

    color: #FFD700 !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    letter-spacing: 4px !important;

    text-align: center !important;
}


/* =========================================================
   HEADER
   ========================================================= */

#post-1188 .login_step > .booknetic_header {
    margin: 0 0 34px !important;
    padding: 0 !important;

    color: transparent !important;

    font-size: 0 !important;

    text-align: center !important;

    line-height: 1 !important;
}


#post-1188 .login_step > .booknetic_header::before {
    content: "Welcome Back";

    display: block !important;

    color: #ffffff !important;

    font-size: 34px !important;
    font-weight: 600 !important;

    letter-spacing: -0.6px !important;

    line-height: 1.15 !important;
}


#post-1188 .login_step > .booknetic_header::after {
    content: "Sign in to manage your appointments and bookings.";

    display: block !important;

    max-width: 340px !important;

    margin: 12px auto 0 !important;

    color: #aaaaaa !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.55 !important;

    letter-spacing: 0 !important;
}


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

#post-1188 .booknetic_form {
    margin: 0 !important;
    padding: 0 !important;
}


#post-1188 .booknetic_form_element {
    margin-bottom: 20px !important;
}


/* =========================================================
   LABELS
   ========================================================= */

#post-1188 .booknetic_form_element > label {
    display: block !important;

    margin: 0 0 8px !important;

    color: #ededed !important;

    font-family:
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    opacity: 1 !important;
}


/* =========================================================
   INPUTS
   FORCE DARK BOOKNETIC FIELDS
   ========================================================= */

#post-1188 .booknetic_login input[type="text"],
#post-1188 .booknetic_login input[type="email"],
#post-1188 .booknetic_login input[type="password"],
#post-1188 .booknetic_login input.form-control,
#post-1188 .booknetic_login .booknetic_form_element input {
    display: block !important;

    width: 100% !important;
    height: 52px !important;

    margin: 0 !important;

    padding: 0 16px !important;

    box-sizing: border-box !important;

    background:
        #0c0c0c !important;

    background-color:
        #0c0c0c !important;

    background-image:
        none !important;

    border:
        1px solid
        #444444 !important;

    border-radius:
        0 !important;

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    caret-color:
        #ffffff !important;

    font-family:
        Helvetica,
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    outline:
        none !important;

    opacity:
        1 !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    box-shadow:
        inset 0 0 0 1000px
        #0c0c0c !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px
        #0c0c0c !important;
}


/* =========================================================
   INPUT FOCUS
   ========================================================= */

#post-1188 .booknetic_login input[type="text"]:focus,
#post-1188 .booknetic_login input[type="email"]:focus,
#post-1188 .booknetic_login input[type="password"]:focus,
#post-1188 .booknetic_login input.form-control:focus,
#post-1188 .booknetic_login .booknetic_form_element input:focus {
    background:
        #111111 !important;

    background-color:
        #111111 !important;

    background-image:
        none !important;

    border-color:
        #FFD700 !important;

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    box-shadow:
        inset 0 0 0 1000px #111111,
        0 0 0 1px rgba(255,215,0,0.12) !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #111111,
        0 0 0 1px rgba(255,215,0,0.12) !important;
}


/* =========================================================
   SAFARI / CHROME AUTOFILL
   PREVENT YELLOW / PALE AUTOFILL
   ========================================================= */

#post-1188 .booknetic_login input:-webkit-autofill,
#post-1188 .booknetic_login input:-webkit-autofill:hover,
#post-1188 .booknetic_login input:-webkit-autofill:active {
    -webkit-text-fill-color:
        #ffffff !important;

    caret-color:
        #ffffff !important;

    background:
        #0c0c0c !important;

    background-color:
        #0c0c0c !important;

    background-image:
        none !important;

    border:
        1px solid
        #444444 !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px
        #0c0c0c !important;

    box-shadow:
        inset 0 0 0 1000px
        #0c0c0c !important;

    transition:
        background-color 99999s ease-out 0s !important;
}


#post-1188 .booknetic_login input:-webkit-autofill:focus {
    -webkit-text-fill-color:
        #ffffff !important;

    caret-color:
        #ffffff !important;

    border-color:
        #FFD700 !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #111111,
        0 0 0 1px rgba(255,215,0,0.12) !important;

    box-shadow:
        inset 0 0 0 1000px #111111,
        0 0 0 1px rgba(255,215,0,0.12) !important;

    transition:
        background-color 99999s ease-out 0s !important;
}


/* =========================================================
   SPAM NOTICE
   ========================================================= */

#post-1188 .booknetic_signup_spam_notice {
    display: block !important;

    margin-top: 7px !important;

    color: #888888 !important;

    font-size: 10px !important;

    line-height: 1.45 !important;

    opacity: 1 !important;
}


/* =========================================================
   PASSWORD FIELD
   ========================================================= */

#post-1188 .bkntc-password-input {
    position: relative !important;

    width: 100% !important;

    background:
        transparent !important;
}


#post-1188 .bkntc-password-input input {
    padding-right: 50px !important;
}


/* =========================================================
   PASSWORD EYE
   ========================================================= */

#post-1188 .bkntc-toggle-password-visibility {
    position: absolute !important;

    top: 50% !important;
    right: 12px !important;

    transform:
        translateY(-50%) !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    cursor: pointer !important;
}


#post-1188 .bkntc-toggle-password-visibility svg {
    width: 18px !important;
    height: 18px !important;

    fill: #aaaaaa !important;
}


#post-1188 .bkntc-toggle-password-visibility:hover svg {
    fill: #FFD700 !important;
}


/* =========================================================
   FORGOT PASSWORD
   ========================================================= */

#post-1188 .booknetic_forgot_password {
    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: -2px 0 24px !important;

    padding: 0 !important;

    color: #FFD700 !important;

    font-size: 12px !important;

    text-decoration: none !important;

    opacity: 1 !important;
}


#post-1188 .booknetic_forgot_password span {
    color: #FFD700 !important;
}


#post-1188 .booknetic_forgot_password img {
    width: 15px !important;
    height: 15px !important;

    filter:
        brightness(0)
        saturate(100%)
        invert(83%)
        sepia(94%)
        saturate(1646%)
        hue-rotate(359deg)
        brightness(103%)
        contrast(106%) !important;
}


#post-1188 .booknetic_forgot_password:hover,
#post-1188 .booknetic_forgot_password:hover span {
    color: #ffffff !important;
}


/* =========================================================
   SIGN IN BUTTON
   ========================================================= */

#post-1188 .booknetic_login_btn {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 54px !important;

    margin: 0 !important;

    padding: 0 60px !important;

    background: #FFD700 !important;

    border:
        1px solid
        #FFD700 !important;

    border-radius: 0 !important;

    color: #000000 !important;

    font-family:
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: 1.6px !important;

    text-transform: uppercase !important;

    box-shadow: none !important;

    cursor: pointer !important;
}


#post-1188 .booknetic_login_btn::after {
    content: "→";

    position: absolute;

    top: 0;
    right: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 54px;
    height: 52px;

    border-left:
        1px solid
        rgba(0,0,0,0.20);

    font-size: 19px;
    font-weight: 400;
}


#post-1188 .booknetic_login_btn:hover {
    background: #ffffff !important;

    border-color: #ffffff !important;

    color: #000000 !important;
}


/* =========================================================
   SIGN-UP FOOTER
   ========================================================= */

#post-1188 .login_step > .booknetic_footer {
    margin-top: 25px !important;

    padding-top: 22px !important;

    border-top:
        1px solid
        rgba(255,215,0,0.35) !important;

    color: #999999 !important;

    font-size: 12px !important;

    text-align: center !important;
}


#post-1188 .login_step > .booknetic_footer span {
    color: #999999 !important;
}


#post-1188 .login_step > .booknetic_footer a {
    margin-left: 5px !important;

    color: #FFD700 !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}


#post-1188 .login_step > .booknetic_footer a:hover {
    color: #ffffff !important;
}


/* =========================================================
   ACCOUNT NOT ACTIVATED SCREEN
   CLEAN EDITORIAL VERSION
   ========================================================= */

#post-1188 .account_not_activated_step {
    color: #ffffff !important;
    text-align: center !important;
}


/* Replace original heading */

#post-1188
.account_not_activated_step
.booknetic_header {
    margin: 0 0 22px !important;
    padding: 0 !important;

    color: transparent !important;
    font-size: 0 !important;

    text-align: center !important;
}


#post-1188
.account_not_activated_step
.booknetic_header::before {
    content: "Check Your Email";

    display: block !important;

    color: #ffffff !important;

    font-size: 32px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
}


/* Verification message */

#post-1188 .booknetic_check_your_email {
    max-width: 360px !important;

    margin: 0 auto !important;

    color: #aaaaaa !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.6 !important;

    text-align: center !important;
}


/* Remove Booknetic illustration */

#post-1188 .booknetic_email_success {
    display: none !important;
}

#post-1188 .booknetic_email_success img {
    display: none !important;
}


/* Resend area */

#post-1188 .booknetic_resend_activation {
    margin-top: 65px !important;

    padding-top: 22px !important;

    border-top:
        1px solid rgba(255,215,0,0.35) !important;

    color: #999999 !important;

    font-size: 12px !important;

    line-height: 1.5 !important;

    text-align: center !important;
}


#post-1188 .booknetic_resend_activation span {
    color: #999999 !important;
}


#post-1188 .booknetic_resend_activation a {
    margin-left: 5px !important;

    color: #FFD700 !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}


#post-1188 .booknetic_resend_activation a:hover {
    color: #ffffff !important;
}

/* =========================================================
   DESKTOP — MEDIUM WIDTH
   ========================================================= */

@media screen and (max-width: 1250px) and (min-width: 768px) {

    #post-1188 .wp-block-booknetic-signin {
        width: 480px !important;
        max-width: 480px !important;
        flex-basis: 480px !important;

        margin-right: 35px !important;
    }

    #post-1188 .booknetic_login {
        max-width: 480px !important;

        padding:
            46px
            40px
            34px !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1000px) and (min-width: 768px) {

    #post-1188 .post-content {
        background-position:
            center center,
            22% center !important;
    }

    #post-1188 .wp-block-booknetic-signin {
        width: 430px !important;
        max-width: 430px !important;
        flex-basis: 430px !important;

        margin-right: 20px !important;
    }

    #post-1188 .booknetic_login {
        max-width: 430px !important;

        padding:
            42px
            32px
            32px !important;
    }

    #post-1188 .login_step > .booknetic_header::before {
        font-size: 31px !important;
    }

}


/* =========================================================
   MOBILE
   PHOTO ABOVE / LOGIN BELOW
   ========================================================= */

@media screen and (max-width: 767px) {

    #post-1188 .site-content {
        min-height: auto !important;
    }


    #post-1188 .post-content {
        position: relative !important;

        min-height: auto !important;

        display: block !important;

        padding-top: 255px !important;

        background-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,0.00) 0%,
                rgba(0,0,0,0.03) 55%,
                rgba(0,0,0,0.55) 78%,
                rgba(0,0,0,0.94) 94%,
                #000000 100%
            ),
            url("https://damianphilpott.com/images/bookingbkgd2.png") !important;

        background-size:
            100% 255px,
            auto 310px !important;

        background-position:
            top center,
            38% top !important;

        background-repeat:
            no-repeat,
            no-repeat !important;
    }


    #post-1188 .wp-block-booknetic-signin {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding:
            0
            16px
            50px !important;

        box-sizing: border-box !important;
    }


    #post-1188 .booknetic_login {
        width: 100% !important;
        max-width: 100% !important;

        margin: -12px 0 0 !important;

        padding:
            38px
            24px
            30px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7,7,7,0.97),
                rgba(0,0,0,1)
            ) !important;

        border:
            1px solid
            rgba(255,215,0,0.40) !important;

        box-shadow:
            0 -12px 40px
            rgba(0,0,0,0.50) !important;
    }


    #post-1188 .booknetic_login::before {
        font-size: 13px !important;

        letter-spacing: 4px !important;

        margin-bottom: 11px !important;
    }


    #post-1188 .login_step::before {
        margin-bottom: 28px !important;

        padding-top: 10px !important;

        font-size: 8px !important;

        letter-spacing: 3.5px !important;
    }


    #post-1188 .login_step > .booknetic_header {
        margin-bottom: 30px !important;
    }


    #post-1188 .login_step > .booknetic_header::before {
        font-size: 31px !important;
    }


    #post-1188 .login_step > .booknetic_header::after {
        max-width: 290px !important;

        font-size: 13px !important;

        line-height: 1.5 !important;
    }


    #post-1188 .booknetic_form_element {
        margin-bottom: 18px !important;
    }


    #post-1188 .booknetic_login input[type="text"],
    #post-1188 .booknetic_login input[type="email"],
    #post-1188 .booknetic_login input[type="password"],
    #post-1188 .booknetic_login input.form-control,
    #post-1188 .booknetic_login .booknetic_form_element input {
        height: 50px !important;
    }


    #post-1188 .booknetic_login_btn {
        height: 52px !important;
    }


    #post-1188 .booknetic_login_btn::after {
        height: 50px !important;
    }

}


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

@media screen and (max-width: 420px) {

    #post-1188 .post-content {
        padding-top: 235px !important;

        background-size:
            100% 235px,
            auto 285px !important;

        background-position:
            top center,
            38% top !important;
    }


    #post-1188 .wp-block-booknetic-signin {
        padding:
            0
            12px
            45px !important;
    }


    #post-1188 .booknetic_login {
        padding:
            34px
            20px
            28px !important;
    }


    #post-1188 .login_step > .booknetic_header::before {
        font-size: 28px !important;
    }


    #post-1188 .login_step > .booknetic_header::after {
        font-size: 12px !important;
    }

}
/* =========================================================
   MOBILE VIEWPORT LOCK
   PREVENT HORIZONTAL SITE / HEADER OVERFLOW
   ========================================================= */

@media screen and (max-width: 767px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body {
        position: relative !important;
    }

    #page,
    .site,
    .site-content,
    .content-area,
    .site-main,
    #primary,
    #content,
    #post-1188,
    #post-1188 .site-content,
    #post-1188 .post-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow-x: hidden !important;

        box-sizing: border-box !important;
    }

    #post-1188 .wp-block-booknetic-signin {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    #post-1188 .booknetic_login {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }

}

/* =========================================================
   DAMIAN PHILPOTT — CUSTOMER SIGN-IN
   REFINED V2 — FINAL OVERRIDES
   MATCHES CREATE ACCOUNT VISUAL LANGUAGE
   ========================================================= */


/* =========================================================
   DESKTOP REFINEMENT
   WIDER IMAGE PRESENCE + EDITORIAL COPY
   ========================================================= */

@media screen and (min-width: 1001px) {

    /*
     * Move the login card slightly farther right and keep it
     * compact. This gives the photography more visual width
     * without making the form feel small.
     */
    #post-1188 .wp-block-booknetic-signin {
        width: 510px !important;
        max-width: 510px !important;
        flex: 0 0 510px !important;
        margin-right: 36px !important;
    }

    #post-1188 .booknetic_login {
        width: 100% !important;
        max-width: 510px !important;
        padding: 46px 46px 34px !important;
        background:
            linear-gradient(
                145deg,
                rgba(15,15,15,0.985),
                rgba(2,2,2,0.995)
            ) !important;
        border-color: rgba(255,215,0,0.46) !important;
        box-shadow: 0 28px 70px rgba(0,0,0,0.52) !important;
    }

    /*
     * Slightly gentler fade. The photograph remains dominant
     * farther across the page before it disappears into black.
     */
    #post-1188 .post-content {
        background-image:
            linear-gradient(
                90deg,
                rgba(0,0,0,0.00) 0%,
                rgba(0,0,0,0.00) 46%,
                rgba(0,0,0,0.08) 55%,
                rgba(0,0,0,0.42) 70%,
                rgba(0,0,0,0.84) 87%,
                #000000 100%
            ),
            url("https://damianphilpott.com/images/bookingbkgd2.png") !important;

        background-size:
            cover,
            cover !important;

        background-position:
            center center,
            left center !important;
    }

    /*
     * Editorial image-side copy.
     * Same hierarchy as the finished Create Account page.
     */
    #post-1188 .post-content::before {
        content: "PRIVATE APPOINTMENT" !important;

        position: absolute !important;
        z-index: 7 !important;

        left: clamp(42px, 6.5vw, 120px) !important;
        bottom: 148px !important;

        display: block !important;

        width: 250px !important;

        color: #FFD700 !important;

        font-family:
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 10px !important;
        font-weight: 700 !important;

        line-height: 1 !important;
        letter-spacing: 2.6px !important;

        text-transform: uppercase !important;

        background:
            linear-gradient(
                #FFD700,
                #FFD700
            )
            right center /
            62px 1px
            no-repeat !important;

        pointer-events: none !important;
    }

    #post-1188 .post-content::after {
        content: "HAIR IS\A PERSONAL" !important;

        white-space: pre-line !important;

        position: absolute !important;
        z-index: 7 !important;

        left: clamp(42px, 6.5vw, 120px) !important;
        bottom: 66px !important;

        display: block !important;

        width: 250px !important;
        max-width: 30vw !important;

        color: #F5F5F5 !important;

        font-family:
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 28px !important;
        font-weight: 300 !important;

        line-height: 1.02 !important;
        letter-spacing: 3.5px !important;

        text-transform: uppercase !important;

        text-shadow:
            0 2px 16px
            rgba(0,0,0,0.55) !important;

        pointer-events: none !important;
    }

    #post-1188 .site-content::after {
        content: "EXPERTISE.  CREATIVITY.  YOU." !important;

        position: absolute !important;
        z-index: 8 !important;

        left: clamp(42px, 6.5vw, 120px) !important;
        bottom: 37px !important;

        display: block !important;

        width: 300px !important;

        color: rgba(255,255,255,0.70) !important;

        font-family:
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 9px !important;
        font-weight: 500 !important;

        line-height: 1 !important;
        letter-spacing: 2.8px !important;

        text-transform: uppercase !important;

        pointer-events: none !important;
    }
}


/* =========================================================
   BRAND STACK — FINER MATCH TO CREATE ACCOUNT
   ========================================================= */

#post-1188 .booknetic_login::before {
    margin-bottom: 10px !important;

    font-size: 14px !important;

    letter-spacing: 4.5px !important;
}

#post-1188 .login_step::before {
    margin-bottom: 25px !important;

    padding-top: 10px !important;

    font-size: 8px !important;

    letter-spacing: 3.5px !important;
}


/* =========================================================
   LOGIN HEADING
   ========================================================= */

#post-1188 .login_step > .booknetic_header {
    margin-bottom: 29px !important;
}

#post-1188 .login_step > .booknetic_header::before {
    font-size: 28px !important;
    font-weight: 650 !important;

    letter-spacing: -0.6px !important;
}

#post-1188 .login_step > .booknetic_header::after {
    max-width: 385px !important;

    margin-top: 9px !important;

    color: #A7A7A7 !important;

    font-size: 13px !important;

    line-height: 1.5 !important;
}


/* =========================================================
   LABELS
   ========================================================= */

#post-1188 .booknetic_form_element > label {
    margin-bottom: 7px !important;

    color: #D9D9D9 !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    letter-spacing: 1.2px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   FORM RHYTHM
   ========================================================= */

#post-1188 .booknetic_form_element {
    margin-bottom: 17px !important;
}


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

#post-1188 .booknetic_login input[type="text"],
#post-1188 .booknetic_login input[type="email"],
#post-1188 .booknetic_login input[type="password"],
#post-1188 .booknetic_login input.form-control,
#post-1188 .booknetic_login .booknetic_form_element input {
    height: 50px !important;

    padding:
        0
        15px !important;

    background:
        #0A0A0A !important;

    background-color:
        #0A0A0A !important;

    box-shadow:
        inset 0 0 0 1000px
        #0A0A0A !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px
        #0A0A0A !important;

    border-color:
        #3A3A3A !important;

    font-size:
        13px !important;

    transition:
        border-color .18s ease,
        background-color .18s ease,
        box-shadow .18s ease !important;
}

#post-1188 .booknetic_login input::placeholder {
    color:
        #686868 !important;

    opacity:
        1 !important;
}

#post-1188 .booknetic_login input[type="text"]:hover,
#post-1188 .booknetic_login input[type="email"]:hover,
#post-1188 .booknetic_login input[type="password"]:hover,
#post-1188 .booknetic_login input.form-control:hover,
#post-1188 .booknetic_login .booknetic_form_element input:hover {
    border-color:
        #555555 !important;
}

#post-1188 .booknetic_login input[type="text"]:focus,
#post-1188 .booknetic_login input[type="email"]:focus,
#post-1188 .booknetic_login input[type="password"]:focus,
#post-1188 .booknetic_login input.form-control:focus,
#post-1188 .booknetic_login .booknetic_form_element input:focus {
    background:
        #101010 !important;

    background-color:
        #101010 !important;

    border-color:
        #FFD700 !important;

    box-shadow:
        inset 0 0 0 1000px #101010,
        0 0 0 1px rgba(255,215,0,0.12) !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #101010,
        0 0 0 1px rgba(255,215,0,0.12) !important;
}


/* =========================================================
   SPAM NOTICE
   ========================================================= */

#post-1188 .booknetic_signup_spam_notice {
    margin-top:
        6px !important;

    color:
        #747474 !important;

    font-size:
        9px !important;

    line-height:
        1.4 !important;
}


/* =========================================================
   FORGOT PASSWORD
   ========================================================= */

#post-1188 .booknetic_forgot_password {
    gap:
        7px !important;

    margin:
        -1px
        0
        21px !important;

    font-size:
        11px !important;

    font-weight:
        600 !important;
}


/* =========================================================
   SIGN IN BUTTON
   ========================================================= */

#post-1188 .booknetic_login_btn {
    height:
        52px !important;

    font-size:
        10px !important;

    letter-spacing:
        1.8px !important;
}

#post-1188 .booknetic_login_btn::after {
    width:
        52px !important;

    height:
        50px !important;

    font-size:
        18px !important;
}


/* =========================================================
   CREATE ACCOUNT LINK
   REMOVE "DON'T HAVE AN ACCOUNT?"
   ========================================================= */

#post-1188 .login_step > .booknetic_footer {
    margin-top:
        22px !important;

    padding-top:
        19px !important;

    border-top-color:
        rgba(255,215,0,0.26) !important;

    color:
        transparent !important;

    font-size:
        0 !important;

    text-align:
        center !important;
}

#post-1188 .login_step > .booknetic_footer span {
    display:
        none !important;
}

#post-1188 .login_step > .booknetic_footer a {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        9px !important;

    margin:
        0 !important;

    color:
        #FFD700 !important;

    font-size:
        0 !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    letter-spacing:
        1.5px !important;

    text-transform:
        uppercase !important;
}

#post-1188 .login_step > .booknetic_footer a::before {
    content:
        "CREATE ACCOUNT";

    font-size:
        10px !important;

    line-height:
        1 !important;

    letter-spacing:
        1.6px !important;
}

#post-1188 .login_step > .booknetic_footer a::after {
    content:
        "→";

    display:
        inline-block !important;

    font-size:
        15px !important;

    font-weight:
        400 !important;

    line-height:
        1 !important;

    transform:
        translateY(-1px);
}

#post-1188 .login_step > .booknetic_footer a:hover,
#post-1188 .login_step > .booknetic_footer a:hover::before,
#post-1188 .login_step > .booknetic_footer a:hover::after {
    color:
        #FFFFFF !important;
}


/* =========================================================
   MOBILE — MATCH CREATE ACCOUNT
   ========================================================= */

@media screen and (max-width: 767px) {

    /*
     * Keep the photography prominent above the form.
     */
    #post-1188 .post-content {
        padding-top:
            250px !important;

        background-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,0.00) 0%,
                rgba(0,0,0,0.03) 55%,
                rgba(0,0,0,0.55) 78%,
                rgba(0,0,0,0.94) 94%,
                #000000 100%
            ),
            url("https://damianphilpott.com/images/bookingbkgd2.png") !important;

        background-size:
            100% 250px,
            auto 300px !important;

        background-position:
            top center,
            52% top !important;

        background-repeat:
            no-repeat,
            no-repeat !important;
    }

    /*
     * Desktop editorial copy stays off on portrait mobile.
     */
    #post-1188 .post-content::before,
    #post-1188 .post-content::after,
    #post-1188 .site-content::after {
        display:
            none !important;

        content:
            none !important;
    }

    #post-1188 .wp-block-booknetic-signin {
        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        padding:
            0
            18px
            44px !important;
    }

    #post-1188 .booknetic_login {
        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            -8px
            0
            0 !important;

        padding:
            32px
            22px
            26px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7,7,7,0.975),
                rgba(0,0,0,1)
            ) !important;

        border-color:
            rgba(255,215,0,0.40) !important;

        box-shadow:
            0 -12px 40px
            rgba(0,0,0,0.50) !important;
    }

    #post-1188 .booknetic_login::before {
        margin-bottom:
            8px !important;

        font-size:
            12px !important;

        letter-spacing:
            3.6px !important;
    }

    #post-1188 .login_step::before {
        margin:
            0
            auto
            21px !important;

        padding-top:
            8px !important;

        font-size:
            8px !important;

        letter-spacing:
            3.1px !important;
    }

    #post-1188 .login_step > .booknetic_header {
        margin-bottom:
            24px !important;
    }

    #post-1188 .login_step > .booknetic_header::before {
        font-size:
            27px !important;

        line-height:
            1.12 !important;

        letter-spacing:
            -0.45px !important;
    }

    #post-1188 .login_step > .booknetic_header::after {
        max-width:
            300px !important;

        margin-top:
            8px !important;

        font-size:
            12px !important;

        line-height:
            1.45 !important;
    }

    #post-1188 .booknetic_form_element {
        margin-bottom:
            14px !important;
    }

    #post-1188 .booknetic_form_element > label {
        margin-bottom:
            7px !important;

        font-size:
            9px !important;

        letter-spacing:
            1px !important;
    }

    #post-1188 .booknetic_login input[type="text"],
    #post-1188 .booknetic_login input[type="email"],
    #post-1188 .booknetic_login input[type="password"],
    #post-1188 .booknetic_login input.form-control,
    #post-1188 .booknetic_login .booknetic_form_element input {
        width:
            100% !important;

        max-width:
            100% !important;

        height:
            48px !important;

        padding:
            0
            14px !important;

        font-size:
            13px !important;
    }

    #post-1188 .bkntc-password-input {
        width:
            100% !important;

        max-width:
            100% !important;
    }

    #post-1188 .bkntc-password-input input {
        padding-right:
            48px !important;
    }

    #post-1188 .booknetic_login input::placeholder {
        color:
            #8A8A8A !important;

        opacity:
            1 !important;

        font-size:
            13px !important;

        font-weight:
            400 !important;
    }

    #post-1188 .booknetic_forgot_password {
        margin:
            -1px
            0
            18px !important;
    }

    #post-1188 .booknetic_login_btn {
        height:
            50px !important;
    }

    #post-1188 .booknetic_login_btn::after {
        height:
            48px !important;
    }

    #post-1188 .login_step > .booknetic_footer {
        margin-top:
            18px !important;

        padding-top:
            17px !important;
    }
}


/* =========================================================
   VERY NARROW PHONES
   ========================================================= */

@media screen and (max-width: 420px) {

    #post-1188 .post-content {
        padding-top:
            235px !important;

        background-size:
            100% 235px,
            auto 285px !important;

        background-position:
            top center,
            52% top !important;
    }

    #post-1188 .wp-block-booknetic-signin {
        padding:
            0
            14px
            40px !important;
    }

    #post-1188 .booknetic_login {
        padding:
            30px
            20px
            25px !important;
    }

    #post-1188 .login_step > .booknetic_header::before {
        font-size:
            25px !important;
    }
}


/* =========================================================
   LANDSCAPE PHONE
   COMPACT SPLIT-SCREEN VERSION
   ========================================================= */

@media screen and (orientation: landscape) and (max-height: 600px) {

    #post-1188 .site-content {
        min-height:
            auto !important;

        overflow:
            visible !important;
    }

    #post-1188 .post-content {
        position:
            relative !important;

        min-height:
            calc(100svh - 94px) !important;

        margin:
            0 !important;

        padding:
            12px
            18px
            16px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            flex-end !important;

        background-image:
            linear-gradient(
                90deg,
                rgba(0,0,0,0.00) 0%,
                rgba(0,0,0,0.03) 36%,
                rgba(0,0,0,0.26) 52%,
                rgba(0,0,0,0.76) 72%,
                #000000 100%
            ),
            url("https://damianphilpott.com/images/bookingbkgd2.png") !important;

        background-size:
            cover,
            cover !important;

        background-position:
            center center,
            24% center !important;

        background-repeat:
            no-repeat,
            no-repeat !important;
    }

    #post-1188 .post-content::before,
    #post-1188 .post-content::after,
    #post-1188 .site-content::after {
        display:
            none !important;

        content:
            none !important;
    }

    #post-1188 .wp-block-booknetic-signin {
        width:
            min(52vw, 500px) !important;

        max-width:
            500px !important;

        flex:
            0 0 min(52vw, 500px) !important;

        margin:
            0
            10px
            0
            0 !important;

        padding:
            0 !important;
    }

    #post-1188 .booknetic_login {
        width:
            100% !important;

        max-width:
            500px !important;

        margin:
            0 !important;

        padding:
            18px
            22px
            16px !important;

        box-shadow:
            0 20px 52px
            rgba(0,0,0,0.56) !important;
    }

    #post-1188 .booknetic_login::before {
        margin-bottom:
            5px !important;

        font-size:
            10px !important;

        line-height:
            1.2 !important;

        letter-spacing:
            3px !important;
    }

    #post-1188 .login_step::before {
        margin:
            0
            auto
            11px !important;

        padding-top:
            5px !important;

        font-size:
            6.5px !important;

        line-height:
            1.2 !important;

        letter-spacing:
            2.5px !important;
    }

    #post-1188 .login_step > .booknetic_header {
        margin-bottom:
            12px !important;
    }

    #post-1188 .login_step > .booknetic_header::before {
        font-size:
            20px !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -0.35px !important;
    }

    #post-1188 .login_step > .booknetic_header::after {
        max-width:
            330px !important;

        margin-top:
            5px !important;

        font-size:
            9.5px !important;

        line-height:
            1.35 !important;
    }

    #post-1188 .booknetic_form_element {
        margin-bottom:
            8px !important;
    }

    #post-1188 .booknetic_form_element > label {
        margin-bottom:
            4px !important;

        font-size:
            7px !important;

        line-height:
            1.2 !important;

        letter-spacing:
            0.8px !important;
    }

    #post-1188 .booknetic_login input[type="text"],
    #post-1188 .booknetic_login input[type="email"],
    #post-1188 .booknetic_login input[type="password"],
    #post-1188 .booknetic_login input.form-control,
    #post-1188 .booknetic_login .booknetic_form_element input {
        width:
            100% !important;

        max-width:
            100% !important;

        height:
            35px !important;

        padding:
            0
            11px !important;

        font-size:
            10.5px !important;
    }

    #post-1188 .booknetic_login input::placeholder {
        font-size:
            10px !important;
    }

    #post-1188 .bkntc-password-input input {
        padding-right:
            40px !important;
    }

    #post-1188 .booknetic_signup_spam_notice {
        margin-top:
            3px !important;

        font-size:
            7px !important;

        line-height:
            1.25 !important;
    }

    #post-1188 .booknetic_forgot_password {
        margin:
            -1px
            0
            9px !important;

        font-size:
            8px !important;
    }

    #post-1188 .booknetic_forgot_password img {
        width:
            12px !important;

        height:
            12px !important;
    }

    #post-1188 .booknetic_login_btn {
        height:
            39px !important;

        font-size:
            8px !important;

        letter-spacing:
            1.5px !important;
    }

    #post-1188 .booknetic_login_btn::after {
        width:
            44px !important;

        height:
            37px !important;

        font-size:
            15px !important;
    }

    #post-1188 .login_step > .booknetic_footer {
        margin-top:
            10px !important;

        padding-top:
            10px !important;
    }

    #post-1188 .login_step > .booknetic_footer a::before {
        font-size:
            8px !important;

        letter-spacing:
            1.3px !important;
    }

    #post-1188 .login_step > .booknetic_footer a::after {
        font-size:
            12px !important;
    }
}


/* =========================================================
   EXTRA-SHORT LANDSCAPE PHONES
   ========================================================= */

@media screen and (orientation: landscape) and (max-height: 430px) {

    #post-1188 .post-content {
        padding-top:
            8px !important;

        padding-bottom:
            10px !important;
    }

    #post-1188 .booknetic_login {
        padding:
            14px
            20px
            13px !important;
    }

    #post-1188 .login_step::before {
        margin-bottom:
            8px !important;
    }

    #post-1188 .login_step > .booknetic_header {
        margin-bottom:
            9px !important;
    }

    #post-1188 .login_step > .booknetic_header::before {
        font-size:
            18px !important;
    }

    #post-1188 .login_step > .booknetic_header::after {
        font-size:
            8.5px !important;
    }

    #post-1188 .booknetic_login input[type="text"],
    #post-1188 .booknetic_login input[type="email"],
    #post-1188 .booknetic_login input[type="password"],
    #post-1188 .booknetic_login input.form-control,
    #post-1188 .booknetic_login .booknetic_form_element input {
        height:
            32px !important;
    }

    #post-1188 .booknetic_form_element {
        margin-bottom:
            6px !important;
    }

    #post-1188 .booknetic_forgot_password {
        margin-bottom:
            7px !important;
    }

    #post-1188 .booknetic_login_btn {
        height:
            36px !important;
    }

    #post-1188 .booknetic_login_btn::after {
        height:
            34px !important;
    }
}

/* =========================================================
   MOBILE HERO IMAGE DEPTH FIX
   Prevent the photo layer extending behind the login card.
   The gradient mask and photo now end at the same height.
   ========================================================= */

@media screen and (max-width: 767px) {

    #post-1188 .post-content {
        background-size:
            100% 250px,
            auto 250px !important;
    }

}

@media screen and (max-width: 420px) {

    #post-1188 .post-content {
        background-size:
            100% 235px,
            auto 235px !important;
    }

}

/* =========================================================
   V4 — MOBILE EDITORIAL IMAGE COPY
   Matches Create Account + Forgot Password.
   No decorative yellow line on portrait mobile.
   ========================================================= */

@media screen and (max-width: 767px) {

    #post-1188 .post-content::before {
        content: "PRIVATE APPOINTMENT" !important;

        position: absolute !important;
        z-index: 7 !important;

        top: 144px !important;
        left: 34px !important;

        display: block !important;

        width: 210px !important;

        color: #FFD700 !important;

        font-family:
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        line-height: 1 !important;
        letter-spacing: 1.9px !important;

        text-transform: uppercase !important;

        background: none !important;

        pointer-events: none !important;
    }

    #post-1188 .post-content::after {
        content: "HAIR IS\A PERSONAL" !important;

        white-space: pre-line !important;

        position: absolute !important;
        z-index: 7 !important;

        top: 164px !important;
        left: 34px !important;

        display: block !important;

        width: 180px !important;

        color: #F5F5F5 !important;

        font-family:
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 19px !important;
        font-weight: 300 !important;

        line-height: 1 !important;
        letter-spacing: 2.2px !important;

        text-transform: uppercase !important;

        text-shadow:
            0 2px 12px
            rgba(0,0,0,0.60) !important;

        pointer-events: none !important;
    }

    #post-1188 .site-content::after {
        content: "EXPERTISE. CREATIVITY. YOU." !important;

        position: absolute !important;
        z-index: 8 !important;

        top: 215px !important;
        left: 34px !important;

        display: block !important;

        width: 220px !important;

        color:
            rgba(255,255,255,0.72) !important;

        font-family:
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 6.5px !important;
        font-weight: 600 !important;

        line-height: 1 !important;
        letter-spacing: 1.65px !important;

        text-transform: uppercase !important;

        pointer-events: none !important;
    }

}

@media screen and (max-width: 420px) {

    #post-1188 .post-content::before {
        top: 132px !important;
        left: 28px !important;

        width: 195px !important;

        font-size: 7px !important;
    }

    #post-1188 .post-content::after {
        top: 150px !important;
        left: 28px !important;

        font-size: 17px !important;

        letter-spacing: 2px !important;
    }

    #post-1188 .site-content::after {
        top: 197px !important;
        left: 28px !important;

        font-size: 6px !important;

        letter-spacing: 1.45px !important;
    }

}

/*
 * Landscape stays intentionally clean.
 */
@media screen and (orientation: landscape) and (max-height: 600px) {

    #post-1188 .post-content::before,
    #post-1188 .post-content::after,
    #post-1188 .site-content::after {
        display: none !important;
        content: none !important;
    }

}