/* linkerzijde inlogformulier */
body.login div#login {
	background-color: white;
	height: 100vh;
	padding: 0;
	float: left;
	width: 40%;
	min-width: 350px;
}
/* ruimte logo */
body.login div#login h1 {
	padding-top: 20vh;
}
/* login formulier */
body.login div#login form#loginform {
	max-width: 350px;
	margin: auto;
	border: none;
	box-shadow: none;
}
/* wachtwoord vergeten tekst */
.login #nav {
	text-align: center;
}
.login #nav a:hover {
	color: black;
	transition: 0.3s;
}
/* vertaalswitch */
#language-switcher {
	display: none;
}
/* terug naar website tekst */
#backtoblog {
	display: none;
}
/* algehele pagina */
body {
    margin: 0;
	padding: 0;
    height: 100vh;
}
/* powered by tekst */
.zoburo {
	    position: absolute;
    background-color: white;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: white;
    padding: 8px 20px;
    bottom: 0;
    right: 0;
    color: black;
}
.zoburo a {
	color: black;
	font-weight: 700;
	text-decoration: none;
}
.zoburo a:hover {
	color: lightgray;
	transition: 0.3s;
}
/* tekst input */
.login form .input {
	font-size: 14px;
	border-radius: 0px;
}
/* balkjes login  */
body.login div#login form#loginform input:focus {
	border-color: grey;
	box-shadow: 0px 0px 5px 1px lightgrey;
	transition: 0.4s;
}
/* login knop */
body.login div#login form#loginform p.submit input#wp-submit {
	background-color: black;
	border-radius: 0px;
	border: none;
	padding: 4px 30px;
}
body.login div#login form#loginform p.submit input#wp-submit:hover {
	background-color: lightgray;
	transition: 0.4s;
}
/* oogje in balkje */
.login .button.wp-hide-pw .dashicons {
	color: grey;
}
/* error tekst */
.login #login_error {
	width: 80%;
	max-width: 350px;
	margin: auto;
	box-shadow: none;
}
/* uitlog info tekst */
.login .message {
	width: 80%;
	max-width: 350px;
	margin: auto;
	border-color: black;
	box-shadow: none;
}
/* responsive */
@media only screen and (max-width: 600px) {
	body.login div#login {
		width: 100%;
	}
}