.wc-checkout-steps {
margin: 0 0 32px;
}
.wc-checkout-steps__list {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0;
counter-reset: checkout-step;
}
.wc-checkout-steps__item {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 220px;
text-align: center;
}
.wc-checkout-steps__item:not(:last-child)::after {
content: "";
position: absolute;
top: 22px;
left: calc(50% + 28px);
width: calc(100% - 56px);
height: 2px;
background: #e0e2dd;
z-index: 0;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.wc-checkout-steps__item.is-complete:not(:last-child)::after {
background: #ac4b39;
}
.wc-checkout-steps__item.active:not(:last-child)::after {
background: -webkit-gradient(linear, left top, right top, from(#ac4b39), to(#e0e2dd));
background: -o-linear-gradient(left, #ac4b39 0%, #e0e2dd 100%);
background: linear-gradient(90deg, #ac4b39 0%, #e0e2dd 100%);
}
.wc-checkout-steps__link {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 8px 12px;
text-decoration: none;
color: #a8b0a0;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wc-checkout-steps a.wc-checkout-steps__link:hover {
color: #ac4b39;
}
.wc-checkout-steps a.wc-checkout-steps__link:hover .wc-checkout-steps__number {
border-color: #ac4b39;
color: #ac4b39;
}
.wc-checkout-steps__number {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: 2px solid #e0e2dd;
background: #fff;
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
color: #a8b0a0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wc-checkout-steps__label {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.wc-checkout-steps__item.is-complete .wc-checkout-steps__link {
color: #636f56;
}
.wc-checkout-steps__item.is-complete .wc-checkout-steps__number {
border-color: #ac4b39;
background: #ac4b39;
color: transparent;
font-size: 0;
}
.wc-checkout-steps__item.is-complete .wc-checkout-steps__number::before {
content: "";
display: block;
width: 10px;
height: 6px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-45deg) translateY(-1px);
-ms-transform: rotate(-45deg) translateY(-1px);
transform: rotate(-45deg) translateY(-1px);
}
.wc-checkout-steps__item.active .wc-checkout-steps__link {
color: #636f56;
}
.wc-checkout-steps__item.active .wc-checkout-steps__number {
border-color: #ac4b39;
background: #f1e1de;
color: #ac4b39;
-webkit-box-shadow: 0 0 0 4px rgba(172, 75, 57, 0.12);
box-shadow: 0 0 0 4px rgba(172, 75, 57, 0.12);
}
.wc-checkout-steps__item.active .wc-checkout-steps__label {
color: #ac4b39;
}
@media (max-width: 650px) {
.wc-checkout-steps {
margin-bottom: 24px;
}
.wc-checkout-steps__item {
max-width: 160px;
}
.wc-checkout-steps__item:not(:last-child)::after {
top: 19px;
left: calc(50% + 24px);
width: calc(100% - 48px);
}
.wc-checkout-steps__link {
gap: 8px;
padding: 6px 8px;
}
.wc-checkout-steps__number {
width: 40px;
height: 40px;
font-size: 1.4rem;
border-width: 2px;
}
.wc-checkout-steps__item.is-complete .wc-checkout-steps__number::before {
width: 9px;
height: 6px;
}
.wc-checkout-steps__item.active .wc-checkout-steps__number {
-webkit-box-shadow: 0 0 0 3px rgba(172, 75, 57, 0.12);
box-shadow: 0 0 0 3px rgba(172, 75, 57, 0.12);
}
.wc-checkout-steps__label {
font-size: 1.2rem;
letter-spacing: 0.01em;
}
}
@media (max-width: 400px) {
.wc-checkout-steps__item {
max-width: 130px;
}
.wc-checkout-steps__number {
width: 36px;
height: 36px;
font-size: 1.3rem;
}
.wc-checkout-steps__label {
font-size: 1.1rem;
}
.wc-checkout-steps__item:not(:last-child)::after {
top: 17px;
left: calc(50% + 22px);
width: calc(100% - 44px);
}
}
.cart-attributes {
margin-top: 32px;
margin-bottom: 30px;
padding: 24px;
background: #fff;
border: 1px solid #e0e2dd;
border-radius: 10px;
-webkit-box-shadow: 0 4px 24px rgba(35, 38, 35, 0.06);
box-shadow: 0 4px 24px rgba(35, 38, 35, 0.06);
}
.cart-attributes__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.cart-attributes--cols-2 .cart-attributes__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 0;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
@media (max-width: 768px) {
.cart-attributes--cols-2 .cart-attributes__list {
grid-template-columns: 1fr;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
}
.cart-attributes--cols-2 .cart-attributes__item {
padding: 20px 0;
border-bottom: 1px solid #eff0ee;
}
@media (min-width: 769px) {
.cart-attributes--cols-2 .cart-attributes__item:nth-child(-n+2) {
padding-top: 0;
}
.cart-attributes--cols-2 .cart-attributes__item:nth-last-child(1), .cart-attributes--cols-2 .cart-attributes__item:nth-last-child(2):nth-child(odd) {
border-bottom: none;
padding-bottom: 0;
}
}
@media (max-width: 768px) {
.cart-attributes--cols-2 .cart-attributes__item {
padding: 16px 0;
}
.cart-attributes--cols-2 .cart-attributes__item:first-child {
padding-top: 0;
}
.cart-attributes--cols-2 .cart-attributes__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
}
.cart-attributes__item {
display: grid;
grid-template-columns: 36px 1fr;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
padding: 8px 0;
border-bottom: 1px solid #eff0ee;
}
.cart-attributes__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.cart-attributes__item:first-child {
padding-top: 0;
}
.cart-attributes__icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.cart-attributes__icon img {
display: block;
max-width: 36px;
max-height: 36px;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.cart-attributes__text {
color: #636f56;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.35;
}
.cart-attributes__text p {
margin: 0;
}
.cart-attributes__text p + p {
margin-top: 6px;
}
.cart-attributes__text a {
color: #ac4b39;
text-decoration: underline;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.cart-attributes__text a:hover {
color: #636f56;
}
.cart-attributes__text strong {
color: #232623;
}
.woocommerce-cart .cart-attributes {
max-width: 100%;
}
@media (max-width: 650px) {
.cart-attributes {
padding: 20px 16px;
}
.cart-attributes__item {
grid-template-columns: 30px 1fr;
gap: 10px;
}
.cart-attributes__icon img {
max-width: 30px;
max-height: 30px;
}
.cart-attributes__text {
font-size: 1.3rem;
}
}
.free-shipping-bar {
margin: 0 0 24px;
padding: 20px 24px;
background: -o-linear-gradient(315deg, #f1e1de 0%, #fff 62%);
background: linear-gradient(135deg, #f1e1de 0%, #fff 62%);
border: 1px solid #e0e2dd;
border-left: 4px solid #ac4b39;
border-radius: 10px;
-webkit-box-shadow: 0 4px 24px rgba(35, 38, 35, 0.06);
box-shadow: 0 4px 24px rgba(35, 38, 35, 0.06);
}
.free-shipping-bar__inner {
display: grid;
grid-template-columns: 48px 1fr;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
gap: 16px;
}
.free-shipping-bar__icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 48px;
height: 48px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #ac4b39;
background: #fff;
border: 1px solid rgba(172, 75, 57, 0.15);
border-radius: 10px;
-webkit-box-shadow: 0 2px 10px rgba(172, 75, 57, 0.1);
box-shadow: 0 2px 10px rgba(172, 75, 57, 0.1);
}
.free-shipping-bar__icon svg {
display: block;
width: 26px;
height: 26px;
}
.free-shipping-bar__content {
min-width: 0;
padding-top: 2px;
}
.free-shipping-bar__message {
margin: 0;
color: #232623;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.35;
}
.free-shipping-bar__message .amount {
color: #ac4b39;
font-weight: 700;
white-space: nowrap;
}
.free-shipping-bar__meta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 12px;
margin-top: 0;
margin-bottom: 12px;
}
.free-shipping-bar__amounts {
color: #636f56;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.2;
}
.free-shipping-bar__percent {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 44px;
padding: 4px 10px;
color: #ac4b39;
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
background: rgba(255, 255, 255, 0.85);
border: 1px solid rgba(172, 75, 57, 0.18);
border-radius: 999px;
}
.free-shipping-bar__track {
display: block;
width: 100%;
height: 10px;
overflow: hidden;
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(224, 226, 221, 0.9);
border-radius: 999px;
-webkit-box-shadow: inset 0 1px 2px rgba(35, 38, 35, 0.06);
box-shadow: inset 0 1px 2px rgba(35, 38, 35, 0.06);
}
.free-shipping-bar__fill {
display: block;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(#ac4b39), to(rgba(172, 75, 57, 0.72)));
background: -o-linear-gradient(left, #ac4b39 0%, rgba(172, 75, 57, 0.72) 100%);
background: linear-gradient(90deg, #ac4b39 0%, rgba(172, 75, 57, 0.72) 100%);
border-radius: 999px;
-webkit-transition: width 0.45s ease;
-o-transition: width 0.45s ease;
transition: width 0.45s ease;
-webkit-box-shadow: 0 1px 4px rgba(172, 75, 57, 0.25);
box-shadow: 0 1px 4px rgba(172, 75, 57, 0.25);
}
.free-shipping-bar--qualified {
background: -o-linear-gradient(315deg, #eee6cf 0%, #fff 62%);
background: linear-gradient(135deg, #eee6cf 0%, #fff 62%);
border-left-color: #636f56;
}
.free-shipping-bar--qualified .free-shipping-bar__inner {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.free-shipping-bar--qualified .free-shipping-bar__content {
padding-top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.free-shipping-bar--qualified .free-shipping-bar__icon {
color: #636f56;
background: rgba(255, 255, 255, 0.95);
border-color: rgba(99, 111, 86, 0.2);
-webkit-box-shadow: 0 2px 10px rgba(99, 111, 86, 0.12);
box-shadow: 0 2px 10px rgba(99, 111, 86, 0.12);
}
.free-shipping-bar--qualified .free-shipping-bar__message {
color: #636f56;
}
.free-shipping-bar.is-updating {
opacity: 0.72;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.woocommerce-cart .free-shipping-bar {
max-width: 100%;
}
@media (max-width: 650px) {
.free-shipping-bar {
padding: 18px 20px;
}
.free-shipping-bar__inner {
grid-template-columns: 44px 1fr;
gap: 14px;
}
.free-shipping-bar__icon {
width: 44px;
height: 44px;
}
.free-shipping-bar__icon svg {
width: 24px;
height: 24px;
}
.free-shipping-bar__message {
font-size: 1.6rem;
line-height: 1.4;
}
.free-shipping-bar__amounts {
font-size: 1.45rem;
}
.free-shipping-bar__percent {
min-width: 48px;
padding: 5px 11px;
font-size: 1.35rem;
}
.free-shipping-bar__meta {
margin-bottom: 10px;
}
.free-shipping-bar__track {
height: 10px;
}
}
.gutenberg a {
color: #232623;
}
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__button {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #fff !important;
background-color: #ac4b39 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-totals-coupon__button:hover {
background-color: rgba(172, 75, 57, 0.85) !important;
color: #fff !important;
text-decoration: none;
}
.wc-block-cart-item__remove-link {
color: #ac4b39 !important;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.wc-block-cart-item__remove-link:hover {
color: #636f56 !important;
}
.wc-block-cart-item__image {
padding: 1rem !important;
}
.woocommerce-page {
color: #636f56;
}
.woocommerce-page a {
color: #ac4b39;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.woocommerce-page a:hover {
color: #636f56;
}
.woocommerce-page table {
border-color: #eff0ee;
}
.woocommerce-page table th,
.woocommerce-page table td {
border-color: #eff0ee;
color: #636f56;
}
.woocommerce-page table a {
color: #ac4b39;
font-weight: 700;
}
.woocommerce-page table a:hover {
color: #636f56;
}
.woocommerce-page .woocommerce-Price-amount {
color: #ac4b39;
font-weight: 700;
}
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #place_order,
.woocommerce-page .button.alt {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #fff !important;
background-color: #ac4b39 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #place_order:hover,
.woocommerce-page .button.alt:hover {
background-color: rgba(172, 75, 57, 0.85) !important;
color: #fff !important;
text-decoration: none;
}
.woocommerce-page button[name=update_cart],
.woocommerce-page .woocommerce-cart .coupon button,
.woocommerce-page .woocommerce-checkout .woocommerce-back-to-cart a,
.woocommerce-page a.button.wc-backward {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #ac4b39 !important;
background-color: #f1e1de !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-page button[name=update_cart]:hover,
.woocommerce-page .woocommerce-cart .coupon button:hover,
.woocommerce-page .woocommerce-checkout .woocommerce-back-to-cart a:hover,
.woocommerce-page a.button.wc-backward:hover {
background-color: #eee6cf !important;
color: #636f56 !important;
text-decoration: none;
}
.woocommerce-cart .woocommerce-cart-form .product-remove a {
color: #636f56;
font-size: 2rem;
line-height: 1;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.woocommerce-cart .woocommerce-cart-form .product-remove a:hover {
color: #ac4b39;
background: transparent;
}
.woocommerce-cart .woocommerce-cart-form .product-thumbnail img {
border-radius: 6px;
}
.woocommerce-cart .woocommerce-cart-form .product-name a {
color: #636f56;
font-weight: 700;
}
.woocommerce-cart .woocommerce-cart-form .product-name a:hover {
color: #ac4b39;
}
.woocommerce-cart .cart-collaterals .cart_totals {
background: #fff;
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 24px;
-webkit-box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
color: #636f56;
font-weight: 700;
margin-top: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals .order-total .woocommerce-Price-amount {
font-size: 2rem;
}
.woocommerce-cart .wc-proceed-to-checkout {
padding-top: 16px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #fff !important;
background-color: #ac4b39 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background-color: rgba(172, 75, 57, 0.85) !important;
color: #fff !important;
text-decoration: none;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
width: 100%;
padding: 14px 24px;
font-size: 1.8rem;
}
.woocommerce-cart .coupon .input-text {
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 10px 14px;
color: #636f56;
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
color: #636f56;
font-weight: 700;
}
.woocommerce-checkout .form-row label {
color: #636f56;
font-weight: 700;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 10px 14px;
color: #636f56;
background: #fff;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
border-color: #ac4b39;
outline: none;
-webkit-box-shadow: 0 0 0 2px rgba(172, 75, 57, 0.15);
box-shadow: 0 0 0 2px rgba(172, 75, 57, 0.15);
}
.woocommerce-checkout #order_review_heading {
color: #636f56;
font-weight: 700;
}
.woocommerce-checkout #order_review {
background: #fff;
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 24px;
-webkit-box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
}
.woocommerce-checkout #payment {
background: #f1e1de;
border-radius: 10px;
}
.woocommerce-checkout #payment .payment_methods {
border-bottom-color: #eff0ee;
}
.woocommerce-checkout #payment .payment_methods label {
color: #636f56;
}
.woocommerce-checkout #payment #place_order {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #fff !important;
background-color: #ac4b39 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-checkout #payment #place_order:hover {
background-color: rgba(172, 75, 57, 0.85) !important;
color: #fff !important;
text-decoration: none;
}
.woocommerce-checkout #payment #place_order {
width: 100%;
margin-top: 16px;
padding: 14px 24px;
font-size: 1.8rem;
}
.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received,
.woocommerce-thankyou-order-received .woocommerce-notice--success,
.woocommerce-thankyou-order-received .woocommerce-thankyou-order-received {
background: #f1e1de;
border: 1px solid #e0e2dd;
border-left: 4px solid #ac4b39;
border-radius: 10px;
color: #636f56;
padding: 16px 20px;
font-size: 1.6rem;
font-weight: 700;
}
.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-thankyou-order-received .woocommerce-order-overview {
background: #fff;
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 20px 24px;
margin-bottom: 24px;
}
.woocommerce-order-received .woocommerce-order-overview li,
.woocommerce-thankyou-order-received .woocommerce-order-overview li {
color: #636f56;
border-color: #eff0ee;
}
.woocommerce-order-received .woocommerce-order-overview li strong,
.woocommerce-thankyou-order-received .woocommerce-order-overview li strong {
color: #ac4b39;
}
.woocommerce-order-received .woocommerce-order-details h2,
.woocommerce-order-received .woocommerce-customer-details h2,
.woocommerce-thankyou-order-received .woocommerce-order-details h2,
.woocommerce-thankyou-order-received .woocommerce-customer-details h2 {
color: #636f56;
font-weight: 700;
}
.woocommerce-order-received .shop_table,
.woocommerce-thankyou-order-received .shop_table {
border-radius: 10px;
overflow: hidden;
}
.woocommerce-order-received a.button,
.woocommerce-order-received .button,
.woocommerce-thankyou-order-received a.button,
.woocommerce-thankyou-order-received .button {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #fff !important;
background-color: #ac4b39 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-order-received a.button:hover,
.woocommerce-order-received .button:hover,
.woocommerce-thankyou-order-received a.button:hover,
.woocommerce-thankyou-order-received .button:hover {
background-color: rgba(172, 75, 57, 0.85) !important;
color: #fff !important;
text-decoration: none;
}
.woocommerce-account .woocommerce {
padding: 5rem 0rem;
}
@media (min-width: 992px) {
.woocommerce-account .woocommerce {
display: grid;
grid-template-columns: 280px 1fr;
gap: 32px;
-webkit-box-align: start;
-webkit-align-items: start;
-ms-flex-align: start;
align-items: start;
}
}
.woocommerce-account .woocommerce:before, .woocommerce-account .woocommerce:after {
display: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
float: none !important;
background: #fff;
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 24px;
-webkit-box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
padding: 16px;
margin-bottom: 24px;
}
@media (min-width: 992px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 0;
position: -webkit-sticky;
position: sticky;
top: 120px;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
margin: 0;
padding: 0;
border: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
display: block;
padding: 12px 16px;
border-radius: 10px;
color: #636f56 !important;
font-size: 1.5rem;
font-weight: 700;
text-decoration: none;
background: transparent;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
background-color: #f1e1de;
color: #ac4b39 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
background-color: #ac4b39 !important;
color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
width: 100% !important;
background: #fff;
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 24px;
-webkit-box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
margin-bottom: 40px;
}
.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h3 {
color: #636f56;
font-weight: 700;
margin-top: 0;
}
.woocommerce-account .woocommerce-MyAccount-content p {
color: #636f56;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
background: #f1e1de;
border: 1px solid #e0e2dd;
border-left: 4px solid #ac4b39;
border-radius: 10px;
color: #636f56;
padding: 14px 18px;
margin-bottom: 20px;
padding-left: 60px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {
color: #ac4b39;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
background: #fff5f3;
border: 1px solid #e0e2dd;
border-left: 4px solid #ac4b39;
border-radius: 10px;
color: #636f56;
padding: 14px 18px;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label,
.woocommerce-account .woocommerce-ResetPassword label {
color: #636f56;
font-weight: 700;
}
.woocommerce-account .woocommerce-form-login input.input-text,
.woocommerce-account .woocommerce-form-login input[type=email],
.woocommerce-account .woocommerce-form-login input[type=password],
.woocommerce-account .woocommerce-form-login input[type=tel],
.woocommerce-account .woocommerce-form-login input[type=text],
.woocommerce-account .woocommerce-form-login textarea,
.woocommerce-account .woocommerce-form-login select,
.woocommerce-account .woocommerce-form-register input.input-text,
.woocommerce-account .woocommerce-form-register input[type=email],
.woocommerce-account .woocommerce-form-register input[type=password],
.woocommerce-account .woocommerce-form-register input[type=tel],
.woocommerce-account .woocommerce-form-register input[type=text],
.woocommerce-account .woocommerce-form-register textarea,
.woocommerce-account .woocommerce-form-register select,
.woocommerce-account .woocommerce-ResetPassword input.input-text,
.woocommerce-account .woocommerce-ResetPassword input[type=email],
.woocommerce-account .woocommerce-ResetPassword input[type=password],
.woocommerce-account .woocommerce-ResetPassword input[type=tel],
.woocommerce-account .woocommerce-ResetPassword input[type=text],
.woocommerce-account .woocommerce-ResetPassword textarea,
.woocommerce-account .woocommerce-ResetPassword select {
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 10px 14px;
color: #636f56;
background: #fff;
width: 100%;
max-width: 100%;
}
.woocommerce-account .woocommerce-form-login input.input-text:focus,
.woocommerce-account .woocommerce-form-login input[type=email]:focus,
.woocommerce-account .woocommerce-form-login input[type=password]:focus,
.woocommerce-account .woocommerce-form-login input[type=tel]:focus,
.woocommerce-account .woocommerce-form-login input[type=text]:focus,
.woocommerce-account .woocommerce-form-login textarea:focus,
.woocommerce-account .woocommerce-form-login select:focus,
.woocommerce-account .woocommerce-form-register input.input-text:focus,
.woocommerce-account .woocommerce-form-register input[type=email]:focus,
.woocommerce-account .woocommerce-form-register input[type=password]:focus,
.woocommerce-account .woocommerce-form-register input[type=tel]:focus,
.woocommerce-account .woocommerce-form-register input[type=text]:focus,
.woocommerce-account .woocommerce-form-register textarea:focus,
.woocommerce-account .woocommerce-form-register select:focus,
.woocommerce-account .woocommerce-ResetPassword input.input-text:focus,
.woocommerce-account .woocommerce-ResetPassword input[type=email]:focus,
.woocommerce-account .woocommerce-ResetPassword input[type=password]:focus,
.woocommerce-account .woocommerce-ResetPassword input[type=tel]:focus,
.woocommerce-account .woocommerce-ResetPassword input[type=text]:focus,
.woocommerce-account .woocommerce-ResetPassword textarea:focus,
.woocommerce-account .woocommerce-ResetPassword select:focus {
border-color: #ac4b39;
outline: none;
-webkit-box-shadow: 0 0 0 2px rgba(172, 75, 57, 0.15);
box-shadow: 0 0 0 2px rgba(172, 75, 57, 0.15);
}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .woocommerce-ResetPassword {
max-width: 480px;
margin: 0 auto;
}
.woocommerce-account .woocommerce-form-login .woocommerce-button,
.woocommerce-account .woocommerce-form-login button.button,
.woocommerce-account .woocommerce-form-register .woocommerce-button,
.woocommerce-account .woocommerce-form-register button.button,
.woocommerce-account .woocommerce-ResetPassword .woocommerce-button,
.woocommerce-account .woocommerce-ResetPassword button.button {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #fff !important;
background-color: #ac4b39 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-account .woocommerce-form-login .woocommerce-button:hover,
.woocommerce-account .woocommerce-form-login button.button:hover,
.woocommerce-account .woocommerce-form-register .woocommerce-button:hover,
.woocommerce-account .woocommerce-form-register button.button:hover,
.woocommerce-account .woocommerce-ResetPassword .woocommerce-button:hover,
.woocommerce-account .woocommerce-ResetPassword button.button:hover {
background-color: rgba(172, 75, 57, 0.85) !important;
color: #fff !important;
text-decoration: none;
}
.woocommerce-account .woocommerce-form-login .woocommerce-button,
.woocommerce-account .woocommerce-form-login button.button,
.woocommerce-account .woocommerce-form-register .woocommerce-button,
.woocommerce-account .woocommerce-form-register button.button,
.woocommerce-account .woocommerce-ResetPassword .woocommerce-button,
.woocommerce-account .woocommerce-ResetPassword button.button {
width: 100%;
margin-top: 8px;
}
.woocommerce-account .woocommerce-form-login .woocommerce-LostPassword a {
color: #ac4b39;
font-weight: 700;
}
.woocommerce-account .woocommerce-EditAccountForm label,
.woocommerce-account .woocommerce-address-fields label,
.woocommerce-account .woocommerce-MyAccount-content form label {
color: #636f56;
font-weight: 700;
}
.woocommerce-account .woocommerce-EditAccountForm input.input-text,
.woocommerce-account .woocommerce-EditAccountForm input[type=email],
.woocommerce-account .woocommerce-EditAccountForm input[type=password],
.woocommerce-account .woocommerce-EditAccountForm input[type=tel],
.woocommerce-account .woocommerce-EditAccountForm input[type=text],
.woocommerce-account .woocommerce-EditAccountForm textarea,
.woocommerce-account .woocommerce-EditAccountForm select,
.woocommerce-account .woocommerce-address-fields input.input-text,
.woocommerce-account .woocommerce-address-fields input[type=email],
.woocommerce-account .woocommerce-address-fields input[type=password],
.woocommerce-account .woocommerce-address-fields input[type=tel],
.woocommerce-account .woocommerce-address-fields input[type=text],
.woocommerce-account .woocommerce-address-fields textarea,
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-MyAccount-content form input.input-text,
.woocommerce-account .woocommerce-MyAccount-content form input[type=email],
.woocommerce-account .woocommerce-MyAccount-content form input[type=password],
.woocommerce-account .woocommerce-MyAccount-content form input[type=tel],
.woocommerce-account .woocommerce-MyAccount-content form input[type=text],
.woocommerce-account .woocommerce-MyAccount-content form textarea,
.woocommerce-account .woocommerce-MyAccount-content form select {
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 10px 14px;
color: #636f56;
background: #fff;
width: 100%;
max-width: 100%;
}
.woocommerce-account .woocommerce-EditAccountForm input.input-text:focus,
.woocommerce-account .woocommerce-EditAccountForm input[type=email]:focus,
.woocommerce-account .woocommerce-EditAccountForm input[type=password]:focus,
.woocommerce-account .woocommerce-EditAccountForm input[type=tel]:focus,
.woocommerce-account .woocommerce-EditAccountForm input[type=text]:focus,
.woocommerce-account .woocommerce-EditAccountForm textarea:focus,
.woocommerce-account .woocommerce-EditAccountForm select:focus,
.woocommerce-account .woocommerce-address-fields input.input-text:focus,
.woocommerce-account .woocommerce-address-fields input[type=email]:focus,
.woocommerce-account .woocommerce-address-fields input[type=password]:focus,
.woocommerce-account .woocommerce-address-fields input[type=tel]:focus,
.woocommerce-account .woocommerce-address-fields input[type=text]:focus,
.woocommerce-account .woocommerce-address-fields textarea:focus,
.woocommerce-account .woocommerce-address-fields select:focus,
.woocommerce-account .woocommerce-MyAccount-content form input.input-text:focus,
.woocommerce-account .woocommerce-MyAccount-content form input[type=email]:focus,
.woocommerce-account .woocommerce-MyAccount-content form input[type=password]:focus,
.woocommerce-account .woocommerce-MyAccount-content form input[type=tel]:focus,
.woocommerce-account .woocommerce-MyAccount-content form input[type=text]:focus,
.woocommerce-account .woocommerce-MyAccount-content form textarea:focus,
.woocommerce-account .woocommerce-MyAccount-content form select:focus {
border-color: #ac4b39;
outline: none;
-webkit-box-shadow: 0 0 0 2px rgba(172, 75, 57, 0.15);
box-shadow: 0 0 0 2px rgba(172, 75, 57, 0.15);
}
.woocommerce-account .woocommerce-EditAccountForm fieldset,
.woocommerce-account .woocommerce-address-fields fieldset,
.woocommerce-account .woocommerce-MyAccount-content form fieldset {
border: 1px solid #eff0ee;
border-radius: 10px;
padding: 20px;
margin-bottom: 24px;
}
.woocommerce-account .woocommerce-EditAccountForm legend,
.woocommerce-account .woocommerce-address-fields legend,
.woocommerce-account .woocommerce-MyAccount-content form legend {
color: #636f56;
font-weight: 700;
padding: 0 8px;
}
.woocommerce-account .woocommerce-EditAccountForm button.button,
.woocommerce-account .woocommerce-EditAccountForm .button,
.woocommerce-account .woocommerce-address-fields button.button,
.woocommerce-account .woocommerce-address-fields .button,
.woocommerce-account .woocommerce-MyAccount-content form button.button,
.woocommerce-account .woocommerce-MyAccount-content form .button {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #fff !important;
background-color: #ac4b39 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-account .woocommerce-EditAccountForm button.button:hover,
.woocommerce-account .woocommerce-EditAccountForm .button:hover,
.woocommerce-account .woocommerce-address-fields button.button:hover,
.woocommerce-account .woocommerce-address-fields .button:hover,
.woocommerce-account .woocommerce-MyAccount-content form button.button:hover,
.woocommerce-account .woocommerce-MyAccount-content form .button:hover {
background-color: rgba(172, 75, 57, 0.85) !important;
color: #fff !important;
text-decoration: none;
}
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table--order-details,
.woocommerce-account .woocommerce-table--order-downloads {
border: 1px solid #eff0ee;
border-radius: 10px;
overflow: hidden;
border-collapse: separate;
border-spacing: 0;
}
.woocommerce-account .woocommerce-orders-table thead th,
.woocommerce-account .woocommerce-table--order-details thead th,
.woocommerce-account .woocommerce-table--order-downloads thead th {
background: #f1e1de;
color: #636f56;
font-weight: 700;
padding: 14px 16px;
}
.woocommerce-account .woocommerce-orders-table tbody td,
.woocommerce-account .woocommerce-table--order-details tbody td,
.woocommerce-account .woocommerce-table--order-downloads tbody td {
padding: 14px 16px;
vertical-align: middle;
}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-account .woocommerce-table--order-details .woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-account .woocommerce-table--order-downloads .woocommerce-orders-table__cell-order-actions a.button {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #ac4b39 !important;
background-color: #f1e1de !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce-account .woocommerce-table--order-details .woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce-account .woocommerce-table--order-downloads .woocommerce-orders-table__cell-order-actions a.button:hover {
background-color: #eee6cf !important;
color: #636f56 !important;
text-decoration: none;
}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-account .woocommerce-table--order-details .woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-account .woocommerce-table--order-downloads .woocommerce-orders-table__cell-order-actions a.button {
margin: 4px 4px 4px 0;
padding: 8px 14px;
font-size: 1.3rem;
}
.woocommerce-account .woocommerce-Addresses {
display: grid;
gap: 24px;
}
.woocommerce-account .woocommerce-Address {
background: #fff;
border: 1px solid #e0e2dd;
border-radius: 10px;
padding: 24px;
-webkit-box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
box-shadow: 0 4px 24px rgba(35, 38, 35, 0.08);
padding: 20px;
-webkit-box-shadow: none;
box-shadow: none;
background: #f1e1de;
border-color: #eff0ee;
}
.woocommerce-account .woocommerce-Address header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.woocommerce-account .woocommerce-Address header h3 {
margin: 0;
color: #636f56;
font-weight: 700;
}
.woocommerce-account .woocommerce-Address header a.edit {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #ac4b39 !important;
background-color: #f1e1de !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-account .woocommerce-Address header a.edit:hover {
background-color: #eee6cf !important;
color: #636f56 !important;
text-decoration: none;
}
.woocommerce-account .woocommerce-Address header a.edit {
padding: 8px 16px;
font-size: 1.3rem;
}
.woocommerce-account .woocommerce-Address address {
font-style: normal;
color: #636f56;
line-height: 1.5;
}
.woocommerce-account .woocommerce-MyAccount-content .button.view,
.woocommerce-account .woocommerce-MyAccount-content a.button:not(.edit) {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #ac4b39 !important;
background-color: #f1e1de !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-account .woocommerce-MyAccount-content .button.view:hover,
.woocommerce-account .woocommerce-MyAccount-content a.button:not(.edit):hover {
background-color: #eee6cf !important;
color: #636f56 !important;
text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .button.pay,
.woocommerce-account .woocommerce-MyAccount-content .button.download {
display: inline-block;
padding: 12px 24px;
border: none;
border-radius: 10px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
color: #fff !important;
background-color: #ac4b39 !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.woocommerce-account .woocommerce-MyAccount-content .button.pay:hover,
.woocommerce-account .woocommerce-MyAccount-content .button.download:hover {
background-color: rgba(172, 75, 57, 0.85) !important;
color: #fff !important;
text-decoration: none;
}