:root{
	--black: #000000;
	--black-alt: #222222;
	--white: #ffffff;
	--blue: #0776d3;
	--darkblue: #063861;
	--medblue: #0761ac;	
/*	--lightblue: #f5efff; -- OLD COLOR, now lightblue and xlightblue are the same */ 
	--lightblue: #edf7ff;
	--xlightblue: #edf7ff;	
	--blue-gradient: linear-gradient(0deg, rgba(6, 56, 97, 1) 10%, rgba(7, 97, 172, 1) 55%, rgba(7, 118, 211, 1) 100%);
	--purple: #662d8f;
	--green: #4c9c2e;
	--gold: #f2b910;
	--round-corners: 0.6rem;
}
.login.login-action-login { 
	background: var(--blue);
	background: var(--blue-gradient);
/*	background-blend-mode: overlay;*/
}
.login.login-action-login #login { 
	width: auto; 
	max-width: 400px; 
	padding-top: 8%;
}
.login.login-action-login div#login h1 a {
	background: url('/wp-content/uploads/2026/09/ETS_logo-white-text.svg');
	background-repeat: no-repeat;
	background-size: cover;
/*	filter: drop-shadow(-1px -1px 7px #fff);*/
	width: 400px;
	height: 136px;
	padding-bottom: 0;
	margin: 0 auto 15px;
} 
.login #login_error, .login .message, .login .success {
	border-left-color: var(--gold);
}
.login.login-action-login form#loginform {
	background: var(--lightblue);
	color: var(--black-alt);
	border: 1px solid var(--purple);
	border-radius: var(--round-corners);
}
.login form#loginform input.input { 
	border: 1px solid var(--blue) !important; 
}
.login.login-action-login form#loginform p.submit input#wp-submit {
	background: var(--blue); 
	color: var(--white);
	border-color: var(--blue);
	transition: all .2s ease;
}
.login.login-action-login form#loginform p.submit input#wp-submit:hover {
	background: var(--white);
	color: var(--blue);
}
.login.login-action-login p#nav > a { 
	color: var(--white);
	transition: all 0.2s ease;
}
.login.login-action-login p#nav > a:hover { 
	color: var(--gold);
}
.login.login-action-login p#backtoblog, .login .privacy-policy-page-link {
	display: none !important;
}