focus/*
Theme Name: IEA ECES
Author: Gerard Vink
Author URI: www.gerardvink.com
Version: 2.0.0-alpha+20180627
Text Domain: iea-eces
*/

html, body {
	background: #f7f7f7;
}

html:after {
	content: "";
	height: calc(25vw);
	min-height: 15rem;
	max-height: 22rem;
	width: 100%;
	background: rgb(90, 208, 130);
	background: -webkit-linear-gradient( 90deg, rgb(90, 208, 130), rgb(0, 158, 218) );
	background: -o-linear-gradient( 90deg, rgb(90, 208, 130), rgb(0, 158, 218) );
	background: -moz-linear-gradient( 90deg, rgb(90, 208, 130), rgb(0, 158, 218) );
	background: linear-gradient( 90deg, rgb(90, 208, 130), rgb(0, 158, 218) );
	z-index: -2;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-height: 550px) {
	html:after {
		height: 15rem;
	}
}

a:focus {
	box-shadow: none;
	-webikt-box-shadow: none;
}

#login h1 {
	background: white;
	margin-bottom: -1px;
}

#login h1 a{
	margin: 0 auto;
	background-position:center;
	background-size:170px 68px;
	background-image:url('../img/eces-login-logo.png');
	width:170px;
	height:100px;
	color: white;
}

.login form{
	margin-top: 0;
}

.login form .input, .login form input[type=checkbox], .login input[type=text] {
	background: #fff;
}

.login .button-primary {
	float:right;
	background-color: rgb(0, 158, 218) !important;
	color: white;
	border-radius: 5px;
	border: none;
	box-shadow: none !important;
	text-shadow: none !important;
	transition: all .2s linear;
}

.login .button-primary:hover, .login .button-primary:focus {
	box-shadow: 0 0 .625rem rgba(100,100,100,0.4);
	background: rgba(0, 158, 218, 0.8) !important;
}

input[type=checkbox], input[type=color], input[type=date], input[type=datetime-local],
input[type=datetime], input[type=email], input[type=month], input[type=number],
input[type=password], input[type=radio], input[type=search], input[type=tel],
input[type=text], input[type=time], input[type=url], input[type=week],
select, textarea {
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
	background-color: #fff;
	color: #444;
	outline: 0;
	-webkit-transition: .05s border-color ease-in-out;
	transition: .05s border-color ease-in-out
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
	border-color: rgb(0, 158, 218);
	-webkit-box-shadow: 0 0 0px rgba(55, 115, 101, .8);
	box-shadow: 0 0 0px rgba(55, 115, 101, .8)
}

input[type=checkbox]:checked:before {
	content: '\f147';
	margin: -3px 0 0 -4px;
	color: rgb(0, 158, 218);
}

.login #nav a, .login #backtoblog a, .login #nav a:hover, .login #backtoblog a:hover, #login_error a, #login_error a:hover  {
	color: rgb(0, 158, 218);
	text-decoration: underline;
}

.login #nav a:hover, .login #backtoblog a:hover,
.login #nav a:focus, .login #backtoblog a:focus,
.login #nav a:active, .login #backtoblog a:active {
	color: rgba(0, 158, 218, 0.8) !important;
}

.login #login_error, .login .message {
	border: 0px solid white;
	box-shadow: 0 0px 0px 0 rgba(0,0,0,0);
	color: rgba(15, 50, 65, 0.95);
	background: white;
	padding-left: 24px;
	margin-bottom: -1px;
}

#backtoblog {
	display: none;
}