@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/zpq5zxt.css");

body.login {
    position: relative;
    background-color:#07121F;
    color: white;
    font-family: "bio-sans", sans-serif;
    margin: 0;
    font-size: 17px;

    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    min-height:100vh;
    height:auto;
}
body.login::before, body.login::after {
    content:'';
    pointer-events: none;
    position: absolute;
    z-index: -1;
    top: 60%;
    background: radial-gradient(closest-side circle, #526379, rgba(66, 132, 220, .36) 55%, rgba(70, 124, 211, 0) 95%);
    opacity: .32;
    background-color: #3a577c;
    border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;
    transform-origin: 40% 60%;
    transform: scale(1.1) translateY(-50%);
    will-change: border-radius, transform;
    animation: animateBlob 8s ease-in-out infinite normal;
    filter: blur(45px);
    aspect-ratio: 1 / 1;
    width: auto;
    height: 55vh;
    max-height: 80%;
    max-width: 80%;
    left: 5%;
}
body.login::after {
    left:auto;
    right:5%;
    top:30%;
    animation-delay: -4s;
    transform:translateY(-50%) scale(.7);
}
@keyframes animateBlob {
    0% {
        border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;
    }
    35% {
        border-radius: 60% 40% 40% 60% / 30% 70% 30% 60%;
    }
    50% {
        border-radius: 40% 60%;
    }
    75% {
        border-radius: 30% 70% 30% 60% /  60% 40% 40% 60%;
    }
    100% {
        border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;
    }
}
body.login div#login {
    
}
a {
    color:#e2372f;
    transition: 0.3s ease;
    font-size:14px!important;
    line-height: 19px;
}
a:hover {
    color:#FFFFFF;
}
#login {
    margin:1rem auto;
}
#login h1 {
    position: relative;
    width:90%;
    height:0;
    padding-top:20%;
    margin:35px auto;
}
#login h1 a {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url('https://www.vdveer.nl/wp-content/uploads/2018/07/VanderVeer_Logo.svg')!important;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
}
form#loginform, form#loginform a, form#lostpasswordform, #login_error, .login .message {
    color:#142841;
    font-size:16px;
}

body.login div#login form#loginform p.submit {
    
}
body.login div#login form#loginform p.submit input#wp-submit, .login .button-primary {
    color:white;
    background-color:#142841;
    border-radius: 0;
    -webkit-appearance:none;
    transition: 0.3s ease;
    font-size:13px;
    line-height: 16px;
    letter-spacing: 0;
    padding:10px 12px;
    font-weight:bold;
    border:none;
    text-transform: uppercase;
}
body.login div#login form#loginform p.submit input#wp-submit:hover, .login .button-primary:hover {
    background-color:#e2372f;
    color:white;
}


body.login div#login p#nav a, body.login div#login p#backtoblog a {
    color:white;
    text-decoration: underline;
    font-size:16px;
    transition: 0.3s ease;
}
body.login div#login p#nav a:hover, body.login div#login p#backtoblog a:hover {
    color:#e2372f;
}

.login form.admin-email-confirm-form h1 {
    height:auto;
    padding-top:0;
    margin-left:0;
    margin-right:0;
    width:100%;
}
.login form.admin-email-confirm-form p {
    color:#142841;
}
.login form.admin-email-confirm-form p strong {
    text-decoration: underline;
}
.login form.admin-email-confirm-form a:hover {
    color:#142841;
}