/* Registration Form */
.wdt-registration-form{
    padding: 80px 60px;
    background-color: rgba(var(--wdtBodyBGColorRgb),1);
    width: 100%;
    max-width: 600px;
    border-radius: calc(var(--wdtRadius_3X) * 2);
    margin: 0 auto;
    margin-bottom: 0;
    border: 2px dashed var(--wdtBorderColor);
    background-color: var(--wdtTertiaryColor);
}
.wdt-registration-form form{
margin-top: 40px;
}
.wdt-registration-form .cutie-custom-auth-sc-border-title h2{
text-align: center;
margin-top: 0;
}
.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(--wdtHeadAltColor);
margin-bottom: 20px;
font-weight: var(--wdtFontWeight_Base);
}
.wdt-registration-form form p input{
    box-shadow: var(--wdtBorderColor) 3px 3px 0;
}
.wdt-registration-form form p input:focus{
    box-shadow: 0 0;
}
.wdt-registration-form form p:last-child{
text-align: center;
margin-bottom: 0;
}
.wdt-registration-form form p a.cutie-pro-login-link{
color: var(--wdtLinkHoverColor);
text-decoration: underline;
text-decoration-color: transparent;
font-family: var(--wdtFontTypo_Alt);
}
.wdt-registration-form form p a.cutie-pro-login-link:hover{
text-decoration-color: currentColor;
}
.wdt-registration-form form#loginform{
display: block;
}
.cutie-pro-login-description {text-align: center; font-size: var(--wdtFontSize_Ext); }
.wdt-registration-form input[type="submit"]{
width: 100%;
}
/* .wdt-registration-form input[type="submit"]:hover{
background-color: var(--wdtSecondaryColor);
color: var(--wdtAccentTxtColor);
} */
.cutie-pro-login-form-holder #loginform p {
margin: 0 0 0 0;
}
.cutie-pro-login-form-holder #loginform p.login-remember {
    font-size: var(--wdtFontSize_Ext);
}
/* .cutie-pro-login-form-holder #loginform p.login-remember label{
    display: flex;
    align-items: baseline;
} */
.cutie-pro-login-form-holder #loginform p input:not([type="checkbox"]){
    box-shadow: var(--wdtBorderColor) 3px 3px 0;
}
.cutie-pro-login-form-holder #loginform p input:focus{
    box-shadow: 0 0;
}
.cutie-pro-login-form-holder #loginform p input[type="submit"]:hover{
    box-shadow: var(--wdtBorderColor) -3px -3px 0;
}
.cutie-pro-login-form-holder #loginform {
display: grid;
grid-template-columns: repeat(1,1fr);
justify-content: space-between;
grid-gap: 20px;
margin-bottom: 20px;
}

.wdt-registration-form form p.submit {
    margin-bottom: 30px;
}

/* Login form */

.cutie-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;
}
.cutie-pro-login-form-overlay{
position: fixed;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 9999;
background:rgba(var(--wdtBodyBGColorRgb),1);
cursor: url(../images/login-close-cursor.svg) 25 25, auto;
}
.login-form-custom-logo {text-align: center;
    margin: 10px 0;
}
.login-form-custom-logo img:not(src) { display: none; }
.login-form-custom-logo img {max-width: 170px;}
.cutie-pro-login-form-holder >*:not(:last-child),
.cutie-pro-login-form-container .cutie-pro-login-form >*:not(:last-child) {margin-bottom: 30px;}
.cutie-pro-login-form-container .cutie-pro-login-form {
    padding: 0;
    pointer-events: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    /* top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); */
    background-color: rgba(var(--wdtBodyBGColorRgb), 1);
    width: fit-content;
    margin: auto;
    height: fit-content;
    place-content: center;
}
.cutie-pro-login-form-container .cutie-pro-login-form .cutie-pro-login-form-wrapper {
    padding: 80px 60px;
    border-radius: calc(var(--wdtRadius_3X) * 2);
    border: 2px dashed var(--wdtBorderColor);
    max-width: 600px;
    height: fit-content;
    overflow-y: auto;
    max-height: calc(100vh - 2*1.5em);
    display: grid;
    background-color: var(--wdtTertiaryColor);
}
.cutie-pro-login-form-container .cutie-pro-login-form .cutie-pro-login-form-wrapper .cutie-pro-social-logins-container{
    order: 3;
    margin-inline: -10px;
    display: flex;
    flex-wrap: wrap;
}
.cutie-pro-login-form-container .cutie-pro-login-form .cutie-pro-title.cutie-pro-login-title{
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10px;
}


