html {
	background-color: #f4f4f4 !important;
	}

body.login {
	background: #494949 url(../images/enclosure-outline.png) no-repeat -10% 130%;
    background-size: 870px;
    background-attachment: fixed;
}
#login {
	width: 100%; 
	padding: 0;
}
.login h1 a {
	background-size: auto;
}
h1 {
	margin-bottom: 20px !important;
	background: #ffffff /*url('http://toolless.ed-webdesigns.com/wp-content/uploads/2020/04/tp-logo.png') right bottom no-repeat*/ !important;
	padding: 10px 0 10px !important;
	box-shadow: 0px 5px #E3383D;
}
h1 a {
	background: url('http://toolless.ed-webdesigns.com/wp-content/uploads/2020/04/tp-logo.png') center top no-repeat !important; 
	width: 200px !important;
	max-width: 200px !important;
	height: 45px !important;
	margin: 20px auto !important;
	background-size: 200px auto !important;
}
.login form {
	/*background-color: #272525 !important;*/
	background: #ffffff;
	padding: 50px 20px 50px !important;
	margin: 60px auto 0 !important;
	width: 40%;
	max-width: 40%;
	height: auto;
	box-shadow: none !important;
	border: none !important;
}
.login form .input, .login input[type="text"], input:-webkit-autofill {
	background: #fff !important;
	color: #243A59 !important;
}
.login .message {
	margin: 0 auto !important;
	width: 40%;
	max-width: 40%;
}
.login label {
	color: #243A59 !important;
	text-shadow: none;
}
.login #nav {
	float: right;
	margin: 10px 28% 10px 0;
}
.login #nav a {
	color: #ffffff !important;
	text-shadow: none;
}
.login #backtoblog {
	float: left; 
	margin: 10px 0 10px 28%;
}
.login #backtoblog a {
	color: #ffffff !important;
	text-shadow: none;
}
.wp-core-ui .button-primary {
	color: #ffffff !important;
	border: none !important;
	border-bottom: 0px solid #d0881e !important;
	border-radius: 20px !important;
	background: #E3383D;
	transition: all 0.25s ease;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: bold;
	box-shadow: none;
}
.wp-core-ui .button-primary:hover {
	color: #fff !important;
	background: #0265a6;
	box-shadow: none;
}

@media only screen and (max-width: 1024px) {
	.login form {
		width: 80%;
		max-width: 80%;
	}
	.login .message {
	    width: 80%;
	    max-width: 80%;
	}
	.login #nav {
		margin: 10px 10% 10px 0;
	}
	.login #backtoblog {
		margin: 10px 0 10px 10%;
	}
}
        
@media only screen and (max-width: 480px) {
	body.login {
		padding-bottom: 40px !important;
		background-position: 58% 0px;
	}
	#login {
		width: auto;
		padding: 0 !important;
	}
	h1 {
		padding: 14px 0 1px !important;
	}
	.login h1 a {
		background-size: 80% !important;
		height: 75px !important;
		margin: 15px auto 15px;
	}
	.login label {
		color: #243A59 !important;
	}
	.login #nav a {
		color: #ffffff !important;
	}
	.login #backtoblog a {
		color: #ffffff !important;
	}
	.login form {
		width: auto !important;
		padding: 20px 20px 20px !important;
	}
	.login .message {
		margin: 0 20px !important;
		width: auto;
	}
	.login #nav {
		margin: 0 0 20px !important;
		padding: 0 !important;
		float: none;
		width: 100%;
		text-align: center;
	}
	.login #backtoblog {
		margin: 0 0 20px !important;
		padding: 0 !important;
		float: none;
		width: 100%;
		text-align: center;
	}
}