/* Custom Login Styles */
 
body {  
	font-family: Raleway, sans-serif;
	background: 	radial-gradient(black 15%, transparent 16%) 0 0, 
					radial-gradient(black 15%, transparent 16%) 8px 8px, 
					radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, 
					radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-color: #282828;
	background-size: 16px 16px;
	text-transform: uppercase;
}

.login h1 {
	padding: 10px;
	background: -moz-linear-gradient(top, rgba(255,169,0,0.9) 0%, rgba(255,169,0,0.9) 1%, rgba(255,169,0,0.9) 92%, rgba(255,169,0,0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,169,0,0.9)), color-stop(1%,rgba(255,169,0,0.9)), color-stop(92%,rgba(255,169,0,0.9)), color-stop(100%,rgba(255,207,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,169,0,0.9) 0%,rgba(255,169,0,0.9) 1%,rgba(255,169,0,0.9) 92%rgba(255,169,0,0.1) 100%);
    background: -o-linear-gradient(top, rgba(255,169,0,0.9) 0%,rgba(255,169,0,0.9) 1%,rgba(255,169,0,0.9) 92%,rgba(255,169,0,0.1) 100%);
    background: -ms-linear-gradient(top, rgba(255,169,0,0.9) 0%,rgba(255,169,0,0.9) 1%,rgba(255,169,0,0.9) 92%,rgba(255,169,0,0.1) 100%);
    background: linear-gradient(to bottom, rgba(255,169,0,0.9) 0%,rgba(255,169,0,0.9) 1%,rgba(255,169,0,0.9) 92%,rgba(255,169,0,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6FFA900', endColorstr='#FFA900',GradientType=0 );
}

.login label {
    color: #b7babd;
    font-size: 12px !important;
}

body.login {
	border-top-color:#dff4fc;
}

.login p#backtoblog a:link, .login p#backtoblog a:visited {
	color:#17272d;
}

.login p#backtoblog a:hover, .login p#backtoblog a:active {
	color:#17272d;
	text-decoration:underline;
}

.login h1 a {
	background-image: none, url("/wp-content/uploads/heinrich-logo-login.png");
	height: 110px;
	width: 280px;
	background-size: 100% auto;
	margin: 0 auto;
	position: relative;
}

.login form { 
	margin-top: 0;
	background: rgba(36, 36, 36, 0.5);
}

.login form input {
	background: rgba(36, 36, 36, 0.5) !important;
	border: none;
	color: #fff;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.login form input:focus {
	background: rgba(251, 251, 251, 0.8) !important;
	border: none;
	color: #000;
}

.login form input:hover {
	background: rgba(251, 251, 251, 0.8) !important;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	color: #000;
}

.login form input[type=checkbox] {
	border: 1px solid rgba(251,251,251,0.8);
	color: #000;
}

.wp-core-ui p .button {
	border: 1px solid rgba(251,251,251,0.8) !important;
}

.login p#backtoblog a:link, .login p#backtoblog a:visited {
	display: none;
}

.login #nav a {
	font-size: 10px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.login #nav a:hover {
	color: rgb(251,251,251) !important;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.login #nav {
  margin: -35px 0 0 !important;
  text-align: center !important;
}

input[type=checkbox]:checked:before {
  color: rgb(251,251,251) !important;
}

.login .message {
  border: none !important;
}