.custom-login{background: #F5F5F5;display:flex;align-items:center;min-height:100vh;justify-content:center}
.custom-login *{box-sizing:border-box}
.container{width:100%;padding:0 20px;max-width:1200px}
.floatform{width:100%;background:#fff;display:flex;flex-wrap:wrap;box-shadow:0 1px 3px rgba(0,0,0,.1);margin:100px 0;position:relative}
.left{width:500px;padding:100px 75px 150px;display:flex;align-items:center;justify-content:center}
.right{overflow: hidden;position:relative;width:calc(100% - 500px);padding:150px 75px;height:calc(100vh - 200px);max-height: 750px;display:flex;align-items:center}
.video-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;filter: blur(3px);-webkit-transform: scale(1.1);transform: scale(1.1);background-image: url('https://qualityforall.nl/wp-content/uploads/ELF_20220331_Q4all_socialmedia_02-scaled.jpg');background-position: center;background-size: cover;}
.video-box video{object-fit: cover;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.right:after{content: '';position:absolute;width:100%;height:100%;left:0;top:0;background: #85B8AC;opacity:0.3;}
.login .right h1{display:block;margin:10px 0 0;color:#fff;font-size:60px;font-weight:900;line-height:1;text-align:left;position: relative;z-index:2;}
.login .right h2{display:block;margin:0;color:#fff;font-size:30px;font-weight:100;line-height:1;text-align:left;position: relative;z-index:2;}
.login .right p{display:block;margin:20px 0 0;color:#fff;font-size:16px;max-width:350px;text-align:left;position: relative;z-index:2;}
.inner{width:100%}
.login form{padding:0;background:transparent;box-shadow:none;border:0!important}
.login form .input,.login input[type=text]{font-size:18px;width:100%;padding:5px 20px;margin:2px 6px 20px 0;border:1px solid #e0e0e0!important;height: 60px;border-radius: 12px;}
input[type=text],input[type=password],input[type=email]{box-shadow:none!important;color:#444;}
.forgetmenot,#formhere h1,#formhere #backtoblog{display:none!important}
.wp-core-ui .button-primary{font-weight:700;background: #EB4949;border: 1px solid #EB4949;transition:0.3s;box-shadow:none;color:#fff;text-decoration:none;text-shadow:none;height:60px;line-height:40px!important;padding:5px 20px!important;border-radius:12px;font-size:18px;min-width: 160px!important;margin: 20px 0 0 auto!important;}
.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:focus,.wp-core-ui .button-primary:hover{background: #870020;outline:0!important;border: 1px solid #870020!important;box-shadow:none!important}
.login #login_error,.login .message,.login .success{border-left:4px solid #85B8AC}
.login #nav{margin:0;padding:0;text-align:left;position:absolute;bottom:50px}
.login .privacy-policy-page-link{position:absolute;bottom:30px;margin:0;padding:0;text-align:left}
.login #backtoblog a,.login #nav a{color:#85B8AC;text-decoration:underline}
.login .button.wp-hide-pw{top: 12px;right: 10px;}

@media(max-width: 1100px) {
    .left{width:400px;padding:100px 50px 150px}
    .right{width:calc(100% - 400px)}
}
@media(max-width: 1000px) {
    .left{width:400px;padding:100px 30px 150px}
    .right{padding:150px 50px}
    .login .right h1{font-size:50px}
    .login .right h2{font-size:24px}
}
@media(max-width: 950px) {
    .floatform{flex-direction:column-reverse}
    .left{width:100%;padding:120px 20px 75px;position:relative}
    .right{padding:75px 20px;width:100%;min-height:initial}
}
@media(max-width: 500px) {
    .login .right h1{font-size:40px}
    .custom-login{align-items:initial}
    .floatform{margin:50px 0}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 60px #fff inset!important;
}