/* ==== ACCOUNT PAGE ==== */

#rwpp-open-account-menu {
    display: block;
    padding: 10px;
    cursor: pointer;
}

#rwpp-account-menu {
    overflow: hidden;
    display: none;
}

.rwpp-menu-item {
    display: block;
    padding: 10px;
    cursor: pointer;
}
.rwpp-account-section {
    display: none;
}
.rwpp-account-section.active {
    display: block;
}

form#rwpp-stripe-element-form input[type="submit"] {
    margin: 10px auto;
}

.rwpp-download-invoice {
    cursor: pointer;
}

.rwpp-download-invoice .dashicons {
    vertical-align: middle;
    font-size: 26px;
    width: auto;
    height: auto;
}

.rwpp-customer-payment-method {
    padding: 10px;
    max-width: 650px;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    font-size: 16px;
}

.rwpp-edit-stripe-card {
    display: flex;
    justify-content: right;
    gap: 15px;
}

.rwpp-set-default-card, .rwpp-edit-card, .rwpp-delete-card {
    cursor: pointer;
}

@media screen and (min-width: 768px) {
#rwpp-open-account-menu {
    display: none;
}

#rwpp-account-menu {
    display: block;
}

.rwpp-menu-item {
    display: inline-block;
}

}


@media only screen and (min-width: 960px) {
    .rwpp-account-section-split {
        display: grid;
        grid-template-columns:  repeat(2, minmax(0, 0.50fr));
        grid-gap: 20px;
    }

}

@media screen and (min-width: 768px) {


}