You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
616 lines
15 KiB
616 lines
15 KiB
.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;
|
|
}
|
|
}
|
|
|