#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: 0;
padding: 0 0;
position: relative;
/* top: 1px; */
margin-right: 10px;
}
/* #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(--wdtQuaternaryColor);
color: var(--wdtHeadAltColor);
}
.cutie-pro-social-logins-divider{
    text-align: center;
    margin: 20px 0;
    width: 100%;
    order: -1;
    font-size: var(--wdtFontSize_Ext);
}
.cutie-pro-title.cutie-pro-login-title h2{
text-align: center;
margin-top: 0;
}
.cutie-pro-login-form-container .cutie-pro-login-form .cutie-pro-login-form-holder p.tpl-forget-pwd{
margin-bottom: 0px;
font-family: var(--wdtFontTypo_Alt);
}
.cutie-pro-login-form-container .cutie-pro-login-form .cutie-pro-login-form-holder p.tpl-forget-pwd a{
color: var(--wdtLinkHoverColor);
text-decoration: underline;
text-decoration-color: transparent;
transition: all 0.3s linear;
}
.cutie-pro-login-form-container .cutie-pro-login-form .cutie-pro-login-form-holder p.tpl-forget-pwd a:hover{
text-decoration-color: var(--wdtLinkHoverColor);
}

a.cutie-pro-social-facebook-connect,
a.cutie-pro-social-google-connect{
    width: calc(50% - 20px);
    padding: var(--wdtPadding_Btn);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--wdtHeadAltColor);
    box-shadow: rgba(var(--wdtBorderColorRgb),1) 3px 3px 0px;
    border: 1px solid var(--wdtLinkColor);
    margin: 10px;
    font-size: var(--wdtFontSize_Ext);
    font-weight: var(--wdtFontWeight_Ext);
    font-family: var(--wdtFontTypo_Alt);
}
a.cutie-pro-social-facebook-connect:hover,
a.cutie-pro-social-google-connect:hover {
    box-shadow: 0 0;
    color: var(--wdtHeadAltColor);
}
a.cutie-pro-social-facebook-connect i,
a.cutie-pro-social-google-connect i{
margin-right: 10px;
display: flex;
}
a.cutie-pro-social-facebook-connect i:before{
    content: "";
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .wdt-custom-logion-facebook-class-1%7Bfill:%2325A7F8;%7D%0A%3C/style%3E%3Cpath class='wdt-custom-logion-facebook-class-1' d='M23.4,0.1c-0.3,0-0.6,0-0.9,0c-0.4,0-0.8,0-1.2,0H8.2c-0.5,0-0.9,0-1.4,0c-1.4,0-2.8,0.4-4,1.2 C1.9,1.9,1.2,2.8,0.7,3.8C0.3,4.7,0.1,5.6,0.1,6.6c0,0.2,0,0.5,0,0.7c0,1.8,0,3.5,0,5.3c0,1.4,0,2.7,0,4.1v0.3c0,0.1,0,0.3,0,0.4 c0,1.2,0,2.5,0,3.8c0,1,0,2,0.2,3c0.1,0.8,0.4,1.6,0.8,2.4c0,0,0,0.1,0.1,0.1c0.4,0.7,1,1.4,1.7,1.9c0.7,0.5,1.5,0.9,2.3,1.1 C5.9,29.9,6.8,30,7.8,30c0.8,0,1.6,0,2.3,0c0.9,0,1.8,0,2.7,0l0,0l0,0l0-0.1c0-0.2,0-1.8,0-3.6c0-1,0-2.1,0-3.2c0-1.6,0-3.1,0-3.7 c-0.2,0-0.4,0-0.6,0c-0.5,0-1,0-1.4,0c-0.6,0-1.3,0-1.9,0c0-0.2,0-0.3,0-0.5c0-0.7,0-1.3,0-2c0-0.6,0-1.2,0-1.8h1.5 c0.8,0,1.6,0,2.4,0c0-1.1,0-2.2,0-3.3c0-0.7,0.1-1.4,0.3-2c0.2-0.7,0.5-1.3,0.9-1.8c0.2-0.3,0.5-0.6,0.8-0.8 c0.4-0.3,0.8-0.5,1.2-0.7c0.9-0.3,2-0.5,3-0.4c1,0,2,0.1,2.9,0.2c0,1.2-0.1,2.5-0.1,3.7c-0.7,0-1.5,0-2.3,0.1 c-0.3,0-0.6,0.1-0.9,0.2c-0.3,0.1-0.5,0.3-0.7,0.6c-0.3,0.4-0.5,1-0.4,1.5c0,0.9,0,1.9,0,2.8c0.9,0,1.9,0,2.8,0h1.6 c0,0.1-0.2,0.9-0.3,1.7c-0.2,1-0.4,2.2-0.5,2.6h-3.5v0c0,0.9,0,1.8,0,2.6c0,1.1,0,2.2,0,3.3c0,1.5,0,3,0,4.5c0,0,0,0.1,0,0.1 c0.5,0,1.1,0,1.6,0c0.3,0,0.6,0,0.9,0c0.3,0,0.6,0,0.9,0c1.2,0,2.5,0,3.7-0.2c1-0.2,2-0.6,2.9-1.2c0.8-0.6,1.5-1.5,1.9-2.4 c0.5-1.2,0.7-2.4,0.7-3.7c0-0.7,0-1.5,0-2.2v-0.1c0-0.9,0-1.7,0-2.6c0-0.9,0-1.7,0-2.6c0-1.2,0-2.5,0-3.7c0-1.3,0-2.6,0-3.9 c0-0.2,0-0.5,0-0.7c0-1.2-0.3-2.4-0.9-3.4c-0.7-1.3-2-2.4-3.4-2.8C24.9,0.3,24.2,0.1,23.4,0.1L23.4,0.1L23.4,0.1L23.4,0.1z'/%3E%3C/svg%3E%0A");
}
a.cutie-pro-social-google-connect i:before{
    content: "";
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .wdt-custom-login-google-class-1%7Bfill:%23F72515;%7D .wdt-custom-login-google-class-2%7Bfill:%23F9B200;%7D .wdt-custom-login-google-class-3%7Bfill:%2300A53F;%7D .wdt-custom-login-google-class-4%7Bfill:%231D7CF4;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='wdt-custom-login-google-class-1' d='M16,5.6c2.4,0,4.6,0.8,6.1,2.2l4.4-4.1C23.9,1.4,20.3,0,15.9,0C9.7,0,4.4,3.2,1.8,8l5.1,3.7 C8.2,8.2,11.7,5.6,16,5.6z'/%3E%3Cpath class='wdt-custom-login-google-class-2' d='M6.5,15c0-1,0.2-2,0.5-2.9L1.7,8.3C0.6,10.3,0,12.6,0,15c0,2.4,0.6,4.6,1.7,6.6l5.3-3.8C6.7,17,6.5,16,6.5,15 L6.5,15z'/%3E%3Cpath class='wdt-custom-login-google-class-3' d='M15,24.3c-3.9,0-7.2-2.5-8.4-6L1.8,22c2.4,4.7,7.4,8,13.2,8c4,0,7.3-1.3,9.8-3.5L20.1,23 C18.6,23.9,16.7,24.3,15,24.3z'/%3E%3Cpath class='wdt-custom-login-google-class-4' d='M29.7,11.7L29.7,11.7l-13.8,0v6.2h8c-0.4,2.3-1.5,3.9-2.9,5l4.6,3.9c2.8-2.8,4.4-6.9,4.4-12 C30,13.7,29.9,12.6,29.7,11.7L29.7,11.7z'/%3E%3C/g%3E%3C/svg%3E%0A");

}
.cutie-pro-login-form-container{
max-width: 1640px;
margin: auto;
}

.page-template.page-template-tpl-registration #main{
    padding: 150px 0;
    margin-top: -150px;
    background: url(../images/registration-bg.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1540px) {
.cutie-pro-title.cutie-pro-login-title h2 {font-size: var(--wdtFontSize_H3);}
.cutie-pro-login-form #loginform {margin-top: 0;}
.cutie-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;
}
.page-template.page-template-tpl-registration #main{
    padding: 120px 0;
    margin-top: -120px;
}
}

@media screen and (min-width:1281px) and (max-width: 1540px){
.cutie-pro-login-form-container{
max-width: 1080px;
margin: auto;
}

.cutie-pro-login-form-holder >*:not(:last-child),
.cutie-pro-login-form-container .cutie-pro-login-form >*:not(:last-child) {
margin-bottom: 20px;
}
}
@media screen and (min-width:1025px) and (max-width: 1280px){
.cutie-pro-login-form-container{
max-width: 900px;
margin: auto;
}    
.page-template.page-template-tpl-registration #main{
    padding: 100px 0;
    margin-top: -100px;
}
}
@media screen and (min-width:768px) and (max-width: 1024px){
.cutie-pro-login-form-container{
max-width: 710px;
margin: auto;
}  
.page-template.page-template-tpl-registration #main{
    padding: 80px 0;
    margin-top: -80px;
}  
}
@media screen and (max-width: 767px){
#loginform .login-username, 
#loginform .login-password{
margin-bottom: 20px;
}
.cutie-pro-login-form-container {overflow: scroll;}
.cutie-pro-login-form-container .cutie-pro-login-form .cutie-pro-login-form-wrapper{
padding: 30px;
max-width: 420px;
margin: 0 20px;
width: calc(100% - 40px);
}
.cutie-pro-title.cutie-pro-login-title h2{
font-size: var(--wdtFontSize_H4);
}
.wdt-registration-form{
padding: 30px;
}
.wdt-registration-form .cutie-custom-auth-sc-border-title h2{
font-size: var(--wdtFontSize_H3);
}
.page-template.page-template-tpl-registration #main{
    padding: 60px 0;
    margin-top: -60px;
}
.page-template.page-template-tpl-registration #main{
    background: none;
}
}
@media screen and (min-width:480px) and (max-width: 767px){
.cutie-pro-login-form-container{
margin: auto;
}    
}
@media screen and (max-width: 479px){
a.cutie-pro-social-facebook-connect, a.cutie-pro-social-google-connect {
padding: 10px;
}
.cutie-pro-login-form-container{
max-width: 100%;
margin: auto;
}    
.cutie-pro-title.cutie-pro-login-title h2{
font-size: var(--wdtFontSize_H4);
}
.wdt-registration-form .cutie-custom-auth-sc-border-title h2{
font-size: var(--wdtFontSize_H4);
}
.page-template.page-template-tpl-registration #main{
    padding: 50px 0;
    margin-top: -50px;
}
}



/* After Registration */
.wdt-custom-auth-form #main{
    margin: 120px 0;
}
.wdt-custom-auth-form #footer,
.wdt-custom-auth-form #header-wrapper{
    display: none;
}
.mu_register{
    max-width: 600px;
    padding: 40px;
    background: var(--wdtTertiaryColor);
    border: 2px dashed var(--wdtBorderColor);
}
.mu_register h2{
font-size: var(--wdtFontSize_H4);
text-align: center;
margin-top: 0;
}
.mu_register form input{
box-shadow: none;
-webkit-box-shadow: none;
font-size: var(--wdtFontSize_Ext) !important;
}
.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);
margin-bottom: 0;
}
.mu_register legend + p, .mu_register input + p{
    font-size: var(--wdtFontSize_Ext);
}
.mu_register label, .mu_register legend, .mu_register .label-heading{
    font-family: var(--wdtFontTypo_Alt);
}
.mu_register p{
    font-size: var(--wdtFontSize_Ext);
}
@media screen and (max-width: 479px){
.cutie-pro-login-form-container .cutie-pro-login-form .cutie-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; } } */