/* 00. General CSS 00. Shop Page CSS Shop v1 CSS Shop v2 CSS Shop v3 CSS Shop List CSS Related Product CSS Up Sell Product CSS Cross Sell Product CSS WOO Sidebar CSS 00. Single Product Page CSS Simple Product Variable Product Notice CSS Group Product External/Affiliate Product 00. Cart Page CSS 00. Checkout Page CSS 00. Thank you Page CSS 00. My Account Page CSS 00. Plugins CSS Wishlist CSS */ /* ----------------------------------- 00. General CSS Start Here -------------------------------------*/ .woocommerce .checkout.woocommerce-checkout #order_review_heading { margin-top: 35px; margin-bottom: 35px; } .et-db #et-boc .et-l .et_pb_wc_add_to_cart .quantity input.qty { border: 1px solid rgba(40, 61, 88, .1) !important; } /* Success */ .woocommerce .woocommerce-error { text-align: center; text-transform: uppercase; background: #b81c23; border-radius: 3px; } .woocommerce .woocommerce-message { line-height: 35px; padding: 10px !important; border-radius: 0px; background: var(--color-1); } /* Title CSS Start */ .main_title, .et-l .et_pb_wc_related_products .related.products h2, .product-template-default .product .summary .product_title.entry-title, .woocommerce #customer_login h2, .woocommerce .cart-collaterals .cart_totals h2, .woocommerce .checkout.woocommerce-checkout #order_review_heading, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-additional-fields h3, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields h3, .woocommerce .cart-collaterals .cross-sells h2, .woocommerce .cart-collaterals .cart_totals.calculated_shipping h2, .product-template-default .product.type-product .up-sells.upsells.products h2, .product-template-default .product.type-product .related.products h2, .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .woocommerce-order-downloads__title, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3, .woocommerce .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title, .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-column__title, .woocommerce .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title { /* padding-bottom: 15px !important; */ font-size: 20px !important; line-height: 26px; text-transform: uppercase !important; position: relative; } /* .main_title:before, .et-l .et_pb_wc_related_products .related.products h2:before, .product-template-default .product .summary .product_title.entry-title:before, .woocommerce .cart-collaterals .cart_totals h2:before, .search.search-results .et_pb_post .entry-title:before, .woocommerce .cart-collaterals .cross-sells h2:before, .woocommerce .checkout.woocommerce-checkout #order_review_heading:before, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-additional-fields h3:before, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields h3:before, .woocommerce .cart-collaterals .cart_totals.calculated_shipping h2:before, .product-template-default .product.type-product .up-sells.upsells.products h2:before, .product-template-default .product.type-product .related.products h2:before, .woocommerce #customer_login h2:before, .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title:before, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title:before, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .woocommerce-order-downloads__title:before, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3:before, .woocommerce .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title:before, .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-column__title:before, .woocommerce .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title:before { content: ''; width: 90%; height: 2px; background: var(--color-1); position: absolute; bottom: 0; left: 3px; } .main_title:after, .et-l .et_pb_wc_related_products .related.products h2:after, .product-template-default .product .summary .product_title.entry-title:after, .woocommerce .cart-collaterals .cart_totals h2:after, .search.search-results .et_pb_post .entry-title:after, .woocommerce .cart-collaterals .cross-sells h2:after, .woocommerce .checkout.woocommerce-checkout #order_review_heading:after, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-additional-fields h3:after, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields h3:after, .woocommerce .cart-collaterals .cart_totals.calculated_shipping h2:after, .product-template-default .product.type-product .up-sells.upsells.products h2:after, .product-template-default .product.type-product .related.products h2:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title:after, .woocommerce #customer_login h2:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .woocommerce-order-downloads__title:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3:after, .woocommerce .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title:after, .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-column__title:after, .woocommerce .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title:after { content: ''; background: var(--color-1); height: 10px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; position: absolute; bottom: -4px; left: 3px; } */ /* Title CSS End */ /* Button CSS Start */ .single-product .et-db #et-boc .et_pb_wc_add_to_cart form.cart .button, .single-product .product .summary .cart .single_add_to_cart_button.button.alt, .woocommerce #payment #place_order, .woocommerce #review_form #respond .form-submit input, .woocommerce .checkout_coupon.woocommerce-form-coupon .form-row .button, .woocommerce .return-to-shop .button.wc-backward, .woocommerce .woocommerce-MyAccount-content .woocommerce-Button, .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.button.view, .woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row .button, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce a.button.alt, .woocommerce-MyAccount-content form .woocommerce-address-fields .button, .woocommerce-form .woocommerce-Button.button, .woocommerce-page #payment #place_order { position: relative; background-color: var(--color-1) !important; color: #fff !important; font-size: 15px; border: none !important; border-radius: 0px !important; padding: 10px 20px !important; overflow: hidden !important; z-index: 1 !important; } .single-product .et-db #et-boc .et_pb_wc_add_to_cart form.cart .button:after, .single-product .product .summary .cart .single_add_to_cart_button.button.alt:after, .woocommerce #payment #place_order:after, .woocommerce .checkout_coupon.woocommerce-form-coupon .form-row .button:after, .woocommerce .return-to-shop .button.wc-backward:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-Button:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.button.view:after, .woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row .button:after, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:after, .woocommerce a.button.alt:after, .woocommerce-MyAccount-content form .woocommerce-address-fields .button:after, .woocommerce-form .woocommerce-Button.button:after, .woocommerce-page #payment #place_order:after { content: "" !important; position: absolute; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; display: block !important; color: transparent !important; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .single-product .et-db #et-boc .et_pb_wc_add_to_cart form.cart .button:hover:after, .single-product .product .summary .cart .single_add_to_cart_button.button.alt:hover:after, .woocommerce #payment #place_order:hover:after, .woocommerce .checkout_coupon.woocommerce-form-coupon .form-row .button:hover:after, .woocommerce .return-to-shop .button.wc-backward:hover:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-Button:hover:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.button.view:hover:after, .woocommerce .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row .button:hover:after, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover:after, .woocommerce a.button.alt:hover:after, .woocommerce-MyAccount-content form .woocommerce-address-fields .button:hover:after, .woocommerce-form .woocommerce-Button.button:hover:after, .woocommerce-page #payment #place_order:hover:after { transform: scale3d(1, 1, 1); } /* Button CSS End */ /* ----------------------------------- 00. General CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Shop Page CSS Start Here -------------------------------------*/ /* Pagination CSS Start */ .woocommerce-woocommerce-pagination .page-numbers { text-align: center } .woocommerce-pagination .page-numbers { display: inline-flex !important; position: relative; border: none !important } .woocommerce-pagination .page numbers:before { width: 100%; height: 2px; background: #e8e8e8; position: absolute; top: 50%; left: 0; transform: translateY(-50%) } .woocommerce-pagination .page-numbers li { border-right: none !important } .woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span.current { padding: 5px 15px !important; margin-right: 15px !important; background: #f8f8f8 !important; border: 1px solid #e8e8e8 !important; border-radius: 5px; box-shadow: 0 8px 6px -9px #5b5f5f; font-size: 17px !important; color: #686c6c !important } .woocommerce-pagination .page-numbers li:first-child a { margin-right: 25px !important } .woocommerce-pagination .page-numbers li:last-child a, .woocommerce-pagination .page-numbers li:last-child span { margin: 0 0 0 15px; margin-right: 0 !important } .woocommerce-pagination .page-numbers li a:hover, .woocommerce-pagination .page-numbers li span.current { background: var(--color-2) !important; border-color: var(--color-2) !important; color: #fff !important } @media only screen and (max-width:980px) { .woocommerce .woocommerce-pagination { margin-bottom: 30px !important } .woocommerce .products li { margin-bottom: 30px } } @media only screen and (max-width:480px) { .woocommerce ul.products li { width: 100% !important } } @media only screen and (max-width:479px) { .woocommerce-pagination .page-numbers { display: block; overflow: auto } .woocommerce-pagination .page-numbers:before { display: none } .woocommerce-pagination .page-numbers li { display: inline-block } .woocommerce-cart table.cart td.actions .button { width: 100% !important } } /* Pagination CSS End */ /* Shop Line CSS Start */ .dct_shop_line .woocommerce .products .product .star-rating span:before { color: var(--color-1) !important; } /* Shop Line CSS End */ /* Shop Breadcrumb CSS Start */ .woocommerce .woocommerce-breadcrumb { font-size: 15px; color: var(--color-2) } .woocommerce-products-header .woocommerce-products-header__title { display: none } .woocommerce .woocommerce-result-count { font-size: 15px; color: #232323 } .woocommerce .woocommerce-ordering select { height: 40px; border-radius: 3px; border: 1px solid rgba(6, 22, 58, .14); background-color: #fff; /* box-shadow: 0 0 11px 0 rgba(6, 22, 58, .14); */ color: #232323 !important; text-transform: uppercase } .woocommerce .woocommerce-ordering select option { font-size: 15px; color: #232323; text-transform: capitalize } /* Shop Breadcrumb CSS End */ /* Shop V1 CSS Start */ .dct_shop_v1 .woocommerce .products li.product, .dct_shop_v1 .related .products li.product, .dct_shop_v1 .up-sells .products li.product, .dct_shop_v1 .cross-sells .products li.product { text-align: center; } .dct_shop_v1 .woocommerce .products li.product .onsale, .dct_shop_v1 .related .products li.product .onsale, .dct_shop_v1 .up-sells .products li.product .onsale, .dct_shop_v1 .cross-sells .products li.product .onsale, .et-db #et-boc .et-l .dct_shop_v1 .woocommerce .products li.product .onsale, .et-db #et-boc .et-l .dct_shop_v1 .related .products li.product .onsale, .et-db #et-boc .et-l .dct_shop_v1 .up-sells .products li.product .onsale, .et-db #et-boc .et-l .dct_shop_v1 .cross-sells .products li.product .onsale { background-color: var(--color-1) !important; font-size: 14px; border-radius: 0px !important; padding: 0px 10px !important; } .dct_shop_v1 .woocommerce .products li.product .woocommerce-loop-product__title, .dct_shop_v1 .related .products li.product .woocommerce-loop-product__title, .dct_shop_v1 .up-sells .products li.product .woocommerce-loop-product__title, .dct_shop_v1 .cross-sells .products li.product .woocommerce-loop-product__title { text-transform: capitalize !important; padding-bottom: 5px !important; line-height: 20px; } .dct_shop_v1 .woocommerce .products li.product .star-rating, .dct_shop_v1 .related .products li.product .star-rating, .dct_shop_v1 .up-sells .products li.product .star-rating, .dct_shop_v1 .cross-sells .products li.product .star-rating { margin-left: auto !important; margin-right: auto !important; } .dct_shop_v1 .woocommerce .products li.product .star-rating span:before, .dct_shop_v1 .related .products li.product .star-rating span:before, .dct_shop_v1 .up-sells .products li.product .star-rating span:before, .dct_shop_v1 .cross-sells .products li.product .star-rating span:before { color: var(--color-1); } .dct_shop_v1 .woocommerce .products li.product .et_shop_image, .dct_shop_v1 .related .products li.product .et_shop_image, .dct_shop_v1 .up-sells .products li.product .et_shop_image, .dct_shop_v1 .cross-sells .products li.product .et_shop_image { position: relative; overflow: hidden; background-color: #f6f6f6; z-index: 1; padding: 10px; margin-bottom: 10px !important; } .dct_shop_v1 .woocommerce .products li.product .et_shop_image:before, .dct_shop_v1 .related .products li.product .et_shop_image:before, .dct_shop_v1 .up-sells .products li.product .et_shop_image:before, .dct_shop_v1 .cross-sells .products li.product .et_shop_image:before { content: ""; position: absolute; right: 0; top: 0; width: 50px; height: 0px; background-color: #fff; z-index: 1; transition: all 0.4s; } .dct_shop_v1 .woocommerce .products li.product:hover .et_shop_image:before, .dct_shop_v1 .related .products li.product:hover .et_shop_image:before, .dct_shop_v1 .up-sells .products li.product:hover .et_shop_image:before, .dct_shop_v1 .cross-sells .products li.product:hover .et_shop_image:before { height: 130px; } .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay, .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay, .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay, .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay, .et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay, .et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay, .et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay, .et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay { z-index: 1 !important; transform: none; height: 35px; width: 35px; top: 87px; right: 7px; left: auto; padding: 0px; border: 1px solid #dcdcdc !important; transform: translateY(10px); opacity: 0; visibility: hidden; transition: all 0.4s; background-color: transparent !important; } .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:hover, .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:hover, .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:hover, .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:hover, .et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:hover, .et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:hover, .et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:hover, .et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:hover { border-color: var(--color-1); } .dct_shop_v1 .woocommerce ul.products li.product:hover .et_shop_image .et_overlay, .dct_shop_v1 .related ul.products li.product:hover .et_shop_image .et_overlay, .dct_shop_v1 .up-sells ul.products li.product:hover .et_shop_image .et_overlay, .dct_shop_v1 .cross-sells ul.products li.product:hover .et_shop_image .et_overlay, .et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product:hover .et_shop_image .et_overlay, .et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product:hover .et_shop_image .et_overlay, .et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product:hover .et_shop_image .et_overlay, .et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product:hover .et_shop_image .et_overlay { transform: translateY(0px); opacity: 1; visibility: visible; transition-delay: 0.4s; } .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:before, .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:before, .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:before, .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:before, .et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:before, .et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:before, .et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:before, .et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:before { font-size: 15px; color: var(--color-2) !important; content: "\e02b"; font-weight: 100 !important; transition: all 0.4s; } .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:hover:before, .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:hover:before, .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:hover:before, .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:hover:before, .et-db #et-boc .et-l .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image .et_overlay:hover:before, .et-db #et-boc .et-l .dct_shop_v1 .related ul.products li.product .et_shop_image .et_overlay:hover:before, .et-db #et-boc .et-l .dct_shop_v1 .up-sells ul.products li.product .et_shop_image .et_overlay:hover:before, .et-db #et-boc .et-l .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image .et_overlay:hover:before { color: var(--color-1) !important; } .dct_shop_v1 .woocommerce ul.products li.product .et_shop_image img, .dct_shop_v1 .related ul.products li.product .et_shop_image img, .dct_shop_v1 .up-sells ul.products li.product .et_shop_image img, .dct_shop_v1 .cross-sells ul.products li.product .et_shop_image img { margin-bottom: 0px !important; height: auto; display: block !important; width: 100% !important; transition: 1s; } .dct_shop_v1 .woocommerce ul.products li.product:hover .et_shop_image img, .dct_shop_v1 .related ul.products li.product:hover .et_shop_image img, .dct_shop_v1 .up-sells ul.products li.product:hover .et_shop_image img, .dct_shop_v1 .cross-sells ul.products li.product:hover .et_shop_image img { transform: scale(1.2); } /** Shop V1 Button**/ .dct_shop_v1 .woocommerce ul.products li.product .button, .dct_shop_v1 .related ul.products li.product .button, .dct_shop_v1 .up-sells ul.products li.product .button, .dct_shop_v1 .cross-sells ul.products li.product .button { position: absolute; right: 0; left: 0; bottom: 10px; width: fit-content; margin: auto; z-index: 9; font-size: 15px; background-color: var(--color-1); color: #fff !important; border: none; overflow: hidden; border-radius: 0px; padding: 8px 20px; transform: translateY(25px); opacity: 0; visibility: hidden; z-index: 1; transition: all 0.4s; } .dct_shop_v1 .woocommerce ul.products li.product:hover .button, .dct_shop_v1 .related ul.products li.product:hover .button, .dct_shop_v1 .up-sells ul.products li.product:hover .button, .dct_shop_v1 .cross-sells ul.products li.product:hover .button { transform: translateY(0px); opacity: 1; visibility: visible; } .dct_shop_v1 .woocommerce ul.products li.product .button.loading, .dct_shop_v1 .related ul.products li.product .button.loading, .dct_shop_v1 .up-sells ul.products li.product .button.loading, .dct_shop_v1 .cross-sells ul.products li.product .button.loading { color: transparent !important; } .dct_shop_v1 .woocommerce ul.products li.product .button:after, .dct_shop_v1 .related ul.products li.product .button:after, .dct_shop_v1 .up-sells ul.products li.product .button:after, .dct_shop_v1 .cross-sells ul.products li.product .button:after { content: "\e02d"; width: 100%; right: 0; top: 0; bottom: 0; height: fit-content; margin: auto; font-size: 20px; text-align: center; opacity: 0; visibility: hidden; transition: all 0.4s; } .dct_shop_v1 .woocommerce ul.products li.product .button.loading:after, .dct_shop_v1 .related ul.products li.product .button.loading:after, .dct_shop_v1 .up-sells ul.products li.product .button.loading:after, .dct_shop_v1 .cross-sells ul.products li.product .button.loading:after { opacity: 1; visibility: visible; } .dct_shop_v1 .woocommerce ul.products li.product .button:before, .dct_shop_v1 .related ul.products li.product .button:before, .dct_shop_v1 .up-sells ul.products li.product .button:before, .dct_shop_v1 .cross-sells ul.products li.product .button:before { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .dct_shop_v1 .woocommerce ul.products li.product .button:hover:before, .dct_shop_v1 .related ul.products li.product .button:hover:before, .dct_shop_v1 .up-sells ul.products li.product .button:hover:before, .dct_shop_v1 .cross-sells ul.products li.product .button:hover:before { transform: scale3d(1, 1, 1); } .dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button, .dct_shop_v1 .related ul.products li.product .yith-wcqv-button, .dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button, .dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button { border: 1px solid #dcdcdc; border-radius: 0px; background-color: transparent; position: absolute; top: 7px; left: auto; bottom: auto; right: 7px; margin: 0; padding: 0; height: 35px; width: 35px; font-size: 0px; transform: translateY(10px); } .dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button:hover, .dct_shop_v1 .related ul.products li.product .yith-wcqv-button:hover, .dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button:hover, .dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button:hover { border-color: var(--color-1); } .dct_shop_v1 .woocommerce ul.products li.product:hover .yith-wcqv-button, .dct_shop_v1 .related ul.products li.product:hover .yith-wcqv-button, .dct_shop_v1 .up-sells ul.products li.product:hover .yith-wcqv-button, .dct_shop_v1 .cross-sells ul.products li.product:hover .yith-wcqv-button { transition-delay: 0.2s; } .dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button:after, .dct_shop_v1 .related ul.products li.product .yith-wcqv-button:after, .dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button:after, .dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button:after { content: "\55"; margin: 0; opacity: 1; visibility: visible; font-size: 15px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; color: var(--color-2); } .dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button:before, .dct_shop_v1 .related ul.products li.product .yith-wcqv-button:before, .dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button:before, .dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button:before { display: none !important; } .dct_shop_v1 .woocommerce ul.products li.product .yith-wcqv-button:hover:after, .dct_shop_v1 .related ul.products li.product .yith-wcqv-button:hover:after, .dct_shop_v1 .up-sells ul.products li.product .yith-wcqv-button:hover:after, .dct_shop_v1 .cross-sells ul.products li.product .yith-wcqv-button:hover:after { color: var(--color-1); } .dct_shop_v1 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button, .dct_shop_v1 .related ul.products li.product .tinvwl_add_to_wishlist_button, .dct_shop_v1 .up-sells ul.products li.product .tinvwl_add_to_wishlist_button, .dct_shop_v1 .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button { position: absolute; top: 47px; right: 7px; margin: 0; padding: 0; height: 35px; width: 35px; border: 1px solid #dcdcdc; display: flex; justify-content: center; align-items: center; z-index: 9; transform: translateY(10px); opacity: 0; visibility: hidden; transition: all 0.4s; } .dct_shop_v1 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover, .dct_shop_v1 .related ul.products li.product .tinvwl_add_to_wishlist_button:hover, .dct_shop_v1 .up-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover, .dct_shop_v1 .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover { border-color: var(--color-1); } .dct_shop_v1 .woocommerce ul.products li.product:hover .tinvwl_add_to_wishlist_button, .dct_shop_v1 .related ul.products li.product:hover .tinvwl_add_to_wishlist_button, .dct_shop_v1 .up-sells ul.products li.product:hover .tinvwl_add_to_wishlist_button, .dct_shop_v1 .cross-sells ul.products li.product:hover .tinvwl_add_to_wishlist_button { transform: translateY(0px); opacity: 1; visibility: visible; transition-delay: 0.3s; } .dct_shop_v1 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:before, .dct_shop_v1 .related ul.products li.product .tinvwl_add_to_wishlist_button:before, .dct_shop_v1 .up-sells ul.products li.product .tinvwl_add_to_wishlist_button:before, .dct_shop_v1 .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button:before { color: var(--color-2); transition: all 0.4s; } .dct_shop_v1 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:before, .dct_shop_v1 .related ul.products li.product .tinvwl_add_to_wishlist_button:hover:before, .dct_shop_v1 .up-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover:before, .dct_shop_v1 .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover:before { color: var(--color-1); } .dct_shop_v1 .woocommerce ul.products li.product .added_to_cart, .dct_shop_v1 .related ul.products li.product .added_to_cart, .dct_shop_v1 .up-sells ul.products li.product .added_to_cart, .dct_shop_v1 .cross-sells ul.products li.product .added_to_cart { padding: 2px 10px; color: #fff; position: absolute; left: 0; right: 0; width: fit-content; margin: auto; z-index: 9; font-size: 12px; bottom: 60px; background-color: var(--color-1); } @-webkit-keyframes rotate { to { -webkit-transform: rotate(360deg); } } @keyframes rotate { to { transform: rotate(360deg); } } /* Shop V1 CSS End */ /* Shop V2 CSS Start */ .dct_shop_v2 .woocommerce ul.products li.product { text-align: center; } .dct_shop_v2 .woocommerce ul.products li.product .onsale { background-color: var(--color-1) !important; font-size: 14px; border-radius: 0px !important; padding: 0px 10px !important; } .dct_shop_v2 .woocommerce ul.products li.product .star-rating { margin-left: auto !important; margin-right: auto !important; } .dct_shop_v2 .woocommerce ul.products li.product .star-rating:before { float: none; position: relative; } .dct_shop_v2 .woocommerce ul.products li.product .star-rating span::before { width: 100%; } .dct_shop_v2 .woocommerce ul.products li.product .et_shop_image { position: relative; overflow: hidden; background-color: #f6f6f6; z-index: 1; padding: 10px; margin-bottom: 10px !important; } .dct_shop_v2 .woocommerce ul.products li.product .et_shop_image:before { bottom: 0; color: #fff; content: ''; height: 100%; left: 0; position: absolute; z-index: 1; -webkit-transition: all .5s ease-out .15s; transition: all .5s ease-out .15s; width: 100%; background-color: rgba(0, 0, 0, .5); opacity: 0; transform: scaleX(0); transform-origin: 50% 50% 0; } .dct_shop_v2 .woocommerce ul.products li.product:hover .et_shop_image:before { opacity: 1; transform: scale(1); } .dct_shop_v2 .woocommerce ul.products li.product .et_shop_image img { margin-bottom: 0 !important; width: 100%; height: auto; transform: scale(1, 1); transition: transform 0.50s linear; } .dct_shop_v2 .woocommerce ul.products li.product:hover .et_shop_image img { transform: scale(1.1, 1.1); } .dct_shop_v2 .woocommerce ul.products li.product .et_shop_image .et_overlay { display: none !important; } .dct_shop_v2 .woocommerce ul.products li.product .button { color: var(--color-1); font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 5px 0 !important; border-bottom: 1px solid var(--color-2) !important; border: none; opacity: 1; border-radius: 0; background-color: transparent !important; margin-top: 5px; } .dct_shop_v2 .woocommerce ul.products li.product .button.loading { color: transparent; } .dct_shop_v2 .woocommerce ul.products li.product .button:after { content: "\e02d"; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; width: fit-content; height: fit-content; margin: auto; color: var(--color-2); font-size: 22px; line-height: 1; } .dct_shop_v2 .woocommerce ul.products li.product .button.loading:after { opacity: 1; } .dct_shop_v2 .woocommerce ul.products li.product .added_to_cart { display: block; color: var(--color-2); } .dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button, .dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button { position: absolute; bottom: 10px; height: 40px; width: 40px; background-color: #fff !important; margin: 0px; padding: 0px !important; overflow: hidden; z-index: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; } .dct_shop_v2 .woocommerce ul.products li.product:hover .yith-wcqv-button, .dct_shop_v2 .woocommerce ul.products li.product:hover .tinvwl_add_to_wishlist_button { transition-delay: 0.5s; transform: scale3d(1, 1, 1); } .dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button { left: calc(50% + 3px); font-size: 0px; color: transparent; border: none !important; } .dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button { right: calc(50% + 3px); } .dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:before, .dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:after { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-1); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:hover:before, .dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:after { transform: scale3d(1, 1, 1); } .dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:after, .dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:before { color: var(--color-2); transition: 600ms ease; } .dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:after { content: "\55"; font-size: 15px; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; margin: 0px; display: flex !important; justify-content: center; align-items: center; height: 100%; width: 100%; } .dct_shop_v2 .woocommerce ul.products li.product .yith-wcqv-button:hover:after, .dct_shop_v2 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:before { color: #fff; } /* Shop V2 CSS End */ /* Shop V3 CSS Start */ .dct_shop_v3 .woocommerce ul.products li.product { overflow: hidden; text-align: center; background: repeating-linear-gradient(45deg,#f9f9f9,#f9f9f9 10px,#fcfcfc 10px,#fcfcfc 20px); } .dct_shop_v3 .woocommerce ul.products li.product .et_shop_image { position: relative; overflow: hidden; background-color: #f6f6f6; z-index: 1; padding: 10px; margin-bottom: 10px !important; } .dct_shop_v3 .woocommerce ul.products li.product .et_shop_image img { transform: scale(1); margin-bottom: 0px !important; transition: transform 3s ease-out 0s; } .dct_shop_v3 .woocommerce ul.products li.product:hover .et_shop_image img { transform: scale(1.1); transition: transform 3s ease-out 0s; } .dct_shop_v3 .woocommerce ul.products li.product .et_shop_image:before, .dct_shop_v3 .woocommerce ul.products li.product .et_shop_image:after { content: ""; position: absolute; bottom: 0; left: 0; width: 50%; height: 100%; z-index: 1; background: var(--color-2); opacity: 0.7; transform: translateY(-100%); transition: all 0.3s ease 0s; } .dct_shop_v3 .woocommerce ul.products li.product .et_shop_image:after { left: 50%; transform: translateY(100%); transition-delay: 0.1s; } .dct_shop_v3 .woocommerce ul.products li.product:hover .et_shop_image:before, .dct_shop_v3 .woocommerce ul.products li.product:hover .et_shop_image:after { transform: translateY(0); } .dct_shop_v3 .woocommerce ul.products li.product .onsale { font-size: 12px; line-height: 1.3 !important; font-weight: 500 !important; text-transform: uppercase; padding: 0px !important; letter-spacing: 2px; background-color: transparent !important; z-index: 5; left: 0px !important; top: 10px !important; border-radius: 0px !important; transform: rotate(-45deg); } .dct_shop_v3 .woocommerce ul.products li.product .onsale:before { border-right: 60px solid transparent; border-top: 60px solid var(--color-1); content: ""; display: block; height: 0; left: -10px; position: absolute; top: -10px; width: 0; z-index: -1; transform: rotate(45deg); } .dct_shop_v3 .woocommerce ul.products li.product .et_shop_image .et_overlay { display: none !important; } .dct_shop_v3 .woocommerce ul.products li.product .star-rating { margin-left: auto !important; margin-right: auto !important; } .dct_shop_v3 .woocommerce ul.products li.product .button { background: var(--color-1); width: 100%; margin: 0; position: absolute; bottom: -100%; left: 0; transition: all 0.35s ease 0s; color: #fff; font-size: 14px; text-transform: uppercase; border-radius: 0px; padding: 10px 15px!important; border: none !important; overflow: hidden; opacity: 1; z-index: 1; } .dct_shop_v3 .woocommerce ul.products li.product .button:after { content: "\e02d"; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; width: fit-content; height: fit-content; margin: auto; color: #fff; font-size: 22px; line-height: 1; } .dct_shop_v3 .woocommerce ul.products li.product .button.loading { color: transparent; } .dct_shop_v3 .woocommerce ul.products li.product .button.loading:after { opacity: 1; } .dct_shop_v3 .woocommerce ul.products li.product .button:before { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .dct_shop_v3 .woocommerce ul.products li.product .button:hover:before { transform: scale3d(1, 1, 1); } .dct_shop_v3 .woocommerce ul.products li.product:hover .button { bottom: 0; } .dct_shop_v3 .woocommerce ul.products li.product .added_to_cart { color: var(--color-2); } .dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button, .dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button { position: absolute; bottom: 10px !important; height: 40px; width: 40px; background-color: #fff !important; margin: 0px; padding: 0px !important; overflow: hidden; z-index: 9; transform: scale3d(0, 1, 0); transition: 600ms ease; } .dct_shop_v3 .woocommerce ul.products li.product:hover .yith-wcqv-button, .dct_shop_v3 .woocommerce ul.products li.product:hover .tinvwl_add_to_wishlist_button { transition-delay: 0.3s; transform: scale3d(1, 1, 1); } .dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button { left: calc(50% + 3px); font-size: 0px; color: transparent; border: none !important; } .dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button { right: calc(50% + 3px); } .dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:before, .dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:after { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-1); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:hover:before, .dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:after { transform: scale3d(1, 1, 1); } .dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:after, .dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:before { color: var(--color-2); transition: 600ms ease; } .dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:after { content: "\55"; font-size: 15px; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; margin: 0px; display: flex !important; justify-content: center; align-items: center; height: 100%; width: 100%; } .dct_shop_v3 .woocommerce ul.products li.product .yith-wcqv-button:hover:after, .dct_shop_v3 .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:before { color: #fff; } /* Shop V3 CSS End */ /* Shop List View CSS Start */ .dct_shop_list .woocommerce ul.products li.product { width: 100% !important; border: 1px solid #f6f6f6; background-color: #fff; padding: 10px; } .dct_shop_list .woocommerce ul.products li.product .onsale { background-color: var(--color-1) !important; font-size: 14px; border-radius: 0px !important; padding: 0px 10px !important; } .dct_shop_list .woocommerce ul.products li.product .et_shop_image { float: left; margin-right: 15px; height: 100px; width: 100px; overflow: hidden; border: 1px solid #f6f6f6; padding: 5px; } .dct_shop_list .woocommerce ul.products li.product .et_shop_image img { margin-bottom: 0px !important; } .dct_shop_list .woocommerce ul.products li.product .et_shop_image .et_overlay { display: none !important; } .dct_shop_list .woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--color-2); font-size: 16px; line-height: 1.2; transition: all 0.4s; } .dct_shop_list .woocommerce ul.products li.product .woocommerce-loop-product__title:hover { color: var(--color-1); } .dct_shop_list .woocommerce ul.products li.product .price { font-size: 16px; color: #202020 !important; } .dct_shop_list .woocommerce ul.products li.product .button, .dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button { position: absolute; bottom: 10px; height: 35px; width: 35px; font-size: 0px; border: none; background-color: #f6f6f6; border-radius: 0px; margin: 0; overflow: hidden; z-index: 1; } .dct_shop_list .woocommerce ul.products li.product .button { right: 10px; } .dct_shop_list .woocommerce ul.products li.product .yith-wcqv-button { right: 50px; } .dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button { right: 90px; } .dct_shop_list .woocommerce ul.products li.product .button:after { content: "\e015"; opacity: 1; margin: 0; height: 100%; width: 100%; font-size: 16px; display: flex; justify-content: center; align-items: center; color: var(--color-2); transition: 600ms ease; } .dct_shop_list .woocommerce ul.products li.product .yith-wcqv-button:after { content: "\55"; } .dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:before { color: var(--color-2); transition: 600ms ease; } .dct_shop_list .woocommerce ul.products li.product .button:hover:after, .dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:before { color: #fff; } .dct_shop_list .woocommerce ul.products li.product .button:before, .dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:after { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-1); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .dct_shop_list .woocommerce ul.products li.product .button:hover:before, .dct_shop_list .woocommerce ul.products li.product .tinvwl_add_to_wishlist_button:hover:after { transform: scale3d(1, 1, 1); } /* Shop List View CSS End */ /* WOO Sidebar CSS Start */ /* .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: var(--color-2); border-radius: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--color-1); top: -3px !important; border-radius: 50% !important; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle::after { display: none; } #sidebar.et_pb_widget.widget_search { box-shadow: unset; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 10px; } .widget_shopping_cart .woocommerce-mini-cart__buttons a.button, .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:hover { font-size: 14px; line-height: 1.1 !important; text-align: center; padding: 8px !important; background: var(--color-2); color: #fff !important; border-radius: 0; border: none; } #sidebar .et_pb_widget.widget_shopping_cart .woocommerce-mini-cart__buttons a:hover { background: var(--color-1) !important; color: #fff !important; } .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:hover::after { opacity: 0; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #ddd; border-radius: 0; margin-bottom: 20px; margin-top: 25px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 12px; height: 12px; top: -6px; border: none; border-radius: 0 !important; margin: 0; position: absolute; z-index: 2; border-radius: 0; cursor: default; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:after { position: absolute; top: 100%; left: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } .woocommerce .widget_price_filter button.button { font-size: 13px !important; line-height: 29px !important; height: 29px; border: none !important; background: var(--color-1); color: #fff; text-transform: uppercase !important; font-weight: 500 !important; padding: 0 12px !important; margin-right: 10px; margin-bottom: 10px; } .woocommerce .widget_price_filter button.button:hover { color: #fff !important; padding: 0 12px !important; background-color: var(--color-2); } .woocommerce .widget_price_filter button.button:after { display: none; } .woocommerce .widget_price_filter .price_label { font-size: 13px; line-height: 29px !important; font-weight: 400; float: right; } .woocommerce .widget_price_filter .price_label span { padding: 5px; background: #f5f5f5; border-radius: 2px; } @media(min-width:1050px) { .widget_shopping_cart .woocommerce-mini-cart__buttons a.button { width: 49%; display: inline-block; } .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:first-child { margin-right: 2%; } .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:last-child { margin-right: 0; } } @media(min-width:300px) and (max-width:980px) { .widget_shopping_cart .woocommerce-mini-cart__buttons a.button { width: 49%; display: inline-block; } .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:first-child { margin-right: 2%; } .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:last-child { margin-right: 0; } } @media only screen and (max-width :768px) { .woocommerce .widget_shopping_cart .cart_list li { margin-bottom: 15px; } } */ /* WOO Sidebar CSS End */ /* ----------------------------------- 00. Shop Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Shop Sidebar CSS Start Here -------------------------------------*/ @media only screen and (max-width : 980px) { #dct_shop_filter_sidebar .et_pb_widget, #dct_shop_filter_sidebar .et_pb_widget { width: 100% !important; } } .irs--flat .irs-bar, .irs--flat .irs-handle > i:first-child { background: var(--color-1); } .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to { background: var(--color-2); } #dct_shop_filter_sidebar .et_pb_widget, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget, #dct_shop_filter_sidebar .berocket_single_filter_widget, .et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget { background-color: #f6f6f6; padding: 15px; margin-bottom: 30px; float: none; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter, .et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter { margin-bottom: 0px; } #dct_shop_filter_sidebar .et_pb_widget .widgettitle, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .widgettitle, #dct_shop_filter_sidebar .et_pb_widget .title, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .title, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3, .et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3 { position: relative; color: var(--color-1); text-transform: uppercase; letter-spacing: 2px; font-size: 15px; padding-bottom: 20px; margin-bottom: 20px; } #dct_shop_filter_sidebar .et_pb_widget .widgettitle:before, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .widgettitle:before, #dct_shop_filter_sidebar .et_pb_widget .title:before, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .title:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3:before, .et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3:before { content: ""; position: absolute; bottom: 0; left: 0; height: 5px; width: 85px; border: 1px solid var(--color-1); } #dct_shop_filter_sidebar .et_pb_widget .widgettitle:after, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .widgettitle:after, #dct_shop_filter_sidebar .et_pb_widget .title:after, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget .title:after, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3:after, .et-db #et-boc .et-l #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_head h3:after { content: "\5d"; position: absolute; font-family: 'ETmodules'; bottom: -4px; left: 35px; font-size: 15px; color: var(--color-1); line-height: 1; height: 15px; width: 15px; border-radius: 50%; background-color: #fff; } /* Search CSS */ #dct_shop_filter_sidebar .et_pb_widget.widget_product_search, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search { float: none; } #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search { position: relative; } #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search .search-field { width: 100%; text-transform: capitalize; font-size: 15px; border: 0px; margin-bottom: 0px; padding: 15px 55px 15px 15px; } #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button { background-color: var(--color-1); border: none; font-size: 0; color: transparent; height: 100%; width: 50px; position: absolute; top: 0; right: 0; padding: 0; overflow: hidden; z-index: 1; } #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:before, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:before { content: "\55"; position: absolute; font-family: 'ETmodules'; color: #fff; font-size: 20px; font-weight: 700; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:after, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:after { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover:after, .et-db #et-boc .et-l #dct_shop_filter_sidebar .et_pb_widget.widget_product_search .woocommerce-product-search button:hover:after { transform: scale3d(1, 1, 1); } #sidebar .et_pb_widget ul li, #dct_shop_filter_sidebar .et_pb_widget.widget_recently_viewed_products ul.product_list_widget li, #dct_shop_filter_sidebar .et_pb_widget.widget_top_rated_products ul.product_list_widget li { border-bottom: 1px dashed #ccc; margin-bottom: 0 !important; padding: 15px 0px; } #sidebar .et_pb_widget.widget_recent_entries ul li:first-child, #dct_shop_filter_sidebar .et_pb_widget.widget_recently_viewed_products ul.product_list_widget li:first-child, #dct_shop_filter_sidebar .et_pb_widget.widget_top_rated_products ul.product_list_widget li:first-child { padding-top: 0px; } #sidebar .et_pb_widget ul li a, #dct_shop_filter_sidebar .et_pb_widget ul li a { color: #333; font-size: 16px; } #sidebar .et_pb_widget ul li .post-date, #dct_shop_filter_sidebar .et_pb_widget ul li .post-date { display: block; } /*Fibo Search */ .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {background:var(--color-1)!important;border-radius:0px!important; } #dct_shop_filter_sidebar .dgwt-wcas-search-wrapp { min-width: 100% !important; } /** Button **/ #dct_shop_filter_sidebar ul.cart_list li .remove.remove_from_cart_button { background: transparent; border: 1px solid var(--color-1) !important; color: var(--color-1) !important; border-radius: 0px !important; line-height: 0.6; padding: 3px; transition: all 0.4s; } #dct_shop_filter_sidebar ul.cart_list li .remove.remove_from_cart_button:hover { background: var(--color-1) !important; color: #fff !important; } /* Checkbox CSS */ #dct_shop_filter_sidebar .berocket_single_filter_widget ul li input { border: 1px solid #8a8a8a; border-radius: 0; overflow: hidden; } #dct_shop_filter_sidebar .berocket_single_filter_widget ul li input[type=checkbox]:checked { border-color: var(--color-1); } #dct_shop_filter_sidebar .berocket_single_filter_widget ul li input:after { font-family: ETmodules; top: 0; left: 0; text-align: center; line-height: 19px; width: 100%; height: 100%; border: none; transform: unset; font-weight: 600; color: var(--color-1); } #dct_shop_filter_sidebar .berocket_single_filter_widget ul li input[type=checkbox]:checked:after { content: "\4e"; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Category"] ul li, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Shape"] ul li, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Ideal For"] ul li, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material"] ul li, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop By Rating"] ul li, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Types"] ul li { margin-bottom: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid #e0e0e0 !important; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Category"] ul li:last-child, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Shape"] ul li:last-child, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Ideal For"] ul li:last-child, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material"] ul li:last-child, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop By Rating"] ul li:last-child, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Types"] ul li:last-child { margin-bottom: 0px !important; padding-bottom: 0px !important; border-bottom: 0px !important; } #dct_shop_filter_sidebar .berocket_single_filter_widget ul li label { position: relative; color: var(--color-2); z-index: 1; transition: all 0.4s; } #dct_shop_filter_sidebar .berocket_single_filter_widget ul li label:hover, #dct_shop_filter_sidebar .berocket_single_filter_widget ul li input:checked+label { color: var(--color-1); } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li label:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li label:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label:before { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-1); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:hover:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li label:hover:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li label:hover:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label:hover:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li input:checked+label:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li input:checked+label:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li input:checked+label:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li input:checked+label:before { transform: scale3d(1, 1, 1); } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:hover, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Color"] ul li label:hover, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label:hover, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li input:checked+label, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li input:checked+label, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li input:checked+label, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li input:checked+label { color: #fff; } /* Filter By Brand CSS */ #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label span { transition: all 0.4s !important; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:hover span, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li input:checked+label span { transform: none; filter: invert(0) brightness(5); } /* Filter By Color CSS */ #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li label, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li label { background-color: #fff; padding: 3px; margin: 3px; border-radius: 0px; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Dial Color"] ul li label .bapf_clr_span, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Strap Material Color"] ul li label .bapf_clr_span { margin: 0; border: none; height: 25px; width: 25px; } /* Brand CSS */ #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label { padding: 5px; border-radius: 0px; background-color: #fff; margin-right: 3px; margin-bottom: 3px; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label .bapf_img_span { margin: 0; border: none; height: 30px; width: 80px; object-fit: cover; } /* Shop By Rating */ #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop by rating"] ul li label i.fa:before { content: "\f005"; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop by rating"] ul li label i.fa-star { color: #fcae01; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop by rating"] ul li label i.fa-star-o { color: #cccccc; } /* Tag CSS */ #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li { display: inline-block; } #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label { padding: 7px; text-align: center; border-radius: 0px; margin-right: 3px; background-color: #fff; margin-bottom: 3px; } /* Button CSS */ #dct_shop_filter_sidebar .et_pb_widget .widget_shopping_cart_content .button, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_button{ padding: 10px 20px !important; text-align: center; width: 100%; font-size: 15px; border-radius: 0px; color: #fff !important; border: none !important; text-transform: capitalize; background-color: var(--color-1) !important; position: relative; overflow: hidden; z-index: 1; transition: all 0.4s; } #dct_shop_filter_sidebar .et_pb_widget .widget_shopping_cart_content .button:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_button:before { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } #dct_shop_filter_sidebar .et_pb_widget .widget_shopping_cart_content .button:hover:before, #dct_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_button:hover:before { transform: scale3d(1, 1, 1); } #dct_shop_filter_sidebar .et_pb_widget .widget_shopping_cart_content .button:after { display: none !important; } /* ----------------------------------- 00. Shop Sidebar CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Single Product Page CSS Start Here -------------------------------------*/ .product-template-default .summary .product_title.entry-title { margin-bottom: 15px; } /* Single Product Stock CSS Start */ .woocommerce div.product .stock { font-size: 15px !important; color: #232323; } .single-product .product .summary .stock.in-stock, .single-product .product .summary .stock.out-of-stock { background: #b81c23; color: #fff; padding: 2.5px 10px; position: relative; font-size: 13px !important; font-weight: 700; display: inline-block; text-transform: uppercase; margin-top: 15px; margin-bottom: 15px; line-height: 25px; transition: all .3s ease-in-out; } .single-product .product .summary .stock.in-stock:before, .single-product .product .summary .stock.out-of-stock:before { content: ''; position: absolute; left: 100%; top: 0; background: #fff; width: 5px; height: 5px; border-radius: 50%; z-index: 1; bottom: 0; margin: auto; box-shadow: inset 1px 1px 1px #2c2929; } .single-product .product .summary .stock.in-stock:after, .single-product .product .summary .stock.out-of-stock:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #b81c23; border-width: 15px; margin-top: -15px; transition: all .3s ease-in-out; } .single-product .product .summary .stock.in-stock { background-color: var(--color-2) !important; } .single-product .product .summary .stock.in-stock:after { border-left-color: var(--color-2) !important; } /* Single Product Stock CSS End */ /* Single Product Meta CSS Start */ .woocommerce .product .product_meta .sku_wrapper { display: block; } #et-boc .woocommerce-grouped-product-list.group_table { margin-bottom: 20px; } .woocommerce .product .product_meta .posted_in a { color: var(--color-1); padding-left: 5px; } /* Single Product Meta CSS End */ /* Single Product Cart CSS Start */ .et-db #et-boc .et_pb_wc_add_to_cart .quantity input.qty, .woocommerce .product .quantity input.qty, .woocommerce-page .quantity input.qty { background-color: transparent !important; border: 1px solid #e5e5e5 !important; color: #000 !important; border-radius: 0px; text-align: center; padding: 15px 10px; } /* Single Product Cart CSS End */ /* Single Product Reviews CSS Start */ .woocommerce p.stars a { color: var(--color-1); } /* Single Product Reviews CSS End */ /* Single Product Title CSS Start */ .woocommerce div.product .product_title { font-size: 22px; line-height: 26px; font-weight: 500; position: relative; text-transform: uppercase; } /* Single Product Title CSS End */ /* Single Product Price CSS Start */ .woocommerce div.product p.price { padding-top: 5px; padding-bottom: 15px; } /* Single Product Price CSS End */ /* Single Product Notice Info CSS Start */ .archive .woocommerce-info, .woocommerce .woocommerce-form-login-toggle .woocommerce-info { background: var(--color-2); line-height: 35px; padding: 10px !important; border-radius: 0px; } .archive .woocommerce-info, .woocommerce .woocommerce-form-login-toggle .woocommerce-info, .product .woocommerce .woocommerce-info, .woocommerce .woocommerce-notices-wrapper .woocommerce-message, .woocommerce .woocommerce-notices-wrapper .woocommerce-error { line-height: 35px; padding: 10px !important; border-radius: 0px; background: var(--color-1); } .product .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce .woocommerce-notices-wrapper .woocommerce-error .button { position: relative; color: var(--color-2); font-size: 15px; padding: 10px 20px; border-radius: 0px; overflow: hidden; transition: 600ms ease; z-index: 1; } .product .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover, .woocommerce .woocommerce-notices-wrapper .woocommerce-error .button:hover { color: #fff; } .product .woocommerce .woocommerce-info .button:after, .woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:after, .woocommerce .woocommerce-notices-wrapper .woocommerce-error .button:after { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .product .woocommerce .woocommerce-info .button:hover:after, .woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover:after, .woocommerce .woocommerce-notices-wrapper .woocommerce-error .button:hover:after { transform: scale3d(1, 1, 1); } /* Single Product Notice Info CSS End */ /* Single Product Photo CSS Start */ .woocommerce div.product div.images .woocommerce-product-gallery__trigger { background: var(--color-1); border-radius: 0px; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger::before { border-color: #fff; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger::after { background-color: #fff; } /* Single Product Photo CSS End */ /* Single Product Tabs CSS Start */ .et_pb_wc_tabs .et_pb_tabs_controls, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls { background-color: transparent; } .et_pb_wc_tabs .et_pb_tabs_controls:after, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls:after { border: none; } .et_pb_wc_tabs .et_pb_tabs_controls li, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li { border: none; margin-right: 5px; } .et_pb_wc_tabs .et_pb_tabs_controls li a, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li a { position: relative; background-color: var(--color-2) !important; color: #fff !important; font-size: 15px; padding: 10px 20px !important; overflow: hidden; z-index: 1; } .et_pb_wc_tabs .et_pb_tabs_controls li a:before, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li a:before { content: ""; position: absolute; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-1); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .et_pb_wc_tabs .et_pb_tabs_controls li a:hover:before, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li a:hover:before, .et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active a:before, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li.et_pb_tab_active a:before { transform: scale3d(1, 1, 1); } .et_pb_wc_tabs .et_pb_tab .et_pb_tab_content h2, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tab .et_pb_tab_content h2, .et_pb_wc_tabs .et_pb_tab .et_pb_tab_content #reviews #comments h2, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tab .et_pb_tab_content #reviews #comments h2 { text-transform: uppercase; color: #202020; font-size: 25px; letter-spacing: 2px; margin-bottom: 0px !important; } .et_pb_wc_tabs .et_pb_tab .et_pb_tab_content .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-comment textarea, .et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tab .et_pb_tab_content .woocommerce-Reviews #review_form_wrapper .comment-respond .comment-form .comment-form-comment textarea { border: none; width: 100% !important; background-color: #f6f6f6; } /* Review */ .woocommerce-tabs #comments .commentlist .review .comment_container .comment-text .star-rating span:before, .woocommerce-page .star-rating span::before { color: var(--color-1) } .woocommerce-product-rating a.woocommerce-review-link { color: var(--color-2) } @media only screen and (max-width : 480px) { .et_pb_wc_tabs .et_pb_tabs_controls li a,.et-db #et-boc .et-l .et_pb_wc_tabs .et_pb_tabs_controls li a {display: block;text-align: center;} } /* Single Product Tabs CSS End */ /*Single Page Css*/ .page-template-default .woocommerce .woocommerce-order .woocommerce-customer-details h2.woocommerce-column__title, .page-template-default .woocommerce .woocommerce-order .woocommerce-order-details h2.woocommerce-order-details__title, .product-template-default .product .related.products h2, .woocommerce .cart-collaterals .cross-sells h2, .woocommerce.single.single-product .up-sells.products h2 { margin-bottom: 20px; padding-bottom: 16px; font-size: 20px !important; line-height: 26px !important; font-weight: 500 !important; position: relative !important; text-transform: uppercase; } .product-template-default .related.products .products .product .woocommerce-loop-product__link h2.woocommerce-loop-product__title, .product-template-default .upsells.products .products .product .woocommerce-loop-product__link .woocommerce-loop-product__title, .woocommerce .cart-collaterals .cross-sells .products .product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title { font-size: 14px !important; font-weight: 500 !important; margin-bottom: 0 !important; } .woocommerce.single.single-product ul.products li.product { margin-bottom: 10px; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff !important; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a, body.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 5px 22px !important; } /**Variable Product*/ .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: var(--color-1); color: #fff; } .woocommerce div.product form.cart .variations td select { height: 40px; background-color: #fff; border: 1px solid #aaa !important; box-sizing: border-box; cursor: pointer; font-size: 13px; color: #232323 !important; } .woocommerce div.product form.cart .variations td { font-size: 15px; color: #232323; line-height: 40px; } .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li { color: #202020; border: 1px solid #e5e5e5; border-radius: 0px; box-shadow: none; transition: all 0.4s; } .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li.selected, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li.selected, .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:hover, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:hover { color: var(--color-1); border-color: var(--color-1); } .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:before, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:before { background-color: var(--color-1); box-shadow: 0 0 10px -2px var(--color-1); } .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:after, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li:after { border-top-color: var(--color-1); } .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li .variable-item-contents span:after, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td ul li .variable-item-contents span:after { display: none; } .et_pb_wc_add_to_cart .variations_form .variations tbody tr:last-child td, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr:last-child td { padding-bottom: 0px !important; } .et_pb_wc_add_to_cart .variations_form .variations tbody tr td span::after, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td span::after { margin-top: -5px; border-top-color: #202020; } .et_pb_wc_add_to_cart .variations_form .variations tbody tr td select, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td select { padding: 10px; } .et_pb_wc_add_to_cart .variations_form .variations tbody tr td .reset_variations, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .variations_form .variations tbody tr td .reset_variations { font-size: 15px; color: var(--color-1); text-decoration: underline; } .et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-description, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-description { color: #202020; } .et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price, .et-db #et-boc .et-l .et_pb_wc_add_to_cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price { color: var(--color-1); } @media only screen and (max-width :768px) { .woocommerce div.product .product_title { margin-top: 30px; } .woocommerce div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product form.cart .variations td select { width: 83%; } .woocommerce div.product form.cart .button { margin-top: 20px; } .woocommerce div.product form.cart div.quantity { display: block; width: 100%; } } /* ----------------------------------- 00. Single Product Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Cart Page CSS Start Here -------------------------------------*/ /* Cart Page - Shop */ .woocommerce .cart-collaterals .cross-sells ul.products li a .onsale { color: #fff; background: var(--color-1) !important; font-size: 12px; font-weight: 600 !important; text-transform: uppercase; padding: 0 3px !important; border: 2px solid #fff; border-left: none; border-right: none; border-radius: 0 !important; box-shadow: 0 0 0 3px var(--color-1) !important; position: absolute; z-index: 9; } .woocommerce .cart-collaterals .cross-sells ul.products li a .star-rating { position: absolute; bottom: 0; right: 0; } .woocommerce .cart-collaterals .cross-sells ul.products li a .price { text-align: left; padding-top: 10px; } .woocommerce .cart-collaterals .cross-sells ul.products li a .et_shop_image { overflow: hidden; margin-bottom: 0 !important; position: relative; } .woocommerce .cart-collaterals .cross-sells ul.products li a .et_shop_image img { width: 100%; height: auto; display: block !important; width: 100% !important; transition: 1s; } .woocommerce .cart-collaterals .cross-sells ul.products li:hover a .et_shop_image img { transform: scale(2); } .woocommerce .cart-collaterals .cross-sells ul.products li a .et_shop_image .et_overlay { z-index: 5; background: rgba(0, 0, 0, 0.5); bottom: 0; color: #2a2a2a; left: 0; border: none !important; margin: 0; opacity: 0; padding: 26px 30px 28px; position: absolute; right: 0; text-align: left; top: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; vertical-align: middle; } .woocommerce .cart-collaterals .cross-sells ul.products li:hover a .et_shop_image .et_overlay { opacity: 1 !important; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) !important; z-index: 1 !important; } .woocommerce .cart-collaterals .cross-sells ul.products li a .et_shop_image .et_overlay:before { background: var(--color-1); color: #fff; content: "\e013"; width: 50px; height: 50px; text-align: center; line-height: 48px !important; font-size: 25px !important; top: 50% !important; transform: translate(-50%, -50%); margin: 0 !important; border-radius: 25px; left: 50% !important; } .woocommerce .cart-collaterals .cross-sells ul.products li a.button { border: none; display: block; width: 35px; height: 35px; color: #fff; font-size: 0; position: absolute; right: 5px; bottom: 20px; z-index: 9999999999999999999999; transition: all .3s ease-in-out 0s; } .woocommerce .cart-collaterals .cross-sells ul.products li a.button:before { left: 9px; margin-left: 0; opacity: 1; display: block; content: "\e07a"; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; line-height: 33px; text-align: center; font-size: 16px; color: #fff; } .woocommerce .cart-collaterals .cross-sells ul.products li a.button:after { content: ""; width: 100%; height: 100%; background: var(--color-1); position: absolute; top: 0; right: 0; margin-left: 0; z-index: -1; opacity: 1; transition: all .3s ease 0s; } .woocommerce .cart-collaterals .cross-sells ul.products li a.add_to_cart_button.button.added:after { background: #8fae1b !important; } .woocommerce .cart-collaterals .cross-sells ul.products li a.add_to_cart_button.button.added::before { content: "\4e" !important; } .woocommerce .cart-collaterals .cross-sells ul.products li a.add_to_cart_button.button.loading { opacity: 1; -webkit-animation: rotate 1.5s linear infinite; animation: rotate 1.5s linear infinite; } .woocommerce .cart-collaterals .cross-sells ul.products li a.add_to_cart_button.button.loading::before { content: "\e02d" !important; opacity: 1; } /*Empty Cart Page Design*/ .woocommerce-cart.woocommerce-page .return-to-shop { text-align: center; } .woocommerce .empty-cart { text-align: center; } .woocommerce .empty-cart h1 { text-transform: uppercase; font-size: 25px; font-weight: 700; line-height: 35px; color: var(--color-2) } .woocommerce .empty-cart h1::before { content: "\e07a"; font-family: ETmodules !important; padding-right: 15px; color: var(--color-1) } @media only screen and (max-width : 479px) { .woocommerce .empty-cart h1 { font-size: 20px; } } .woocommerce div.product form.cart .group_table td { padding: 10px !important; line-height: 50px; text-align: center; font-size: 15px; color: #232323; border: 1px solid rgba(40, 61, 88, .1) !important } .woocommerce div.product form.cart .group_table td label a { line-height: 50px; color: var(--color-1); display: block; text-align: center } .woocommerce div.product form.cart table div.quantity { margin: 0 !important } @media only screen and (max-width : 480px) { .woocommerce-page .woocommerce-message .button { float: none; width: 100%; text-align: center; } .woocommerce div.product form.cart .group_table td label a { line-height: 30px; } .woocommerce div.product form.cart .group_table td span { line-height: 20px; } .woocommerce .product .cart .single_add_to_cart_button { width: 100%; } } /* Cart Table */ .woocommerce .woocommerce-MyAccount-content p { padding-bottom: 20px; } .woocommerce-page table.cart td.actions { padding-top: 30px !important; padding-bottom: 30px !important; } .woocommerce button.button:disabled { color: #fff !important; padding: .3em 1em !important; } .woocommerce button.button:disabled:hover { padding: .3em 1em !important; } .woocommerce a.remove { background: var(--color-1); color: #fff !important; border-radius: 3px !important; } .woocommerce a.remove:hover { background-color: var(--color-2); } .woocommerce-cart table.cart td.actions .coupon .input-text { position: relative; text-align: center; padding: .6em 1em; border: 2px solid !important; line-height: 1.7em !important; text-transform: uppercase; border-radius: 0; background-color: transparent !important; height: auto; border-color: #e5e5e5 !important; color: #232323 !important; font-size: 13px !important; letter-spacing: 1px; } .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder { color: #000 !important; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Button, .woocommerce-MyAccount-content form .woocommerce-address-fields .button { margin-top: 20px; } .woocommerce .woocommerce-MyAccount-downloads-file.button:hover:after { opacity: 0; } .woocommerce table.shop_table td a { font-size: 15px; color: #232323; transition: all 0.4s; } .woocommerce table.shop_table td a:hover { color: var(--color-1); } .woocommerce table.shop_table td { color: #555; } #content-area table th { font-size: 15px; color: #232323; } .cart-collaterals .cross-sells ul li { width: 45% !important; margin-right: 10px !important; } .woocommerce-notices-wrapper .woocommerce-message .restore-item { color: #fff; } @media only screen and (max-width :480px) { .woocommerce a.button.alt { margin-top: 10px; width: 100%; font-size: 13px !important; } } .et_pb_wc_images span.onsale { color: #fff; background: var(--color-1) !important; font-size: 12px; font-weight: 600 !important; text-transform: uppercase; padding: 0 3px !important; border: 2px solid #fff; border-left: none; border-right: none; border-radius: 0 !important; box-shadow: 0 0 0 3px var(--color-1) !important; position: absolute; z-index: 9; } .et_pb_wc_cart_products .woocommerce-cart-form .coupon input { padding: 13px !important; } .et_pb_wc_cart_totals .cart_totals .shop_table tr th { width: 110px; } .et_pb_wc_cart_products .woocommerce-cart-form .button, .et_pb_wc_cart_totals .cart_totals .shop_table .button { position: relative; overflow: hidden; background-color: var(--color-1) !important; z-index: 1; } .et_pb_wc_cart_products .woocommerce-cart-form .button:after, .et_pb_wc_cart_totals .cart_totals .shop_table .button:after { content: "" !important; position: absolute; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1 !important; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .et_pb_wc_cart_products .woocommerce-cart-form .button:hover:after, .et_pb_wc_cart_totals .cart_totals .shop_table .button:hover:after { transform: scale3d(1, 1, 1); } /* ----------------------------------- 00. Cart Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Checkout Page CSS Start Here -------------------------------------*/ .et_pb_wc_checkout_payment_info .woocommerce-info { line-height: 35px; padding: 10px !important; border-radius: 0px; background: var(--color-1); margin-bottom: 0; } .et_pb_wc_checkout_payment_info .form-row { margin: 0 !important; } .et_pb_wc_checkout_payment_info .form-row input { background-color: #fff !important; } .woocommerce-checkout #payment { background-color: #f9f9f9; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Message--info { line-height: 35px; background-color: var(--color-1); border-radius: 3px; text-align: left; } @media only screen and (max-width: 768px) { .woocommerce .woocommerce-MyAccount-content .woocommerce-Message--info { border-radius: 0; margin-top: 35px; } } .woocommerce form .form-row { width: 100%; } .woocommerce form .form-row label { text-transform: capitalize; font-size: 15px; color: #232323; padding-bottom: 5px; } .woocommerce-privacy-policy-text .woocommerce-privacy-policy-link, .woocommerce-terms-and-conditions-checkbox-text .woocommerce-terms-and-conditions-link { color: var(--color-1); } .woocommerce form .form-row.woocommerce-invalid label { color: var(--color-2); } .woocommerce-invalid #terms { outline: 2px solid var(--color-1); } .woocommerce-page form .form-row .input-text { } /**Woo Checkout Page*/ .woocommerce .checkout #customer_details .woocommerce-additional-fields h3, .woocommerce .checkout #customer_details .woocommerce-billing-fields h3 { margin-bottom: 20px; } .checkout_coupon.woocommerce-form-coupon .form-row { width: 50%; } .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first #coupon_code { border-radius: 3px; padding: 10px; } .showcoupon { background: var(--color-2); padding: 5px 10px; border-radius: 3px; font-size: 15px; -webkit-box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07); -moz-box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07); box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07); } .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info { text-align: center; background: var(--color-1); border-radius: 3px; } @media only screen and (max-width: 980px) { .woocommerce .woocommerce-info { text-align: center; } .showcoupon { display: block; } .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last .button { width: 100%; } .woocommerce form .form-row textarea { height: 6em; } } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { line-height: 1.5; } .woocommerce-checkout #payment ul.payment_methods li { font-size: 15px; color: #232323; text-transform: capitalize; margin-bottom: 20px; line-height: 0; } #payment .payment_methods .payment_method_paypal .about_paypal { font-size: 15px; color: var(--color-2); font-weight: 600; text-transform: uppercase; } #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p, #payment .woocommerce-terms-and-conditions-checkbox-text { color: #232323; font-size: 16px; font-weight: 400; text-transform: capitalize; line-height: 35px; } .woocommerce form .form-row.woocommerce-validated input.input-text { border-color: #b81c23; } .woocommerce #payment .wc_payment_methods.payment_methods.methods .wc_payment_method.payment_method_paypal .payment_box.payment_method_paypal p { color: #232323; font-size: 15px; line-height: 30px; } .woocommerce #payment .wc_payment_methods.payment_methods.methods .wc_payment_method.payment_method_paypal .payment_box.payment_method_paypal p a { color: var(--color-1); } .woocommerce-order-details .order-again .button { position: relative; background-color: var(--color-1) !important; color: #fff !important; font-size: 15px; border: none !important; border-radius: 0px; padding: 10px 20px !important; overflow: hidden; z-index: 1; } .woocommerce-order-details .order-again .button:after { content: ""; position: absolute; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .woocommerce-order-details .order-again .button:hover:after { transform: scale3d(1, 1, 1); } /* ----------------------------------- 00. Checkout Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Thank you Page CSS Start Here -------------------------------------*/ .woocommerce .woocommerce-order .woocommerce-order-overview { padding: 0; border: 1px dashed #232323; } .woocommerce .woocommerce-order .order_details li { border-right: 1px dashed #232323; padding: 20px; line-height: 30px; font-weight: 500; margin-right: 0; color: #232323; font-size: 16px; letter-spacing: 1px; text-transform: capitalize; } .woocommerce ul.order_details li strong { display: flex; font-weight: 500; line-height: 30px; font-size: 15px; } .woocommerce .woocommerce-order .woocommerce-thankyou-order-received { text-transform: capitalize; text-align: center; font-size: 30px; color: #8fae1b; margin-bottom: 40px; background: #000; padding: 20px; border-radius: 5px; } .woocommerce .woocommerce-thankyou-order-details li { font-size: 1em; line-height: 1; } .woocommerce .woocommerce-thankyou-order-details li strong { font-size: 1.4em; line-height: 2.5; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody tr:nth-child(2n), .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:first-child { background: #f5f5f5; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr { background: var(--color-2); } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child td span, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child th, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table thead tr th { color: #fff; font-size: 15px; text-transform: uppercase; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tbody td span, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot td span, .woocommerce .woocommerce-order .woocommerce-order-details .shop_table tfoot tr th { font-size: 15px; color: #232323; } .woocommerce .woocommerce-order .woocommerce-order-details .shop_table td { line-height: 2.5em; } .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details address { font-size: 15px; color: #232323; text-align: justify; text-transform: capitalize; box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07); padding: 20px; } @media only screen and (max-width: 1099px) { .woocommerce .woocommerce-order .order_details { padding: 10px; } .woocommerce .woocommerce-order .order_details li { border: none; display: contents; } } @media only screen and (max-width: 767px) { .woocommerce table.shop_table td a { font-size: 14px; } .woocommerce .woocommerce-order .woocommerce-thankyou-order-received { font-size: 25px; line-height: 35px; } } .woocommerce-tabs { box-shadow: 0 0 5px 0 #999; } .et_pb_wc_add_to_cart .cart, .et_pb_wc_add_to_cart .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; } .et_pb_wc_add_to_cart .tinv-wraper { height: auto; } .et_pb_wc_add_to_cart .tinv-wraper .tinvwl_add_to_wishlist_button { position: relative; margin: 0px 0px 0px 5px !important; height: 100%; width: 50px; font-size: 0px; border-radius: 0px; color: #fff; display: flex; justify-content: center; align-items: center; background-color: var(--color-2); overflow: hidden; z-index: 1; min-height:50px; } .et_pb_wc_add_to_cart .tinv-wraper .tinvwl_add_to_wishlist_button:before { margin: 0; font-size: 25px; } .et_pb_wc_add_to_cart .tinv-wraper .tinvwl_add_to_wishlist_button:after { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-1); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .et_pb_wc_add_to_cart .tinv-wraper .tinvwl_add_to_wishlist_button:hover:after { transform: scale3d(1, 1, 1); } .et_pb_wc_add_to_cart .button { position: relative; background-color: var(--color-1) !important; overflow: hidden; z-index: 1; } .et_pb_wc_add_to_cart .button:after { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .et_pb_wc_add_to_cart .button:hover:after { transform: scale3d(1, 1, 1); } #et-boc .woocommerce .woocommerce-notices-wrapper .woocommerce-info { background: var(--color-1); } #et-boc .woocommerce .cart-empty.woocommerce-info { background: 0 0; } #et-boc .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3, #et-boc .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title, #et-boc .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title { margin-bottom: 20px; } @media only screen and (max-width : 480px) { .et_pb_wc_related_products ul.products.columns-3 li.product { width: 100% !important; margin-right: 0% !important; } } .woocommerce-page .star-rating::before, .woocommerce .star-rating::before { /* color: var(--color-1) !important; */ } /* ----------------------------------- 00. Thank you Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. My Account Page CSS Start Here -------------------------------------*/ /* My Account navigation CSS Start */ .woocommerce-error li a { color: #fff; } .woocommerce .woocommerce-MyAccount-navigation ul { border-radius: 10px; background-color: #fff; padding: 25px 25px !important; margin: 0; list-style-type: none !important; -webkit-box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07); -moz-box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07); box-shadow: 0 0 15px 0 rgba(40, 61, 88, 0.07); position: relative; } .woocommerce .woocommerce-MyAccount-navigation ul li { padding-bottom: 5px; margin: 0 0 15px 0; font-size: 20px; line-height: 26px; font-weight: 800; position: relative; text-transform: uppercase; border-bottom: 1px dashed #e9e9e9; padding-top: 5px; } .woocommerce .woocommerce-MyAccount-navigation ul li a { font-size: 15px; color: #232323; } .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { color: var(--color-1); } .woocommerce .woocommerce-MyAccount-navigation ul li:before { content: ""; left: -25px; position: absolute; width: 3px; height: 100%; border-color: var(--color-1); display: block; background-color: var(--color-1); } /* My Account navigation CSS End */ /* My Account Order List CSS Start */ .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead tr .woocommerce-orders-table__header .nobr { font-size: 15px; color: #232323; text-transform: uppercase; } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead .woocommerce-orders-table__header, .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td { padding: 20px; text-align: center; } .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td { font-size: 14px; color: #232323; } /* My Account Order List CSS End */ /* My Account Login/Register List CSS Start */ .woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error { background: #fff; text-align: left; text-transform: capitalize; line-height: 30px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error li { margin-bottom: 20px; padding: 5px; padding-left: 10px !important; background: #b81c23; border-radius: 0; } .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper select { height: 40px; border-radius: 0; } .woocommerce .woocommerce-form.woocommerce-form-login .lost_password a { color: var(--color-2); } .woocommerce .woocommerce-ResetPassword.lost_reset_password p, .woocommerce .woocommerce-form.woocommerce-form-login p { font-size: 15px; color: #232323; text-transform: capitalize; } .woocommerce #customer_login .woocommerce-form.woocommerce-form-login.login .woocommerce-LostPassword.lost_password { float: right; position: relative; bottom: 40px; } @media only screen and (max-width: 479px) { .woocommerce #customer_login .woocommerce-form.woocommerce-form-login.login .woocommerce-LostPassword.lost_password { float: none; position: relative; bottom: -10px; } } .woocommerce-form.woocommerce-form-register.register .woocommerce-privacy-policy-text { font-size: 14px; margin-bottom: 10px; line-height: 30px; text-align: justify; } .woocommerce .woocommerce-message .woocommerce-Button, .woocommerce-page .woocommerce-info .button { margin-top: 0; background: #fff !important; color: var(--color-1) !important; text-transform: uppercase; font-size: 15px; font-weight: 600; letter-spacing: 1px; border-radius: 3px; border-color: var(--color-1); } @media only screen and (max-width: 480px) { .woocommerce .woocommerce-message .woocommerce-Button, .woocommerce-page .woocommerce-info .button { width: 100%; } .product .woocommerce .woocommerce-error, .product .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { line-height: 30px; } } .woocommerce .woocommerce-message .woocommerce-Button:hover, .woocommerce-page .woocommerce-info .button:hover { background-color: var(--color-2) !important; color: #fff !important; } .woocommerce .woocommerce-message .woocommerce-Button:before, .woocommerce a.button.alt:before, .woocommerce-page .woocommerce-info .button:before { display: none; } .woocommerce .woocommerce-message .woocommerce-Button:after, .woocommerce-page .woocommerce-info .button:after { content: "\e015"; opacity: 1; margin-left: 0; right: 0; background: var(--color-1); color: #fff; font-size: 20px; border-radius: 0; padding: 5px; top: 3px; right: 2px; } .woocommerce .woocommerce-MyAccount-content .addresses .title .edit { padding: 2px 25px; border-radius: 0; color: #fff; background: var(--color-1); } .woocommerce .woocommerce-MyAccount-content .addresses .title .edit:hover { background: var(--color-2); } .woocommerce-MyAccount-content p a { color: var(--color-1); font-size: 16px; line-height: 35px; } .woocommerce form .form-row input.input-text { background-color: #f6f6f6; } .select2-container .select2-selection--single { height: 40px; } .select2-container--default .select2-selection--single { border-radius: 3px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; position: absolute; top: 10px; right: 10px; width: 20px; background: var(--color-2); border-radius: 3px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 10px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: block; } .woocommerce-LostPassword a { color: var(--color-2); } @media only screen and (max-width :980px) { .woocommerce .woocommerce-MyAccount-content .woocommerce-Button, .woocommerce-MyAccount-content form .woocommerce-address-fields .button { margin-top: 10px; margin-bottom: 20px } } @media only screen and (max-width : 768px) { .woocommerce table.my_account_orders { margin-top: 50px; } } /* My Account Login/Register List CSS Start */ /* ----------------------------------- 00. My Account Page CSS End Here -------------------------------------*/ /*Product Carosual */ .dct_product_carousel .woocommerce ul.products li.product { clear: none !important; margin: 0px 10px !important; } .dct_product_carousel ul.products ul.slick-dots { padding: 0; margin: 0; } .dct_product_carousel ul.products ul.slick-dots li { margin: 0px 2px; width: auto !important; } .dct_product_carousel ul.products ul.slick-dots li button:before { content: ""; height: 10px; width: 10px; background-color: var(--color-1); opacity: 0.5; } .dct_product_carousel ul.products ul.slick-dots li.slick-active button:before { opacity: 1; } @media only screen and (max-width: 980px) { .dct_product_carousel .woocommerce ul.products .slick-list .slick-track { display: flex; } } /* */ .dct_product_page_title .dct_product_page_breadcrumbs .woocommerce-breadcrumb { color: #fff; text-transform: uppercase; margin-bottom: 0px; } .dct_product_page_title .dct_product_page_breadcrumbs .woocommerce-breadcrumb a { color: #fff; transition: all 0.4s; } .dct_product_page_title .dct_product_page_breadcrumbs .woocommerce-breadcrumb a:hover { color: var(--color-1); } /* ----------------------------------- 00. Plugins CSS Start Here -------------------------------------*/ /*Fly Cart */ /* Page Fly Icon Count*/ .woofc-area.woofc-style-01 .woofc-no-item, .woofc-area.woofc-style-01 .woofc-error { color: #000; } .woofc-count { background-color: var(--color-1); border-radius:0px; } .woofc-count i { color: #fff; } .woofc-count span { background-color: var(--color-2); border-radius:0px; } .dct_menu_icons ul.et-menu.nav li .woofc-menu-item-inner-subtotal { display: none; } .dct_menu_icons ul.et-menu.nav li.woofc-menu-item.menu-item-type-woofc { margin-top: 5px !important; } /* Menu Mini Cart*/ #menu-fly-mini-cart li.woofc-menu-item a { color: #fff; font-size: 18px; opacity: 1; } .dct_menu_icons.bg .woofc-menu-item .woofc-menu-item-inner::after { background-color: #000; } .woofc-menu-item .woofc-menu-item-inner i { margin: 0; } /*Fly Cart Popup*/ .woofc-area .woofc-cross-sells .woofc-cross-sells-product-atc .button {padding:5px 10px !important;} .woofc-area .woofc-cross-sells .woofc-cross-sells-product-atc .button:after {display:none;} .woofc-area .woofc-area-mid .woofc-undo .woofc-undo-inner{color:#333;} .woofc-area.woofc-style-01 { background-color: #fff; } .woofc-cross-sells .woofc-cross-sells-product-atc .button, .woofc-area-bot .woofc-action .woofc-action-inner > div a { background-color: var(--color-1) !important; color: #fff !important; border-color: var(--color-1) !important; } .woofc-cross-sells .woofc-cross-sells-product-atc .button, .woofc-area-bot .woofc-action .woofc-action-inner > div a:hover { background-color: var(--color-2) !important; border-color: var(--color-2) !important; } .woofc-area-top { background-color: var(--color-1) !important; color: #fff !important; } [class*="hint--"]::after { background: var(--color-2) !important; } .hint--left::before { border-left-color: var(--color-2) !important; } .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input { background-color: var(--color-1) !important; color: #fff; } .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty {border:1px solid var(--color-1) !important;} .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-plus, .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-minus {background:transparent !important;} .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input { background-color: var(--color-1)!important; color: #fff!important; } /*Close Button*/ .woofc-area-top .woofc-close { background: var(--color-2)!important; color: #fff !important; width: 50px; right: 0; } .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-remove span { background: var(--color-1)!important; } .woofc-area-bot .woofc-data { padding: 11px 20px; border-bottom: 1px solid rgba(255,255,255,0.3)!important; color: #000!important; } .woofc-area-bot .woofc-link span, .woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span { color: #000!important; border-color: #000!important; } #woofc-area { border-radius: 0px; } .woofc-suggested-products .slick-dots li button::before {display:none;} /*Wishlist Page CSS Start */ .dct_wishlist .tinv-wishlist .tinv-header h2 { text-transform: uppercase; font-size: 28px; letter-spacing: 2px; text-align: center; color: var(--color-2); } .dct_wishlist .tinv-wishlist .product-remove button {} .dct_wishlist .tinv-wishlist .product-remove button:hover {} .dct_wishlist .tinvwl-input-group .form-control { height: 45px; border-radius: 0px; } .dct_wishlist .tinv-wishlist form { border: none; border-radius: 0px; } .dct_wishlist .tinvwl-table-manage-list { border: 0px !important; } .dct_wishlist .tinvwl-table-manage-list tr th { font-weight: 600; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: #202020!important; } .dct_wishlist .tinvwl-table-manage-list tr th {} .dct_wishlist .tinvwl-table-manage-list tr td { padding: 5px 15px; } .dct_wishlist .tinvwl-table-manage-list tr td, .dct_wishlist .tinvwl-table-manage-list tr td a { color: #202020; transition: all 0.4s; } .dct_wishlist .tinvwl-table-manage-list tr td a:hover { color: var(--color-1); } .dct_wishlist .tinvwl-table-manage-list tr td a img { width: 50px; padding: 5px; border: 1px solid #e5e5e5; border-radius: 5px; } .dct_wishlist .tinv-wishlist .product-action {} .dct_wishlist .tinvwl-table-manage-list .button, .dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input, .dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button, .dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward { position: relative; font-size: 15px !important; border: none !important; padding: 10px !important; color: #fff !important; border-radius: 0px !important; background-color: var(--color-1) !important; overflow: hidden; z-index: 1 !important; } .dct_wishlist .tinvwl-table-manage-list button .tinvwl-txt {} .dct_wishlist .tinvwl-table-manage-list .button:before, .dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:before, .dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:before, .dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:before { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .dct_wishlist .tinvwl-table-manage-list .button:hover:before, .dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:hover:before, .dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:hover:before, .dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:hover:before { transform: scale3d(1, 1, 1); } .dct_wishlist .tinvwl-table-manage-list .button:after, .dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:after, .dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:after, .dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:after { display: none !important; } .dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input, .dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button, .dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward { background-color: var(--color-2) !important; } .dct_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:before, .dct_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:before, .dct_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:before { background: var(--color-1); } .dct_wishlist .tinvwl-table-manage-list tbody .wishlist_item td.product-name a {} .dct_wishlist .tinvwl-table-manage-list tbody .wishlist_item td.product-name a:hover {} .dct_wishlist .tinv-wishlist .product-remove button {} .dct_wishlist .tinv-wishlist .social-buttons { margin-top: 10px; } .dct_wishlist .tinv-wishlist .social-buttons span { font-size: 20px; color: #202020; } .dct_wishlist .tinv-wishlist .social-buttons ul li .social { position: relative; overflow: hidden; background-color: var(--color-2); border-radius: 0px; font-size: 16px; color: #fff; z-index: 1; } .dct_wishlist .tinv-wishlist .social-buttons ul li .social:before { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-1); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .dct_wishlist .tinv-wishlist .social-buttons ul li .social:hover:before { transform: scale3d(1, 1, 1); } /*Wishlist Page CSS End */ /*Wishlist Pop Up Box CSS Start */ .tinv-wishlist .tinv-modal-inner { border-radius: 0px; } .tinv-wishlist .tinvwl_added_to_wishlist .tinv-cell .tinvwl-buttons-group .button { background: var(--color-1); } .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { height: 50px; border-radius: 0px; } .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button { position: relative; overflow: hidden; color: #fff; font-size: 15px !important; background-color: var(--color-1) !important; border: none !important; border-radius: 0px !important; padding: 12px 40px !important; z-index: 1; } .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:before { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-2); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:hover:before { transform: scale3d(1, 1, 1); } .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:after { display: none !important; } .tinv-wishlist .tinv-modal .icon_big_heart_check, .tinv-wishlist .tinv-modal .icon_big_times { background-color: var(--color-2); color: #fff; padding: 15px; font-size: 30px; border-radius:0px ; transition: all 0.4s; } .tinv-wishlist .tinv-modal .icon_big_heart_check:hover, .tinv-wishlist .tinv-modal .icon_big_times:hover { background-color: var(--color-1); } /**Wishlist On Single Product*/ .et_pb_wc_add_to_cart .cart { display: flex; flex-wrap: wrap; } /*Wishlist Pop Up Box CSS End */ /* Yith Quick Popup Plugin CSS Start */ .yith-wcqv-main { scrollbar-width: thin; } /*Quntity*/ .yith-wcqv-main .quantity input.qty { background: transparent; border: 1px solid #e6e6e6; width: 5.3em; padding: 12px 5px !important; border-radius:5px; } /*wishlist icon*/ #yith-quick-view-content .summary-content .cart { display: flex; flex-wrap: wrap; } .yith-wcqv-main .cart .tinv-wraper a.tinvwl_add_to_wishlist_button { position: relative; margin: 0px 0px 0px 5px !important; padding: 13px 0px; width: 50px; font-size: 0px; border-radius: 0px; color: #fff; display: flex; justify-content: center; align-items: center; background-color: var(--color-2); overflow: hidden; z-index: 1; } .yith-wcqv-main .cart .tinv-wraper a.tinvwl_add_to_wishlist_button:before { margin: 0; font-size: 25px; } .yith-wcqv-main .cart .tinv-wraper a.tinvwl_add_to_wishlist_button:after { content: ""; position: absolute; display: block !important; top: 0px; bottom: 0px; left: auto; right: 0px; width: 100%; background-color: var(--color-1); opacity: 1; transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .yith-wcqv-main .cart .tinv-wraper a.tinvwl_add_to_wishlist_button:hover:after { transform: scale3d(1, 1, 1); } @media only screen and (max-width : 480px) { .single.single-product .tinvwl_add_to_wishlist_button { margin-left: 0px !important;margin-top:10px !important;} } /*Grouped Product*/ #yith-quick-view-content .cart table.group_table tbody { display: flex; flex-wrap: wrap; } #yith-quick-view-content .cart table.group_table .woocommerce-grouped-product-list-item__label a { font-size: 16px; color: var(--color-1); } #yith-quick-view-content .cart table.group_table tbody tr { width: 100%; } #yith-quick-view-content .cart table.group_table .woocommerce-grouped-product-list-item__label, #yith-quick-view-content div.product form.cart .group_table td { vertical-align: inherit; } #yith-quick-view-content .cart table.group_table .woocommerce-grouped-product-list-item__price bdi { font-size: 20px; color: var(--color-2); } #yith-quick-view-content .woocommerce .quantity input.qty { width: 80px; } /*close button*/ #yith-quick-view-close { background: var(--color-1); opacity: 1; width: 40px; height: 40px; line-height: 35px; font-size: 20px; color: #fff; border-radius: 0px; top: 15px; right: 15px; } #yith-quick-view-close:hover { background: var(--color-2); color:#fff; } /*sale base*/ .yith-wcqv-main .product span.onsale { background: var(--color-1 ) !important; left: 0 !important; border-radius: 0 !important; font-size: 16px; } /*price*/ .yith-wcqv-main p.price { padding-bottom: 13px; } .yith-wcqv-main p.price .woocommerce-Price-amount bdi, .yith-wcqv-main p.price { color: var(--color-2) !important; } .yith-wcqv-main .woocommerce .star-rating span::before, .yith-wcqv-main .woocommerce-page .star-rating span::before { color: var(--color-2); } /*Description*/ .yith-wcqv-main .woocommerce-product-details__short-description { font-size: 15px; font-weight: 400; line-height: 28px; letter-spacing: 0.2px; } .yith-wcqv-main .posted_in a, .yith-wcqv-main .tagged_as a { color: var(--color-1); } /*Title*/ .yith-wcqv-main .summary-content .product_title.entry-title { font-size: 24px; font-weight: 600; color: var(--color-1); margin-bottom: 10px; } /*Product cart button*/ .yith-wcqv-wrapper .cart .button { background: var(--color-1) !important; color: #fff !important; border: 3px solid var(--color-1) !important; transition: .2s ease-in-out; padding:5px 30px !important; font-size: 18px !important; height: 50px; } .yith-wcqv-wrapper .cart .button:hover { background: #fff !important; color: var(--color-1) !important; transform: scale(1.02); border: 3px solid var(--color-1) !important; transition: .2s ease-in-out; transition-property: all; padding:5px 30px !important; } .yith-wcqv-wrapper .cart .button:after { display: none; } /*Variable - Grouped Product */ #yith-quick-view-content .variations_form .reset_variations { color: #fff; font-size: 13px; display: inline-block; margin-top: 18px; background: var(--color-1); padding: 3px 7px; font-weight: 400; } #yith-quick-view-content .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled { display: flex; flex-wrap: wrap; } #yith-quick-view-content .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price .woocommerce-Price-amount bdi { color: var(--color-1); font-size: 20px; margin-bottom: 26px; display: block; } /* Yith Quick Popup Plugin CSS End */ .woofc-count span { background-color: var(--color-2) !important; border-radius: 0px; } /* ----------------------------------- 00. Plugins CSS End Here -------------------------------------*/ /* ----------------------------------- 00. Cart Process CSS Start Here -------------------------------------*/ .px_wc_cart_process_sec {} .px_wc_cart_process_sec .px_wc_cart_process_blurb { width: fit-content !important; } .px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image { margin-bottom: 20px; } .px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image .et_pb_image_wrap { position: relative; height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; z-index: 1; } .px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image .et_pb_image_wrap:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; border: 1px solid var(--color-1); outline: 1px solid var(--color-1); outline-offset: -5px; transition: all 0.4s; z-index: -1; } .px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image .et_pb_image_wrap:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background-color: var(--color-1); border: 1px solid var(--color-1); transform: scale3d(0, 1, 0); transition: 600ms ease; z-index: -1; } .px_wc_cart_process_sec .px_wc_cart_process_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap:after, .px_wc_cart_process_sec .px_wc_cart_process_blurb_ac .et_pb_main_blurb_image .et_pb_image_wrap:after { transform: scale3d(1, 1, 1); } .px_wc_cart_process_sec .px_wc_cart_process_blurb .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: var(--color-1); transition: 600ms ease; } .px_wc_cart_process_sec .px_wc_cart_process_blurb:hover .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon, .px_wc_cart_process_sec .px_wc_cart_process_blurb_ac .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon { color: #fff; } /* ----------------------------------- 00. Cart Process CSS End Here -------------------------------------*/