/***** LOGIN *****/
:root
	{--text-color: black; /* Zwart */
	--bg-color: #f9f9f9; /* Witgrijs */
	--color01: #cc3366; /* Rood >> ACTIE */
	--color02: #9c5aB5; /* Paars */ 
	--bg-color01: rgba(126,206,203,.2); /* licht zeeblauw */
	--bg-color02: rgba(42,125,167,.1); /* licht blauw */} 

.login
    {background: var(--bg-color01, white);
    color: var(--text-color, black);}

.login h1 a 
    {
	background-size: contain;
    background-repeat: no-repeat;	
    width: 300px;}
    
.login #backtoblog a, .login #nav a,
.login .dashicons
    {color: var(--text-color, black);}

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

.login #loginform
    {background: var(--bg-color02, white);
    border: solid 1px var(--color01, black);
    border-radius: 5px;}
    
.login form .input, 
.login form input[type="checkbox"], 
.login input[type="text"]
    {background: var(--bg-color, white);
    border: solid 1px var(--color01, black);}	

.login form .input:focus, 
.login form input[type="checkbox"]:focus, 
.login input[type="text"]:focus
        {border: solid 1px var(--color02, black);
        box-shadow: 0 0 0 1px var(--color02, black);}

.login input#wp-submit
    {background: var(--color01, black);
    border: solid 1px var(--color01, black);
    color: var(--bg-color, white);}

.login input#wp-submit:hover
    {background: var(--color02, black);
    border-color: var(--color02, black);}