.gomst-wc-my-account {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4rem;
    h3,
    h2,
    legend {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: bold;
        color: #000;
        margin-bottom: 1rem;
    }
    .button,
    .wc-forward,
    .button.wc-forward,
    .woocommerce-Button.button,
    .woocommerce-button.button,
    .wc-forward.woocommerce-Button.button,
    button[type="submit"].button {
        padding: 0.8rem 1rem;
        border-radius: 0.5rem;
        border: 2px solid #000;
        background: #000;
        color: #fff;
        font-size: 1rem;
        line-height: 1.2rem;
        font-weight: 500;
        transition: 0.3s;
        &:hover {
            background: #fff;
            color: #000;
        }
    }
    .woocommerce-MyAccount-navigation {
        border: 2px solid #808080;
        border-radius: 0.5rem;
        background-color: #F9F9FB;
        padding: 1rem;
        overflow: hidden;
        flex: 0 0 29%;
        box-sizing: border-box;

        @media only screen and (max-width: 767px) {
            flex: 0 0 100%;
            margin-bottom: 2rem;
        }
        ul {
            padding: 0;
            list-style: none;
            margin: 0;
            li {
                a {
                    color: #808080;
                    display: block;
                    font-size: 1.2rem;
                    line-height: 1.4rem;
                    font-weight: 600;
                    padding: 1rem;
                    border-bottom: 2px solid #808080;
                    text-decoration: none;
                    transition: 300ms all ease-in-out;
                    &:hover {
                        padding-left: 2rem;
                        color: #000;
                        border-bottom: 2px solid #000;
                    }
                }
                &.is-active {
                    a {
                        padding-left: 2rem;
                        color: #000;
                        border-bottom: 2px solid #000;
                    }
                }
                &:last-child {
                    a {
                        border: 0;
                    }
                }
            }
        }
    }
    .woocommerce-MyAccount-content {
        border: 2px solid #808080;
        border-radius: 0.5rem;
        background-color: #F9F9FB;
        padding: 1rem;
        overflow: hidden;
        flex: 0 0 69%;
        @media only screen and (max-width: 767px) {
            flex: 0 0 100%;
        }
        a {
            color: #000;
        }
        table.shop_table {
            box-shadow: none;
            border: 0;
        }
    }

    form {
        .form-row {
            display: block;
            float: none;
            width: 100%;
            @media only screen and (max-width: 767px) {
                flex: 0 0 100%;
            }
            label {
                display: block;
                abbr {
                    color: #000;
                }
            }
            input:not([type="checkbox"]), select, textarea, .select2-selection {
                width: 100%;
                margin-bottom: 1rem;
                border: 2px solid transparent;
                background: transparent;
                border-bottom-color: #000;
                border-radius: 0;
                padding: 0.5rem 0.5rem 0.5rem 0;
                transition: 0.3s;
                box-shadow: none;
                cursor: pointer;
                outline: none;
                &:hover,
                &:focus {
                    border-bottom-color: #000;
                }
            }
            .woocommerce-input-wrapper {
                display: block;
            }
        }
    }
    .woocommerce-notices-wrapper,
    .wc-empty-cart-message {
        width: 100%;
    }

    .button,
    .button.wc-backward {
        font-size: 1rem;
        line-height: 1.2rem;
        border-radius: 10rem;
        padding: 1rem 2rem;
        font-weight: normal;
        text-align: center;
        text-decoration: none;
        border: 1px solid #000;
        background: #000;
        color: #000;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        transition: 0.3s;
        &:hover {
            background-color: #000;
            color: #000;
        }
    }
    .woocommerce-orders-table__cell {
        .button {
            padding: 0.5rem 1rem;
        }
    }
    &-EditAccountForm {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        fieldset {
            flex: 0 0 100%;
        }
    }
    .woocommerce-customer-details {
        address {
            box-shadow: none;
            padding: 0;
        }
        .woocommerce-columns {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            .woocommerce-column__title {
                font-size: 1.3rem;
                font-weight: bold;
                margin-bottom: 1rem;
            }
            .woocommerce-column {
                flex: 0 0 49%;
                box-sizing: border-box;
                @media only screen and (max-width: 767px) {
                    flex: 0 0 100%;
                    margin-bottom: 1.5rem;
                }
            }
        }
    }
    &-ResetPassword {
        box-shadow: 0 5px 15px #000;
        background-color: #000;
        border-radius: 0.6rem;
        padding: 1rem;
        max-width: 600px;
        margin: auto;
    }
    #customer_login {
        form {
            border: none;
            padding: 0;
            margin: 0;
            .woocommerce-form-login__rememberme {
                margin-bottom: 1rem;
            }
            .button {
                margin-bottom: 1rem;
            }
        }
        &.u-columns {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            &:after,
            &:before {
                content: none;
            }
            .col-1,
            .col-2 {
                flex: 0 0 48%;
                box-shadow: 0 5px 15px #000;
                background-color: #000;
                border-radius: 0.6rem;
                float: none;
                padding: 1rem;
                @media only screen and (max-width: 767px) {
                    flex: 0 0 100%;
                    margin-bottom: 1rem;
                }
            }
        }
    }
}