/* ===============================
   WRAPPER FORM LOGIN / REGISTER
================================ */

#wppb-register-user, #wppb-loginform, #wppb-edit-user, #wppb-recover-password  {

    max-width: 560px;
    margin: 60px auto;
    padding: 40px 36px;

    border-radius: 24px;

    background:
    radial-gradient(circle at 20% 20%, rgba(100,255,160,0.15), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(100,255,160,0.12), transparent 40%),
    linear-gradient(145deg,#0e2f1e,#081c12);

    border: 1px solid rgba(255,255,255,0.08);

    box-shadow:
    0 20px 50px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.05);
}

#wppb-recover-password p {
    color: #f1fff6;
}

/* ===============================
   LIST RESET
================================ */

.wppb-user-forms ul {
    list-style:none;
    padding:0;
    margin:0;
}

/* ===============================
   FORM FIELD WRAPPER
================================ */

.wppb-form-field {
    margin-bottom:22px;
}

/* ===============================
   LABEL
================================ */

.wppb-user-forms label {

    display:block;
    margin-bottom:8px;

    font-weight:600;
    font-size:15px;

    color:#f1fff6;
}

/* ===============================
   INPUT
================================ */

.wppb-user-forms input[type=text],
.wppb-user-forms input[type=email],
.wppb-user-forms input[type=password],
.wppb-user-forms textarea {

    width:100% !important;

    height:56px !important;

    padding:0 18px !important;

    border-radius:18px !important;

    border:2px solid rgba(255,255,255,0.25) !important;

    background:rgba(255,255,255,0.05) !important;

    color:white !important;

    font-size:16px !important;

    transition:all .25s ease !important;

}

/* textarea */

.wppb-user-forms textarea{
    height:120px;
    padding-top:14px;
}

/* ===============================
   PLACEHOLDER
================================ */

::placeholder{
    color:rgba(255,255,255,0.55);
}

/* ===============================
   INPUT FOCUS
================================ */

.wppb-user-forms input:focus,
.wppb-user-forms textarea:focus{

    border-color:#63e39d;

    background:rgba(255,255,255,0.08);

    outline:none;

    box-shadow:0 0 0 3px rgba(90,220,150,0.25);

}

/* ===============================
   PASSWORD CONTAINER
================================ */

.wppb-password-field-container{
    position:relative;
    width: 100% !important;
}
.wppb-form-field.login-username input[type=text], .wppb-form-field.login-username label{
    width: 100% !important;
}

/* ===============================
   SUBMIT BUTTON
================================ */

.wppb-user-forms input[type=submit]{

    width:100%;

    height:56px;

    border:none;

    border-radius:40px;

    background:linear-gradient(135deg,#7af2a9,#49b97b);

    color:#072015;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:all .25s ease;

    box-shadow:
    0 10px 25px rgba(50,160,100,0.35),
    inset 0 1px 0 rgba(255,255,255,0.3);

}

.wppb-user-forms input[type=submit]:hover{

    transform:translateY(-1px);

    box-shadow:
    0 14px 30px rgba(50,160,100,0.45);

}

/* ===============================
   CHECKBOX
================================ */

.wppb-user-forms .login-remember{
    display:flex;
    align-items:center;
    gap:8px;
}

.wppb-user-forms .login-remember input{
    width:18px;
    height:18px;
}

/* ===============================
   TITOLI SEZIONE
================================ */

.wppb-user-forms h4{

    font-size:22px;

    margin-bottom:16px;

    color:white;
}

/* ===============================
   LINK REGISTER / LOST PASSWORD
================================ */

.wppb-user-forms .login-register-lost-password{

    text-align:center;

    margin-top:18px;

    font-size:14px;
}

.wppb-user-forms .login-register-lost-password a{

    color:black;

    text-decoration:none;

    font-weight:600;

}

.wppb-user-forms .login-register-lost-password a:hover{

    text-decoration:underline;
}

.wppb-user-forms .login-separator{
    opacity:0.4;
}

/* ===============================
   ERROR / SUCCESS MESSAGE
================================ */

.wppb-error,
.wppb-success{

    padding:14px 16px;

    border-radius:12px;

    margin-bottom:18px;

    font-size:14px;
}

.wppb-error{

    background:rgba(255,90,90,0.15);

    border:1px solid rgba(255,120,120,0.3);

    color:#ffd7d7;
}

.wppb-success{

    background:rgba(90,220,130,0.18);

    border:1px solid rgba(120,240,160,0.3);

    color:black;
}

.wppb-field-error {
        background-color: transparent !important;
}

.wppb-form-error {
    color: #e05a5a !important;
}

@media (min-width:600px){

    .login-username label {
        padding-right: 10px;
    }

}