body.login {
	background: #00ADEF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	width: 100%;
}
.login h1 a {
	background-image: url('Groteski_logo_2018.png');
	background-size: auto 100%;
	width: 100%;
	height: 200px;
}
.login label {
	font-size: 12px;
	color: #555555;
	width: 100%;
}

.login input[type="text"]{
	background-color: #ffffff;
	border-color:#dddddd;
	-webkit-border-radius: 4px;
}

.login input[type="password"]{
	background-color: #ffffff;
	border-color:#dddddd;
	-webkit-border-radius: 4px;
}
.login .button-primary {
	width: 120px;
	float:right;
	background-color: #ED008C !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED008C), to(#552bb9));
	background: -webkit-linear-gradient(top, #ED008C, #d02489);
	background: -moz-linear-gradient(top, #ED008C, #d02489);
	background: -ms-linear-gradient(top, #ED008C, #d02489);
	background: -o-linear-gradient(top, #ED008C, #d02489);
	background-image: -ms-linear-gradient(top, #ED008C 0%, #d02489 100%);
	color: #ffffff;
	-webkit-border-radius: 4px;
	border: 1px solid #ED008C;
	text-shadow: none !important;
}

.login .button-primary:hover {
	background-color: #ED008C !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED008C), to(#ad166f ));
	background: -webkit-linear-gradient(top, #ED008C, #ad166f );
	background: -moz-linear-gradient(top, #ED008C, #ad166f );
	background: -ms-linear-gradient(top, #ED008C, #ad166f );
	background: -o-linear-gradient(top, #ED008C, #ad166f );
	background-image: -ms-linear-gradient(top, #ED008C 0%, #ad166f 100%);
	color: #fff;
	-webkit-border-radius: 4px;
	border: 1px solid #ED008C;
}

.login .button-primary:active {
	background-color: #ED008C !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED008C), to(#ad166f));
	background: -webkit-linear-gradient(top, #ED008C, #ad166f);
	background: -moz-linear-gradient(top, #ED008C, #ad166f);
	background: -ms-linear-gradient(top, #ED008C, #ad166f);
	background: -o-linear-gradient(top, #ED008C, #ad166f);
	background-image: -ms-linear-gradient(top, #ED008C 0%, #ad166f 100%);
	color: #fff;
	-webkit-border-radius: 4px;
	border: 1px solid #352D8F;
}
body.login #backtoblog a, body.login #nav a {
	color: #fff;
}
body.login #backtoblog a:hover, body.login #nav a:hover {
	color: #EC008B;
}
body.login form {
	background: #2E3192;
	box-shadow: none;
}
body.login label {
	color: #fff;
}body.login {
	background: #00ADEF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	width: 100%;
}
.login h1 a {
	background-image: url('Groteski_logo_2018.png');
	background-size: auto 100%;
	width: 100%;
	height: 200px;
}
.login label {
	font-size: 12px;
	color: #555555;
	width: 100%;
}

.login input[type="text"]{
	background-color: #ffffff;
	border-color:#dddddd;
	-webkit-border-radius: 4px;
}

.login input[type="password"]{
	background-color: #ffffff;
	border-color:#dddddd;
	-webkit-border-radius: 4px;
}
.login .button-primary {
	width: 120px;
	float:right;
	background-color: #ED008C !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED008C), to(#552bb9));
	background: -webkit-linear-gradient(top, #ED008C, #d02489);
	background: -moz-linear-gradient(top, #ED008C, #d02489);
	background: -ms-linear-gradient(top, #ED008C, #d02489);
	background: -o-linear-gradient(top, #ED008C, #d02489);
	background-image: -ms-linear-gradient(top, #ED008C 0%, #d02489 100%);
	color: #ffffff;
	-webkit-border-radius: 4px;
	border: 1px solid #ED008C;
	text-shadow: none !important;
}

.login .button-primary:hover {
	background-color: #ED008C !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED008C), to(#ad166f ));
	background: -webkit-linear-gradient(top, #ED008C, #ad166f );
	background: -moz-linear-gradient(top, #ED008C, #ad166f );
	background: -ms-linear-gradient(top, #ED008C, #ad166f );
	background: -o-linear-gradient(top, #ED008C, #ad166f );
	background-image: -ms-linear-gradient(top, #ED008C 0%, #ad166f 100%);
	color: #fff;
	-webkit-border-radius: 4px;
	border: 1px solid #ED008C;
}

.login .button-primary:active {
	background-color: #ED008C !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ED008C), to(#ad166f));
	background: -webkit-linear-gradient(top, #ED008C, #ad166f);
	background: -moz-linear-gradient(top, #ED008C, #ad166f);
	background: -ms-linear-gradient(top, #ED008C, #ad166f);
	background: -o-linear-gradient(top, #ED008C, #ad166f);
	background-image: -ms-linear-gradient(top, #ED008C 0%, #ad166f 100%);
	color: #fff;
	-webkit-border-radius: 4px;
	border: 1px solid #352D8F;
}
body.login #backtoblog a, body.login #nav a {
	color: #fff;
}
body.login #backtoblog a:hover, body.login #nav a:hover {
	color: #EC008B;
}
body.login form {
	background: #2E3192;
	box-shadow: none;
}
body.login label {
	color: #fff;
}