/**
  * Kwaaijongens login page
  *
  * @version 1.0.0
  */
  
/* Logo */

.login h1 a {
	background-image: url('https://beweegbaas.nl/wp-content/uploads/2019/08/logo-beweegbaas-def.png');
	width: 100%;
	background-size: 260px;	
}

/* Background */

body {
	font-family: 'lexend-deca', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
}

body.login {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background: #5fb5ff;
	background: -moz-linear-gradient(-45deg, #5fb5ff 0%, #2989d8 50%, #0d43ce 100%);
	background: -webkit-linear-gradient(-45deg,  #5fb5ff 0%,#2989d8 50%,#0d43ce 100%);
	background: linear-gradient(135deg,  #5fb5ff 0%,#2989d8 50%,#0d43ce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fb5ff', endColorstr='#7815ff',GradientType=1 );
}

body.login:before {
	position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* Form */

body.login form {
	background-color:transparent;
	box-shadow:none;
}

body.login form label {
	color:#ffffff;
}

body.login form .button {
	background: #ed6f3d;
	color: #FFF;
	border: 0px;
	text-shadow: none;
	box-shadow: 2px 1px 2px rgba(40, 40, 40, 0.84);
	border-radius:100px;
}

body.login form .button.hover,  
body.login form .button:hover {
	background: #ed6f3d;
	color: #FFF;
	box-shadow: 2px 1px 2px rgba(40, 40, 40, 0.84);
}

body.login form .button.focus, 
body.login form .button:focus {
	background: #ed6f3d;
	color: #FFF;
	box-shadow: 2px 1px 2px rgba(40, 40, 40, 0.84);
}

body.login form .button.button-secondary {
	
}

/* Misc */

body.login input[type=checkbox]:checked:before {
	color: #ed6f3d;
}

body.login #backtoblog a, body.login #nav a, body.login h1 a {
	color:#ffffff;
}

body.login #backtoblog a:hover, 
body.login #nav a:hover, 
body.login h1 a:hover {
	color:#ffffff;
}