:root {
  --nachtblauw: 	#00304F;
  --skyblauw: 		#00B6ED;
  --skyblauw1:		#C9E8FB;
  --naturel1:		#FAF9F7;
}

#login h1 a {
	background-image: url('../images/login/cloudwise-logo.svg') !important;
	background-size: contain !important;
	width: auto !important;
	height: 60px !important;
	padding-bottom: 10px !important;
}
body.login {
	background-color: var(--skyblauw1); /* Pas de achtergrondkleur aan */
}
body.login:before{
	content:"";
	background-image: url('../images/login/cloud-right.svg') !important;
	background-repeat: no-repeat;
	width: 249px;
	height: 275px;
	right: 0;
	bottom: 33px;
	position: absolute;
	}
body.login:after{
	content:"";
	background-image: url('../images/login/cloud-left.svg') !important;
	background-repeat: no-repeat;
	width: 249px;
	height: 275px;
	left: 0;
	top: 33px;
	position: absolute;
}
#login {
	background-color: var(--skyblauw1);
}
.login form {
	padding: 20px; 
}
.login input[type="text"], .login input[type="password"] {
	border-radius: 5px; 
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus{
	border-color:var(--skyblauw);
	box-shadow:0 0 0 1px var(--skyblauw);
}

.login #loginform input[type="submit"]{
	background-color:var(--skyblauw);
	border-color:var(--skyblauw);
}

.login #loginform input[type="submit"]:hover{
	background-color:var(--nachtblauw);
	border-color:var(--nachtblauw);
}

.wp-core-ui .button-secondary{
	color:var(--nachtblauw);
	border-color:var(--nachtblauw);
}