/*  ==================================================================
	LOGIN SEITE CSS ==================================================
	==================================================================  */

	:root {
		--first:#FFC700;
	  
  
  }

body.login {
	background: #000; 
}

.login h1 a { 
	background-image: url('../img/theharp_typo_white.png');
	background-size: 250px 88px;
	width: 250px;
	height: 88px;
}

.login form {
	background: rgba(255,255,255,0.3);
	border-top:5px solid var(--first); 
	margin-top: 50px;
}

.login #backtoblog a, 
.login #nav a, 
.login label {color:#03111A;}

.login #backtoblog a:hover, 
.login #nav a:hover {color:var(--first);}

.login form .input, 
.login form input[type=checkbox], 
.login input[type=text] {
	background: rgba(255,255,255,0.3);
}

.login .button-primary {
	background: var(--first);
    border:none;
    color: #fff;
    text-decoration: none;
    text-shadow:none;
    border-radius:0;
}
.login .button-primary:hover {
	background: #03111A;
    border-color: #03111A;
    color: #fff;
}

.login .message {
	background: var(--first);
	color:#fff;
	border:none;
}