:root{
	--accent01:#cd783b;
	--accent02:#72380f;
	--accent03:#5e2700 ;
	
	}
    
body.login {
	background: url(background.jpg) center center no-repeat #fff;
	background-size:cover;

}

#login{
    margin-top: 0;
    padding-top: 4%;
	  width: 415px;  
	
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    

    
}
#login h1{
    width: 100%;
    
}
#login form{
    width: 80%;
    margin: 0 10%;
    
}
.dashicons{
	color: var(--accent01);
}
.login h1 a {
      background: url(logo.png) no-repeat !important;
	  width: 375px;    
	  height:154px;
    }
	
#login form{
	/*form background*/
	background:#1e1e1e;
	border-radius:4px;
	border-color: var(--accent01);
	box-shadow: inset 0 0 16px 0 var(--accent03);
	padding:2em 2em;
}
.login label{
	/*form labels*/
	color:var(--accent01);
	}
	
.login form .input, 
.login form input[type="checkbox"], 
.login input[type="text"] {
    background: none repeat scroll 0 0 var(--accent03);
	border:1px solid var(--accent01);
	box-shadow: inset 0 3px 14px 0 rgba(0,0,0,.5);
}

.login form .input, 
.login input[type="text"] {
    font-size: 18px;
	color:var(--accent01);
    margin: 2px 6px 16px 0;
    padding: .5em;
    width: 100%;
}

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#user_login .input,
input[type="time"], 
input[type="url"], 
input[type="week"], 
select, 

textarea {
    background: none repeat scroll 0 0 var(--accent03);
	border:1px solid var(--accent01);
	box-shadow: inset 0 3px 14px 0 rgba(0,0,0,.5);
    color: #333;
    outline: 0 none;
    transition: border-color 0.05s ease-in-out 0s;
    text-shadow: none;

}

.wp-core-ui .button-primary{
    background: none repeat scroll 0 0 var(--accent01);
    border: none;
	border-radius:4px;
    color: #39332e;
    text-decoration: none;
	box-shadow: 0 0 0 1px rgba(126, 48, 16,.5);
	transition:all ease .2s;
    text-shadow: none;

}
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover {
    background: none repeat scroll 0 0 #fff ;
	box-shadow: 0 0 50px 3px var(--accent01);
	color:var(--accent01);
    text-shadow: none;
}


.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
    background: none repeat scroll 0 0 #fff ;
	box-shadow: 0 0 10px 1px var(--accent01);
	color:var(--accent01);
    text-shadow: none;

}

.login #nav{
	margin:1em 0 .5em;
}
.login #backtoblog{
	margin:1em 0 .5em;
}
.login #backtoblog a, 
.login #nav a {
	/*for "lost your password?" text*/
    color: #B3B3B3;
    text-decoration: none;
}
.login #backtoblog a:hover, 
.login #nav a:hover {
    color: var(--accent01);
}