:root {
  --primary: #3C6B8B;
  --secondary: #2DA7B8;
}


#login h1 a {
    background: url("https://affordablehousingshowers.com/wp-content/uploads/Logo-white.png") no-repeat;
	background-size: cover;
	width: 200px;
    height: 78px; 
	margin-left: 50%;
	transform: translateX(-50%);
}

#loginform .button-primary {
	background-color: #000;
	border: none;
	border-radius: 0;
	box-shadow:none;
	text-shadow: none;
	text-transform: uppercase;
	transition: all .2s;
}

#loginform .button-primary:hover {
	background-color: rgb(66, 66, 66)000;
}


#loginform input:focus {
	box-shadow:none;
	border-color: #000;
}


.login.login-action-login.wp-core-ui,
.login.login-password-protected{
	background: linear-gradient(135deg, #1a2e3d 0%, #3C6B8B 35%, #2DA7B8 70%, #1a3a4a 100%) !important;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#loginform {
	background: rgba(255,255,255,.3);
	border: 3px solid white;
	border-radius: 10px;
	box-shadow: 1px 1px 7px black;
}
#loginform label {
	color: white;
	font-weight: bold;
}

#loginform input:not([type=submit]) {
 	background: rgba(255,255,255,.3);
	padding: 8px 25px;
	color: white;
	border-radius: 10px;
	border: 2px solid white;
}

#loginform input:not([type=submit]):focus {
	border-color: var(--primary);
}

#loginform input[type=submit] {
	background: var(--primary);
	border-radius: 8px;
	transition: all .3s;
}

#loginform input[type=submit]:hover {
	background: var(--secondary);
}


.login #login_error, .login .message, .login .success {
	border-left: 4px solid #000000;
	padding: 12px;
	margin-left: 0;
	margin-bottom: 20px;
	background-color: rgba(0,0,0,.5);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	color: white;
}

#loginform input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px black;
	-webkit-text-fill-color: white !important;
}