.woocommerce-MyAccount-navigation ul {
list-style:none;
--li-pl: 0;
--list-mb: 0;
--li-mb: 0}
.woocommerce-my-account-wrapper {
display:flex;
margin-inline:-30px}
.wd-my-account-sidebar {
flex:1 0 25%;
max-width:25%;
width:25%;
padding:10px 30px;
border-inline-end:1px solid var(--brdcolor-gray-300)}
.wd-my-account-sidebar .wd-sidebar {
margin-bottom:30px;
padding-top:30px;
border-top:1px solid var(--brdcolor-gray-300)}
.woocommerce-MyAccount-content {
flex:1 0 75%;
max-width:75%;
width:75%;
padding:10px 30px}
.woocommerce-MyAccount-content>h2,.woocommerce-MyAccount-content header>h2 {
text-transform:uppercase;
font-size:22px}
.woocommerce-MyAccount-content>p {
font-size:110%}
.woocommerce-MyAccount-content .woocommerce-Message {
margin-bottom:30px !important}
.woocommerce-MyAccount-content>.button {
border-radius:var(--btn-accented-brd-radius);
color:var(--btn-accented-color);
box-shadow:var(--btn-accented-box-shadow);
background-color:var(--btn-accented-bgcolor);
text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}
.woocommerce-MyAccount-content>.button:hover {
color:var(--btn-accented-color-hover);
box-shadow:var(--btn-accented-box-shadow-hover);
background-color:var(--btn-accented-bgcolor-hover)}
.woocommerce-MyAccount-content>.button:active {
box-shadow:var(--btn-accented-box-shadow-active);
bottom:var(--btn-accented-bottom-active, 0)}
.woocommerce-MyAccount-content>.col-1 {
max-width:100%;
padding:0}
.order-info mark {
color:#fff;
background-color:var(--wd-primary-color)}
.woocommerce-EditAccountForm fieldset {
margin-top:40px}
.woocommerce-MyAccount-title {
font-size:18px;
padding-inline:15px 10px;
padding-bottom:10px;
margin-bottom:15px;
text-transform:uppercase;
border-bottom:1px solid var(--brdcolor-gray-300)}
.woocommerce-MyAccount-navigation {
margin-bottom:30px}
.woocommerce-MyAccount-navigation ul li a {
display:block;
padding:10px 15px;
color:var(--color-gray-900);
line-height:20px;
text-transform:none;
font-size:14px;
font-weight:600;
border-radius:var(--wd-brd-radius)}
.woocommerce-MyAccount-navigation ul li a:hover {
color:var(--color-gray-900);
background-color:rgba(var(--bgcolor-black-rgb), 0.03);
text-decoration:none}
.woocommerce-MyAccount-navigation ul li.is-active>a {
background-color:rgba(var(--bgcolor-black-rgb), 0.06);
cursor:default}
.woocommerce-MyAccount-navigation ul li:last-child {
border-bottom:none}
.woocommerce-orders-table td:before {
color:var(--color-gray-800);
font-weight:600}
.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
display:flex;
gap:5px;
justify-content:flex-end}
.order-again {
margin-bottom:30px}
.order-again .button {
border-radius:var(--btn-accented-brd-radius);
color:var(--btn-accented-color);
box-shadow:var(--btn-accented-box-shadow);
background-color:var(--btn-accented-bgcolor);
text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}
.order-again .button:hover {
color:var(--btn-accented-color-hover);
box-shadow:var(--btn-accented-box-shadow-hover);
background-color:var(--btn-accented-bgcolor-hover)}
.order-again .button:active {
box-shadow:var(--btn-accented-box-shadow-active);
bottom:var(--btn-accented-bottom-active, 0)}
.wd-my-account-links[class*="wd-grid"] {
--wd-col-lg: 3;
--wd-col-md: 2;
--wd-col-sm: 1;
--wd-gap-lg: 20px;
margin-top:30px}
.wd-my-account-links a {
display:block;
padding:20px;
font-weight:600;
text-align:center;
color:var(--color-gray-700);
border-radius:var(--wd-brd-radius);
box-shadow:0 0 4px rgba(0,0,0,0.18)}
.wd-my-account-links a:before {
display:block;
color:var(--color-gray-300);
margin-bottom:10px;
font-size:50px;
font-weight:400;
line-height:1;
transition:color .25s ease;
content:"\f140";
font-family:"woodmart-font"}
.wd-my-account-links a:hover {
color:var(--color-gray-700);
background-color:rgba(var(--bgcolor-black-rgb), 0.03)}
.wd-my-account-links a:hover:before {
color:var(--wd-primary-color)}
.wd-my-account-links .dashboard-link {
display:none}
.wd-my-account-links .wishlist-link a:before {
content:"\f134"}
.wd-my-account-links .waitlist-link a:before {
content:"\f185"}
.wd-my-account-links .edit-account-link a:before {
content:"\f135"}
.wd-my-account-links .orders-link a:before {
content:"\f138"}
.wd-my-account-links .downloads-link a:before {
content:"\f136"}
.wd-my-account-links .payment-methods-link a:before {
content:"\f142"}
.wd-my-account-links .edit-address-link a:before {
content:"\f139"}
.wd-my-account-links .customer-logout-link a:before {
content:"\f137"}
.woocommerce-pagination .button {
border-radius:var(--btn-accented-brd-radius);
color:var(--btn-accented-color);
box-shadow:var(--btn-accented-box-shadow);
background-color:var(--btn-accented-bgcolor);
text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}
.woocommerce-pagination .button:hover {
color:var(--btn-accented-color-hover);
box-shadow:var(--btn-accented-box-shadow-hover);
background-color:var(--btn-accented-bgcolor-hover)}
.woocommerce-pagination .button:active {
box-shadow:var(--btn-accented-box-shadow-active);
bottom:var(--btn-accented-bottom-active, 0)}
.woocommerce-MyAccount-downloads-file {
border-radius:var(--btn-accented-brd-radius);
color:var(--btn-accented-color);
box-shadow:var(--btn-accented-box-shadow);
background-color:var(--btn-accented-bgcolor);
text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}
.woocommerce-MyAccount-downloads-file:hover {
color:var(--btn-accented-color-hover);
box-shadow:var(--btn-accented-box-shadow-hover);
background-color:var(--btn-accented-bgcolor-hover)}
.woocommerce-MyAccount-downloads-file:active {
box-shadow:var(--btn-accented-box-shadow-active);
bottom:var(--btn-accented-bottom-active, 0)}
.account-payment-methods-table .button {
border-radius:var(--btn-accented-brd-radius);
color:var(--btn-accented-color);
box-shadow:var(--btn-accented-box-shadow);
background-color:var(--btn-accented-bgcolor);
text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}
.account-payment-methods-table .button:hover {
color:var(--btn-accented-color-hover);
box-shadow:var(--btn-accented-box-shadow-hover);
background-color:var(--btn-accented-bgcolor-hover)}
.account-payment-methods-table .button:active {
box-shadow:var(--btn-accented-box-shadow-active);
bottom:var(--btn-accented-bottom-active, 0)}
.woocommerce-Address-title .edit {
color:var(--wd-link-color);
font-weight:var(--wd-text-font-weight);
font-style:var(--wd-text-font-style);
font-family:var(--wd-text-font);
font-size:1.1em}
.woocommerce-Address-title .edit:before {
margin-inline-end:7px;
font-weight:400;
content:"\f116";
font-family:"woodmart-font"}
.woocommerce-form__label {
cursor:pointer}
button[name="save_account_details"],button[name="save_address"] {
border-radius:var(--btn-accented-brd-radius);
color:var(--btn-accented-color);
box-shadow:var(--btn-accented-box-shadow);
background-color:var(--btn-accented-bgcolor);
text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style:var(--btn-accented-font-style, var(--btn-font-style, unset))}
button[name="save_account_details"]:hover,button[name="save_address"]:hover {
color:var(--btn-accented-color-hover);
box-shadow:var(--btn-accented-box-shadow-hover);
background-color:var(--btn-accented-bgcolor-hover)}
button[name="save_account_details"]:active,button[name="save_address"]:active {
box-shadow:var(--btn-accented-box-shadow-active);
bottom:var(--btn-accented-bottom-active, 0)}
@media (max-width: 1024px) {
.wd-my-account-sidebar {
flex-basis:35%;
max-width:35%;
width:35%}
.woocommerce-MyAccount-content {
flex-basis:65%;
max-width:65%;
width:65%}
}
@media (max-width: 768.98px) {
.woocommerce-my-account-wrapper {
flex-wrap:wrap}
.woocommerce-MyAccount-content,.wd-my-account-sidebar {
flex-basis:100%;
padding-block:0;
max-width:100%;
width:100%}
.wd-my-account-sidebar {
border-inline-end:none}
}
@media (min-width: 769px) and (max-width: 1024px) {
.woocommerce-orders-table {
display:block}
.woocommerce-orders-table thead {
display:none}
.woocommerce-orders-table :is(tbody,tfoot) {
display:block}
.woocommerce-orders-table tr {
position:relative;
display:flex;
flex-direction:column;
gap:5px;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid var(--brdcolor-gray-300)}
.woocommerce-orders-table tr:last-child {
margin-bottom:0}
.woocommerce-orders-table :is(th,td) {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:5px;
padding:0;
border-bottom:none}
.woocommerce-orders-table :is(th,td):not(:last-child) {
padding-bottom:5px;
border-bottom:1px dashed var(--brdcolor-gray-300)}
.woocommerce-orders-table :is(th,td):before {
content:attr(data-title);
margin-inline-end:auto}
}