/* 1. General
*
*   Those changes will be applied to all wp-login pages
*
*   Image settings */
    body.login {
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background: transparent;
    }
    .login form {
        padding-bottom: 20px;
    }
    /* Change font colors*/
    .login form, .login #login_error, .login .message, .login .success,.login #backtoblog a, .login #nav a, .login label, #login form p {
        color:#000;
        box-shadow: none;
    }
    /* Replace WP logo with your own logo */
    .login h1 a{
        background: url(http://md.dreambuilderteam.com/wp-content/uploads/2020/11/LOGO-2.png) no-repeat !important;
        background-size: contain !important;
        width: 200px;
    }
    
    p.message a {
        color: #d08629;
    }
    
/* 2. Login page
*
*   Customizing Login page only
*
*   Change background - Background position should be changed depending on which image you'll use */
    body.login-action-login {
        background: transparent;
        background-position: center center;
    }
    /* Change margins to better position with the image used on that page */
    .login-action-login #login{
        margin: auto auto 10% auto;
    }

    /* Opacity on every form for better visualisation of your stunning background image */
    .login-action-login form, .login-action-login #login_error, .login-action-login .message, .login-action-login .success {
        background: transparent;
        box-shadow: none;
        padding-bottom: 20px;
    }
    
    .login form .forgetmenot {
        float: none;
        margin-bottom: 1rem !important;
    }

/* 3. Register page 
*
*   Customizing Registration page only
*
* Change background - Background position should be changed depending on which image you'll use */
    body.login-action-register {
        background-image: url('/img/register-page.jpg');
        background-position: center right;
    }
    /* Change margins to better position with the image used on that page */
    .login-action-register #login{
        margin: auto 10% auto auto;
    }
    /* Opacity on every form */
    .login-action-register form, .login-action-register #login_error, .login-action-register .message, .login-action-register .success {
        background-color: rgba(0,0,0,0.1);
        box-shadow: none;
    }
    /* Changing WordPress logo to grayscale - better contrast with the image used on that page */
    .login-action-register h1 a {
        filter: grayscale(100%);
        background-image:url('/img/wordpress-logo.png');
    }
/* 4. LOST PASSWORD PAGE
*
*   Customizing Lost password page only
*
*   Note: If you're using WooCommerce, that plugin uses its own lost password page so you may need to not use that part and create your own customization for that Woo page with body tag .woocommerce-lost-password !
*   If you're using some other plugin managing wp-login pages (like Buddypress) you may need to visit each page, check which body classes should be used and create your own code (classes may be different on custom plugins)
*    
*    Change background - Background position should be changed depending on which image you'll use */
    body.login-action-lostpassword {
        background: transparent;
    }
    /* Change margins to better position with the image used on that page */
    .login-action-lostpassword #login{
        /* margin: auto 10% auto auto; */
    }
    /* Opacity on every form */
    .login-action-lostpassword form, .login-action-lostpassword #login_error, .login-action-lostpassword .message, .login-action-lostpassword .success {
        box-shadow: none;
        padding-bottom: 20px;
    }
    
/* --- Personalizing --- */
.login form .input, .login input[type=password], .login input[type=text] {
    border: 1px solid #bbb;
    color: #4e4e4e;
    background-color: #fff;
    border-radius: 0;
}

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
    border: 0;
    margin: 0;
    display: block;
    background: #d08629;
    color: #fff;
    font-weight: normal;
    text-transform: unset;
    letter-spacing: .5px;
    padding: 7px 30px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    float: none;
    transition: .3s all;
}

p.message {
    /* width: 12%; */
    margin-left: 0;
    border-top: 4px #D08629 solid;
    border-left: 0 !important;
    background: transparent !important;
}

p#nav {
    display: none;
}

.login form .input:focus, .login input[type=password]:focus, .login input[type=text]:focus {
    outline: none;
    border: 0 !important;
}

.wp-core-ui .button-group.button-large .button:hover, .wp-core-ui .button.button-large:hover {
    background: #404040;
}

.login #backtoblog a:hover {
    color: #d08629 !important;
}