/*  ==================================================================
	LOGIN SEITE CSS ==================================================
	==================================================================  */
.language-switcher {display:none}
body.login .wpml-login-ls {display:none!important;}


body.login {
	background-color: #f8f9fa;
	position: relative; 
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.login::before {
	content: "";
	background-image: url('../img/bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
      background-size: 100% 100%;
      background-attachment: fixed!important;
      background-blend-mode: normal;
      background-color: #f8f9fa;
      position:absolute;
      top: 0px;
      right:0;
      bottom: 0px;
      left: 0px;
      opacity: 1;
      z-index:-10
}

.login h1 a { 
	background-image: url('../img/knolle-logo.svg');
	background-size: auto 50px;
	width: auto;
	height: 50px;
}


.login form {
  margin-top: 20px;
  background: rgba( 255, 255, 255, 0.05 );
  box-shadow: 0 8px 32px 0 rgba( 0,0,0, 0.2 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-radius: 5px;
  border: 1px solid rgba( 255, 255, 255, 0.1 );
  color:#3F4148;
  font-weight:200;
}

.login label {color:#3F4148;  font-weight:200;}

.login #backtoblog a,
.login .privacy-policy-page-link a,
.login #nav a {
  color:#3F4148;
  transition:.3s ease-in-out;
}

.login #backtoblog a:hover,
.login .privacy-policy-page-link a:hover,
.login #nav a:hover {
  color:#252e43;
  transition:.3s ease-in-out;
}

.login form .input, 
.login form input[type=checkbox], 
.login input[type=text] {
  background: rgba(255,255,255,0);
  box-shadow:none;
  border:1px solid rgba(73, 88, 124, 0.2);
  color:#3F4148;
}


.login input[type=text]:focus,
.login input[type=password]:focus,
.login form input[type=checkbox] {
  border:1px solid #3F4148;
}

.login form input[type=checkbox] {
	border-radius:30px;
}

.login input[type=checkbox]:checked:before {
  content: "✓";
	margin: -3px 0 0 -3px;    
	background: #00b96f;
  color:#fff;
  border-radius:50px;
  line-height:1.3rem;
}

.login .button-primary  {
  display:block;
  width:100%;
  margin-top:1rem;
  padding:.6rem!important;
  background: #3F4148;
  color: #fff;
  text-decoration: none;
  text-transform:uppercase;
  letter-spacing:2px;
  text-shadow:none;
  border-radius:5px;
  box-shadow:none;
  transition:.3s ease-in-out;
  border:none;
}

.login .button-primary:hover  {
  background: #00b96f;
  color: #fff;
}
.login  .button-primary:focus {
	box-shadow: none;
	border:1px solid #3F4148;
	background: #3F4148;
}

.login .message {
  background: #3F4148;
  padding:1.5rem!important;
  box-shadow: 0 8px 32px 0 rgba( 0,0,0, 0.2 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-radius: 5px;
  border: 1px solid rgba( 255, 255, 255, 0.1 );
  color:#fff
}

.login #login_error {
  border-radius: 5px;
  padding:1.5rem!important;
  background:#ff0044;
  color:#fff
}