body.login.login-action-login, body.login.login-action-lostpassword {
    background:#fff !important;
    position: relative;    
}
body.login.login-action-login::before, body.login.login-action-lostpassword::before {
    position:fixed; top:0; left:0; bottom:0; width:50%; height:100vh; background:url(./assets/img/pic.jpg) center center no-repeat; 
    background-size:cover; z-index: 1; content:'';
}
body.login.login-action-login::after, body.login.login-action-lostpassword::after {
     background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 50%);
     content:''; position:absolute; z-index: 2;
     top:0; left:0; bottom:0; width:50%; height:100vh;
}

#login {
    padding-top:0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display:flex;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
#login h1 a, .login h1 a {
    background-image: url(./assets/img/logo2.svg);
    width: 400px;
    height: 150px;
    background-position:center center;
    background-repeat: no-repeat;
    background-size:contain;
    padding-bottom: 30px;
    position:fixed; bottom:28%; left:25%; z-index: 3; margin-left:-200px;
    
}

#login form {
    position: relative;
}
#login form#loginform {
    overflow: visible; margin-top:70px;
}
#login form#loginform::before {
    content:'Belépés'; position:absolute; font-size:30px; font-weight: bold; color:#000; 
    top:-80px; left:0; 
}


.language-switcher {
    display:none !important;
}
body.login.login-action-login #login, body.login.login-action-lostpassword #login {
    position:fixed; z-index: 6; max-width:380px; height: 100vh; width:100%;
    top:0; left:calc(50% + 50px); bottom:0; 
}
@media screen and (max-width: 990px) {
    #login {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start; 
    }
    #login form {
        margin-top:50px;
    }
    #login form#loginform::before {
        top:-50px;
    }

    body.login.login-action-login::before, body.login.login-action-lostpassword::before {
        bottom:auto; height: 200px; width:100%; background-position: top center;
    }
    body.login.login-action-login::after, body.login.login-action-lostpassword::after {
        bottom:auto; height: 200px; width:100%; background-position: center center;
    }
    #login h1 a, .login h1 a {
        height:200px; bottom:auto;bottom:auto; top:90px; width:250px; height: 50px; bottom:auto; 
        left:50%; margin-left:-125px;
    }
    body.login.login-action-login #login, body.login.login-action-lostpassword #login {
        height: 100vh; width:100%;padding-top:230px;
        top:0; left:50%; bottom:0; margin-left:-190px;
    }
}
@media screen and (max-width: 575px) {
    #login form {
        margin-top:50px; width:90%; margin-left:5%;
    }
    .login #backtoblog, .login #nav, .login #login_error, .login .message, .login .success {
        width:90%; margin-left:5%;
    }
    .login #login_error, .login .message, .login .success {
        margin-bottom:-10px;
    }
}
.login form {
    border:none; padding:0; background:none; box-shadow: none;
}
.login form input[type=text], .login form input[type=password], .login form input[type=email] {
    width:100% !important; max-width: 380px !important; border:1px solid #000; line-height: 40px; padding:0 15px;
    border-radius:0; font-size:14px !important;
   
}
.login form input[type=text]:focus, .login form input[type=password]:focus, .login form input[type=email]:focus { outline:0; border:1px solid #000; box-shadow:none; }
.login form input[type=submit] {
    width:100%; max-width: 170px; line-height: 50px; font-size:16px; border:1px solid rgb(239, 75, 62); 
    color:#fff; text-decoration: none; 
    text-align: center; background:rgb(239, 75, 62);display: block; padding:0; border-radius:25px;
   
}
.login form input[type=submit]:hover {
    text-decoration: none; background:rgb(239, 75, 62); color:#fff;
}
.login form input[type=submit]:focus {
    outline:0; box-shadow:none;
}
.login #nav {
    text-align: right; font-size:14px; padding:0; margin-top:50px;
}
.login #nav a {
    color:rgba(29, 43, 155, 1); font-size:14px; text-align: right; font-weight: bold; text-decoration: underline;
}
.login #login_error, .login .message, .login .success {
    border-color:rgb(239, 75, 62);
}
.login #backtoblog, .login #backtoblog a {
    text-align: right; font-size:14px;padding:0; margin-top:4px;
}
.login #backtoblog a {
    color:#000; font-size:14px; text-align: right;
}