/* Primairy color: #6fc3bb 
 * voorheen zwart: #6fc3bb
 * Nu donkerblauw: #2c6881; */

/* Secondary color: 
 * voorheen geel: #fde900
 * Nu lichtblauw: #6fc3bb */

body.login {
	/* background-color: #FFFFFF;
	background-image: url("https://www.vazquez.nl/wp-content/uploads/2018/08/VazquezStreep.png");
	background-repeat: repeat; */
	background-image: url('https://www.dezorgstrategen.nl/wp-content/uploads/2019/08/AdobeStock_112634450.jpeg');
	background-size: cover;
}

.login h1 a {
	/*background-image: url('https://www.vazquez.nl/wp-content/uploads/2018/06/vazquez-woordbeeld.svg');*/
	background: #fff url(https://www.dezorgstrategen.nl/wp-content/themes/Basisthema/img/de-zorgstrategen.svg) no-repeat;
	width: 260px;
	background-size: 260px;
	background-position: center;
	height: 100px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #6fc3bb;
	border-radius:70px 0 70px 70px;
	padding:10px 30px
}

/* Tekst boven de invoervelden */

.login label {
	font-size: 12px;
	color: #2c6881;
}

.login input {
  background-color: #fff!important;
  border-color:#6fc3bb;
  -webkit-border-radius: 4px;
}

.login .button-primary {
  width: 120px;
  float:right;
  background-color:#6fc3bb !important;
  color: #000;
  -webkit-border-radius: 0px;
}

.login .button-primary:hover {
  background-color:#2c6881 !important;
  color: #fff;
  -webkit-border-radius: 0px;
}

.login .button-primary:active {
  background-color:#6fc3bb !important;
  color: #000;
  -webkit-border-radius: 0px;
}

.login form {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #6fc3bb;
	border-radius:25px 0 25px 25px;
}

input[type=text]:focus, input[type=search]:focus, input[type=radio]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=password]:focus, input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, select:focus, textarea:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #000!important;
}

.login input {
	border-radius: 0px!important;
}

input[type=text], input[type=search], input[type=radio], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=password], input[type=checkbox], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], select, textarea {
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #2c6881;
}

.wp-core-ui .button-primary {
	background: #6fc3bb;
	text-shadow: none;
	border-color: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.wp-core-ui .button-primary {
	border-color: #6fc3bb;
}

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
    font-size: 13px;
    font-weight: 600;
    line-height: 32px;
	border-radius:25px 0 25px 25px !important;
}

#wp-submit {
	padding: 5px;
    height: auto !important;
    color: #fff;
    text-transform: uppercase;
}

.login #login_error, .login .message {
	border: 1px solid #6fc3bb;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover{
    background: #2c6881;
    border-color: #6fc3bb;
}

.wp-core-ui .button-link:focus, .wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus, .wp-core-ui .button:focus{
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #6fc3bb;
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
	color: #2c6881;
}

.login form .input, .login form input[type=checkbox], .login input[type=text] {
	background: #fff;
}

input[type=radio], input[type=checkbox] {
	 border: 1px solid #6fc3bb;
}

input[type=checkbox]:checked:before {
	color: #6fc3bb;
}