body.login {
	background-color: #fff;
	color:#666666;
	font-family: Monserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;;
	font-size:0.8rem
}

div#login {
	padding: 1.5% 2% 0 2%;
}

div#login #nav{
	margin:0;
}

.wp-core-ui #login .button-primary {
	background: #00756c;
	border-color: #00756c;
	color: #fff;
	padding: 0 24px;
}

.wp-core-ui #login .button-primary:hover,
.wp-core-ui #login .button-primary:focus {
	background: #fff;
	border-color: #00756c;
	color: #00756c;
}

.login.wp-core-ui .button{
	text-transform: uppercase;
}

.login .wp-login-lost-password,
.login .forgetmenot label, 
.login .pw-weak label {
	line-height: 1.3;
/*	font-size: 0.7rem;*/
}
.mb2{
	margin-bottom: 1.5rem;
}
.login-footer{
	padding: 24px 2% 18px  2%;
	width: 320px;
	margin: auto;
	font-size: 0.9rem;
}
.bottom-menu a.button.button-small{
	font-size: 0.7rem;
	line-height: 1.8rem;
	min-height: 30px;
}
.login-footer .message{
	/*margin:24px 18px 12px 18px;*/
	text-align: center;
	border:none;
	box-shadow:none;
	border-top: 1px solid #dcdcde;
	color: #a7aaad;
}
.small-help {
	color: #a7aaad;
	font-size: 0.9rem;
/*	line-height: 1.3rem;*/
	line-height: 160%;
	padding: 0 0.2rem;
	
	text-align: right;
}

.login-footer .button-line{
	text-align:center;
	margin:12px auto 0;
}
.login.wp-core-ui .login-footer a.button-secondary {
	color: #63237c;
	border-color: #63237c;
	background: #fff;
	text-decoration: none;
	opacity: 0.6;
}
.login.wp-core-ui .login-footer .button-secondary:hover,
.login.wp-core-ui .login-footer .button-secondary:focus  {
	color: #fff;
	border-color: #63237c;
	background: #63237c;
	text-decoration: none;
	opacity: 1;
}

.login.wp-core-ui .login-footer .button-secondary:focus  {
	box-shadow: 0 0 0 1px hsl(283, 56%, 31%);
}


/* Style the OR separator */
.or-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 0 10px 0;
    color: #8bae34;
}

/* Horizontal lines on either side */
.or-divider::before,
.or-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #dcdcde;
    margin: 0 10px;
}
div.nsl-container.nsl-container-block .nsl-container-buttons{
	width:100%;
}	


body.login div#login h1 a {
	/*div#login h1 a, body.login h1 a {*/
	/*background: url('img/logo_full_557x254.png') top left no-repeat;*/
	background: url('../img/EABP-logo-big.png') top left no-repeat;
	/*height: 127px;*/
	/*width: 272px;*/
	/*background-size: 272px 127px;*/
	
	width: 330px;
	height: 127px;
	background-size: 330px auto;
	margin:0 auto 9%;
	/*padding-bottom: 4%;*/
}

body.login div#login form#loginform, body.login form#lostpasswordform , body.login form#registerform, body.login form#resetpassform{
	border-style:none;
	box-shadow: none;
	/* original padding: 26px 24px 34px;*/
	padding: 0 18px 4px 18px;
	margin-top:5%;
}
/*
body.login div#login p#nav a,
body.login div#login p#backtoblog a,{
		color: #63237c !important;
}
*/
.center{
	text-align: center !important;
}
#registerform label[for="user_login"], #registerform input#user_login {
	display:none;
  }
  
body.login .login-title{
	text-align: center;
	color: #00756c !important; 
	color:#8bae34 !important;
	font-family:"Gelasio", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	font-size:1.8rem;
  font-weight: 400;
	line-height: 1.5;	
}

#login #nav, body.login #backtoblog {
	display: none;
}

.wp-login-lost-password{
	display: block;
	text-align: center;
	margin: 0 18px;
	padding-top: 20px;
	border-top: 1px solid #dcdcde;
}

.login 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: #00756c;
	box-shadow: 0 0 0 1px #00756c;	
	outline: 2px solid transparent;
}
.login.wp-core-ui .button-primary.focus, .login.wp-core-ui .button-primary:focus {
	box-shadow: 0 0 0 1px #fff,0 0 0 3px #00756c;
}

.login.wp-core-ui .button.wp-hide-pw{
	color: #00756c;
}
.login.wp-core-ui .button.wp-hide-pw:hover {
	color: #8bae34;
}

.login a{
	border-radius: 3px;
	color: #63237c;
	text-decoration: none;

}
.login a:hover{
	text-decoration: underline;
}

.login a:focus {
	color: #63237c;
	box-shadow: 0 0 0 2px #63237c;
	outline: 2px solid transparent;
}

.login .button.wp-hide-pw:focus {
	background: 0 0;
	border-color: #00756c;
	box-shadow: 0 0 0 1px #00756c;
	outline: 2px solid transparent;
}
.bottom-menu{
	display: flex;
  justify-content: space-around;
	justify-content: space-between;
	padding: 0 18px;
  /*font-size: 0.6rem;*/
}
.bottom-menu2{
	padding: 0 18px;
	text-align: right;
}




/* The overlay that covers the entire page */
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: none;
	z-index: 9999;
	justify-content: center;
	align-items: center;
	opacity: 0.95;
	flex-direction: column;
  }
  
  #spinner {
	width: 154px;
	height: 154px;
	background-image: url('/wp-content/uploads/favicon.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 20px;
  }
  
  #color-bars {
	display: flex;
	justify-content: space-between;
	width: 154px;
	gap: 10px;
  }
  
  .color-bar {
	flex: 1;
	aspect-ratio: 1 / 1; /* Makes them squares */
	border-radius: 3px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	transition: background-color 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;
 }