/* This file will be updated though common updates, do not adjust*/
/* Customisations via .../wp-content/plugins/bb-custom-login/css/custom.css */

body, html
	{
	font-size: 17px;
	}

/* This Changes the size and position of the login field area */
#login 
	{
	width: 450px !important;
	height: 100% !important;
	padding: 11% 20px !important;
	}

/* This hides the logo area */
.login h1
	{
	display: none;	
	height: 0px;
	}

/* This changes the logo area */
.login h1 a {	
	background-image: url(''); 
	display: none;	
}

/* This hides/changes the message box above the login form */
.login .message {
	display: none;
	background-color: #ffffff;
	  border-left: 0px solid #bbbbbb;
}

/* This removes Privacy link box, below the login form, like in WooCommerce */
.login .privacy-policy-page-link {
	display: none;
}

/* This changes the login form box */
.login form 
	{
	background-color: #ffffff;
	font-weight: 300;
	margin-top: 0px !important;
	margin-left: 0px !important;
	padding: 35px 40px 80px !important;
	background: #ffffffcc !important;
	border: 0px solid #bbbbbb !important;
	border-radius: 15px;
	}

/* This removes the dropshadow of login form box */
body.login div#login form#loginform {
	box-shadow: 0 0px 0px rgba(0,0,0,.0);
}

/* This changes the paragraph text color. */
/* Denk hierbij ook aan de meldingen die in het venstertje worden getoond. Wit is niet zo leesbaar op lichte achtergrond */

body {
	font-family: open sans, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.7em !important;
	color: #999999;
}

p  {
	font-family: open sans, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.7em !important;
	color: #999999;
}

.login form .forgetmenot {
	font-family: open sans, sans-serif !important;
	font-weight: 300 !important;
	font-size: 15px !important;
}

/* This changes the label (i.e Username / Password text */
.login label, .login form .forgetmenot {
	font-family: open sans, sans-serif !important;
	font-weight: 300 !important;
	font-size: 15px !important;
	color: #999999;
}


/* Kleur van de links in de platte text */

a {
	color: #999999 !important;
	transition-property: border,background,color;
	transition-duration: .05s;
	transition-timing-function: ease-in-out;
}

a:active, a:hover {
	color: #999999 !important;
}

/* Styling van de bevestigingsknop */
.login .admin-email__actions .button-primary {
	font-family: open sans, sans-serif;
	font-weight: 300;
	float: none;
	margin-left: 0em;
	margin-right: 0em;
	border-radius: 50px;
}

.login .admin-email__actions .button-primary:hover {
	border-radius: 50px;
}

/* Styling login button */

.login .button-primary {
	font-size: 15px !important;
	font-weight: 300;
	width: 100%;
	margin-top: 25px  !important;
	padding: 7px !important;
	float:right;
	background-color:#bbbbbb !important;
	color: #ffffff;
	-webkit-border-radius: 100px;
	border: 0px solid #cccccc;

/* WD nw */
/*	.wp-core-ui .button-primary  */	
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	text-shadow: none;
	border-color: #0073aa #006799 #006799;
	background: #bbbbbb;
/* EIND WD nw */

/* WD nw */
	min-height: 32px;
	line-height: 2.30769231;
	padding: 0 12px;
/* EIND WD nw */	
}

/* WD Aanvulling login button Astra */
.wp-core-ui .button.button-large {
	min-height: 47px;
	line-height: 33px;
	padding: 0 12px 2px;
}

.login .button-primary:hover {
  background-color:#999999 !important;
  color: #ffffff;
  -webkit-border-radius: 100px;
  border: 0px solid #dddddd;
}

.login .button-primary:active {
  background-color:#999999 !important;
  color: #fff;
  -webkit-border-radius: 100px;
  border: 1px solid #bd98e2;
}

.wp-core-ui .button-secondary {
    color: black !important;
}

/* Notificatie weergave van e-mail adres van beheerder */

