/* Variables
   ========================================================================== */
:root {
    --color-primary:  #0E71B8;
    --color-secondary:  #0E0E0E;
    --color-dark:  #28235C;
    --color-grey:  #333;
    --color-light:  #fff;
	
	--logo-url: url(https://weblandschaft.ch/wp-content/uploads/2018/08/Logo-WebLandschaft-MItWeiss.png);
}

/* Overwrites login form
   ========================================================================== */
body.login{
    background: var(--color-dark);
    color: var(--color-light);
    letter-spacing:1.3px;
    animation:fadeIn 2s;
    overflow:hidden
}
 body.login :focus{
    outline:0;
    box-shadow:none
}
 body.login h1>a{
    pointer-events:none
}
 body.login label{
    font-size:.7rem;
    text-transform:uppercase
}
 body.login #login_error,body.login .message,body.login .success{
    border-left:4px solid var(--color-secondary);
    background: transparent;
}
 body.login div#login h1 a{
    background-image: var(--logo-url);
    background-position:center left;
    background-size:contain;
    margin:0 0 26px 0;
    width:200px
}
 body.login form{
    margin-left:0;
    padding:0;
    overflow:hidden;
    background: transparent;
    box-shadow:none;
	border:none;
}
 body.login div#g-recaptcha{
    padding:0 22px
}
 body.login input#wp-submit{
    color:var(--color-primary)!important;
    text-transform:uppercase;
    background: transparent!important;
    border-color:var(--color-primary)!important;
    box-shadow:none!important;
    text-shadow:none!important;
    border-radius:0;
    width:100%;
    margin:1rem 0;
    padding:10px;
    height:50px;
    cursor:poiner
}
 body.login input#wp-submit:hover{
    color:var(--color-light)!important;
    background:var(--color-primary)!important;
}
 body.login input#wp-submit[disabled=disabled]{
    opacity:.5
}
 body.login input#wp-submit[disabled=disabled]:hover{
    color:#33cfaf!important;
    background: transparent!important;
    border-color:#33cfaf!important
}
 body.login form .input,body.login form input[type=checkbox],body.login input[type=text]{
    background: var(--color-grey);
    color: var(--color-primary);
    border:none
}
 body.login form .input:focus,body.login form input[type=checkbox]:focus,body.login input[type=text]:focus{
    box-shadow:none;
    outline: 2px solid transparent;
}

body input[type=checkbox]:checked:before{
    color: var(--color-primary);
}
 body.login .privacy-policy-page-link{
    display: none;
}
body.login #backtoblog a,body.login #nav a {
    color: var(--color-primary);
}
 body.login #backtoblog a:hover,body.login #nav a:hover,.login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus{
    color: var(--color-light);
}

.login #backtoblog, .login #nav {
    padding: 0;
	text-transform: uppercase;
}



 @keyframes fadeIn {
    0% {
         opacity: 0;
         padding-top: 100px;
    }
    100% {
         opacity: 1;
         padding-top: 0;
    }
}