/* =====================================================
   MEMORYS AFTERLIFE LOGIN / PASSWORD RESET
===================================================== */

body.login {
    background: #050816;
    color: #ffffff;
}

body.login #login {
    width: 420px;
    max-width: calc(100% - 32px);
    padding-top: 6vh;
}

/* -----------------------------------------------------
   Replace WordPress Logo
----------------------------------------------------- */

body.login h1 a {
    background-image: none !important;
    background-size: 0 !important;
    width: 100%;
    height: auto;
    margin: 0 0 28px;
    padding: 0;
    overflow: visible;
    text-indent: 0;
    font-size: 0;
    line-height: 1;
}

body.login h1 a::after {
    content: "Memorys AfterLife";
    display: block;
    color: #ffffff;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -1px;
    text-align: center;
}

/* -----------------------------------------------------
   Form
----------------------------------------------------- */

body.login form {
    background: #141c33;
    border: 0;
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 18px 45px rgba(0,0,0,.35);
}

body.login label {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}

body.login input[type=text],
body.login input[type=email],
body.login input[type=password],
body.login .input {
    background: #0d1427;
    color: #ffffff;
    border: 1px solid #33415f;
    border-radius: 8px;
    min-height: 48px;
    box-shadow: none;
}

body.login input[type=text]:focus,
body.login input[type=email]:focus,
body.login input[type=password]:focus,
body.login .input:focus {
    border-color: #4f8df7;
    box-shadow: 0 0 0 1px #4f8df7;
}

/* -----------------------------------------------------
   Buttons
----------------------------------------------------- */

body.login .button-primary {
    background: #4f8df7;
    border-color: #4f8df7;
    border-radius: 8px;
    min-height: 44px;
    padding: 0 24px;
    font-weight: 700;
    box-shadow: none;
    text-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
    background: #3e7be3;
    border-color: #3e7be3;
}

body.login .button-secondary {
    border-radius: 8px;
}

body.login .button.wp-hide-pw {
    color: #4f8df7;
}

/* -----------------------------------------------------
   Messages
----------------------------------------------------- */

body.login .message,
body.login .success,
body.login #login_error {
    background: #141c33;
    color: #ffffff;
    border: 0;
    border-left: 4px solid #4f8df7;
    border-radius: 10px;
    box-shadow: none;
}

body.login #login_error {
    border-left-color: #ff5d5d;
}

body.login .message a,
body.login #login_error a {
    color: #7cb1ff;
}

/* -----------------------------------------------------
   Links
----------------------------------------------------- */

body.login #nav,
body.login #backtoblog,
body.login .privacy-policy-page-link {
    text-align: center;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
    color: #9db8e8;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
    color: #ffffff;
}

/* -----------------------------------------------------
   Password Strength
----------------------------------------------------- */

body.login #pass-strength-result {
    border-radius: 6px;
}

/* -----------------------------------------------------
   Mobile
----------------------------------------------------- */

@media (max-width:480px){

    body.login #login{
        width:auto;
        padding-top:40px;
    }

    body.login h1 a::after{
        font-size:32px;
    }

    body.login form{
        padding:24px;
        border-radius:20px;
    }

}

/* -----------------------------------------------------
   Hide Language Switcher
----------------------------------------------------- */

body.login .language-switcher{
    display:none;
}