:root {
	--green: #039935;
	--light-green: #C5F8AC;
	--lighter-green: #E1FFD1;
	--dark-green: #339900;
	--darker-green: #388810;
	--bright-green: #20FF00;

	--blue: #0058a3;
	--light-blue: #96CFF4;
	--lighter-blue: #D6ECFA;
	--dark-blue: #006699;
	--darker-blue: #024465;

	--yellow: #ffdb00;
	--light-yellow: #FFF6D1;
	--dark-yellow: #CC9900;
	--darker-yellow: #a67d01;

	--white: #ffffff;

	--black: #000000;
	--lighter-black: #333333;

	--grey: #999999;
	--light-grey: #D5D5D5;
	--mid-grey: #b5b5b5;
	--dark-grey: #666666;
	--very-light-grey: #F5F5F5;

	--red: #ff0000;
	--light-red: #ff7e7e;
	--dark-red: #cd2226;
	--red-resume: #ff5000;

	--blue-link: var( --blue );
}
input:-webkit-autofill, 
input:-webkit-autofill::first-line,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { 
	font-size: 24px !important;
	-webkit-box-shadow: 0 0 0 60px var( --white ) inset !important;
    background-color: var( --white ) !important;
    background-clip: content-box !important;
	color: var( --grey );
}
a:focus {
	box-shadow: none !important;
}
.login div#login form label {
	display: block;
}
.login div#login form p.forgetmenot label {
	display: inline-block;
}
.login div#login form {
	padding: 6px 24px 34px;
	border: 0;
	box-shadow: none !important;
}
.login p {
	position: relative;
	margin: 0 0 15px 0 !important;
}
.login p .glyphicons-halflings,
.login div .glyphicons-halflings {
	position: absolute;
	top: 9px;
	left: 9px;
	top: 14px;
    width: 25px;
    left: 6px;
    fill: #d1d1d1;
}
.login div#login form input[type="text"], 
.login div#login form input[type="email"], 
.login div#login form input[type="password"] {
	width: 100% !important;
	padding: 0 10px 0 40px !important;
	outline: none;
	font-size: 24px !important;
	line-height: 50px;
	border: 1px solid var( --blue ) !important;
	border-radius: 4px !important;
	box-shadow: none;
	background: var( --white ) repeat scroll 0 0 !important;
	color: var( --grey ) !important;
}
.login-action-lostpassword .message {
	display: none;
}
.login-action-lostpassword.login div#login form input[type="text"] {
	font-size: 22px !important;
}
.login div#login form input[type="text"]:focus,
.login div#login form input[type="email"]:focus, 
.login div#login form input[type="password"]:focus {
	box-shadow: 0px 0px 1px 3px #d6ecfa;
	border-radius: 4px !important;
}
.login div#login form p.forgetmenot {
	margin-bottom: 0 !important;
	line-height: 49px;
	color: var( --blue );
	font-size: 16px !important;
}
.login div#login form p.forgetmenot label {
	color: var( --blue ) !important;
	line-height: 49px !important;
	font-size: 16px !important;
}
.login p.submit {
	margin-bottom: 20px;
	text-align: right;
}
.login div#login form input[type="submit"] {
	height: auto !important;
	padding: 3px 30px;
	font-size: 27px !important;
	font-weight: bold;
	color: var( --blue ) !important;
	border: 4px solid var( --blue ) !important;
	border-radius: 7px !important;
	outline: none;
	background: var( --white ) !important;
	box-shadow: none !important;
	text-shadow: none !important;
	line-height: 40px !important;
}
.login div#login form input[type="submit"]:hover,
.login div#login form input[type="submit"]:active,
.login div#login form input[type="submit"]:focus {
	color: var( --white ) !important;
	background-color: var( --blue ) !important;
	text-shadow: none !important;
	border: 4px solid var( --blue ) !important;
	border-radius: 7px !important;
	box-shadow: none !important;
	-webkit-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	transform: translateY(0) !important;
}
div#login form#lostpasswordform input[type="submit"] {
	font-size: 22px !important;
}
.login div#login form input[type="checkbox"], 
.login div#login form input[type="radio"] {
	width: 20px;
    height: 20px;
	outline: none;
}
.login div#login form input[type="checkbox"]:checked,
.login div#login form input[type="radio"]:checked {
	background-color: var( --blue ) !important;
	border-color: var( --blue ) !important;
}
input[type=checkbox]:checked::before {
	width: 23px;
    height: 23px;
}
.login hr {
	margin: 20px 24px;
	color: #e9e9e9;
}
.login div#login p#nav, 
.login div#login p#nav a, 
.login div#login p#nav a:hover, 
.login div#login p#nav a:active, 
.login div#login p#nav a:focus {
	color: var( --blue ) !important;
	font-size: 18px !important;
	font-weight: bold !important;
}
.login div#login p#nav a:hover {
	color: var( --darker-blue ) !important;
}
.login div#login p#nav a:active {
	color: var( --dark-blue ) !important;
}
.login div#login form#lostpasswordform,
.login div#login form#resetpassform {
	padding-bottom: 0 !important;
}
.login div#login form#lostpasswordform p.submit,
.login div#login form#resetpassform p.submit {
	margin-bottom: 0 !important;
}
.login-action-rp .wp-pwd .glyphicons-lock {
	top: 9px;
}
.login #login_error, 
.login .message {
	margin: 20px 24px 15px !important;
	border: 0;
	box-shadow: none;
	color: var( --white );
	background-color: var( --blue );
	border-radius: 7px;
}
.login #login_error a, 
.login .message a {
	color: var( --white );
	text-decoration: underline;
}
.user-pass-wrap {
	margin-bottom: 20px;
}
.user-pass-wrap label.user_pass {
	display: none;
}

#resetpassform .dashicons {
	font-family: dashicons !important;
}
#resetpassform #pass-strength-result,
#resetpassform .pw-weak {
	display: none !important;
}
.login #resetpassform input[type="password"].password-input,
.login #resetpassform input[type="text"].password-input {
	padding: 0 40px 0 32px !important;
	line-height: 40px;
}
.login .button.wp-hide-pw:focus {
	outline: none;
	box-shadow: none;
	border: none;
}
.login .button.wp-hide-pw,
.login .button.wp-hide-pw:hover,
.login .button.wp-hide-pw:active,
.login .button.wp-hide-pw:focus {
	color: var( --blue ) !important;
}
.wp-cancel-pw > .dashicons, .login .button.wp-hide-pw .dashicons {
	top: 12px;
    font-family: dashicons !important;
    width: 30px;
    height: 30px;
    right: 10px;
}
.login-action-rp .button.wp-hide-pw .dashicons {
	top: 5px;
}
.login .button.wp-hide-pw .dashicons.dashicons-visibility:before,
.login .button.wp-hide-pw .dashicons.dashicons-hidden:before {
	font-size: 20px;
}

@media only screen and (max-width: 768px) {
	.login div#login h1 a {
		height: 120px !important;
	}
	body.login div#login form {
		margin-top: 0;
		padding-top: 0;
	}
}
@media only screen and (max-width: 420px) {
	.login #login_error, 
	.login .message {
		margin: 0 24px 15px !important;
	}
}
@media only screen and (max-width: 375px) {
	.login div#login form p.submit {
		text-align: right;
	}
	.login div#login form input[type="submit"] {
		float: none;
	}
	.login div#login hr {
		margin: 0px 24px 20px;
	}
	.login div#login form p.forgetmenot {
		float: none;
	}
}