.default-max-width {
max-width: var(--responsive--aligndefault-width);
margin-left: auto;
margin-right: auto;
}
.wide-max-width {
max-width: var(--responsive--alignwide-width);
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 482px) {
.full-max-width {
max-width: var(--responsive--alignfull-width);
width: auto;
margin-left: auto;
margin-right: auto;
}
}
body[class*="woocommerce"] .entry-content > .woocommerce {
margin-left: auto;
margin-right: auto;
width: calc(var(--responsive--alignwide-width) - calc(2 * var(--responsive--spacing-horizontal)));
max-width: var(--responsive--alignwide-width);
}
article#woocommerce-wrapper {
padding-top: 2em;
}
.woocommerce main main#main,
.woocommerce-cart main#main,
.woocommerce-checkout main#main,
.woocommerce-account main#main {
border-top: 1px solid;
}
.woocommerce-account main#main {
padding: 60px 0;
} .archive.woocommerce.shop-sidebar main main#main,
.single-product.woocommerce.product-sidebar main main#main {
border: none;
}
.archive.woocommerce.shop-sidebar .boxed,
.single-product.woocommerce.product-sidebar .boxed {
border-bottom: 1px solid;
margin-bottom: 60px;
}  body[class*="woocommerce"] #page .site-content #respond input#submit,
body[class*="woocommerce"] #page .site-content #respond input#submit.alt,
body[class*="woocommerce"] #page .site-content a.button,
body[class*="woocommerce"] #page .site-content a.button.alt,
body[class*="woocommerce"] #page .site-content button.button,
body[class*="woocommerce"] #page .site-content button.button.alt,
body[class*="woocommerce"] #page .site-content input.button,
body[class*="woocommerce"] #page .site-content input.button.alt,
body[class*="woocommerce"] #page .site-content .cart .button,
body[class*="woocommerce"] #page .site-content .cart input.button,
body[class*="woocommerce"] #page .site-content a.added_to_cart,
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit,
body[class*="woocommerce"] #page .site-content .woocommerce a.button,
body[class*="woocommerce"] #page .site-content .woocommerce button.button,
body[class*="woocommerce"] #page .site-content .woocommerce input.button,
body[class*="woocommerce"] #page .site-content .woocommerce .widget_shopping_cart .buttons a,
body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart .buttons a,
body .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
body a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
font-family: var(--button--font-family);
font-size: calc(.8 * var(--button--font-size));
font-weight: 600;
background-color: var(--button--color-background);
border: 2px solid transparent;
border-radius: var(--button--border-radius);
text-decoration: none;
text-transform: uppercase;
padding: calc(.6 * var(--button--padding-vertical)) calc(.6 * var(--button--padding-horizontal));
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
padding: calc(.6* var(--button--padding-vertical)) calc(.6* var(--button--padding-horizontal));
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
padding: calc(.6* var(--button--padding-vertical)) calc(.8* var(--button--padding-horizontal));
}
body[class*="woocommerce"] #page .site-content .coupon button.button,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled, 
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled[disabled] {
background-color: transparent;
border: 2px solid;
color: var(--button--color-background);
padding: calc(.7 * var(--button--padding-vertical)) calc(.6 * var(--button--padding-horizontal));
}
body[class*="woocommerce"] #page .site-content .coupon button.button:hover,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled:hover, 
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled[disabled]:hover {
padding: calc(.7 * var(--button--padding-vertical)) calc(.8 * var(--button--padding-horizontal))!important;
}
body[class*="woocommerce"] #page .site-content #respond input#submit:before,
body[class*="woocommerce"] #page .site-content #respond input#submit.alt:before,
body[class*="woocommerce"] #page .site-content a.button:before,
body[class*="woocommerce"] #page .site-content a.button.alt:before,
body[class*="woocommerce"] #page .site-content button.button:before,
body[class*="woocommerce"] #page .site-content button.button.alt:before,
body[class*="woocommerce"] #page .site-content input.button:before,
body[class*="woocommerce"] #page .site-content input.button.alt:before,
body[class*="woocommerce"] #page .site-content .cart .button:before,
body[class*="woocommerce"] #page .site-content a.added_to_cart:before,
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit:before,
body[class*="woocommerce"] #page .site-content .woocommerce a.button:before,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:before,
body[class*="woocommerce"] #page .site-content .woocommerce input.button:before,
body[class*="woocommerce"] #page .site-content .woocommerce .widget_shopping_cart .buttons a:before,
body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart .buttons a:before, body[class*="woocommerce"] #page .site-content #respond input#submit:after,
body[class*="woocommerce"] #page .site-content #respond input#submit.alt:after,
body[class*="woocommerce"] #page .site-content a.button:after,
body[class*="woocommerce"] #page .site-content a.button.alt:after,
body[class*="woocommerce"] #page .site-content button.button:after,
body[class*="woocommerce"] #page .site-content button.button.alt:after,
body[class*="woocommerce"] #page .site-content input.button:after,
body[class*="woocommerce"] #page .site-content input.button.alt:after,
body[class*="woocommerce"] #page .site-content .cart .button:after,
body[class*="woocommerce"] #page .site-content a.added_to_cart:after,
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit:after,
body[class*="woocommerce"] #page .site-content .woocommerce a.button:after,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:after,
body[class*="woocommerce"] #page .site-content .woocommerce input.button:after,
body[class*="woocommerce"] #page .site-content .woocommerce .widget_shopping_cart .buttons a:after,
body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart .buttons a:after {
content: '';
display: block;
height: 0;
width: 0;
}
body[class*="woocommerce"] #page .site-content #respond input#submit:before,
body[class*="woocommerce"] #page .site-content #respond input#submit.alt:before,
body[class*="woocommerce"] #page .site-content a.button:before,
body[class*="woocommerce"] #page .site-content a.button.alt:before,
body[class*="woocommerce"] #page .site-content button.button:before,
body[class*="woocommerce"] #page .site-content button.button.alt:before,
body[class*="woocommerce"] #page .site-content input.button:before,
body[class*="woocommerce"] #page .site-content input.button.alt:before,
body[class*="woocommerce"] #page .site-content .cart .button:before,
body[class*="woocommerce"] #page .site-content a.added_to_cart:before,
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit:before,
body[class*="woocommerce"] #page .site-content .woocommerce a.button:before,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:before,
body[class*="woocommerce"] #page .site-content .woocommerce input.button:before,
body[class*="woocommerce"] #page .site-content .woocommerce .widget_shopping_cart .buttons a:before,
body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart .buttons a:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
body[class*="woocommerce"] #page .site-content #respond input#submit:after,
body[class*="woocommerce"] #page .site-content #respond input#submit.alt:after,
body[class*="woocommerce"] #page .site-content a.button:after,
body[class*="woocommerce"] #page .site-content a.button.alt:after,
body[class*="woocommerce"] #page .site-content button.button:after,
body[class*="woocommerce"] #page .site-content button.button.alt:after,
body[class*="woocommerce"] #page .site-content input.button:after,
body[class*="woocommerce"] #page .site-content input.button.alt:after,
body[class*="woocommerce"] #page .site-content .cart .button:after,
body[class*="woocommerce"] #page .site-content a.added_to_cart:after,
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit:after,
body[class*="woocommerce"] #page .site-content .woocommerce a.button:after,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:after,
body[class*="woocommerce"] #page .site-content .woocommerce input.button:after,
body[class*="woocommerce"] #page .site-content .woocommerce .widget_shopping_cart .buttons a:after,
body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart .buttons a:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
body[class*="woocommerce"] #page .site-content #respond input#submit:not(.has-background):active,
body[class*="woocommerce"] #page .site-content a.button:not(.has-background):active,
body[class*="woocommerce"] #page .site-content button.button:not(.has-background):active,
body[class*="woocommerce"] #page .site-content input.button:not(.has-background):active,
body[class*="woocommerce"] #page .site-content .cart .button:not(.has-background):active,
body[class*="woocommerce"] #page .site-content a.added_to_cart:not(.has-background):active,
body[class*="woocommerce"] #page .site-content .woocommerce .widget_shopping_cart .buttons a:not(.has-background):active,
body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart .buttons a:not(.has-background):active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
body[class*="woocommerce"] #page .site-content #respond input#submit:not(.has-background):hover,
body[class*="woocommerce"] #page .site-content a.button:not(.has-background):hover,
body[class*="woocommerce"] #page .site-content button.button:not(.has-background):hover,
body[class*="woocommerce"] #page .site-content input.button:not(.has-background):hover,
body[class*="woocommerce"] #page .site-content .cart .button:not(.has-background):hover,
body[class*="woocommerce"] #page .site-content a.added_to_cart:not(.has-background):hover,
body[class*="woocommerce"] #page .site-content .woocommerce .widget_shopping_cart .buttons a:not(.has-background):hover,
body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart .buttons a:not(.has-background):hover, body[class*="woocommerce"] #page .site-content #respond input#submit:not(.has-background):focus,
body[class*="woocommerce"] #page .site-content a.button:not(.has-background):focus,
body[class*="woocommerce"] #page .site-content button.button:not(.has-background):focus,
body[class*="woocommerce"] #page .site-content input.button:not(.has-background):focus,
body[class*="woocommerce"] #page .site-content .cart .button:not(.has-background):focus,
body[class*="woocommerce"] #page .site-content a.added_to_cart:not(.has-background):focus,
body[class*="woocommerce"] #page .site-content .woocommerce .widget_shopping_cart .buttons a:not(.has-background):focus,
body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart .buttons a:not(.has-background):focus, body[class*="woocommerce"] #page .site-content #respond input#submit:not(.has-background).has-focus,
body[class*="woocommerce"] #page .site-content a.button:not(.has-background).has-focus,
body[class*="woocommerce"] #page .site-content button.button:not(.has-background).has-focus,
body[class*="woocommerce"] #page .site-content input.button:not(.has-background).has-focus,
body[class*="woocommerce"] #page .site-content .cart .button:not(.has-background).has-focus,
body[class*="woocommerce"] #page .site-content a.added_to_cart:not(.has-background).has-focus,
body[class*="woocommerce"] #page .site-content .woocommerce .widget_shopping_cart .buttons a:not(.has-background).has-focus,
body[class*="woocommerce"] #page .site-content .woocommerce.widget_shopping_cart .buttons a:not(.has-background).has-focus {
padding: calc(.6 * var(--button--padding-vertical)) calc(.8 * var(--button--padding-horizontal));
background-color: var(--button--color-background);
}
body[class*="woocommerce"] #page span.onsale, 
#content .wc-block-grid .wc-block-grid__product-onsale,
body .wc-block-grid .wc-block-grid__product-onsale, 
body .wc-block-grid__product-image .wc-block-grid__product-onsale {
border: none;
border-radius: 50%;
background-color: var(--global--color-primary);
color: var(--button--color-text);
font-size: var(--global--font-size-sm);
font-weight: 700;
font-family: var(--global--font-primary);
min-height: 3.236rem;
min-width: 3.236rem;
padding: 0 12px;
position: absolute;
text-align: center;
text-transform: none;
line-height: 3.236;
top: -20px;
right: -20px;
left: auto;
margin: 0;
z-index: 1;
}
body[class*="woocommerce"] li.wc-block-grid__product {
margin-bottom: 40px;
}
@media only screen and (max-width: 960px) {
#woocommerce-wrapper ul.products li.product .button, 
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button, 
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button,
#woocommerce-wrapper ul.products li.product .added_to_cart, 
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart, 
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
font-size: calc(.9 * var(--button--font-size));
padding: calc(.5 * var(--button--padding-vertical)) calc(.4 * var(--button--padding-horizontal));
}
#woocommerce-wrapper ul.products li.product .star-rating, 
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating, 
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
font-size: calc(.8 * var(--global--font-size-sm))!important;
}
h1.woocommerce-products-header__title.page-title {
font-size: calc(.5*var(--global--font-size-page-title));
}
body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
right: 0;
}
}   body[class*="woocommerce"] #page .woocommerce-breadcrumb {
margin-bottom: var(--global--spacing-vertical);
font-size: calc(.8 * var(--global--font-size-base));
font-family: var(--global--font-primary);
color: var(--global--color-foreground-low-contrast);
}
a.woocommerce-review-link {
text-decoration: none;
}
body[class*="woocommerce"] #page .woocommerce-breadcrumb a {
color: currentColor;
} body[class*="woocommerce"] #page .woocommerce-message,
body[class*="woocommerce"] #page .woocommerce-info,
body[class*="woocommerce"] #page .woocommerce-success,
body[class*="woocommerce"] #page .woocommerce-error,
body[class*="woocommerce"] #page .woocommerce-warning {
padding: var(--global--spacing-unit) var(--global--spacing-vertical) var(--global--spacing-unit) calc(2 * var(--global--spacing-vertical));
margin-bottom: var(--global--spacing-vertical);
background-color: var(--global--color-tertiary);
color: var(--global--color-foreground-high-contrast);
border: 2px solid;
border-radius: 10px;
}
body[class*="woocommerce"] #page .woocommerce-notice--message,
body[class*="woocommerce"] #page .woocommerce-notice--info {
color: var(--global--color-foreground);
}
body[class*="woocommerce"] #page .woocommerce-notice--success {
color: var(--global--color-alert-success);
}
body[class*="woocommerce"] #page .woocommerce-notice--error {
color: var(--global--color-alert-error);
}
body[class*="woocommerce"] #page .woocommerce-notice--warning {
color: var(--global--color-alert-warning);
}
body[class*="woocommerce"] #page .woocommerce-message,
body[class*="woocommerce"] #page .woocommerce-info {
border-top-color: var(--global--color-alert-info);
}
body[class*="woocommerce"] #page .woocommerce-success {
border-top-color: var(--global--color-alert-success);
}
body[class*="woocommerce"] #page .woocommerce-success:before {
color: var(--global--color-alert-success);
}
body[class*="woocommerce"] #page .woocommerce-error {
border-top-color: var(--global--color-alert-error);
}
body[class*="woocommerce"] #page .woocommerce-error:before {
color: var(--global--color-alert-error);
}
body[class*="woocommerce"] #page .woocommerce-warning {
border-top-color: var(--global--color-alert-warning);
}
body[class*="woocommerce"] #page .woocommerce-warning:before {
color: var(--global--color-alert-warning);
} body[class*="woocommerce"] #page .woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: calc(0.5 * var(--wc--table--padding));
font-size: var(--global--font-size-sm);
}
body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
background-color: var(--global--color-alert-success);
border-color: none;
}
body[class*="woocommerce"] #page .woocommerce-password-strength.good {
background-color: var(--global--color-alert-warning);
border-color: none;
}
body[class*="woocommerce"] #page .woocommerce-password-strength.short {
background-color: var(--global--color-alert-error);
border-color: none;
}
body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
background-color: var(--global--color-alert-error);
border-color: none;
}
body[class*="woocommerce"] #page .woocommerce-password-hint {
font-size: var(--global--font-size-xs);
} body[class*="woocommerce"] #page a.remove {
font-size: calc(.8 * var(--global--font-size-lg));
font-family: sans-serif !important;
height: var(--global--font-size-md);
width: var(--global--font-size-md);
margin-right: 5px;
}
body[class*="woocommerce"] #page a.remove:hover {
color: var(--global--color-background) !important;
background: var(--global--color-yellow);
}
.woocommerce a.remove,
.woocommerce form .form-row .required {
color: var(--global--color-primary)!important;
} body[class*="woocommerce"] #page small.note {
color: var(--global--color-foreground-low-contrast);
font-size: var(--global--font-size-sm);
margin-top: var(--global--spacing-unit);
} body[class*="woocommerce"] #page .star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.4;
}
.wc-block-grid__product-rating .star-rating, 
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars {
font-size: 16px;
}
.wc-block-grid__product-rating {
margin-top: 0;
}
.wc-block-grid__product-title {
margin-bottom: 5px!important;
}
.price ins,
.wc-block-components-product-title a {
text-decoration: none;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
width: auto;
} body[class*="woocommerce"] #page table.shop_table {
border-collapse: collapse;
border: var(--wc--table--border-width) solid var(--wc--table--border-color);
border-radius: var(--wc--table--border-radius);
margin-bottom: var(--global--spacing-unit);
}
body[class*="woocommerce"] #page table.shop_table th {
padding: var(--wc--table--padding);
line-height: var(--global--line-height-body);
}
body[class*="woocommerce"] #page table.shop_table td {
border-top: none;
padding: 20px 0;
word-break: break-word;
}
body[class*="woocommerce"] #page table.shop_table tr {
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 10px 0!important;
}
body[class*="woocommerce"] #page tr.woocommerce-cart-form__cart-item.cart_item {
border-bottom: 1px solid #e5e5e5;
}
body[class*="woocommerce"] #page td.product-thumbnail img {
border-radius: 24px;
}
body[class*="woocommerce"] .woocommerce table.cart td.actions .coupon, 
body[class*="woocommerce"] .woocommerce-page #content table.cart td.actions .coupon, 
body[class*="woocommerce"] .woocommerce-page table.cart td.actions .coupon,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled, 
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled[disabled] {
margin-top: 40px;
}
body[class*="woocommerce"] #page table.shop_table tfoot td,
body[class*="woocommerce"] #page table.shop_table tfoot th,
body[class*="woocommerce"] #page table.shop_table tbody th {
border-top-color: var(--wc--table--border-color);
}
body[class*="woocommerce"] #page table.shop_attributes {
border-top-color: var(--wc--table--border-color);
border-top-style: solid;
margin-bottom: var(--global--spacing-vertical);
border-bottom: var(--wc--table--border-width) solid var(--wc--table--border-color);
}
body[class*="woocommerce"] #page table.shop_attributes th {
padding: calc(0.5 * var(--wc--table--padding));
border-bottom-color: var(--wc--table--border-color);
border-bottom-style: solid;
line-height: var(--global--line-height-body);
}
body[class*="woocommerce"] #page table.shop_attributes td {
font-style: inherit;
border-bottom-color: var(--wc--table--border-color);
border-bottom-style: solid;
line-height: var(--global--line-height-body);
padding: calc(0.5 * var(--wc--table--padding));
}
body[class*="woocommerce"] #page table.shop_attributes td p {
margin: 0;
padding-top: calc(0.5 * var(--wc--table--padding));
padding-bottom: calc(0.5 * var(--wc--table--padding));
}
body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) td,
body[class*="woocommerce"] #page table.shop_attributes tr:nth-child(even) th {
background: var(--global--color-tertiary);
}
body[class*="woocommerce"] #page table.my_account_orders {
font-size: var(--global--font-size-sm);
}
body[class*="woocommerce"] #page table.my_account_orders th,
body[class*="woocommerce"] #page table.my_account_orders td {
padding: calc(0.5 * var(--wc--table--padding));
}
body[class*="woocommerce"] #page table td,
body[class*="woocommerce"] #page table th {
border: inherit;
}
@media only screen and (max-width: 961px) {
body[class*="woocommerce"] #page table.shop_table td {
padding: 10px;
}
}
@media only screen and (min-width: 961px) {
li#wpmenucartli {
margin-left: 20px;
border-left: 2px solid;
}
body[class*="woocommerce"] #page table.shop_table td {
padding-right: 10px;
}
}  body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit.disabled,
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit:disabled,
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit:disabled[disabled],
body[class*="woocommerce"] #page .site-content .woocommerce a.button.disabled,
body[class*="woocommerce"] #page .site-content .woocommerce a.button:disabled,
body[class*="woocommerce"] #page .site-content .woocommerce a.button:disabled[disabled],
body[class*="woocommerce"] #page .site-content .woocommerce button.button.disabled,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled[disabled],
body[class*="woocommerce"] #page .site-content .woocommerce input.button.disabled,
body[class*="woocommerce"] #page .site-content .woocommerce input.button:disabled,
body[class*="woocommerce"] #page .site-content .woocommerce input.button:disabled[disabled] {
cursor: not-allowed;
}
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit.disabled:hover,
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit:disabled:hover,
body[class*="woocommerce"] #page .site-content .woocommerce #respond input#submit:disabled[disabled]:hover,
body[class*="woocommerce"] #page .site-content .woocommerce a.button.disabled:hover,
body[class*="woocommerce"] #page .site-content .woocommerce a.button:disabled:hover,
body[class*="woocommerce"] #page .site-content .woocommerce a.button:disabled[disabled]:hover,
body[class*="woocommerce"] #page .site-content .woocommerce button.button.disabled:hover,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled:hover,
body[class*="woocommerce"] #page .site-content .woocommerce button.button:disabled[disabled]:hover,
body[class*="woocommerce"] #page .site-content .woocommerce input.button.disabled:hover,
body[class*="woocommerce"] #page .site-content .woocommerce input.button:disabled:hover,
body[class*="woocommerce"] #page .site-content .woocommerce input.button:disabled[disabled]:hover {
background-color: var(--global--color-primary-default);
} #content .wc-block-grid .wc-block-grid__product-title {
font-family: var(--global--font-primary);
font-size: var(--global--font-size-base);
}
#content .wc-block-grid .wc-block-grid__product-rating .star-rating span:before {
color: var(--global--color-yellow);
}
#content .wc-block-grid .wc-block-grid__product-price {
color: var(--global--color-foreground-high-contrast);
font-size: var(--global--font-size-md);
line-height: var(--global--line-height-heading);
}
#content .wc-block-grid .wc-block-grid__product-price ins {
color: var(--global--color-alert-success);
font-weight: bold;
text-decoration: none;
}
#content .wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
right: 0;
margin: 0;
}
a.wc-block-grid__product-link {
text-decoration: none;
}
.wc-block-grid__product-title {
font-weight: 500;
} #content .wc-block-featured-product .wc-block-featured-product__description:empty,
#content .wc-block-featured-product .wc-block-featured-product__link:empty,
#content .wc-block-featured-product .wc-block-featured-product__price:empty,
#content .wc-block-featured-product .wc-block-featured-product__title:empty,
#content .wc-block-featured-product .wc-block-featured-product__variation:empty {
padding: 0;
}
#content .wc-block-featured-product .wc-block-featured-product__price ins {
text-decoration: none;
}
.wc-block-featured-product.has-background-dim .wp-block-button__link:hover,
.wc-block-featured-category.has-background-dim .wp-block-button__link:hover {
color: #fff!important;
border-color: #fff;
}
body .olorien-events .wc-block-featured-product.has-background-dim .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
color: #fff!important;
border-color: #fff!important;
}
h2.wc-block-featured-product__title {
font-size: calc(.7 * var(--heading--font-size-h2))!important;
font-weight: 600;
}
#content .wc-block-featured-product .wc-block-featured-product__price {
font-size: calc(.6 * var(--global--font-size-xl));
}
.woocommerce .related a.added_to_cart.wc-forward {
font-size: 16px!important;
}
.wp-block-handpicked-products .wp-block-button .wp-block-button__link:hover, 
.wp-block-handpicked-products .wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-product-top-rated .wp-block-button .wp-block-button__link:hover,
.wp-block-product-top-rated .wp-block-button.is-style-outline .wp-block-button__link:hover {
padding: .5em 1.5em;
}
.wc-block-components-review-list-item__published-date,
.wc-block-components-review-list-item__product+.wc-block-components-review-list-item__author {
color: var(--global--color-primary);
}
.wc-block-components-review-list-item__author+.wc-block-components-review-list-item__published-date:before {
border-right: 2px solid var(--global--color-primary);
}  body[class*="woocommerce"] #page .cart-collaterals .cart_totals tr td,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals tr th,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells tr td,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells tr th,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals tr td,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals tr th,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr td,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells tr th {
border-top-color: var(--wc--table--border-color);
}
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > h2,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > h2,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals > h2,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells > h2 {
font-size: var(--global--font-size-lg);
}
body[class*="woocommerce"] #page .cart-collaterals .cart_totals p small,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals p small {
color: var(--global--color-foreground-low-contrast);
font-size: var(--global--font-size-sm);
}
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table {
margin: 0 0 calc(0.5 * var(--wc--table--padding));
}
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table td,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table th,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table td,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table th {
line-height: var(--global--line-height-body);
}
body[class*="woocommerce"] #page .cart-collaterals .cart_totals table small,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals table small {
color: var(--wc--mini-cart--color-count);
}
body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
color: var(--wc--star-rating--color);
}
body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-form,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-button,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .shipping-calculator-form {
margin-top: var(--wc--tabs--padding);
} body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_cart {
display: inline-block;
text-decoration: none;
}
body[class*="woocommerce"].woo-navigation-open #page .woo-navigation > .woocommerce-menu-container {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
body[class*="woocommerce"].woo-navigation-open #page .woo-navigation #woo-open-menu {
left: auto;
right: 0;
z-index: 500;
}
body[class*="woocommerce"].woo-navigation-open #page .woo-navigation #woo-open-menu .open {
display: none;
}
body[class*="woocommerce"].woo-navigation-open #page .woo-navigation #woo-open-menu .close {
display: flex;
align-items: center;
}
@media only screen and (max-width: 481px) {
body[class*="woocommerce"] #page .woo-navigation .woocommerce-menu-container {
background-color: var(--wc--mini-cart--color-background);
color: var(--wc--mini-cart--color-text);
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-menu-container a,
body[class*="woocommerce"] #page .woo-navigation .woocommerce-menu-container a:link,
body[class*="woocommerce"] #page .woo-navigation .woocommerce-menu-container a:visited {
color: currentColor;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-menu-container .sub-menu {
margin-left: 0;
}
}
@media only screen and (min-width: 482px) {
body[class*="woocommerce"] #page .woo-navigation {
flex-direction: column;
margin-top: 0;
}
body[class*="woocommerce"] #page .woo-navigation #toggle-cart {
display: none;
}
body[class*="woocommerce"].center-header #page .woo-navigation {
top: 6px;
position: relative;
}
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-link {
display: none;
text-decoration: none;
line-height: 1;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-link > *:not(:last-child) {
margin-right: calc(0.25 * var(--global--spacing-horizontal));
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-link .woocommerce-cart-subtotal {
color: var(--wc--mini-cart--color-subtotal);
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-link .woocommerce-cart-count {
color: var(--wc--mini-cart--color-count);
font-weight: 600;
white-space: nowrap;
display: inline-block;
vertical-align: bottom;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-link .svg-icon {
float: left;
height: var(--primary-nav--font-size);
width: var(--primary-nav--font-size);
vertical-align: middle;
}
@media only screen and (min-width: 482px) {
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-link {
align-items: center;
display: flex;
flex-wrap: nowrap;
}
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget {
background-color: var(--wc--mini-cart--color-background);
color: var(--wc--mini-cart--color-text);
max-width: 100%;
padding: var(--primary-nav--padding) 0;
}
@media only screen and (min-width: 482px) {
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget {
max-width: calc(20 * var(--global--spacing-horizontal));
padding: var(--primary-nav--padding);
}
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list {
border-bottom: 1px solid var(--wc--mini-cart--color-border);
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list li {
border-bottom: 1px solid;
padding-left: var(--global--spacing-horizontal);
}
.woocommerce ul.product_list_widget li a {
text-decoration: none;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:hover:not(.remove),
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a:focus:not(.remove) {
background-color: transparent;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:hover,
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce.widget_shopping_cart .cart_list a.remove:focus {
text-decoration: none;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
text-align: right;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons {
text-align: center;
}
body[class*="woocommerce"] p.woocommerce-mini-cart__buttons.buttons a {
border: 2px solid;
border-radius: var(--button--border-radius);
font-size: calc(.8 * var(--primary-nav--font-size));
text-transform: uppercase;
font-weight: 600;
padding: calc(.8 * var(--button--padding-vertical)) calc(.8 * var(--button--padding-horizontal));
-webkit-transition: all .3s;
transition: all .3s;
}
body[class*="woocommerce"] p.woocommerce-mini-cart__buttons.buttons a:hover {
padding: calc(.8 * var(--button--padding-vertical)) calc(.9 * var(--button--padding-horizontal));
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
clear: right;
color: var(--wc--mini-cart--button-text-color);
background-color: var(--wc--mini-cart--button-background-color);
margin: 0;
float: right;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2),
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a {
clear: inherit;
float: inherit;
margin-bottom: 0;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2):not(:last-child),
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:first-child:nth-last-child(2) ~ a:not(:last-child) {
margin-right: calc(0.5 * var(--global--spacing-horizontal));
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a:not(:last-child) {
margin-bottom: calc(0.5 * var(--global--spacing-horizontal));
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a.wcppec-cart-widget-button {
display: inline-block;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget p.buttons.wcppec-cart-widget-spb {
padding: 0;
}
body[class*="woocommerce"] #page .woo-navigation ul.cart_list li a,
body[class*="woocommerce"] #page .woo-navigation ul.product_list_widget li a {
padding: 0;
}
body[class*="woocommerce"] #page .woo-navigation ul.cart_list li a:not(.remove),
body[class*="woocommerce"] #page .woo-navigation ul.product_list_widget li a:not(.remove),
body[class*="woocommerce"] #page .woo-navigation .woocommerce-mini-cart__total {
font-family: var(--primary-nav--font-family);
font-size: var(--primary-nav--font-size);
}
body[class*="woocommerce"] #page .woo-navigation ul.cart_list li .quantity,
body[class*="woocommerce"] #page .woo-navigation ul.product_list_widget li .quantity {
font-size: calc(.6 * var(--global--font-size-base));
display: block;
margin-top: 10px;
}
@media only screen and (min-width: 482px) {
body[class*="woocommerce"] #page .woo-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
left: auto;
right: 0;
}
body[class*="woocommerce"] #page .woo-navigation .woocommerce-cart-widget {
max-width: var(--wc--mini-cart--width);
}
body[class*="woocommerce"] #page .woo-navigation > div > ul > li.woocommerce-menu-item:hover > ul:before,
body[class*="woocommerce"] #page .woo-navigation > div > ul > li.woocommerce-menu-item.focus > ul:before,
body[class*="woocommerce"] #page .woo-navigation > div > ul > li.woocommerce-menu-item.current-menu-item > ul:before {
margin-left: auto;
margin-right: var(--global--spacing-unit);
}
}
.woocommerce-cart #page .woocommerce-menu-item .sub-menu,
.woocommerce-checkout #page .woocommerce-menu-item .sub-menu {
display: none;
}
@media only screen and (max-width: 960px) {
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
display: block!important;
}
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
width: 100%!important;
margin-bottom: 20px;
}
} body[class*="woocommerce"] #page .woocommerce-pagination {
margin: 0 calc(-0.66 * var(--global--spacing-unit));
width: 100%;
}
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
border: none;
display: flex;
justify-content: start;
}
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
display: block;
font-family: var(--global--font-primary);
font-size: var(--global--font-size-md);
font-weight: 600;
padding-left: calc(0.66 * var(--global--spacing-unit));
padding-right: calc(0.66 * var(--global--spacing-unit));
}
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li {
border: none;
float: inherit;
}
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a {
text-decoration: unset;
}
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li span.current,
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:hover,
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li a:focus {
background: transparent;
color: var(--global--color-foreground-default);
}
body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers .svg-icon {
display: inline-block;
vertical-align: middle;
} body[class*="woocommerce"] #page .woocommerce-products-header img {
display: block;
}
#woocommerce-wrapper .products ul,
#woocommerce-wrapper ul.products,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells .products ul,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells .products ul,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products {
margin: 0;
padding: 0;
}
#woocommerce-wrapper ul.products li.product,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product {
text-align: center;
}
#woocommerce-wrapper ul.products li.product .star-rating,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .star-rating,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .star-rating {
font-size: var(--global--font-size-sm);
margin-left: auto;
margin-right: auto;
}
#woocommerce-wrapper ul.products li.product h3,
#woocommerce-wrapper ul.products li.product .woocommerce-loop-product__title,
#woocommerce-wrapper ul.products li.product .woocommerce-loop-category__title,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product h3,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product h3,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-product__title,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-loop-category__title {
padding: inherit;
padding-top: 10px;
font-size: calc(1.1 * var(--global--font-size-base));
font-weight: 500;
}
h2.woocommerce-loop-product__title {
margin-bottom: -10px!important;
}
#woocommerce-wrapper ul.products li.product a img,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product a img,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product a img {
margin: inherit;
}
#woocommerce-wrapper ul.products li.product .woocommerce-placeholder,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .woocommerce-placeholder {
border-color: var(--global--color-border-default);
}
#woocommerce-wrapper ul.products li.product .button,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .button,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .button {
margin-top: inherit;
}
#woocommerce-wrapper ul.products li.product .added_to_cart,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .added_to_cart,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .added_to_cart {
margin-top: var(--global--spacing-unit);
}
#woocommerce-wrapper ul.products li.product .price,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price,
body[class*="woocommerce"] ul.products li.product .price  {
color: var(--global--color-primary);
font-size: var(--global--font-size-md);
line-height: var(--global--line-height-heading);
}
#woocommerce-wrapper ul.products li.product .price del,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price del,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price del {
color: inherit;
opacity: 0.5;
display: inline-block;
}
#woocommerce-wrapper ul.products li.product .price ins,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price ins,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price ins {
background: none;
font-weight: 700;
display: inline-block;
}
#woocommerce-wrapper ul.products li.product .price .from,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
font-size: var(--global--font-size-xs);
color: var(--global--color-alert-warning);
}
#woocommerce-wrapper ul.products li.product.sale a > .price ins,
body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
color: var(--global--color-alert-success);
}
.woocommerce form .form-row .input-checkbox {
display: inline-block;
}
@media only screen and (min-width: 961px) {
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added {
margin-right: 10px;
}
} body[class*="woocommerce"] #page { }
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs {
padding-left: var(--global--spacing-horizontal);
margin-bottom: 0;
text-align: center;
}
.woocommerce-tabs.wc-tabs-wrapper {
padding-top: 60px;
}
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li {
background-color: var(--global--color-tertiary);
border-color: var(--wc--tabs--border-color);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-right: 10px;
margin-bottom: -5px;
padding: 10px;
border-width: 2px;
}
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a {
color: var(--global--color-foreground-low-contrast);
padding-left: var(--wc--tabs--padding);
padding-right: var(--wc--tabs--padding);
padding-top: calc(0.5 * var(--wc--tabs--padding));
padding-bottom: calc(0.5 * var(--wc--tabs--padding));
font-weight: normal;
border-bottom: none;
}
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li a:hover {
color: var(--global--color-primary-hover);
}
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active {
color: var(--global--color-background);
background-color: var(--button--color-background);
border-color: var(--button--color-background);
border-bottom-color: var(--button--color-background);
}
body[class*="woocommerce"] #page .woocommerce-tabs ul.tabs li.active a {
color: var(--global--color-foreground-high-contrast);
text-shadow: inherit;
}
body[class*="woocommerce"] #page .woocommerce-tabs .panel {
border: 2px solid;
padding: 3em 2em;
border-radius: 10px;
margin-bottom: var(--global--spacing-vertical);
}
body[class*="woocommerce"] div.product .woocommerce-tabs ul.tabs li::before {
border-width: 0;
box-shadow: none;
}
body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
font-family: var(--global--font-primary);
font-size: var(--global--font-size-lg);
font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 0;
}
section.related.products {
margin-top: calc(3 * var(--global--spacing-vertical));
}
section.related.products h2 {
font-size: calc(.5 * var(--global--font-size-page-title));
font-weight: 500;
text-align: center;
padding-bottom: 20px;
}
section.related.products ul.products li.product a {
margin-bottom: 20px;
}
body[class*="woocommerce"] #woocommerce-wrapper .related .woocommerce-loop-product__title {
font-size: var(--global--font-size-base)!important;
}
body[class*="woocommerce"] #woocommerce-wrapper .related span.woocommerce-Price-amount.amount {
font-size: calc(.8 * var(--primary-nav--font-size))!important;
}
body[class*="woocommerce"] #woocommerce-wrapper .related .button.add_to_cart_button {
font-size: calc(.8 * var(--button--font-size));
}
.woocommerce div.product .product_title {
font-size: calc(.7 * var(--global--font-size-page-title));
font-weight: 500;
}
@media only screen and (max-width: 961px) {
section.related.products {
padding: 20px;
margin-top: calc(2 * var(--global--spacing-vertical));
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
margin-bottom: -5px;
border-radius: 5px;
padding: 5px;
}
.woocommerce li#tab-title-additional_information {
margin: 10px 0 5px 0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: none;
}
} body[class*="woocommerce"] #page { }
body[class*="woocommerce"] #page #reviews h2 small {
color: var(--global--color-foreground-low-contrast);
font-size: var(--global--font-size-sm);
margin: inherit;
}
body[class*="woocommerce"] #page #reviews h2 small a {
color: currentColor;
}
body[class*="woocommerce"] #page #reviews .comment-form .stars a {
border-bottom: none;
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist {
padding-left: 0;
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li {
margin-bottom: var(--global--spacing-unit);
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .meta {
color: var(--global--color-foreground-low-contrast);
font-size: var(--global--font-size-sm);
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
padding: 0;
width: calc(1.5 * var(--global--spacing-vertical));
height: auto;
background: transparent;
border-color: var(--global--color-border-default);
margin: 0;
box-shadow: none;
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
font-family: var(--global--font-primary);
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
margin-left: calc(4 * var(--global--spacing-unit));
border: 1px solid var(--global--color-border);
border-radius: 4px;
padding: 1em 1em 0;
}
@media only screen and (max-width: 961px) {
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
margin-left: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
float: none;
position: relative;
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar {
margin-bottom: 5px;
}
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em;
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 0.83em;
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
body[class*="woocommerce"] #page #reviews #comments ol.commentlist #respond {
border: 1px solid var(--global--color-border);
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
content: "";
} body[class*="woocommerce"] .woocommerce-store-notice,
body[class*="woocommerce"] p.demo_store {
background-color: var(--global--color-primary);
color: var(--global--color-background);
position: fixed;
top: auto;
bottom: 0;
}  body[class*="woocommerce"] #page div.summary > *:not(:first-child),
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:first-child),
body[class*="woocommerce"] #page .products.related > *:not(:first-child),
body[class*="woocommerce"] #page .up-sells > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order > *:not(:first-child),
.woocommerce-account #page .entry-content .woocommerce > *:not(:first-child) {
margin-top: var(--global--spacing-vertical);
}
body[class*="woocommerce"] #page div.summary > *:not(:last-child),
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(:last-child),
body[class*="woocommerce"] #page .products.related > *:not(:last-child),
body[class*="woocommerce"] #page .up-sells > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order > *:not(:last-child),
.woocommerce-account #page .entry-content .woocommerce > *:not(:last-child) {
margin-bottom: var(--global--spacing-vertical);
}
body[class*="woocommerce"] #page div.summary > *:empty + *,
body[class*="woocommerce"] #page div.summary > .form-row-last,
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:empty + *,
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > .form-row-last,
body[class*="woocommerce"] #page .products.related > *:empty + *,
body[class*="woocommerce"] #page .products.related > .form-row-last,
body[class*="woocommerce"] #page .up-sells > *:empty + *,
body[class*="woocommerce"] #page .up-sells > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order > *:empty + *,
body[class*="woocommerce"] #page .woocommerce-order > .form-row-last,
.woocommerce-account #page .entry-content .woocommerce > *:empty + *,
.woocommerce-account #page .entry-content .woocommerce > .form-row-last {
margin-top: 0;
}
body[class*="woocommerce"] #page div.summary > *:not(img):empty,
body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel > *:not(img):empty,
body[class*="woocommerce"] #page .products.related > *:not(img):empty,
body[class*="woocommerce"] #page .up-sells > *:not(img):empty,
body[class*="woocommerce"] #page .woocommerce-order > *:not(img):empty,
.woocommerce-account #page .entry-content .woocommerce > *:not(img):empty {
margin: 0;
} #woocommerce-wrapper ul.products li.product a > *:not(:first-child),
#woocommerce-wrapper ul.products li.product-category a > *:not(:first-child),
body[class*="woocommerce"] #page ul.products li.product a > *:not(:first-child),
body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:first-child),
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(:first-child),
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(:first-child),
body[class*="woocommerce"] #page .widget_shopping_cart > *:not(:first-child),
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(:first-child),
body[class*="woocommerce"] #page div.product form.variations_form > *:not(:first-child),
body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:first-child),
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-Address > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:first-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:first-child) {
margin-top: var(--global--spacing-unit);
}
#woocommerce-wrapper ul.products li.product a > *:not(:last-child),
#woocommerce-wrapper ul.products li.product a > .price,
#woocommerce-wrapper ul.products li.product-category a > *:not(:last-child),
#woocommerce-wrapper ul.products li.product-category a > .price,
body[class*="woocommerce"] #page ul.products li.product a > *:not(:last-child),
body[class*="woocommerce"] #page ul.products li.product a > .price,
body[class*="woocommerce"] #page ul.products li.product-category a > *:not(:last-child),
body[class*="woocommerce"] #page ul.products li.product-category a > .price,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(:last-child),
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .price,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(:last-child),
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .price,
body[class*="woocommerce"] #page .widget_shopping_cart > *:not(:last-child),
body[class*="woocommerce"] #page .widget_shopping_cart > .price,
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(:last-child),
body[class*="woocommerce"] #page .widget_shopping_cart_content > .price,
body[class*="woocommerce"] #page div.product form.variations_form > *:not(:last-child),
body[class*="woocommerce"] #page div.product form.variations_form > .price,
body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(:last-child),
body[class*="woocommerce"] #page div.product form.variations_form .variations > .price,
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(:last-child),
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .price,
body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .price,
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .price,
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .price,
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .price,
body[class*="woocommerce"] #page .woocommerce-Address > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-Address > .price,
body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-address-fields > .price,
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .price,
body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-billing-fields > .price,
body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-column--billing-address > .price,
body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-shipping-fields > .price,
body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .price,
body[class*="woocommerce"] #page .woocommerce-products-header > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-products-header > .price,
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-checkout > .price,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-downloads > .price,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-order-details > .price,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(:last-child),
body[class*="woocommerce"] #page .woocommerce-customer-details > .price,
body[class*="woocommerce"] #page  .woocommerce-additional-fields h3 {
margin-bottom: var(--global--spacing-unit);
}
#woocommerce-wrapper ul.products li.product a > *:not(img):empty + *,
#woocommerce-wrapper ul.products li.product a > .form-row-last,
#woocommerce-wrapper ul.products li.product-category a > *:not(img):empty + *,
#woocommerce-wrapper ul.products li.product-category a > .form-row-last,
body[class*="woocommerce"] #page ul.products li.product a > *:not(img):empty + *,
body[class*="woocommerce"] #page ul.products li.product a > .form-row-last,
body[class*="woocommerce"] #page ul.products li.product-category a > *:not(img):empty + *,
body[class*="woocommerce"] #page ul.products li.product-category a > .form-row-last,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:not(img):empty + *,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > .form-row-last,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:not(img):empty + *,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > .form-row-last,
body[class*="woocommerce"] #page .widget_shopping_cart > *:not(img):empty + *,
body[class*="woocommerce"] #page .widget_shopping_cart > .form-row-last,
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:not(img):empty + *,
body[class*="woocommerce"] #page .widget_shopping_cart_content > .form-row-last,
body[class*="woocommerce"] #page div.product form.variations_form > *:not(img):empty + *,
body[class*="woocommerce"] #page div.product form.variations_form > .form-row-last,
body[class*="woocommerce"] #page div.product form.variations_form .variations > *:not(img):empty + *,
body[class*="woocommerce"] #page div.product form.variations_form .variations > .form-row-last,
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:not(img):empty + *,
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-Reviews #comments > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-Address > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-Address > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-address-fields > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-address-fields > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-billing-fields > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-billing-fields > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-column--billing-address > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-shipping-fields > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-column--shipping-address > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-products-header > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-products-header > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-checkout > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-checkout > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-downloads > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-order-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-order-details > .form-row-last,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:not(img):empty + *,
body[class*="woocommerce"] #page .woocommerce-customer-details > .form-row-last {
margin-top: 0;
}
#woocommerce-wrapper ul.products li.product a > *:empty,
#woocommerce-wrapper ul.products li.product-category a > *:empty,
body[class*="woocommerce"] #page ul.products li.product a > *:empty,
body[class*="woocommerce"] #page ul.products li.product-category a > *:empty,
body[class*="woocommerce"] #page .cart-collaterals .cross-sells > *:empty,
body[class*="woocommerce"] #page .cart-collaterals .cart_totals > *:empty,
body[class*="woocommerce"] #page .widget_shopping_cart > *:empty,
body[class*="woocommerce"] #page .widget_shopping_cart_content > *:empty,
body[class*="woocommerce"] #page div.product form.variations_form > *:empty,
body[class*="woocommerce"] #page div.product form.variations_form .variations > *:empty,
body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap > *:empty,
body[class*="woocommerce"] #page .woocommerce-Reviews #comments > *:empty,
body[class*="woocommerce"] #page .woocommerce-EditAccountForm > *:empty,
body[class*="woocommerce"] #page .woocommerce-MyAccount-content > *:empty,
body[class*="woocommerce"] #page .woocommerce-MyAccount-content form > *:empty,
body[class*="woocommerce"] #page .woocommerce-Address > *:empty,
body[class*="woocommerce"] #page .woocommerce-address-fields > *:empty,
body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper > *:empty,
body[class*="woocommerce"] #page .woocommerce-billing-fields > *:empty,
body[class*="woocommerce"] #page .woocommerce-column--billing-address > *:empty,
body[class*="woocommerce"] #page .woocommerce-shipping-fields > *:empty,
body[class*="woocommerce"] #page .woocommerce-column--shipping-address > *:empty,
body[class*="woocommerce"] #page .woocommerce-products-header > *:empty,
body[class*="woocommerce"] #page .woocommerce-checkout > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-downloads > *:empty,
body[class*="woocommerce"] #page .woocommerce-order-details > *:empty,
body[class*="woocommerce"] #page .woocommerce-customer-details > *:empty {
margin: 0;
}  body[class*="woocommerce"] #page table.shop_table th,
body[class*="woocommerce"] #page table.shop_table td {
word-break: unset;
text-align: left;
}
body[class*="woocommerce"] #page table.shop_table td.product-remove {
border-width: 0;
}
@media only screen and (min-width: 822px) {
body[class*="woocommerce"] #page table.shop_table td.product-remove {
height: var(--global--font-size-sm);
width: var(--global--font-size-sm);
}
}
@media only screen and (max-width: 768px) {
.woocommerce-cart #content table.cart td.actions .coupon .button.alt, 
.woocommerce-cart #content table.cart td.actions .coupon .input-text+.button, 
.woocommerce-cart table.cart td.actions .coupon .button.alt, 
.woocommerce-cart table.cart td.actions .coupon .input-text+.button {
font-size: 16px;
}
}
body[class*="woocommerce"] #page td.product-thumbnail {
width: calc(3 * var(--global--spacing-horizontal));
}
body[class*="woocommerce"] #page td.product-thumbnail img {
padding: 10px;
width: inherit;
}
body[class*="woocommerce"] #page td.product-name {
font-family: var(--global--font-primary);
font-weight: 700;
}
body[class*="woocommerce"] #page td.product-name a {
max-width: 50%;
text-decoration: none;
}
body[class*="woocommerce"] #page td.product-name dl.variation dt,
body[class*="woocommerce"] #page td.product-name dl.variation .wc-item-meta-label,
body[class*="woocommerce"] #page td.product-name .wc-item-meta dt,
body[class*="woocommerce"] #page td.product-name .wc-item-meta .wc-item-meta-label {
margin-right: calc(0.5 * var(--global--spacing-unit));
}
body[class*="woocommerce"] #page td.product-name p.backorder_notification {
font-size: var(--global--font-size-sm);
}
body[class*="woocommerce"] #page td.product-quantity {
min-width: calc(5 * var(--global--spacing-unit));
}
body[class*="woocommerce"] #page table.cart td.actions .input-text {
width: inherit;
float: inherit;
border: var(--form--border-width) solid var(--form--border-color);
color: var(--form--color-text);
border-radius: 5px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
line-height: var(--global--line-height-body);
background: var(--global--color-white);
}
.woocommerce #content table.cart img, 
.woocommerce table.cart img, 
.woocommerce-page #content table.cart img, 
.woocommerce-page table.cart img {
height: auto!important;
} body[class*="woocommerce"] #page .woocommerce-order h2 {
font-family: var(--global--font-primary);
font-size: var(--global--font-size-sm);
font-weight: bold;
}
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
display: flex;
justify-content: space-between;
align-content: flex-start;
align-items: stretch;
border: 1px solid var(--wc--table--border-color);
}
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
border: none;
font-family: var(--global--font-primary);
font-size: var(--global--font-size-sm);
margin-right: 0;
padding: var(--wc--table--padding);
text-transform: none;
}
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li.email {
word-break: break-word;
}
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:not(:last-child) {
border-right: 1px solid var(--wc--table--border-color);
}
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
font-family: var(--global--font-secondary);
font-size: var(--global--font-size-md);
line-height: var(--global--line-height-heading);
}
body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:before, body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:after {
content: none !important;
display: none;
}
body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
margin-bottom: var(--global--spacing-vertical);
}
body[class*="woocommerce"] .select2-container--default .select2-selection--single .select2-selection__rendered {
background: #fff;
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
color: var(--form--color-text);
line-height: var(--global--line-height-body);
padding: var(--form--spacing-unit);
max-width: 100%;
}
body[class*="woocommerce"] .select2-container--default .select2-selection--single {
background-color: transparent;
border: none;
border-radius: 4px;
margin: 0 0 30px 0;
}
body[class*="woocommerce"] .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 15px;
}
body[class*="woocommerce"] #page form.checkout_coupon,
body[class*="woocommerce"] #page form.login,
body[class*="woocommerce"] #page form.register {
border-color: var(--wc--table--border-color);
padding: calc(1.5 * var(--global--spacing-unit));
margin-top: inherit;
margin-bottom: inherit;
text-align: left;
border-radius: 0;
}
body[class*="woocommerce"] #page ul.order_details {
padding-left: 0;
}
body[class*="woocommerce"] #page .woocommerce-customer-details address {
border-radius: 0;
border-color: var(--global--color-border);
border-right-width: 1px;
border-bottom-width: 1px;
}
body[class*="woocommerce"] #page #add_payment_method table.cart .product-thumbnail {
min-width: var(--global--spacing-horizontal);
}
body[class*="woocommerce"] #page #add_payment_method table.cart img {
width: calc(2 * var(--global--spacing-vertical));
}
body[class*="woocommerce"] #page #add_payment_method table.cart td.actions .coupon .input-text {
border-color: var(--global--color-border);
padding: calc(0.5 * var(--global--spacing-unit));
margin: 0 var(--global--spacing-unit) 0 0;
}
body[class*="woocommerce"] #page .wc-proceed-to-checkout {
padding: var(--global--spacing-vertical) 0;
}
body[class*="woocommerce"] #page .wc-proceed-to-checkout a.checkout-button {
margin-bottom: var(--global--spacing-unit);
font-size: var(--global--font-size-md);
padding: var(--global--spacing-unit);
}
body[class*="woocommerce"] #page .wc-proceed-to-checkout a.wcppec-checkout-buttons__button {
padding-top: 0;
}
body[class*="woocommerce"] #page .checkout .create-account small {
font-size: var(--global--font-size-xs);
color: var(--global--color-foreground-low-contrast);
}
body[class*="woocommerce"] #page #payment {
background: transparent;
border: var(--wc--table--border-width) solid var(--wc--table--border-color);
border-radius: var(--wc--table--border-radius);
}
body[class*="woocommerce"] #page #payment ul.payment_methods {
padding: var(--wc--table--padding);
border-bottom-color: var(--wc--table--border-color);
}
body[class*="woocommerce"] #page #payment ul.payment_methods li {
line-height: var(--global--line-height-body);
margin: 30px 0;
}
.woocommerce-privacy-policy-text {
padding: 30px 0;
}
body[class*="woocommerce"] #page #payment ul.payment_methods li input {
margin-right: var(--global--line-height-body);
}
body[class*="woocommerce"] #page #payment div.form-row {
padding: var(--wc--table--padding);
margin-bottom: 100px;
}
body[class*="woocommerce"] #page #payment div.payment_box {
padding: calc(0.5 * var(--wc--table--padding));
margin-bottom: calc(0.5 * var(--wc--table--padding));
margin-top: calc(0.5 * var(--wc--table--padding));
font-size: var(--global--font-size-sm);
font-weight: bold;
border-radius: var(--wc--table--border-radius);
line-height: var(--global--line-height-body);
background-color: var(--global--color-background-dark);
color: var(--global--color-foreground-high-contrast);
}
body[class*="woocommerce"] #page #payment div.payment_box input.input-text,
body[class*="woocommerce"] #page #payment div.payment_box textarea {
border-color: var(--wc--table--border-color);
border-top-color: var(--wc--table--border-color);
}
body[class*="woocommerce"] #page #payment div.payment_box ::-webkit-input-placeholder {
color: var(--global--color-foreground-low-contrast);
}
body[class*="woocommerce"] #page #payment div.payment_box :-moz-placeholder {
color: var(--global--color-foreground-low-contrast);
}
body[class*="woocommerce"] #page #payment div.payment_box :-ms-input-placeholder {
color: var(--global--color-foreground-low-contrast);
}
body[class*="woocommerce"] #page #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
margin-right: var(--global--spacing-unit);
}
body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form {
margin-top: var(--wc--table--padding);
}
body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-number,
body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-expiry,
body[class*="woocommerce"] #page #payment div.payment_box .wc-credit-card-form-card-cvc {
font-size: var(--global--font-size-sm);
padding: calc(0.5 * var(--wc--table--padding));
}
body[class*="woocommerce"] #page #payment div.payment_box span.help {
font-size: var(--global--font-size-sm);
color: var(--global--color-foreground-low-contrast);
}
body[class*="woocommerce"] #page #payment div.payment_box .form-row {
margin: 0 0 var(--global--spacing-vertical);
}
body[class*="woocommerce"] #page #payment div.payment_box p:last-child {
margin-bottom: 0;
}
body[class*="woocommerce"] #page #payment div.payment_box::before {
border-bottom-color: var(--global--color-background-dark); }
body[class*="woocommerce"] #page #payment .payment_method_paypal .about_paypal {
float: right;
line-height: 52px;
font-size: var(--global--font-size-sm);
}
body[class*="woocommerce"] #page #payment .payment_method_paypal img {
max-height: 52px;
vertical-align: middle;
}
body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
border-color: var(--wc--table--border-color);
}
body[class*="woocommerce"] #page .woocommerce-invalid #terms {
outline-color: var(--global--color-alert-error);
}
body[class*="woocommerce"] #page .checkout h3 {
font-family: var(--global--font-primary);
font-size: var(--global--font-size-sm);
font-weight: bold;
}
body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
border-color: var(--wc--table--border-color);
}
body[class*="woocommerce"] #page .woocommerce-invalid #terms {
outline-color: var(--global--color-alert-error);
}
h3#order_review_heading {
padding: 30px 0 10px 0;
border-bottom: 2px solid;
} body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
width: 100%;
}
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation ul li a {
line-height: var(--global--line-height-heading);
display: inline-table;
}
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation + *:not(:first-child) {
margin-top: 0;
}
@media only screen and (min-width: 592px) {
body[class*="woocommerce"] #page .entry-content .woocommerce-MyAccount-navigation {
width: 20%;
}
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
width: 100%;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty {
display: none;
}
body[class*="woocommerce"] #page .woocommerce-MyAccount-content fieldset {
border: 1px solid var(--global--color-border);
padding: var(--global--spacing-unit);
border-radius: 3px;
}
@media only screen and (min-width: 592px) {
body[class*="woocommerce"] #page .woocommerce-MyAccount-content {
width: calc(80% - var(--global--spacing-horizontal));
}
}
body[class*="woocommerce"] #page .addresses .title h3 {
font-size: var(--global--font-size-base);
}
body[class*="woocommerce"] #page .addresses .title .edit {
line-height: 1;
}
.woocommerce-account .entry-content .woocommerce > h2,
body[class*="woocommerce"] #page div[class*="woocommerce"] h2 {
font-size: var(--global--font-size-lg);
} body[class*="woocommerce"] #page { }
body[class*="woocommerce"] #page mark {
background: transparent;
}
body[class*="woocommerce"] #page .woocommerce-result-count {
margin-bottom: calc(4 * var(--global--spacing-unit));
}
body[class*="woocommerce"] #page .woocommerce-ordering {
margin-bottom: var(--global--spacing-unit);
}
body[class*="woocommerce"] #page .woocommerce-ordering select {
border-radius: 5px;
font-size: 80%;
vertical-align: top;
} .single-product #page #woocommerce-wrapper div.product div.images {
margin-bottom: var(--global--spacing-vertical);
}
.single-product #page #woocommerce-wrapper div.product div.images div.thumbnails {
padding-top: var(--global--spacing-unit);
}
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
background-color: var(--global--color-background);
}
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__image--placeholder {
border-color: var(--global--color-border);
}
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger {
font-size: var(--global--font-size-md);
background: var(--global--color-background);
}
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::before {
border-color: var(--global--color-border);
}
.single-product #page #woocommerce-wrapper div.product div.images .woocommerce-product-gallery__trigger::after {
background-color: var(--global--color-border);
}
.single-product #page #woocommerce-wrapper div.product div.summary {
margin-bottom: var(--global--spacing-vertical);
}
.single-product #page #woocommerce-wrapper div.product div.summary span.price,
.single-product #page #woocommerce-wrapper div.product div.summary p.price {
color: var(--global--color-foreground-high-contrast);
font-size: calc(.7 * var(--global--font-size-xl));
line-height: var(--global--line-height-heading);
}
.single-product #page #woocommerce-wrapper div.product div.summary span.price del,
.single-product #page #woocommerce-wrapper div.product div.summary p.price del {
color: currentColor;
opacity: 0.5;
display: inline-block;
}
.single-product #page #woocommerce-wrapper div.product div.summary span.price ins,
.single-product #page #woocommerce-wrapper div.product div.summary p.price ins {
background: none;
font-weight: 700;
display: inline-block;
}
.single-product #page #woocommerce-wrapper div.product div.summary span.price .from,
.single-product #page #woocommerce-wrapper div.product div.summary p.price .from {
font-size: var(--global--font-size-xs);
color: var(--global--color-alert-warning);
}
.single-product #page #woocommerce-wrapper div.product div.summary p.stock {
font-size: var(--global--font-size-base);
}
.single-product #page #woocommerce-wrapper div.product div.summary .stock {
color: var(--global--color-primary);
}
.single-product #page #woocommerce-wrapper div.product div.summary .out-of-stock {
color: red;
}
.single-product #page #woocommerce-wrapper div.product div.summary .entry-title + .woocommerce-product-rating {
margin-top: calc(-.5 * var(--global--spacing-vertical));
margin-bottom: -30px;
}
.single-product #page #woocommerce-wrapper div.product .product_meta > * {
font-size: 85%;
display: block;
}
.single-product #page #woocommerce-wrapper div.product .product_meta a {
display: inline-block;
margin-bottom: 10px;
font-weight: 600;
border: 1px solid;
padding: 3px 10px;
border-radius: 3px;
text-decoration: none;
}
body[class*="woocommerce"] figure.woocommerce-product-gallery__wrapper img {
border-radius: 24px;
}
.single-product #page #woocommerce-wrapper div.product > .onsale {
right: auto;
left: -0.5em;
}
.single-product #page #woocommerce-wrapper div.product.sale div.summary .span.price ins,
.single-product #page #woocommerce-wrapper div.product.sale div.summary p.price ins {
color: var(--global--color-alert-success);
}
.single-product #page #woocommerce-wrapper div.product div.social {
margin-bottom: var(--global--spacing-vertical);
}
.single-product #page #woocommerce-wrapper div.product .up-sells > h2 {
font-size: var(--global--font-size-lg);
}
.single-product #page #woocommerce-wrapper div.product p.cart {
margin-bottom: var(--global--spacing-vertical);
}
.single-product #page #woocommerce-wrapper div.product form.cart .variations {
margin-bottom: var(--global--spacing-unit);
}
.single-product #page #woocommerce-wrapper div.product form.cart .variations td,
.single-product #page #woocommerce-wrapper div.product form.cart .variations th {
line-height: var(--global--line-height-body);
}
.single-product #page #woocommerce-wrapper div.product form.cart .variations select {
margin-right: var(--global--spacing-unit);
}
.single-product #page #woocommerce-wrapper div.product form.cart .variations td.label {
padding-right: var(--global--spacing-unit);
}
.single-product #page #woocommerce-wrapper div.product form.cart .woocommerce-variation-description p {
margin-bottom: var(--global--spacing-unit);
}
.single-product #page #woocommerce-wrapper div.product form.cart .reset_variations {
font-size: var(--global--font-size-sm);
}
.single-product #page #woocommerce-wrapper div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
padding-right: var(--global--spacing-unit);
padding-left: var(--global--spacing-unit);
}
.single-product #page #woocommerce-wrapper div.product form.cart .group_table td {
padding-bottom: var(--global--spacing-unit);
}
.single-product #page #woocommerce-wrapper div.product form.cart div.quantity,
.single-product #page #woocommerce-wrapper div.product form.cart button {
float: inherit;
display: inline-block;
vertical-align: middle;
}
.single-product #page #woocommerce-wrapper div.product form.cart div.quantity.hidden,
.single-product #page #woocommerce-wrapper div.product form.cart button.hidden {
display: none;
}
.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div {
text-align: left;
}
.single-product #page #woocommerce-wrapper div.product .woo_pp_cart_buttons_div .wcppec-checkout-buttons__button {
padding-top: 0;
}
.woocommerce .quantity .qty {
border-radius: 4px;
padding: 5px;
}
@media only screen and (max-width: 961px) {
.woocommerce.singular .entry-title {
font-size: calc(.8 * var(--global--font-size-page-title));
}
}  body[class*="woocommerce"] #page { }
body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
font-family: var(--global--font-primary);
line-height: var(--global--line-height-heading);
}
body[class*="woocommerce"] #page ul.cart_list li img,
body[class*="woocommerce"] #page ul.product_list_widget li img {
margin-left: var(--global--spacing-unit);
width: calc(2 * var(--global--spacing-vertical));
}
body[class*="woocommerce"] #page ul.cart_list li dl,
body[class*="woocommerce"] #page ul.product_list_widget li dl {
border-left-color: var(--wc--table--border-color);
}
body[class*="woocommerce"] #page ul.cart_list li dl dt,
body[class*="woocommerce"] #page ul.cart_list li dl dd,
body[class*="woocommerce"] #page ul.product_list_widget li dl dt,
body[class*="woocommerce"] #page ul.product_list_widget li dl dd {
margin-bottom: var(--global--spacing-vertical);
}
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .total {
border-top: none;
padding-top: 0;
}
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list {
border-bottom: 1px solid var(--wc--table--border-color);
}
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li {
border-top: 1px solid var(--wc--table--border-color);
padding: var(--global--spacing-unit) 0 var(--global--spacing-unit) calc(2 * var(--global--spacing-horizontal));
}
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .cart_list li a.remove {
top: calc(.9 * var(--global--spacing-unit));
}
.woocommerce .widget_shopping_cart .total strong, 
.woocommerce.widget_shopping_cart .total strong {
font-size: calc(.9 * var(--primary-nav--font-size));
float: left;
}
span.woocommerce-Price-amount.amount {
font-size: calc(.9 * var(--primary-nav--font-size));
}
body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a#woo_pp_ec_button {
padding: 0;
} body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-range,
body[class*="woocommerce"] #page .widget_price_filter .ui-slider .ui-slider-handle {
background-color: var(--global--color-primary);
}
body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: var(--global--color-foreground-low-contrast);
} @media only screen and (min-width: 482px) {
body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li {
flex: 0 1 auto;
margin-bottom: var(--global--spacing-vertical);
padding: 0;
width: calc((100% / 3) - var(--global--spacing-unit));
}
body[class*="woocommerce"] #page .widget.woocommerce ul.product_list_widget:not(.woocommerce-mini-cart) > li:nth-child(3n+2):last-child {
margin-left: calc(1.5 * var(--global--spacing-unit));
margin-right: auto;
}
} .wc-block-grid__products .wc-block-grid__product-image img,
.woocommerce ul.products li.product a img,
body .wc-block-components-product-image img {
border-radius: 1rem;
-webkit-transition: all .3s;
transition: all .3s;
}
.wc-block-grid__products .wc-block-grid__product-image img:hover, 
.woocommerce ul.products li.product a img:hover,
body .wc-block-components-product-image img:hover {
box-shadow: 0 10px 20px rgb(41 41 48 / 15%);
} html, body {
overflow-x: hidden;
}
.cd-panel {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
visibility: hidden;
z-index: 250;
-webkit-transition: visibility 0s 0.6s;
-moz-transition: visibility 0s 0.6s;
transition: visibility 0s 0.6s;
}
.cd-panel::after { position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
cursor: pointer;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
.cd-panel.is-visible {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}
.cd-panel.is-visible .cd-panel-close::before {
-webkit-animation: cd-close-1 0.6s 0.3s;
-moz-animation: cd-close-1 0.6s 0.3s;
animation: cd-close-1 0.6s 0.3s;
}
.cd-panel.is-visible .cd-panel-close::after {
-webkit-animation: cd-close-2 0.6s 0.3s;
-moz-animation: cd-close-2 0.6s 0.3s;
animation: cd-close-2 0.6s 0.3s;
}
@-webkit-keyframes cd-close-1 {
0%, 50% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(45deg);
}
}
@-moz-keyframes cd-close-1 {
0%, 50% {
-moz-transform: rotate(0);
}
100% {
-moz-transform: rotate(45deg);
}
}
@keyframes cd-close-1 {
0%, 50% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@-webkit-keyframes cd-close-2 {
0%, 50% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(-45deg);
}
}
@-moz-keyframes cd-close-2 {
0%, 50% {
-moz-transform: rotate(0);
}
100% {
-moz-transform: rotate(-45deg);
}
}
@keyframes cd-close-2 {
0%, 50% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
.cd-panel-close {
position: absolute;
top: 20px;
right: 80px; display: block;
text-indent: -9999px;
white-space: nowrap;
z-index: 100;
}
.cd-panel-close:focus {
background: none;
}
.cd-panel ::after, .cd-panel ::before {
content: '';
}
.cd-panel-close::before, .cd-panel-close::after { position: absolute;
top: 20px;
left: 35px;
height: 3px;
width: 20px;
background-color: var(--global--color-primary); -webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-panel-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-panel-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.no-touch .cd-panel-close:hover {
background-color: #000;
}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
background-color: #000;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.no-touch .cd-panel-close:hover::before {
-webkit-transform: rotate(220deg);
-moz-transform: rotate(220deg);
-ms-transform: rotate(220deg);
-o-transform: rotate(220deg);
transform: rotate(220deg);
}
.no-touch .cd-panel-close:hover::after {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-panel-container {
font-size: 18px;
font-size: 1.8rem;
position: fixed;
width: 90vw;
max-width: 480px;
height: 50vw;
top: 0;
background: var(--global--color-background);
z-index: 1;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.cd-panel-container .button {
color: var(--button--color-text);
display: inline-block;
float: none;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
margin: 20px 15px 0 0;
}
.cd-panel-container .entry-content h2 {
font-size: 22px;
font-size: 2.2rem;
font-weight: 600;
}
.from-right .cd-panel-container {
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.cd-panel-content {
border-left: 1px solid;
border-bottom: 1px solid;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 70px 5%;
overflow: auto; -webkit-overflow-scrolling: touch;
}
.cd-panel-content p:first-of-type {
margin-top: 0;
}
ul.sub-menu {
padding-left: 0;
}
li.woocommerce-cart-widget {
list-style: none;
}
.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img {
width: 80px!important;
}
body[class*="woocommerce"] #page .woo-navigation ul.cart_list li a:not(.remove), 
body[class*="woocommerce"] #page .woo-navigation ul.product_list_widget li a:not(.remove), 
body[class*="woocommerce"] #page .woo-navigation .woocommerce-mini-cart__total {
font-size: calc(.8 * var(--primary-nav--font-size));
}
body[class*="woocommerce"] #page a.remove {
color: var(--button--color-text);
}
li.menu-item.woocommerce-menu-item.cd-btn {
list-style: none;
}
body[class*="woocommerce"] #page .woocommerce-menu-item small.woocommerce-cart-count {
position: relative;
border: 2px solid;
border-radius: 50px;
right: 25px;
top: -20px;
font-size: 12px;
line-height: .7;
font-weight: 700;
text-align: center;
padding: 5px 5px 3px 5px;
}
.woocommerce-menu-item span.woocommerce-Price-amount.amount {
display: none;
}
.woocommerce-menu-item svg.cart {
height: 26px;
width: 26px;
}
li.cd-btn.menu-item.woocommerce-menu-item {
cursor: pointer;
}
body[class*="woocommerce"] #page .woocommerce-menu-item .woocommerce-cart-link {
display: inline-block;
}
body[class*="woocommerce"].woocommerce-cart #page .woocommerce-menu-item .woocommerce-cart-link {
cursor: default;
}
.woocommerce-cart li.cd-btn.menu-item.woocommerce-menu-item {
cursor: default;
}
.woocommerce-cart .cd-panel {
display: none;
}
body[class*="woocommerce"] #page ul.cart_list li img, body[class*="woocommerce"] #page ul.product_list_widget li img {
border-radius: 1rem;
box-shadow: 0 10px 30px rgb(41 41 48 / 15%);
}
@media only screen and (max-width: 960px) {
body[class*="woocommerce"] #page .woocommerce-result-count {
margin-bottom: var(--global--spacing-unit);
}
.woocommerce ul.products[class*=columns-] li.product, 
.woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
}
.woocommerce-menu-item svg.cart {
margin-top: 15px;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: left;
width: 100%;
}
.cd-panel-container {
height: 700px;
}
}
@media (min-width: 768px) and (max-width: 961px) {
.woocommerce-menu-item svg.cart {
height: 36px;
width: 36px;
}
body[class*="woocommerce"] #page .woocommerce-menu-item small.woocommerce-cart-count {
top: -25px;
}
}