.wdt-registration-form{ padding:50px 60px; background-color:rgba(var(--wdtBodyBGColorRgb),1); width:100%; max-width:650px; border-radius:var(--wdtRadius_3X); margin:0 auto; margin-bottom:30px; border:none; box-shadow:rgba(0, 0, 0, 0.1) 0px 10px 50px; } .wdt-registration-form form{ margin-top:40px; } .wdt-registration-form .werk-custom-auth-sc-border-title h2{ text-align:center; } .wdt-registration-form p{ text-align:center; font-weight:calc(var(--wdtFontWeight_Base) - 100); } .wdt-registration-form p strong{ font-weight:calc(var(--wdtFontWeight_Base) - 100); } .wdt-registration-form form p{ text-align:left; color:var(--wdtBodyTxtColor); } .wdt-registration-form form p:last-child{ text-align:center; } .wdt-registration-form form p a.werk-pro-login-link{ color:var(--wdtLinkHoverColor); text-decoration:underline; text-decoration-color:transparent; } .wdt-registration-form form p a.werk-pro-login-link:hover{ text-decoration-color:currentColor; } .wdt-registration-form form#loginform{ display:block; } .werk-pro-login-description {text-align:center;} .wdt-registration-form input[type="submit"]{ width:100%; padding:var(--wdtPadding_MiniBtn); padding-top:14px; padding-bottom:14px; -webkit-border-radius:var(--wdtRadius_3X); border-radius:var(--wdtRadius_3X); } .wdt-registration-form input[type="submit"]:hover{ background-color:var(--wdtSecondaryColor); color:var(--wdtAccentTxtColor); } .werk-pro-login-form-holder #loginform p { margin:0 0 0 0; } .werk-pro-login-form-holder #loginform { display:grid; grid-template-columns:repeat(1,1fr); justify-content:space-between; grid-gap:20px; } .wdt-registration-form form p.submit {   margin-bottom:30px; }  .werk-pro-login-form-container{ display:block; height:100% !important; margin:0; padding:0; pointer-events:none; width:100%; z-index:10000; position:fixed; bottom:0; left:0; right:0; top:0; } .werk-pro-login-form-overlay{ position:fixed; bottom:0; left:0; right:0; top:0; z-index:9999; background:rgba(var(--wdtBodyBGColorRgb),1); } .login-form-custom-logo {text-align:center;   margin:10px 0;   margin-bottom:clamp(1.25rem, 1rem + 1.25vw, 2.5rem);  } .login-form-custom-logo img {max-width:170px;} .werk-pro-login-form-holder >*:not(:last-child), .werk-pro-login-form-container .werk-pro-login-form >*:not(:last-child) {margin-bottom:30px;} .werk-pro-login-form-container .werk-pro-login-form {display:grid;padding:0;pointer-events:auto;position:absolute;left:0;right:0;background-color:rgba(var(--wdtBodyBGColorRgb),1);width:100%;margin:auto;height:100%;place-content:center;} .werk-pro-login-form-container .werk-pro-login-form .werk-pro-login-form-wrapper {padding:70px;border-radius:var(--wdtRadius_Zero);border:1px solid;max-width:820px;height:fit-content;overflow-y:auto;max-height:calc(100vh - 2*1.5em);} .werk-pro-login-form-container .werk-pro-login-form .werk-pro-title.werk-pro-login-title{ display:flex; flex-direction:column; align-items:center; margin-bottom:clamp(1.25rem, 1rem + 1.25vw, 2.5rem);  }  #loginform .login-username, #loginform .login-password{ width:100%; } #loginform .login-remember{ text-align:left; } #loginform p.login-remember input[type="checkbox"]{ opacity:1; -webkit-appearance:none; appearance:none; width:1em; height:1em; border:1px solid var(--wdtBorderColor); transform:translateY(-0.075em); display:inline-grid; place-content:center; background:rgba(var(--wdtTertiaryColorRgb),.0); border-radius:2px; padding:0 0; } #loginform p.login-remember input[type="checkbox"]:after{ content:""; width:0.65em; height:0.65em; clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform:scale(0); transform-origin:bottom left; transition:120ms transform ease-in-out; box-shadow:inset 1em 1em var(--wdtPrimaryColor); } #loginform p.login-remember input[type="checkbox"]:checked:after { transform:scale(1); } #loginform input[type="text"]:focus, #loginform input[type="password"]:focus{ border-color:var(--wdtPrimaryColor); } #loginform .login-submit input[type="submit"]{ width:100%; background-color:var(--wdtPrimaryColor); padding-top:14px; padding-bottom:14px; } #loginform .login-submit input[type="submit"]:hover{ background-color:var(--wdtSecondaryColor); color:var(--wdtAccentTxtColor); } .werk-pro-social-logins-divider{ text-align:center; margin:20px 0; } .werk-pro-title.werk-pro-login-title h2{ text-align:center; margin-top:0; } .werk-pro-login-form-container .werk-pro-login-form .werk-pro-login-form-holder p.tpl-forget-pwd{ margin-bottom:0px; } .werk-pro-login-form-container .werk-pro-login-form .werk-pro-login-form-holder p.tpl-forget-pwd a{ color:var(--wdtLinkHoverColor); text-decoration:underline; text-decoration-color:transparent; transition:all 0.3s linear; } .werk-pro-login-form-container .werk-pro-login-form .werk-pro-login-form-holder p.tpl-forget-pwd a:hover{ text-decoration-color:var(--wdtLinkHoverColor); } a.werk-pro-social-facebook-connect, a.werk-pro-social-google-connect{ width:calc(50% - 20px); padding:var(--wdtPadding_MiniBtn); display:inline-block; text-align:center; color:var(--wdt-elementor-color-black); border-radius:var(--wdtRadius_3X); box-shadow:rgba(var(--wdtLinkHoverColorRgb),1) 0 0 0px; border:1px solid var(--wdtLinkColor); margin:10px; font-size:var(--wdtFontSize_Ext); font-weight:var(--wdtFontWeight_Ext); } a.werk-pro-social-facebook-connect:hover, a.werk-pro-social-google-connect:hover { background-color:var(--wdtSecondaryColor); color:rgba(var(--wdtAccentTxtColorRgb),1); border-color:rgba(var(--wdtSecondaryColorRgb),1); } a.werk-pro-social-facebook-connect i, a.werk-pro-social-google-connect i{ margin-right:10px; } .werk-pro-login-form-container{ max-width:1640px; margin:auto; } @media only screen and (max-width:1540px) { .werk-pro-title.werk-pro-login-title h2 {font-size:var(--wdtFontSize_H3);} .werk-pro-login-form #loginform {margin-top:0;} .werk-pro-social-logins-divider {margin-top:20px;margin-bottom:30px;} #loginform { display:grid; grid-template-columns:repeat(2,1fr); justify-content:space-between; grid-gap:20px; } #loginform .login-submit { margin-bottom:0; grid-area:3/1; } } @media screen and (min-width:768px) and (max-width:1540px){ .werk-pro-login-form-holder #loginform { grid-template-columns:repeat(2,1fr); } } @media screen and (min-width:1281px) and (max-width:1540px){ .werk-pro-login-form-container{ max-width:1080px; margin:auto; } .werk-pro-login-form-holder >*:not(:last-child), .werk-pro-login-form-container .werk-pro-login-form >*:not(:last-child) { margin-bottom:20px; } } @media screen and (min-width:1025px) and (max-width:1280px){ .werk-pro-login-form-container{ max-width:900px; margin:auto; }   } @media screen and (min-width:768px) and (max-width:1024px){ .werk-pro-login-form-container{ max-width:710px; margin:auto; }   } @media screen and (max-width:767px){ #loginform .login-username, #loginform .login-password{ margin-bottom:20px; } .werk-pro-login-form-container {overflow:scroll;} .werk-pro-login-form-container .werk-pro-login-form .werk-pro-login-form-wrapper{ padding:30px; max-width:420px; margin:0 20px; width:calc(100% - 40px); } .werk-pro-title.werk-pro-login-title h2{ font-size:var(--wdtFontSize_H4); } .wdt-registration-form{ padding:30px; } .wdt-registration-form .werk-custom-auth-sc-border-title h2{ font-size:var(--wdtFontSize_H3); } } @media screen and (min-width:480px) and (max-width:767px){ .werk-pro-login-form-container{ margin:auto; }   } @media screen and (max-width:479px){ a.werk-pro-social-facebook-connect, a.werk-pro-social-google-connect { padding:10px; } .werk-pro-login-form-container{ max-width:100%; margin:auto; }   .werk-pro-title.werk-pro-login-title h2{ font-size:var(--wdtFontSize_H4); } .wdt-registration-form .werk-custom-auth-sc-border-title h2{ font-size:var(--wdtFontSize_H4); } }   .mu_register{ width:100%; margin:0 auto; max-width:600px; padding:50px; background:var(--wdtPrimaryColor); box-shadow:rgba(0, 0, 0, 0.1) 0px 10px 50px; border-radius:var(--wdtRadius_3X); margin-bottom:50px !important; text-align:center; color:var(--wdtAccentTxtColor); } .mu_register h2{ font-size:var(--wdtFontSize_H4); text-align:center; } .mu_register form input{ box-shadow:none; -webkit-box-shadow:none; border:1px solid transparent; } .mu_register form input:focus{ border-color:var(--wdtPrimaryColor); } .mu_register form .wp-signup-username-description, .mu_register form .wp-signup-email-description{ margin-bottom:15px; } .mu_register p.submit{ margin-top:20px; } .mu_register form p.submit input[type="submit"]{ font-size:var(--wdtFontSize_Base); } div#signup-content .mu_register .mu_alert{   background:var(--wdtBodyBGColor);   border:none;   margin-bottom:20px;   text-align:center;}  @media screen and (max-width:479px){ .werk-pro-login-form-container .werk-pro-login-form .werk-pro-login-form-wrapper { padding:20px; margin:0 15px; width:calc(100% - 30px); } .mu_register{ padding:30px; } }  @media only screen and (min-width:1281px) and (max-width:1540px) { .wdt-registration-form { margin-bottom:100px; } } @media only screen and (min-width:1025px) and (max-width:1280px) { .wdt-registration-form { margin-bottom:80px; } } @media only screen and (min-width:768px) and (max-width:1024px) { .wdt-registration-form { margin-bottom:70px; } } @media only screen and (min-width:480px) and (max-width:767px) { .wdt-registration-form { margin-bottom:60px; } } @media only screen and (max-width:479px) { .wdt-registration-form { margin-bottom:60px; } }