/* main#account -------------------------------------------- */

/*
div#customer_login
    div.col-1
        h2
        form.woocommerce-form.woocommerce-form-login.login
    div.col-2
        h2
        form.woocommerce-form.woocommerce-form-register.register
*/


div#customer_login {
    width: 100%;
    /*max-width: 420px;*/
    display: flex;
    gap: 4%;
    margin: 2rem 0;
}
div#customer_login > div {
    width: 100%;
}
div#customer_login > div > h2 {
    color: var(--mainColor);
}
div#customer_login > div > form {
    width: 100%;
}
div#customer_login > div > form > p a {
    text-decoration: underline;
}
div#customer_login > div > form > p span.required{
    color: red;
}
div#customer_login > div > form > p label {
    display: block;
    margin: 1rem 0 0.4rem;
}
div#customer_login > div > form > p input {
    width: 100%;
}
div#customer_login > div > form > p input#rememberme {
    display: inline-block;
    width: unset;
    margin-right: 0.5rem;
}
div#customer_login > div > form > p button {
    margin-top: 1rem;
    width: 100%;
}

/*div#customer_login > div > form fieldset > legend {
    color:  var(--mainColor);
    font-weight: bold;
    font-size: 1.2rem;
    margin: 1rem 0 0.5rem;
}

div.woocommerce-MyAccount-content {
    margin-bottom: 1rem;
}
div.woocommerce-MyAccount-content a.woocommerce-Button.button {
    all: unset;
    text-decoration: underline;
    color: var(--grayColor);
    display: block;
    margin-bottom: .7rem;
    cursor: pointer;
}*/

/* main#account -------------------------------------------- */

/* media */
@media (max-width: 720px) {
    div#customer_login {
        display: block;
    }
}