/* Stylesheet voor login (backend) */

/* kleuren  ----------------------------------- */

#wp-auth-check-form,body{background-color: #fff;}

.login #login_error a, a {color: #101820!important;}
.login label {color: #101820;}
.login form, #nav, #backtoblog {background-color: #f2f2f2;border:1px solid #eee;}
.login input[type='text'], .login input[type='password'], input[type='checkbox'] {background-color: #fff;}

.wp-core-ui .button-primary, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:visited, .login #login_error, .login .message {
	background: #fff500; color: #101820; border-radius: 5px!important;
}
.wp-core-ui .button-primary:hover { background: #101820!important;}


/* opmaak  ----------------------------------- */

body {
	display: flex;
	align-items: center;
	height: 100vh;
	flex-direction: column;
}

#login {
	max-width: 350px!important;
	width: 94%!important;
	padding: 20px 0!important;
}

.login #login_error, .login .message {
	border-left: none;
	padding: 12px;
	text-align: center;
	margin-left: 0;
	font-size: 14px;
	box-shadow: none!important;
	color: #101820;
}

.login h1 a {
	background-image: url(../images/logo.svg);
	width: 100px;
	height: 138px;
	background-size: initial;
}

.login form {
	margin-top: 20px;
	margin-left: 0;
	padding: 30px 30px 30px;
	border:none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.login label {
	color: #101820;
	font-size: 14px!important;
}

.login form .forgetmenot {
	margin-top: 6px;
}

.login form .forgetmenot label {
	font-size: 14px!important;
}

.login input[type='text'],
.login input[type='password'] {
	box-shadow: none!important;
	outline: none!important;
	height: 40px!important;
	line-height: 40px!important;
	padding-left: 7px!important;
	border: none!important;
	font-size: 16px!important;
}

input[type='checkbox'] {
	text-align: center!important;
	outline: none!important;
	border:none!important;
	box-shadow: none!important;
}

.wp-core-ui .button-primary, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:visited {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	outline: none!important;
	line-height: normal!important;
	height: auto!important;
	text-shadow: none;
	text-transform: uppercase;
	font-weight: 600!important;
	outline: none!important;
	font-size: 12px!important;
	min-height: 35px!important;
	padding: 9px 14px!important;
	border-radius: 0;
	letter-spacing: 1px;
}

.login #backtoblog, .login #nav {
	font-size: 12px;
	padding: 0 0px;
}

.login #nav {
	margin: 10px 0 0;
}

#backtoblog {
	margin: 5px 0;
}

#nav {
	box-sizing: border-box!important;
	margin-top: 10px!important;
	width: 100%;
	text-align: center;
	padding: 8px 0!important;
	float: left;
}

#backtoblog {
	box-sizing: border-box!important;
	margin-top: 1px!important;
	width: 100%;
	text-align: center;
	padding: 7px 0!important;
	float: left;
}

.login #backtoblog a, .login #nav a {
	opacity: .7;
}

.login #backtoblog:hover a, .login #nav:hover a {
	opacity: .8;
}

/* als verificatie voor gebruikt admin e-mail */

.login-action-confirm_admin_email #login {
  margin-top: auto!important;
}

@media (max-height: 1040px) {
	#login {
		padding: 6% 0 0;
	}
}

@media (max-height: 900px) {
	body {
		background-position: center 80px;
	}
}

@media (max-width: 1024px) and (max-height: 880px) {
	body {
		background-image: none;
	}
}