/* 
    Author     : Oregoom
    WP LOGIN   : DESIGN STANDARD 
    Version    : 1.4.1
*/

/* Extra small devices (portrait phones, less than 576px)*/
/* MOVIL */
@media (max-width: 575.98px) { 

    body.login-action-login {
        display: flex;
        flex-direction: column;
        justify-content: var(--wporlogin-login-justify-content);
        align-items: center;
    }

    body.login-action-register {
        display: flex;
        flex-direction: column;
        justify-content: var(--wporlogin-register-justify-content);
        align-items: center;
    }

    body.login-action-lostpassword {
        display: flex;
        flex-direction: column;
        justify-content: var(--wporlogin-lostpassword-justify-content);
        align-items: center;
    }

    body.login div#login {     
        width: 350px !important;         
        padding: 30px 0 0 0 !important;
        margin: 20px auto 20px auto !important;
    }

    body.login div#login form#loginform, form#registerform, form#lostpasswordform {
        box-shadow: none !important;
    }

}


            @media (min-width: 576px) {
                /*
                ESTILOS PARA IMAGEN DE FONDO DE LOGIN
                */
                body.login {
                    background-image: var(--wporlogin-img-fondo); 
                    background-position: center;
                    background-size: cover; 
                    background-attachment: fixed;
                    margin: 0; 
                    color: #444;
                    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;

                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                }

                body.login-action-login div#login{
                    min-height: var(--wporlogin-login-standard-min-height) !important;
                }
                body.login-action-register div#login{
                    min-height: var(--wporlogin-register-standard-min-height) !important;
                }
                body.login-action-lostpassword div#login{
                    min-height: var(--wporlogin-lostpassword-standard-min-height) !important;
                }


                body.login div#login {
                    /*min-height: var(--wporlogin-standard-min-height) !important;*/
                    background-color: #ffffff !important; 
                    width: 420px !important;
                    margin-left: 10% !important; 
                    box-shadow: 0 0 15px rgba(0,0,0,.8) !important;
                    padding: 0;
                }

                body.login div.language-switcher{
                    width: 420px !important;                    
                    margin-left: 10% !important;
                    background-color: #ffffff !important;
                    height: 100vh !important;
                }

                body.login div#login form#loginform, form#registerform, form#lostpasswordform {
                    margin-top: 20px;
                    margin-left: 0;
                    padding: 26px 50px 46px;
                    font-weight: 400;
                    overflow: hidden;
                    box-shadow: none !important;
                }

                body.login div#login h1 {
                    text-align: center; 
                    margin: 0; 
                    padding: 15% 0 0 0;
                }


            } /*@media (min-width: 576px) */


            body.login{
                background-color: #ffffff !important;        
            }

            body.login div#login h1 a {

                background-image: var(--wporlogin-logo);
                background-size: var(--background-size);

                background-position: var(--background-position);
                background-repeat: no-repeat !important; 

                width: var(--wporlogin-width);
                height: var(--wporlogin-height);  

                color: #444;
                font-size: 20px;
                font-weight: 400;
                line-height: 1.3;
                margin: 0 auto 25px;
                padding: 0;
                text-decoration: none;
                text-indent: -9999px;
                outline: 0;
                overflow: hidden;
                display: block;
            }

            body.login div#login form#loginform, form#registerform, form#lostpasswordform {
                margin-top: 20px;
                margin-left: 0;
                /*padding: 26px 50px 46px;*/
                font-weight: 400;
                overflow: hidden;
                box-shadow: 0 1px 3px rgba(0,0,0,.04);   

                border: none !important;
                padding-bottom: 10px;
            }

            body.login div#login form#loginform p {
                margin-bottom: 0;
            }

    /*        body.login div#login form#loginform p label {
                display: none;
                visibility: hidden;
            }*/

            body.login div#login form#loginform input#user_login, 
            form#registerform input#user_login, 
            form#registerform input#user_email, 
            form#lostpasswordform input#user_login{            
                font-size: 15px !important;
                line-height: 1.33333333 !important;
                width: 100% !important;
                margin: 0 6px 16px 0 !important;
                min-height: 40px !important;
                max-height: none !important;
                border: none !important;
                border-radius: 0 !important;
                border-bottom: #a4a7b5 1px solid !important;
                padding: 0 !important;
            }
            body.login div#login form#loginform p input#user_login:focus, 
            form#registerform input#user_login:focus, 
            form#registerform input#user_email:focus, 
            form#lostpasswordform input#user_login:focus {
                outline: 0 none !important;
                border-bottom: #006fff 1px solid !important;
                box-shadow: none;
            }

            body.login div#login form#loginform input#user_pass {
                font-size: 15px !important;
                line-height: 1.33333333 !important;
                width: 100% !important;
                margin: 0 6px 16px 0 !important;
                min-height: 40px !important;
                max-height: none !important;
                border: none !important;
                border-radius: 0 !important;
                border-bottom: #a4a7b5 1px solid !important;
                padding: 0 !important;
            }
            body.login div#login form#loginform input#user_pass:focus {
                outline: 0 none !important;
                border-bottom: #006fff 1px solid !important;
                box-shadow: none;
            }

            body.login div#login form#loginform button.button-secondary {
                color: #1a73e8;
            }



            body.login div#login form#loginform p.submit input#wp-submit, form#registerform p.submit input#wp-submit, form#lostpasswordform p.submit input#wp-submit {
                /*background-color: #0780F9 !important;*/
                background-color: #1a73e8 !important;
                border: solid 1px #1a73e8 !important;
                float: none !important;
                width: 100%;
                height: 50px;
                font-size: 15px;
                margin-top: 10px;
                border-radius: 6px;
                font-family: Lato, sans-serif;
            }
            body.login div#login form#loginform p.submit input#wp-submit:hover, form#registerform p.submit input#wp-submit:hover, form#lostpasswordform p.submit input#wp-submit:hover {
                background-color: #287ae6 !important;
            }
            body.login div#login form#loginform p.submit input#wp-submit:focus, form#registerform p.submit input#wp-submit:focus, form#lostpasswordform p.submit input#wp-submit:focus {
                box-shadow: none;
            }

            body.login div#login p#nav {
                text-align: center;
                padding-bottom: 30px;
            }

            body.login div#login p#nav a:hover {
                color: #1a73e8 !important;
            }
            body.login div#login p#nav a:focus {
                box-shadow: none;
            }


            #login .message{
                box-shadow: none !important;
            }

            #login #login_error{
                box-shadow: none !important;
            }


            #login #backtoblog{
                display: none;
            }