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

body.login {
    font-family: "Roboto",sans-serif !important;
}

/* 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 div.notice-info{
                border-left-color: #3858e9 !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: 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: #3858e9;
            }



            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: #3858e9 !important;
                border: solid 1px #3858e9 !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: #213fd4 !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,
            body.login div#login div.privacy-policy-page-link a.privacy-policy-link, 
            body.login div#login form.admin-email-confirm-form p a,
            body.login div#login form.admin-email-confirm-form div.admin-email__actions div.admin-email__actions-secondary a {
                color: #3858e9 !important;
                font-size: 14px !important;
                font-family: "Roboto",sans-serif !important;
            }

            body.login div#login p#nav a:hover,
            body.login div#login div.privacy-policy-page-link a.privacy-policy-link:hover, 
            body.login div#login form.admin-email-confirm-form p a:hover,
            body.login div#login form.admin-email-confirm-form div.admin-email__actions div.admin-email__actions-secondary a:hover {
                color: #213fd4 !important;
            }
            body.login div#login p#nav a:focus,
            body.login div#login div.privacy-policy-page-link a.privacy-policy-link:focus, 
            body.login div#login form.admin-email-confirm-form p a:focus,
            body.login div#login form.admin-email-confirm-form div.admin-email__actions div.admin-email__actions-secondary a:focus {
                box-shadow: none;
            }


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

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


            #login #backtoblog{
                display: none;
            }

    body.login div.language-switcher form#language-switcher input{
        background-color: #3858e9 !important;
        border: solid 1px #3858e9 !important;
        color: #ffffff;
        /*float: none !important;
        width: 100% !important;
        height: 50px !important;
        font-size: 16px !important;
        margin-top: 10px !important;
        border-radius: 6px !important;*/
        font-family: "Roboto",sans-serif !important;
    }
    body.login div.language-switcher form#language-switcher input:hover {
        background-color: #213fd4 !important;
        border-color: #213fd4 !important;
    }
    body.login div.language-switcher form#language-switcher input:focus {
        box-shadow: none !important;
    }

    body.login div#login form.admin-email-confirm-form{
        border-style: none !important;
        padding-top: 0px !important;
        box-shadow: none !important;
    }
    body.login div#login form.admin-email-confirm-form h1{
        text-align: left !important;
        font-size: 24px !important;
        line-height: 26px !important;
        padding-top: 10px !important;
        padding-bottom: 16px !important;
    }

    body.login div#login form.admin-email-confirm-form div.admin-email__actions div.admin-email__actions-primary input{
        background-color: #3858e9 !important;
        border: solid 1px #3858e9 !important;
        font-family: "Roboto",sans-serif !important;
    }
    body.login div#login form.admin-email-confirm-form div.admin-email__actions div.admin-email__actions-primary input:hover{
        background-color: #213fd4 !important;
        border-color: #213fd4 !important;
    }
    body.login div#login form.admin-email-confirm-form div.admin-email__actions div.admin-email__actions-primary input:focus{
        box-shadow: none !important;
    }

    body.login div#login form.admin-email-confirm-form div.admin-email__actions div.admin-email__actions-primary a {
        border-color: #3858e9 !important; 
        color: #3858e9 !important;
        background-color: #ffffff !important;
    }
    body.login div#login form.admin-email-confirm-form div.admin-email__actions div.admin-email__actions-primary a:hover {
        border-color: #000000 !important;
        color: #ffffff !important;
        background-color: #000000 !important;
    }