/**
 *	ToongeePrime Theme Login Page CSS
 *	@package WordPress
 *	@since ToongeePrime Theme 1.0
 */
#login h1 a,.login h1 a{
	background-image:url('../images/login-logo.png')!important;
}
/* login button + retina login logo */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
#login h1 a,.login h1 a{
	background-image:url('../images/login-logo-2.png')/*Should be 2x the size*/ no-repeat top center;}
}

#jetpack_protect_answer{
	min-width:100px;
}

#login button:not(.wp-hide-pw),#login input[type="submit"]{
	background:var(--brand-color);border-color:var(--brand-color-2);
	border-radius:0;
}
#login button:not(.wp-hide-pw):hover,#login input[type="submit"]:hover,#login input[type="submit"]:focus{
	background:var(--brand-color-2);
}
body.login #login a,.login label{
	color:var(--body-text);
}

#login h1 a,.login h1 a{
	background:no-repeat center;
	color:var(--brand-color);width:100%;height:100px;text-indent:-9999px;
	overflow:hidden;padding-bottom:15px;display:block;
}
#login h1 a:hover,#login h1 a:focus,.login h1 a:hover,.login h1 a:focus{
	color:var(--brand-color-2);
}
#login{
	width:90%;max-width:450px;padding:25px;
	align-self:center;
}
.login form{
	margin:0;padding:10px;border:0;
	font-weight:normal;background:none;
	box-shadow:none;
}

.login .button.wp-hide-pw{
	height:55px;top:5px;
}
#login .button-primary{
	font-size:16px;padding:1px 30px;
}

.login form .forgetmenot{
	float:none;margin:10px 0;
}
#login form p{margin-bottom:10px;}

.login #backtoblog,.login #nav{
	padding:0;text-align:center;
}
.login .privacy-policy-page-link{
	margin:2.5em 0 1em;
}
body #login form .input{
	border-radius:0;padding:10px 20px;
	box-shadow:0 5px 5px rgba(0,0,0,0.1);transition:0.1s;
	font-weight:200;width:100%;
	margin-top:5px;
	margin-right:6px;margin-bottom:16px;
	border:1px solid #ddd;
	background:#fff;outline:none;
}
body #login .input:hover,body #login .input:focus{
	box-shadow:0 7px 12px rgba(0,0,0,0.2);
}

@media(max-width:820px){
#login h1 a,.login h1 a{background-size:contain;}
}
