body.login {
	background: url(../img/login-bg.png) no-repeat center;
	background-size: cover;
}
.login p#nav,.login p#backtoblog,.login h1{
	display: none;
}
body.login #login{
	width: 25rem;
	padding-top: 16.5rem;
	margin-bottom: 10rem;
}
.login #login form{
    padding: 4rem 2.2rem 3rem;
    border-radius: 10px;
	position: relative;
	min-height: 19rem;
    overflow: unset;
}
.login #login form::before{
	content: '';
	width: 160px;
	height: 160px;
	background: url(../img/form-before.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	top: -7.2rem;
	left: 50%;
	transform: translateX(-50%);
}
.login #login form::after{
	content: '';
    width: 118px;
    height: 60px;
    background: url(../img/logo-white.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: -14rem;
    left: 50%;
	transform: translateX(-50%);
}
.login #login form p.forgetmenot{
	float: unset;
	margin-top: 1.3rem;
}
.login #login form p.submit input.button[type="submit"]{
    margin: 0 auto;
    margin-top: 1.3rem;
    width: 100%;
    font-size: 1.1rem;
	background-color: #191f2b;
	border: 1px solid #191f2b;
	transition: 0.3s all ease;
}
.login #login form p.submit input.button[type="submit"]:hover{
	color: #191f2b;
	background-color: transparent;
}
.login #login form label{
	font-size: 1rem;
	color: #666666;
}
.login #login form ::-webkit-input-placeholder{
	font-size: 1rem;
	color: #999999;
}
.login #login form input.input{
	border: 1px solid #e5e5e5;
    padding: 12px 12px 12px 3rem;
    margin-top: 4px;
	background: url(../img/form-name.svg) no-repeat center;
	background-position-x: 1rem;
    background-size: 15px;
    font-size: 1rem;
	color: inherit;
	position: relative;
	outline-color: #191f2b;
}
.login #login form input.input.password-input{
	background: url(../img/form-password.svg) no-repeat center;
	background-size: 15px;
	background-position-x: 1rem;
}
.login .button.wp-hide-pw{
	top: 50%;
    transform: translateY(-50%);
}
.login #login form input[type=checkbox]{
	width: 1.3rem;
    height: 1.3rem;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	outline:none;
}
.login #login form input[type=checkbox]:checked {
	background: url(../img/check.svg) no-repeat center;
	background-size: 12px;
}
.login #login form input[type=checkbox]:checked::before{
	display: none;
}
.login #login form>p {
    margin-bottom: 0.2rem;
}
.dashicons-visibility:before{
	color: #191f2b;
}
.login #login_error{
	position: relative;
	z-index: 20;
}