/* WooCommerce styles override */ /* Color css */ .product a, .widget a.wishlist_products_counter { color: #2b2d42; } .woocommerce-breadcrumb a { color: #fff; } a.restore-item:hover, .woocommerce-info a:hover, table.shop_table.cart tr td:hover a, .woocommerce-checkout-payment a:hover, .stock.out-of-stock, .woocommerce-product-rating a:hover, .woocommerce-password-strength.bad, .woocommerce-password-strength.short, .widget a.wishlist_products_counter:hover, .woocommerce-breadcrumb a:hover, .mini-cart-item a:hover { color: #ef233c; } .woocommerce-password-strength.strong, .stock.in-stock { color: #0f834d; } .woocommerce-password-strength.good { color: #3d9cd2; } span.quantity { color: #444; } .required { color: #f00; } /* Border color css */ .woocommerce-Tabs-panel table.woocommerce-product-attributes tr { border-right: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; } .woocommerce-Tabs-panel table.woocommerce-product-attributes tr th, .woocommerce-Tabs-panel table.woocommerce-product-attributes tr td { border-left: 1px solid #E8E8E8; } .woocommerce-Tabs-panel table.woocommerce-product-attributes { border-bottom: 1px solid #E8E8E8; } table.shop_table.cart td .quantity input.qty, .woocommerce-checkout .select2-container--default .select2-selection--single { border: 1px solid #ddd; } .cart_totals table, table.woocommerce-checkout-review-order-table, table.shop_table.cart { border-bottom: 1px solid #ddd; } .cart_totals table tr, table.woocommerce-checkout-review-order-table tr, table.shop_table.cart tr { border-right: 1px solid #ddd; border-top: 1px solid #ddd; } .cart_totals table tr td, table.woocommerce-checkout-review-order-table tr td, table.shop_table.cart tr th, table.shop_table.cart tr td, .cart_totals table tr th, table.woocommerce-checkout-review-order-table tr th { border-left: 1px solid #ddd; } /* background color css */ table.shop_table.cart th, .cart_totals h2 { background: #040404; color: #fff; } table.shop_table.cart tr { background: #eee; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1); } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { background-color: #8d99ae; } .woocommerce-error { background-color: #e2401c; list-style: none; color: #fff; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a, .shipping-calculator-button { font-weight: 700; color: #000; outline: none; } .woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover, .shipping-calculator-button:hover { color: #e2401c; } .demo_store { background-color: #3d9cd2; } p.woocommerce-mini-cart__buttons.buttons a.button { background: #000; color: #fff; letter-spacing: 2px; } p.woocommerce-mini-cart__buttons.buttons a.button:hover { background: #EF233C !important; color: #fff; } p.woocommerce-mini-cart__buttons.buttons a.button.checkout { background: #545454; } /** * Shop tables */ table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody th { display: none; } table.shop_table_responsive tr td { display: block; text-align: right; clear: both; } table.shop_table_responsive tr td::before { content: attr(data-title) ": "; float: left; } table.shop_table_responsive tr td.product-remove a { text-align: left; } table.shop_table_responsive tr td.product-remove::before { display: none; } table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; } .cart.grouped_form table.group_table { margin-bottom: 20px; } @media screen and (min-width: 48em) { table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr th, table.shop_table_responsive tr td { text-align: left; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td::before { display: none; } } /** * Products */ ul.products { margin: 0; padding: 0; } ul.products li.product { list-style: none; position: relative; margin-bottom: 2em; } ul.products li.product img { display: block; } ul.products li.product .button { display: block; } @media screen and (min-width: 48em) { ul.products li.product { width: 30.79667%; float: left; margin-right: 3.8%; } ul.products li.product.first { clear: both; } ul.products li.product.last { margin-right: 0; } ul.products.columns-1 li.product { float: none; width: 100%; } ul.products.columns-2 li.product { width: 48.1%; } ul.products.columns-3 li.product { width: 30.79667%; } ul.products.columns-4 li.product { width: 22.15%; } ul.products.columns-5 li.product { width: 16.96%; } ul.products.columns-6 li.product { width: 13.49333%; } } /** * Single product */ .single-product div.product { position: relative; } .single-product div.product .woocommerce-product-gallery { position: relative; float: left; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 2em; right: 1em; display: block; z-index: 99; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1em; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { margin: 0; padding: 0; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: left; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: 0.5; } .onsale { position: absolute; left: 0; top: 35px; text-transform: uppercase; background-color: #8d99ae; color: #fff; font-size: 16px; padding: 10px 25px; z-index: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 48.1%; } .quantity { position: relative; } .quantity button[type="button"] { position: absolute; right: 0; top: 0; height: 25px; line-height: 20px; border: 1px solid #e6e6e6; background: #fff; z-index: 1; width: 25px; transition: .3s; outline: 0; } .quantity button[type="button"].plus { top: auto; bottom: 0; } .quantity button[type="button"]:hover { background: #000; color: #fff; border-color: #000; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 30.79667%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 22.15%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 16.96%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; } .stock:empty::before { display: none; } .single_variation_wrap .quantity { display: inline-block; transform: translateY(2px); width: 85px; margin-right: 10px; } .shop-single-section .shop-single-slider .slider-nav button.slick-arrow { display: none !important; } .woocommerce-Tabs-panel table.woocommerce-product-attributes { width: 100%; } .woocommerce-Tabs-panel table.woocommerce-product-attributes tr th, .woocommerce-Tabs-panel table.woocommerce-product-attributes tr td { padding: 10px; } .woocommerce-Tabs-panel table.woocommerce-product-attributes tr td p { margin-bottom: 0; } .tab-content .woocommerce-Reviews { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .tab-content .woocommerce-Reviews .woocommerce-Reviews-title { display: none; } .tab-content .woocommerce-Reviews .commentlist { list-style: none; padding: 0; margin: 0; } .tab-content .woocommerce-Reviews .comment_container { display: flex; margin-bottom: 30px; } .tab-content .woocommerce-Reviews .comment_container img { display: inline-block; margin-right: 20px; height: 60px; object-fit: cover; } .tab-content .woocommerce-Reviews .comment_container .comment-text .star-rating { margin-bottom: -10px; } .tab-content .woocommerce-Reviews .comment_container .comment-text .woocommerce-review__author { display: block; font-size: 18px; } .tab-content .woocommerce-Reviews .comment_container .comment-text .woocommerce-review__dash { display: none; } .tab-content .woocommerce-Reviews .comment_container .comment-text .woocommerce-review__published-date { font-size: 14px; text-transform: uppercase; font-weight: 50; color: #b3b3b3; } .tab-content .woocommerce-Reviews .comment_container .comment-text .meta { margin-bottom: 10px; } .tab-content .woocommerce-Reviews .comment_container .comment-text .description p { margin-bottom: 0; } .tab-content .woocommerce-Reviews .commentlist .comment-text { padding: 8px; } .woocommerce-product-gallery__image img { width: 615px; max-width: 615px; object-fit: cover; } @media screen and (max-width: 991px) { .tab-content .woocommerce-Reviews { grid-template-columns: 1fr; } .woocommerce-product-gallery__image img { width: 100%; max-width: 100%; } } /** * Checkout */ .woocommerce-checkout .select2-container .select2-selection--single, .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; } .woocommerce-checkout .select2-container--default .select2-selection--single { border-radius: 0px; } .woocommerce-checkout .woocommerce-additional-fields__field-wrapper textarea { height: 90px; resize: none; } .woocommerce-checkout-payment { margin-top: 20px; } .woocommerce-checkout-payment ul.wc_payment_methods.payment_methods.methods { margin: 0; padding: 0; list-style: none; } .woocommerce-checkout-payment a { font-weight: 500; color: #040404; } a.about_paypal { display: block; } .woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout #order_review_heading { font-size: 30px; font-weight: 500; background: #000; color: #fff; padding: 8px; } a.showcoupon { color: #fff; } .woocommerce-shipping-fields label.checkbox span { margin-left: 30px; } @media screen and (min-width: 768px) { .col2-set .form-row-first { float: left; margin-right: 3.8%; } .col2-set .form-row-last { float: right; margin-right: 0; } .col2-set .form-row-first, .col2-set .form-row-last { width: 48.1%; } } /** * General WooCommerce components */ /** * Header cart */ span.cart-count { pointer-events: none; } .mini-cart-item img { width: 46px; height: 46px; margin-right: 15px; } .mini-cart-item a { font-size: 15px; font-weight: 400; color: #2b2d42; } span.quantity { display: flex; justify-content: space-evenly; font-size: 12px; } span.quantity span.woocommerce-Price-amount.amount { font-size: 13px; color: #888 !important; } p.woocommerce-mini-cart__total.total, p.woocommerce-mini-cart__total.total span.amount { text-align: center; font-size: 18px; font-weight: 500; padding: 15px 0 0; color: #2b2d42; } p.woocommerce-mini-cart__buttons.buttons a.button { display: block; text-align: center; padding: 12px 35px; font-size: 12px; font-weight: 400; } p.woocommerce-mini-cart__buttons.buttons { padding: 20px 30px 30px; } p.woocommerce-mini-cart__buttons.buttons a.button.checkout { margin-top: 10px; } p.woocommerce-mini-cart__empty-message { position: absolute; inset: 0; text-align: center; padding: 20px 0 40px !important; -webkit-box-shadow: -2px 18px 40px -9px #999999; box-shadow: -2px 18px 40px -9px #999999; background: #fff; } @media screen and (max-width: 62em) { .cart-collaterals { margin-top: 40px; } } /** * Star rating */ .star-rating { overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; width: 4.2em; font-family: star; font-weight: 400; } .star-rating::before { content: "\53\53\53\53\53"; opacity: 0.25; float: left; top: 0; left: 0; position: absolute; font-size: 12px; } .woocommerce-product-rating { display: flex; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span::before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; font-size: 12px; color: #ef233c; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: star; content: "\53"; text-indent: 0; opacity: 0.25; color: #404040; } p.stars a:hover ~ a::before { content: "\53"; opacity: 0.25; color: #404040; } p.stars:hover a::before { content: "\53"; opacity: 1; color: #ef233c; } p.stars.selected a.active::before { content: "\53"; opacity: 1; color: #ef233c; } p.stars.selected a.active ~ a::before { content: "\53"; opacity: 0.25; color: #404040; } p.stars.selected a:not(.active)::before { content: "\53"; opacity: 1; color: #ef233c; } /** * Tabs */ .woocommerce-tabs ul.tabs { list-style: none; margin: 0; padding: 0; text-align: left; } .woocommerce-tabs ul.tabs li { display: block; margin: 0; position: relative; } .woocommerce-tabs .panel h2:first-of-type { margin-bottom: 1em; } /** * Password strength meter */ .woocommerce-password-strength { text-align: right; } /** * Forms */ .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #0f834d; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c; } /** * Notices */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { clear: both; font-weight: 500; padding: 10px; margin-bottom: 20px; } .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; z-index: 9999; } @media screen and (min-width: 48em) { /** * Header cart */ } /** * WooCommerce widgets */ /** * WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; box-sizing: border-box; background: #4169e1; margin-top: -0.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: #4169e1; } .widget_price_filter .ui-slider-horizontal { height: 0.5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } /* Custom CSS */ .shop-pg-section .page-title { display: none; } .shop-continue, .wc-proceed-to-checkout { margin-top: 10px; } table.shop_table.cart { width: 100%; } table.shop_table.cart tr th, table.shop_table.cart tr td { padding: 8px; } table.shop_table.cart tr td a { font-weight: 500; color: #2b2d42; } table.shop_table.cart tr td img { width: 70px; height: 70px; object-fit: cover; } table.shop_table.cart td.actions .coupon label { font-weight: 500; font-size: 18px; } table.shop_table.cart td.actions .coupon input.input-text { width: 52%; display: inline-block; height: 62px; transform: translateY(1px); } table.shop_table.cart td.actions .coupon { float: left; width: 72%; } table.shop_table.cart td.actions .coupon .button.theme-btn { float: none; } table.shop_table.cart td.actions .button.theme-btn { float: right; } table.shop_table.cart td .quantity input.qty { width: 100%; height: 50px; outline: 0; padding: 10px 5px 10px 15px; } td.product-quantity { width: 10%; } .cart_totals h2 { font-size: 30px; font-weight: 500; padding: 8px; color: #fff; } .cart_totals table, table.woocommerce-checkout-review-order-table { width: 100%; } .cart_totals table tr td, table.woocommerce-checkout-review-order-table tr td { text-align: right; padding: 8px; } table.woocommerce-checkout-review-order-table tr td { text-align: inherit; } .cart_totals table tr th, table.woocommerce-checkout-review-order-table tr th { padding: 8px; } table.shop_table.cart tr { background: #fff; } table.shop_table.cart td.actions button.update-cart-btn.theme-btn-s2 { margin-top: 8px; } table.shop_table.cart th, .cart_totals h2 { background: transparent; color: #000; font-weight: 500; } table.variations td.label { line-height: 3; display: inline-block; } .quantity button[type="button"].plus { bottom: auto; top: 0; } .quantity button[type="button"]{ bottom: 0; top: auto; } .wc-proceed-to-checkout a.button { width: 100%; text-align: center; } .grouped_form .quantity button[type="button"] { right: 45px; } .yith-wcqv-main .grouped_form .quantity button[type="button"] { right: 70px; } .shop-continue a.theme-btn{ width: 100%; text-align: center; } table.shop_table.cart td.actions .coupon input.input-text { height: 59px; } button#place_order { width: 100%; text-align: center; } .woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout #order_review_heading { background: transparent; color: #000; } .product a, .widget a.wishlist_products_counter { font-weight: 400; } .cart-details a.button.yith-wcqv-button { position: relative; color: transparent; z-index: 1; } .cart-details a.button.yith-wcqv-button:before { position: absolute; inset: 0; font-size: 18px; content: '\e63d'; font-family: 'themify'; z-index: 1; color: #000; } .shop-main-section .cart-details li a.added { display: none; } .shop-main-section .cart-details li a.added_to_cart { line-height: 15px; font-size: 15px; padding-top: 12px; } .shop-pg-section .details del { color: #aaa; text-decoration: line-through; font-weight: 400; } .shop-pg-section .details .price, ins { color: #2b2d42; font-weight: 400; } .wc-layered-nav-rating .star-rating::before { left: 25px; } .woocommerce-mini-cart-item.mini_cart_item.mini-cart-item { padding-top: initial!important; position: relative; } a.remove.remove_from_cart_button{ position: absolute; left: -12px; top: 0px; } .mini-cart-item a { display: flex; padding-top: 15px; } span.quantity { font-size: 12px; margin-top: -15px; } .shop-continue .theme-btn-s2 { width: 100%; text-align: center; } #yith-quick-view-content .woocommerce-product-gallery__image img { max-width: 100%; } /* my account */ .woocommerce-account .woocommerce { display: flex; justify-content: flex-start; } nav.woocommerce-MyAccount-navigation { margin-right: 50px; } .woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; } .woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation ul li a { padding: 5px 10px; display: inline-block; } .woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation ul li:first-child { border-top: 1px solid #ddd; } .woocommerce-account .woocommerce a { color: #2b2d42; font-weight: 500; } .woocommerce-account .woocommerce a:hover { color: #ef233c; } #yith-quick-view-content .quantity { margin-bottom: 10px; } #yith-quick-view-content .quantity input[type="number"] { height: 50px; max-width: 70px; } #yith-quick-view-content .product_meta { margin-top: 10px; } #yith-quick-view-content .product_meta > span { display: block; } @media screen and (max-width: 1199px) { table.shop_table.cart td.actions .coupon .button.theme-btn { padding: 20px 15px; } } @media screen and (max-width: 62em) { table.shop_table.cart td.actions .coupon input.input-text { width: 50%; height: 50px; transform: translateY(0px); } table.shop_table.cart td.actions .coupon .button.theme-btn { padding: 17px 25px; } } @media screen and (max-width: 47.8888em) { table.shop_table.cart td.actions .coupon { float: none; width: 100%; } table.shop_table.cart td.actions .coupon label { font-size: 16px; display: block; text-align: left; } table.shop_table.cart td.actions .coupon input.input-text { width: 100%; height: 50px; transform: translateY(0px); } table.shop_table.cart td.actions .button.theme-btn { float: none; display: block; margin-top: 10px; width: 100%; } .cart-collaterals { margin-top: 20px; } .cart_totals h2 { font-size: 25px; } .shop-continue .theme-btn, .wc-proceed-to-checkout .theme-btn { width: 100%; text-align: center; } section.related.products { margin-top: 40px; } .tab-content .woocommerce-Reviews { grid-template-columns: auto; } .tab-content .woocommerce-Reviews .commentlist li { margin-bottom: 20px; } .tab-content .woocommerce-Reviews .comment_container img { margin-right: 15px; } .woocommerce-Reviews .form-submit input.submit { padding: 10px 20px; } .comment-form-cookies-consent { display: grid; grid-template-columns: auto auto; gap: 10px; } .comment-form-cookies-consent input[type="checkbox"] { height: 25px; } .comment-form-comment textarea { height: 90px; } .single-product .section-padding { padding-bottom: 0; } td.product-quantity { width: 100%; } .woocommerce-cart table.shop_table.cart td .quantity input.qty { width: 30%; } .woocommerce-account .woocommerce { display: block; } nav.woocommerce-MyAccount-navigation { margin-right: 0; margin-bottom: 30px; } table.shop_table.cart .theme-btn-s2, .shop-continue .theme-btn-s2 { width: 100%; } table.shop_table.cart .coupon .theme-btn-s2 { margin-top: 10px; } }