.woocommerce-MyAccount-navigation ul { list-style: none; --li-pl: 0; --list-mb: 0; --li-mb: 0 } .woocommerce-my-account-wrapper { margin-bottom: 50px; margin-left: -30px; margin-right: -30px; display: flex } .woocommerce-MyAccount-content, .wd-my-account-sidebar { padding-left: 30px; padding-right: 30px; padding-bottom: 10px; padding-top: 10px } .wd-my-account-sidebar { flex: 1 0 25%; max-width: 25%; width: 25%; border-inline-end: 1px solid var(--brdcolor-gray-300) } .wd-my-account-sidebar .sidebar-container { 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% } .woocommerce-MyAccount-content>h2, .woocommerce-MyAccount-content header>h2 { text-transform: uppercase; font-size: 22px } .woocommerce-MyAccount-content p a { color: #000; } .woocommerce-MyAccount-content>p { font-size: 110%; color: #000 } .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)); font-weight: var(--btn-accented-font-weight, var(--btn-font-weight)); font-family: var(--btn-accented-font-family, var(--btn-font-family)); font-style: var(--btn-accented-font-style, var(--btn-font-style)) } .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) } .woocommerce-MyAccount-content>.col-1 { max-width: 100%; padding: 0 } .woocommerce-MyAccount-navigation-link--oc-custom-fields { display: none!important; } .oc-custom-fields-link { display: none; } .order-info mark { color: #fff; background-color: var(--wd-primary-color) } .woocommerce-EditAccountForm fieldset { margin-top: 40px } .woocommerce-MyAccount-title { color: #000; font-size: 18px; padding-inline-start: 15px; padding-inline-end: 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: #40bb56; 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: #fff; background: radial-gradient(194.44% 279.43% at 134.37% -31.49%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); text-decoration: none } .woocommerce-MyAccount-navigation ul li.is-active>a { color: #fff; background: radial-gradient(194.44% 279.43% at 134.37% -31.49%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); cursor: default } .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none } .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { padding-bottom: 5px } .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions>a { margin-bottom: 10px } .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)); font-weight: var(--btn-accented-font-weight, var(--btn-font-weight)); font-family: var(--btn-accented-font-family, var(--btn-font-family)); font-style: var(--btn-accented-font-style, var(--btn-font-style)) } .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) } .wd-my-account-links { display: flex; flex-wrap: wrap; margin-top: 30px; margin-left: -10px; margin-right: -10px } .wd-my-account-links>div { flex: 1 1 33%; max-width: 33%; width: 33%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px } .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: var(--bgcolor-gray-200) } .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 .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" } .global-color-scheme-light .wd-my-account-links a { background-color: var(--bgcolor-gray-200) } .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)); font-weight: var(--btn-accented-font-weight, var(--btn-font-weight)); font-family: var(--btn-accented-font-family, var(--btn-font-family)); font-style: var(--btn-accented-font-style, var(--btn-font-style)) } .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) } .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)); font-weight: var(--btn-accented-font-weight, var(--btn-font-weight)); font-family: var(--btn-accented-font-family, var(--btn-font-family)); font-style: var(--btn-accented-font-style, var(--btn-font-style)) } .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) } .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)); font-weight: var(--btn-accented-font-weight, var(--btn-font-weight)); font-family: var(--btn-accented-font-family, var(--btn-font-family)); font-style: var(--btn-accented-font-style, var(--btn-font-style)) } address { color: #000 } .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) } header.title { margin-bottom: 10px } header.title>h3 { color: #000; text-transform: uppercase; font-size: 22px } .woocommerce-Address-title .edit, .woocommerce-Address-title>h3 { display: inline-block; margin-bottom: 5px; vertical-align: middle } .woocommerce-Address-title .edit { padding-right: 5px; padding-left: 5px; color: #569ef0; font-weight: 600; font-size: 12px } .woocommerce-Address-title .edit:hover { color: var(--wd-primary-color) } .woocommerce-form__label { cursor: pointer } label { color:#000; } input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select { border: 2px solid #76ce75!important; color:#000; } form h3{ color:#000; } em { color: #000; } fieldset legend { color: #000; } input[type='email']:focus, input[type='date']:focus, input[type='search']:focus, input[type='number']:focus, input[type='text']:focus, input[type='tel']:focus, input[type='url']:focus, input[type='password']:focus, textarea:focus, select:focus { outline: none; border-color: #569ef0!important; transition: border-color .4s ease; } ::placeholder { color:#000; } .select2-container--default .select2-results>.select2-results__options { background: rgb(244, 241, 240); } body .select2-container--default .select2-search--dropdown:before { background: rgb(244, 241, 240); } body .select2-container--default .select2-results__option { color:#000; } body .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgb(244, 241, 240); color:#76ce75; } body .select2-container--default .select2-search--dropdown .select2-search__field { background-color: rgb(244, 241, 240);; } body .select2-container--default .select2-search--dropdown { border-bottom: var(--wd-form-brd-width) solid #76ce75; } body .select2-container--default .select2-dropdown { border-color: #76ce75; background-color: #76ce75; } .password-input { color:#eb8653; } 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: radial-gradient(194.44% 279.43% at 134.37% -31.49%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); text-transform: var(--btn-accented-transform, var(--btn-transform)); font-weight: var(--btn-accented-font-weight, var(--btn-font-weight)); font-family: var(--btn-accented-font-family, var(--btn-font-family)); font-style: var(--btn-accented-font-style, var(--btn-font-style)) } body .select2-container--default .select2-selection { border: var(--wd-form-brd-width) solid #76ce75; background-color: rgb(244, 241, 240); } body .select2-container--default .select2-selection--single .select2-selection__rendered { color:#000; } .yoast-breadcrumb { display: none; } 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) } table th,.amount { color:#000; } table td{ padding: 15px 12px; border-bottom: 1px solid #76ce75; color:#000; } table td a{ color:#000; } .col-md-3 input[type=email] { border: 2px solid rgba(244, 241, 240, 0.7)!important; color:#fff!important; } .col-md-3 input[type=text]{ border: 2px solid rgba(244, 241, 240, 0.7)!important; color:#fff!important; } .col-md-6 textarea{ border: 2px solid rgba(244, 241, 240, 0.7)!important; } .col-md-3 ::placeholder { color:#fff; opacity: 0.6; } .col-md-6 ::placeholder { color:#fff; opacity: 0.6; } td.woocommerce-orders-table__cell-order-actions a { background:radial-gradient(194.44% 279.43% at 134.37% -31.49%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%) } 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) } .page-title .container>* { margin-bottom: 5px!important; } .wd-header-overlap .title-size-small { padding-top: 120px!important; } @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% } .wd-my-account-links>div { flex-basis: 50%; max-width: 50%; width: 50% } } @media (max-width: 768.98px) { .woocommerce-my-account-wrapper { flex-wrap: wrap } .woocommerce-MyAccount-content, .wd-my-account-sidebar { flex-basis: 100%; padding-top: 0; padding-bottom: 0; max-width: 100%; width: 100% } .wd-my-account-sidebar { border-inline-end: none } } @media (max-width: 576px) { .wd-my-account-links>div { flex-basis: 100%; max-width: 100%; width: 100% } } @media (min-width: 769px) and (max-width: 1024px) { .woocommerce-orders-table, .woocommerce-orders-table tbody, .woocommerce-orders-table tfoot, .woocommerce-orders-table tr, .woocommerce-orders-table td { display: block } .woocommerce-orders-table thead, .woocommerce-orders-table th { display: none } .woocommerce-orders-table tr { position: relative; 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 td { margin-bottom: 8px; padding: 0 0 8px; border-bottom: none; text-align: end } .woocommerce-orders-table td:before { content: attr(data-title); float: left; padding-top: 3px; color: var(--brdcolor-gray-900); text-transform: uppercase; font-weight: 600; font-size: 12px } .woocommerce-orders-table td:last-child { margin-bottom: 0; padding-bottom: 0 } } @media screen and (max-width: 768.98px) { .col-register-text { margin-bottom: 80px; } .wd-login-divider { display: none; } .wd-header-overlap .title-size-small { padding-top: 90px!important; } .woocommerce-MyAccount-content { margin-bottom: 50px; } .shop_table_responsive td:before { color:#000; } }