body.page-login #content {
    background-color: #F5F5F5;
}

body.page-login footer#footer {
    display: none;
}

body.page-login .container {
    display: flex;
    justify-content: center;
    height: 100vh;
    height: calc(100vh - 65px);
}

.container {
    background-image: url("/wp-content/themes/Kurtain/assets/images/Union.png");
    background-repeat: no-repeat;
}

body.page-login .container .container-row {
    width: 100%;
}

.container .customer-login-container {
    max-width: 540px;
    width: 100%;
    padding: 80px;
    background: #FFFFFF;
    box-shadow: 0px 2px 16px #EBEEEE;
    border-radius: 16px;
    margin: 160px auto 160px auto;
}

.container input {
    width: 100%;
    max-width: 100%;
    height: 52px;
    border: 1px solid #232323;
    border-radius: 6px;
}

.customer-login-header h2 {
    color: var(--gray900);
    margin-bottom: 0;
    padding-bottom: 0;
}

#customer_login {
    margin-top: 40px;
}

.required {
    color: red;
}

.form-row {
    color: var(--gray900);
}

.form-row label {
    margin-bottom: 8px;
}

.woocommerce-form-login__submit {
    background-color: var(--jewel700);
    color: white;
    width: 100%;

    border-radius: 4px;
    border: unset;
    height: 52px;
    margin-top: 24px;
}

.site-branding .logo img {
    margin-left: -5px;
}

#customer_login .iti {
    display: block;
}

#username {
    /* display: none; */
}

.login .iti__country-list {
    position: relative;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    border: none;
    max-height: none;
    overflow-y: unset;
}

.woocommerce-form-login {
    margin-top: 40px;
}

.input-grid {
    display: flex;
    justify-content: space-between;
}


.input-grid .input-box {
    max-width: 54px;
    font-size: 20px;
    text-align: center;
    border: 1px solid #ccc;
}

.input-box:focus {
    outline: none;
}

.resend-code {
    margin-top: 15px;
    color: var(--jewel700);
}

.resend-code-body {
    color: var(--gray900);
}

body.page-login .customer-login-container .logo img {
    max-width: 240px !important;
    width: 100%;
}

@media all and (max-width: 575px) {
    body.page-login .container {
        width: 100%;
        padding: 0;
    }

    body.page-login .container .container-row {
        width: 100%;
    }

    .container .customer-login-container {
        width: 100%;
        padding: 56px 40px;
        border-radius: 0;
        margin-top: 100px;
    }

    body.page-login .customer-login-container .logo img {
        max-width: 180px !important;
        width: 100%;
    }

    #customer_login {
        margin-top: 32px;
    }

    #customer_login .customer-login-header h2 {
        font-size: 28px;
    }

    #customer_login .woocommerce-form-login {
        margin-top: 24px;
    }

    #customer_login .iti__selected-flag {
        background: transparent;
    }
}