/* h1{
    margin-bottom: 60px;
} */
/* account dashboard */
/* .my__account_main{
    background: url(https://innovnational.com/reinette/wp-content/themes/reinette/assets/images/global/my_account_bg-min.jpg) no-repeat center center / cover;
} */
/* .my__account-nav, .my__account-content{
    border: 1.5px solid rgba(65, 63, 57, 0.50);
    padding: 60px 40px;
} */

/* .my__account_main nav.woocommerce-MyAccount-navigation {
    width: 100%;
    background-color: transparent;
    border: 1.5px solid rgba(65, 63, 57, 0.50);
    padding: 60px 40px;
}
.my__account-nav ul{
    padding: 0;
    list-style: none;
}


.my__account_main div.woocommerce-MyAccount-content {
    width: 100%;
    height: 100%;
    border: 1.5px solid rgba(65, 63, 57, 0.50);
    padding: 60px 40px;
} */
/* account dashboard */

/* .my__account_login{
    background: url(https://innovnational.com/reinette/wp-content/themes/reinette/assets/images/global/login_register_bg.jpg) no-repeat center center / cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.my__account_register{
    background: url(https://innovnational.com/reinette/wp-content/themes/reinette/assets/images/global/register_bg-min.jpg) no-repeat center center / cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text, input#reg_email{
    border: 1px solid rgba(65, 63, 57, 0.50);
    width: 100%;
    color: #000;
    padding: 10px 20px;
    background-color: transparent;
    margin-bottom: 20px;
}

form a, .my__account_login a, .my__account_register a, .my__account-nav ul li a {
    color: var(--textColor);
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    text-decoration: none; 
}
form .cta_gray{
    width: 100%;
    max-width: 100%;
    border: 0;
    margin: 40px 0 0;
}


img.divider_or{
    width: 100%;
    margin: 40px 0;
}
.sign_up p{
    text-align: center;
}


@media screen and (max-width: 1200px){
    .my__account_login, .my__account_register{
        background: unset;
        height: 100%;
    }
    
    .my__account_login img, .my__account_register img{
        width: 100%;
    }
} */

.mb-40 {
    margin-bottom: 40px;
}

section.login_page {
    background-image: url(/wp-content/themes/reinette/assets/images/global/bg-global.png);
    background-size: cover;
    background-repeat: no-repeat;
}

section.login_page h1 {
    margin-bottom: 60px;
}

section.login_page .input-text {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    border: 1px solid rgba(65, 63, 57, 0.50);
    width: 100%;
}

section.login_page .welcome {
    font-weight: 400;
    font-size: 20px;
}

section.login_page .input-text::placeholder {
    color: rgba(65, 63, 57, 0.50);
    font-family: 'Urbanist';
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}

section.login_page  .login_page_form {
    max-width: 620px;
    width: 100%;
    margin-left: auto;
}

section.login_page .woocommerce-form-login__rememberme span {
    color: #413F39;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; 
}

section.login_page .woocommerce-form-login__rememberme .woocommerce-form__input-checkbox {
    width: 20px;
    height: 20px;
}

section.login_page .woocommerce-form-login__rememberme {
    display: flex !important;
    gap: 10px;
    align-items: center;
}

section.login_page .login_button {
    width: 100%;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    background: #413F39;
    border: 1.5px solid #413F39;
    color: white;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    border-radius: 0;
}

section.login_page .login_button:hover {
    border: 1.5px solid #937957;
    background: #BFA078;
}

section.login_page .lost_password a {
    color: #413F39;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    text-decoration: none;
}

section.login_page .option {
    margin: 40px 0;
}

section.login_page .option p {
    margin: 0 15px;
    color: rgba(65, 63, 57, 0.50);
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; 
}

section.login_page .option .hr {
    height: 1px;
    width: 100%;
    background: #DEDEDE;
}

section.login_page .sign_up {
    color: rgba(65, 63, 57, 0.50);
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 25.6px */
}

section.login_page .sign_up a {
    color: #413F39;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    text-decoration: none;
}

/* creating black background when the checkbox is checked */

/* Remove the default appearance of the checkbox */
section.login_page .woocommerce-form__input-checkbox {
    -webkit-appearance: none; /* Remove default styling in WebKit browsers */
    -moz-appearance: none; /* Remove default styling in Firefox */
    appearance: none; /* Remove default styling in modern browsers */
    border: 2px solid #ccc; /* Default border color */
    position: relative; /* Ensure the checkmark is positioned correctly */
    cursor: pointer; /* Change cursor to pointer on hover */
    background-color: #fff; /* Default background color */
}

/* Change background color to black when checked */
section.login_page .woocommerce-form__input-checkbox:checked {
    background-color: black; /* Change background color to black */
    border-color: black; /* Change border color to black to match */
}

/* Style for the checkmark */
section.login_page .woocommerce-form__input-checkbox:checked::after {
    content: ''; /* Required to add the checkmark */
    position: absolute; /* Position it inside the checkbox */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%) rotate(45deg); /* Center and rotate */
    width: 5px; /* Width of the checkmark */
    height: 10px; /* Height of the checkmark */
    border: solid white; /* Color of the checkmark */
    border-width: 0 2px 2px 0; /* Set the width of the checkmark lines */
}

/* Additional style to ensure the checkbox appearance is consistent across browsers */
section.login_page .woocommerce-form__input-checkbox:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background-color: transparent;
}

/* creating black background when the checkbox is checked end */

/* signup page */
section.login_page  .register_account {
    width: 100%;
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    background: #413F39;
    border: 1.5px solid #413F39;
    color: white;
    font-family: 'Urbanist';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    border-radius: 0;
}

section.login_page  .register_account:hover {
    border: 1.5px solid #937957;
    background: #BFA078;
}

section .woocommerce-error {
    margin-bottom: 24px;
}

section .woocommerce-error li:first-child {
    display: none;
}

section .woocommerce-notices-wrapper .woocommerce-error {
    margin: 0;
}

/* show password */
section.login_page .show-password-input {
    position: absolute;
    right: .7em;
    top: .7em;
    cursor: pointer;
}

section.login_page .show-password-input::after {
    font-family: WooCommerce;
    speak: never;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-left: .618em;
    content: "\e010";
    text-decoration: none;
}

@media (max-width: 1440px) {
    section.login_page .option {
        margin: 20px 0;
    }

    section.login_page h1 {
        margin-bottom: 30px;
    }
}

@media (max-width: 1199px) {
    section.login_page .login_page_form {
        max-width: 100%;
        margin-left: unset;
    }

    section.login_page .login__form {
        padding: 70px 30px !important;
    }
}

@media (max-width: 991px) {
    
}

@media (max-width: 767px) {
    section.login_page .login__form {
        padding: 50px 20px !important;
    }
}

@media (max-width: 575px) {
    
}