.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--primary-color); } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; border: 1px solid var(--border-color); } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover{ box-shadow: 0 10px 25px rgb(0 0 0 / 10%); } .woocommerce + .entry-footer{ display: none; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background-color: transparent; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ max-width: inherit; } .woocommerce-input-wrapper, .woocommerce form .form-row label, .woocommerce form .password-input, .woocommerce-page form .password-input{ width: 100%; } .woocommerce span.onsale{ z-index: 2; padding: 0; } .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ margin-left: 8px; text-decoration: none; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price del, .woocommerce div.product span.price del{ color: inherit; font-weight: 600; font-size: 16px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background-color: #2a303c; } .woocommerce ul.products li.product .button.add_to_cart_button, .woocommerce ul.products li.product .button.product_type_grouped, .woocommerce ul.products li.product .button.product_type_simple, .woocommerce ul.products li.product .button.product_type_external, .woocommerce ul.products li.product .button.product_type_variable, .main-content.shop .product .button.add_to_cart_button, .main-content.shop .product .button.product_type_grouped, .main-content.shop .product .button.product_type_simple, .main-content.shop .product .button.product_type_external, .main-content.shop .product .button.product_type_variable, .woocommerce ul.products li.product .button.add_to_cart_button, .woocommerce ul.products li.product .button.product_type_simple { background-color: var(--border-color); border: none; color: #2a303c; letter-spacing: 0; font-size: 13px; } .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button:focus, .main-content.shop .product .button:hover, .main-content.shop .product .button:focus, .woocommerce ul.products li.product .button.add_to_cart_button:hover, .woocommerce ul.products li.product .button.add_to_cart_button:focus, .woocommerce ul.products li.product .button.product_type_simple:hover, .woocommerce ul.products li.product .button.product_type_simple:focus { background-color: rgba(var(--primary-r-color), var(--primary-g-color), var(--primary-b-color), 1); border-color: var(--primary-color); color: #fff; } .woocommerce a.added_to_cart { padding: .5em; display: block; background-color: var(--primary-color); color: #fff; margin: 0 7% 30px; border-radius: 4px; } .product_meta .posted_in a:hover, .product_meta .tagged_as a:hover { color: var(--primary-color); } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce span.onsale, .checkout_coupon.woocommerce-form-coupon .form-row button.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: var(--primary-color); color: #fff; } .woocommerce table.shop_table td.product-name a:hover, .woocommerce table.shop_table td.product-subtotal .woocommerce-Price-amount { color: var(--primary-color); } /* WooCommerce Widgets */ .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--primary-color); } .woocommerce .widget_price_filter .price_slider_amount .button { background-color: var(--primary-color); } .woocommerce-mini-cart__buttons.buttons a.button, .widget .woocommerce-mini-cart__buttons.buttons a.button:hover, .widget .woocommerce-mini-cart__buttons.buttons a.button:focus { background-color: var(--primary-color); color: #fff; } /* WooCommerce Pagination */ .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; padding: 0; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background-color: var(--primary-color); border-color: var(--primary-color); color: #fff; } /* Account Dashboard */ .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; } li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link { list-style: none; background-color: var(--border-color);; border: 1px solid #ffffff; padding: 10px 20px; } /* Sidebar Products */ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-left: 0; width: 70px; border: 1px solid var(--border-color);; margin-right: 10px; } /* Filters */ .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: rgb(234 239 243); } .widget_product_search [type="search"] { width: 68%; } .woocommerce-info::before { color: var(--primary-color); } .woocommerce-info { border-color: var(--primary-color); background-color: rgb(0 0 0 / 8%); } span.posted_in { display: block; } /* Rating */ .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { color: #ffc934; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: auto; } .woocommerce table.shop_table{ border-color: inherit; border-radius: 0; } /* Cart total */ .cart-total{ position: relative; } .cart-value { display: inline-block; background: var(--primary-color); color: #fff; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; font-size: 14px; font-weight: bold; text-align: center; position: absolute; z-index: 1; margin: -3px 0 0 -2px; top: 50%; transform: translateY(-50%); } .site-content [class*="woocommerce-"] [class*="col-"]{ padding: 0; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ overflow: hidden; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #f9f9f9; } .woocommerce table.shop_table, .select2-container--default .select2-selection--single{ border-color: var(--border-color); } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{ padding: 0.825rem 1rem; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; } .select2-container .select2-selection--single{ height: 48px; } .woocommerce nav.woocommerce-pagination ul li { border-right: none; float: none; display: inline-block; } .woocommerce-terms-and-conditions-wrapper{ margin-bottom: 30px; } .woocommerce .site-content a.add_to_cart_button{ display: none; position: absolute; bottom: -100%; left: 50%; transform: translate(-50%,-50%); width: fit-content; transition: none; } .woocommerce .site-content ul.products li.product:hover a.add_to_cart_button, .woocommerce-page ul.products li.product:hover a.add_to_cart_button{ bottom: 23%; display: block; } .woocommerce .site-content ul.products li.product:hover a.add_to_cart_button.added, .woocommerce-page ul.products li.product:hover a.add_to_cart_button.added{ bottom: 36%; margin-bottom: 10px; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--primary-color); } .wc-block-components-error, .woocommerce-message, .woocommerce-message::before{ border-color: var(--primary-color); } .woocommerce-message::before, .wc-block-components-error__header{ color: var(--primary-color); }