@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;700&display=swap');

body.login, .page-template-login {
	/* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(4,26,43,1) 100%); */
	background: url('../images/login_bg.jpg')  center center no-repeat;
	background-size: cover !important;
	font-family: 'Heebo', sans-serif;
}
body.login form, .page-template-login form {
	background: rgba(0,0,0,.5);
	border-color: #fff;
}
body.login label, .page-template-login label {
	color: #fff;
}
body.login form .input, body.login form input[type="checkbox"], body.login input[type="text"], .page-template-login form .input, .page-template-login form input[type="checkbox"], body.login input[type="text"] {
	background: rgba(0,0,0,.4);
	border-color: #565656;
	border-radius: 0;
	color: #fff;
}
body.login .button-primary, .page-template-login .button-primary {
	background: rgb(26,81,126);
	background: linear-gradient(320deg, rgba(26,81,126,1) 0%, rgba(98,253,192,1) 100%);
	width: 100%;
	border: none;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
	border: none;
	transition: all ease .3s;
	border-radius: 0;
}
body.login .button-primary:hover, .page-template-login .button-primary:hover {
	background: rgb(26,81,126);
	background: linear-gradient(320deg, rgba(26,81,126,1) 0%, rgba(98,253,192,1) 100%);
	border: none;
	transition: all ease .3s;
	color: #fff;
	transform: scale(1.05);
}
body.login .button.wp-hide-pw, .page-template-login .button.wp-hide-pw {
	color: #fff;
}
body.login .forgetmenot, .page-template-login .forgetmenot {
	margin-bottom: 10px !important;
}
body.login #backtoblog a, .login #nav a, .page-template-login #backtoblog a, .page-template-login #nav a {
    color: #fff;
}