/**
 * My Account.
 */

.account-main {
    padding: 0 20px;
}

.account-main h1 {
    margin-top: 0;
}

.account-main h2 {
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
    font-size: .9rem;
}

.woocommerce-MyAccount-navigation {
    border-right: 1px solid var(--aurlane-border-color);
    padding: 0 20px 0 0;
}

.woocommerce-MyAccount-navigation > ul {
    display: grid;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation > ul > li {
    border-bottom: 1px solid var(--aurlane-border-color);
    font-size: .9rem;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation > ul > li:last-child {
    border-bottom: 0 none;
}

.woocommerce-MyAccount-navigation > ul > li > a {
    color: inherit;
    display: block;
    padding: 1em;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation > ul > li > a:hover {
    background-color: #000;
    color: #FFF;
}

.woocommerce input[type="submit"],
.woocommerce button[type="submit"],
.account-main .woocommerce-Button.button {
    background-color: var(--aurlane-button-bg-color);
    border: 0 none;
    border-radius: 0;
    color: #FFF;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 400;
    padding: 1em 2em;
}

.woocommerce input[type="submit"]:hover,
.woocommerce button[type="submit"]:hover,
.account-main .woocommerce-Button.button:hover {
    background-color: var(--aurlane-button-bg-color-hover);
    color: #FFF;
}

.account-main fieldset {
    border: 0 none;
    margin: 1em 0;
    padding: 0 1em;
}

.account-main fieldset > legend {
    font-weight: 500;
    margin-left: -1em;
}

.woocommerce-EditAccountForm.edit-account p {
    margin: 0 0 1em 0;
    padding: 0;
}

.woocommerce-EditAccountForm.edit-account #account_display_name_description em {
    color: #999;
    font-size: .85rem;
    font-style: normal;
}

.woocommerce-account .addresses .title .edit {
    float: none;
}

.woocommerce-address-fields > p {
    margin: 2rem 0 0 0;
    text-align: center;
}

@media (max-width: 767px) {
    .woocommerce-MyAccount-navigation {
        border-right: 0 none;
        padding: 0 0 2rem 0;
    }

    .woocommerce-MyAccount-navigation > ul {
        grid-template-columns: 1fr 1fr;
    }

    .woocommerce-MyAccount-navigation > ul > li {
        font-size: .8rem;
    }

    .woocommerce-MyAccount-navigation > ul > li > a {
        padding: 1em 0 1em .5em;
    }
}