/* Kleur van de button 'Bijwerken' Moet niet opvallen */
/* verwijderd: , .wp-core-ui .button-secondary */
.wp-core-ui .button {
	font-family: open sans, sans-serif;
	font-weight: 300;
	/* color: #999999 !important; */
	border-color: #99999900 !important;
/* WD OUD 
	background: #00000000 !important;
	Dit conflicteert met weergave van knop op het normale login scherm
	nu weer #bbb
	*/
	background: #bbb !important;
	vertical-align: top;
	/* margin: -10px 0px 0px 0px !important; */
	/* padding: 0px !important; */
}

/* Button secondary: oogje in 'toon wachtwoord' mogelijk ook op andere plekken */
.wp-core-ui .button-secondary {
	border-color: #bbbbbb00 !important;
	vertical-align: top;
	margin: -5px 0px 0px 0px !important;
	padding: 0px !important;
	background-color: transparent !important;
}

/* grootte van de tekst onder de bevestigingsknop 'herinner mij later'*/
.admin-email__actions div {
	font-family: open sans, sans-serif;
	font-weight: 300;
	font-weight: 300;
	font-size: 13px;
}

/* This changes the username and password input boxes */
.login input[type="text"]{
	background-color: #ffffff;
	border-color:#dddddd;
	-webkit-border-radius: 0px;
	border: 0px;
	margin-bottom: 25px;
	padding: 10px;
/* } */

/* .login form .input, .login input[type=password], .login input[type=text] { */
/*    border-width: .0625rem;
	padding: .1875rem .3125rem; */
	padding: 8px;
	margin: 0 6px 16px 0;
/*    min-height: 40px; */
	max-height: none;
}

.login input[type="password"]
	{
	background-color: #ffffff;
	border-color:#dddddd;
	-webkit-border-radius: 0px;
	border: 0px;
	margin-bottom: 25px;
	padding: 8px;
	}

.login input[type=checkbox], input[type=radio] {
	border: 0px solid #eeeeee;
	border-radius: 0px;
	background: #ffffff !important;
}


input[type=checkbox]:checked::before {
	content: url("/wp-content/plugins/bb-custom-login/img/login-checkbox.svg");
	margin: -.1875rem 0 0 0;
	height: 1.0rem;
	width: 1.0rem;
}

/*
input[type=checkbox]:checked:before {
	content: "\f147";
	margin: -3px 0 0 -4px;
	color: #666666;
	height: 1.5rem;
	width: 1.5rem;
}
*/

/* This changes the ´eye´ icon in the password input box */
.login .wp-core-ui .button, .wp-core-ui .button-secondary {
	color: #bbbbbb !important;
	border-color: #bbbbbb;
	background: #f3f5f6;
	vertical-align: top;
	margin-top: -5px;
}


/* This changes links hover color */
.login #nav a:hover{
  color: #666666 !important;
}


/* This changes the back to blog AND forgot password link color */ 
.login #backtoblog, .login #nav 
	{
	font-size: 15px !important;
	font-weight: 300!important;
	text-align: left !important;
	padding: 0px 40px 0px !important;
	margin-top: -50px !important;
	}

/* This changes the back to blog AND forgot password link color */ 
.login #backtoblog a, .login #nav a, .login h1 a 
	{
		color: #999999 !important;
		text-decoration: none;    
		text-align: center !important;
	}

}

/* This changes the back to blog AND forgot password link color */ 
.login #backtoblog  a, .login #nav a, .login h1 a:hover 
	{
		color: #666666 !important;
	}

/* This hides the back to blog link */
#backtoblog {
	display: none;
	}

/* show/hide password icoon */
.login .button.wp-hide-pw {
	// top: 13px !important;
	height: 3rem;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 1px solid 666666;
	padding: 8px;
	-webkit-text-fill-color: #666666;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;

	font-family: open sans, sans-serif;
	font-weight: 300;
	font-size: 24px;
	line-height: 1.7em !important;
	color: #999999;
}

#user_login, #user_pass, #rememberme {
	box-shadow: 0 0 0 1px #eeeeee;
}

/* Hide Lanuage switcher */
#language-switcher {
	display: none;
}