/* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Woo Title CSS Pagination CSS Woocommerce Breadcrumb CSS 02. Shop Page CSS Shop CSS Related Product CSS Up Sell Product CSS Cross Sell Product CSS 03. Product Mini CSS 04. Single Product Page CSS Simple Product Variable Product Notice CSS Group Product External/Affiliate Product 05. Cart & Checkout Steps Css 06. Cart Page CSS 07. Checkout Page CSS 08. Thank you Page CSS 09. My Account Page CSS 10. External Plugin CSS 10.1 Fibo Search CSS 10.2 Fly Cart Plugin CSS 10.3 Yith Wistlist Plugin CSS 10.4 Yith Quick Popup Plugin CSS 10.5 Ajax Filter Plugin CSS 11. Header Shop Icons CSS 12. Shop & Product Page Sidebar CSS 13. Category CSS --------------------------------------------------------*/ /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /* Simple Page Title CSS Start */ .px_page_title, .et-db #et-boc .et-l .px_page_title { position: relative; z-index: 10; /* box-shadow: 0px 40px 200px -20px rgba(0, 0, 0, 0.3); */ } .px_page_title::before, .et-db #et-boc .et-l .px_page_title::before { background-image:linear-gradient(180deg, #fff 100%, rgba(255, 255, 255,1) 100%); content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; } .px_page_title .px_page_title_row, .et-db #et-boc .et-l .px_page_title .px_page_title_row { padding-top: 0; } .px_page_title .px_page_title_row .px_page_title_column, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column { display: flex; align-items: center; justify-content: center; } .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn { color: #fff; } .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn:hover, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn:hover { color: var(--px-color-2); } .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before, .et-db #et-boc .et-l .px_page_title .px_page_title_row .px_page_title_column .px_page_title_btn::before { color: #fff !important; } /* Simple Page Title CSS End */ /* Product Page Title CSS Start */ .px_product_title_v1, .et-db #et-boc .et-l .px_product_title_v1 { background-color: var(--px-color-1); } .px_product_title_v1 .px_product_title_name h1, .et-db #et-boc .et-l .px_product_title_v1 .px_product_title_name h1 { text-align: center; font-size: 30px; line-height: 1.2; font-weight: 600; color: #fff; } .px_product_title_v1 .px_page_title_row, .et-db #et-boc .et-l .px_product_title_v1 .px_page_title_row { padding-top: 0; } .px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .et_pb_module_inner { text-align: center; } .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb { color: #fff; margin-bottom: 0; } .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a { color: #fff; transition: all 0.4s; } .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover, .et-db #et-boc .et-l .px_product_title_v1 .px_product_breadcrumbs .woocommerce-breadcrumb a:hover { color: var(--px-color-2); } /* Product Page Title CSS End */ /* Pagination Css*/ .woocommerce .woocommerce-pagination ul.page-numbers { text-align: center; display: inline-flex !important; position: relative; border: none !important; } .woocommerce .woocommerce-pagination ul.page-numbers:before { width: 100%; height: 2px; background: #e8e8e8; position: absolute; top: 50%; left: 0; z-index: -1; transform: translateY(-50%) } .woocommerce .woocommerce-pagination ul.page-numbers li { border-right: none !important } .woocommerce .woocommerce-pagination ul.page-numbers li a, .woocommerce .woocommerce-pagination ul.page-numbers li span.current { padding: 5px 15px !important; margin-right: 15px !important; background: #f8f8f8 !important; border: 1px solid #e8e8e8 !important; border-radius: 0px; box-shadow: 0 8px 6px -9px #5b5f5f; font-size: 17px !important; color: #686c6c !important } .woocommerce .woocommerce-pagination ul.page-numbers li:first-child a { margin-right: 25px !important } .woocommerce .woocommerce-pagination ul.page-numbers li:last-child a, .woocommerce .woocommerce-pagination ul.page-numbers li:last-child span { margin: 0 0 0 15px; margin-right: 0 !important } .woocommerce .woocommerce-pagination ul.page-numbers li a:hover, .woocommerce .woocommerce-pagination ul.page-numbers li span.current { background: var(--px-color-2) !important; border-color: var(--px-color-2) !important; color: #fff !important } /************Woocommerce Breadcrumb Css Code Start *****************/ .woocommerce .woocommerce-breadcrumb { line-height: 1.6666666667; font-weight: 500; color: var(--px-color-1) } .woocommerce .woocommerce-breadcrumb a { color: var(--px-color-2); font-size: 12px; } .woocommerce .woocommerce-breadcrumb a:hover { color: var(--px-color-1) } .woocommerce .woocommerce-breadcrumb i { font-size: 8px; color: var(--px-color-2); margin: 0 15px } .woocommerce .woocommerce-ordering .orderby { height: 50px; font-size: 14px; text-transform: capitalize; font-weight: 500; margin-bottom: 20px; border-radius: 10px; background: transparent; border: 1px solid #e6e6e6; } /************Woocommerce Breadcrumb Css Code End *****************/ /************Woocommerce preloader Css Code Start *****************/ /* Remove spinner on WooCommerce checkout page */ .woocommerce .blockUI.blockOverlay { position: relative !important; display: none !important; } .woocommerce .preloader { display: none !important; } /************Woocommerce preloader Css Code End *****************/ /* ----------------------------------- 01. General Class CSS End Here -------------------------------------*/ /* ----------------------------------- 02. Shop Page CSS Start Here -------------------------------------*/ /* Product 2 &3 Col Margin CSS */ @media only screen and (min-width: 981px) { .px_wc_product_2col_side_img .woocommerce .products, .et-db #et-boc .et-l .px_wc_product_2col_side_img .woocommerce .products, .px_wc_product_2col_side_img .woocommerce .products .product:last-child, .et-db #et-boc .et-l .px_wc_product_2col_side_img .woocommerce .products .product:last-child, .px_wc_product_2col_side_img .woocommerce .products .product:nth-last-child(2), .et-db #et-boc .et-l .px_wc_product_2col_side_img .woocommerce .products .product:nth-last-child(2), .px_wc_product_3col_side_img .woocommerce .products, .et-db #et-boc .et-l .px_wc_product_3col_side_img .woocommerce .products, .px_wc_product_3col_side_img .woocommerce .products .product, .et-db #et-boc .et-l .px_wc_product_3col_side_img .woocommerce .products .product {} } /* Product 2 &3 Col View Side Img CSS */ .px_wc_product_side_img_col { position: relative; } .px_wc_product_side_img_col::before, .px_wc_product_side_img_col::after { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; opacity: 0; transition: opacity 0.5s, transform 0.5s; } .px_wc_product_side_img_col::before { border-top: 2px solid #fff; border-bottom: 2px solid #fff; transform: scale(0, 1); } .px_wc_product_side_img_col::after { border-right: 2px solid #fff; border-left: 2px solid #fff; transform: scale(1, 0); } .px_wc_product_side_img_col:hover::before, .px_wc_product_side_img_col:hover::after { opacity: 0.75; transform: scale(1); } /* Shop CSS Start */ .px_wc_product .woocommerce-ordering .orderby { background: #fff; border: 1px solid #d9d9d9; padding: 10px; transition: all 0.3s ease 0s; } .px_wc_product .woocommerce-pagination ul { border: 0 !important; } .px_wc_product .woocommerce-pagination .page-numbers li { border: 0; margin: 0px 5px } .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers { background: var(--px-color-1); color: #fff; opacity: 0.35; padding: 10px 15px; font-weight: 700; transition: 0.5s; } .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers:hover, .px_wc_product .woocommerce-pagination .page-numbers li .page-numbers.current { opacity: 1; transition: 0.5s; } /* Shop CSS End */ /* Shop & Related & Up Sell & Cross Sell Product CSS Start */ .px_wc_product .woocommerce .woocommerce-result-count, .px_wc_related_product .related h2, .px_wc_upsell_product .up-sells h2, .px_wc_cross_sell_product .cross-sells h2, .et-db #et-boc .et-l .px_wc_product .woocommerce .woocommerce-result-count, .et-db #et-boc .et-l .px_wc_related_product .related h2, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells h2, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells h2 { color: var(--px-color-2); font-weight: 600; margin-bottom: 20px; text-transform: capitalize; } .px_wc_product ul.products li.product, .px_wc_related_product .related ul.products li.product, .px_wc_upsell_product .up-sells ul.products li.product, .px_wc_cross_sell_product .cross-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_product ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product { padding-bottom: 10px; overflow: hidden; background: #fff; text-align: center; /* box-shadow: 0px -15px 8px -10px rgba(0, 0, 0, 0.15); */ transition: 0.5s; } .px_wc_product ul.products li.product:hover, .px_wc_related_product .related ul.products li.product:hover, .px_wc_upsell_product .up-sells ul.products li.product:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover { box-shadow: 0px 15px 20px -5px rgba(0, 0, 0, 0.15); transition: 0.5s; } .px_wc_product ul.products li.product:before, .px_wc_related_product .related ul.products li.product:before, .px_wc_upsell_product .up-sells ul.products li.product:before, .px_wc_cross_sell_product .cross-sells ul.products li.product:before, .et-db #et-boc .et-l .px_wc_product ul.products li.product:before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:before { content: ""; background: #fff; height: 40px; width: 100%; bottom: -50px; left: 0; position: absolute; z-index: 2; border-radius: 0; transition: all 0.4s; } .px_wc_product ul.products li.product:hover:before, .px_wc_related_product .related ul.products li.product:hover:before, .px_wc_upsell_product .up-sells ul.products li.product:hover:before, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover:before, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover:before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover:before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover:before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover:before { bottom: 0; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale::before { content: ""; background: #fff; height: 8px; width: 8px; border-radius: 50%; position: absolute; left: 8px; top: 10px; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale { font-size: 15px; padding: 2px 10px 2px 20px !important; background-color: var(--px-color-1) !important; z-index: 5; clip-path: polygon(20% 0, 100% 0, 100% 100%, 20% 100%, 0 50%); border-radius: 2px !important; left: auto !important; right: 0px !important; top: 0px !important; transition: 0.5s; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale:hover, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale:hover, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .onsale:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .onsale:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .onsale:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .onsale:hover { background-color: var(--px-color-2) !important; transition: 0.5s; } .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .onsale { left: auto !important; right:-70px !important; opacity: 1; transition: 0.5s; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image { position: relative; overflow: hidden; transition: 0.5s; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; opacity: 0; z-index: 1; transition: opacity 0.5s, transform 0.5s; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::before { border-top: 2px solid #fff; border-bottom: 2px solid #fff; transform: scale(0, 1); } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image::after { border-right: 2px solid #fff; border-left: 2px solid #fff; transform: scale(1, 0); } .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::before, .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::after, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::after, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::after, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image::after { opacity: 0.75; transform: scale(1); } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img { margin-bottom: 0 !important; transition: 0.5s; } .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img { transform: scale(1.1); transition: 0.5s; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay { display: none !important; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title { margin-top: 20px; color: var(--px-color-2); transition: 0.5s; font-size: 15px !important; line-height: 25px; padding: 0px 10px; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover { color: var(--px-color-1); transition: 0.5s; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating { margin-left: auto !important; margin-right: auto !important; left: 0; right: 0; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before { color:var(--px-color-1) !important; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price { color: var(--px-color-1) !important; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price del, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price del, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price del, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price del, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price del, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price del { color: var(--px-color-1) !important; } .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_product ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .woocommerce-LoopProduct-link .price .woocommerce-Price-amount { color: var(--px-color-1) !important; font-size: 18px; font-weight: 600; } .px_wc_product ul.products li.product .button, .px_wc_related_product .related ul.products li.product .button, .px_wc_upsell_product .up-sells ul.products li.product .button, .px_wc_cross_sell_product .cross-sells ul.products li.product .button, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button, .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button, .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button, .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button, .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button { z-index: 9; border: none !important; overflow: hidden; font-size: 0; height: 40px; width: 40px; margin-top: 0; border-radius: 0; background-color: #fff !important; transition: all 0.4s; z-index: 9 !important; position: absolute; bottom: -50px; left: 10px; right: 10px; margin: auto; opacity: 0; visibility: hidden; } .px_wc_product ul.products li.product .button::after, .px_wc_related_product .related ul.products li.product .button::after, .px_wc_upsell_product .up-sells ul.products li.product .button::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after, .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button::before, .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button::before, .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button::before { height: inherit; width: inherit; opacity: 1; left: 0; top: 0 !important; margin: 0; color: var(--px-color-2); display: flex; transform: none !important; justify-content: center; align-items: center; transition: 0.5s; } .px_wc_product ul.products li.product .button:hover::after, .px_wc_related_product .related ul.products li.product .button:hover::after, .px_wc_upsell_product .up-sells ul.products li.product .button:hover::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button:hover::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button:hover::after, .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button:hover::before, .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button:hover::before, .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover::before, .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover::before, .et-db #et-boc .et-l .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button:hover::before, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button:hover::before, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover::before, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button:hover::before { color: var(--px-color-1); transition: 0.5s; } .px_wc_product ul.products li.product:hover .button, .px_wc_related_product .related ul.products li.product:hover .button, .px_wc_upsell_product .up-sells ul.products li.product:hover .button, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .button, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .button, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .button, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .button, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .button, .px_wc_product ul.products li.product:hover .tinvwl_add_to_wishlist_button, .px_wc_related_product .related ul.products li.product:hover .tinvwl_add_to_wishlist_button, .px_wc_upsell_product .up-sells ul.products li.product:hover .tinvwl_add_to_wishlist_button, .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_product ul.products li.product:hover .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:hover .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:hover .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:hover .tinvwl_add_to_wishlist_button { bottom: 0px; opacity: 1; visibility: visible; transition-delay: 0.4s; } .px_wc_product ul.products li.product .button.yith-wcqv-button, .px_wc_related_product .related ul.products li.product .button.yith-wcqv-button, .px_wc_upsell_product .up-sells ul.products li.product .button.yith-wcqv-button, .px_wc_cross_sell_product .cross-sells ul.products li.product .button.yith-wcqv-button, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button.yith-wcqv-button, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button.yith-wcqv-button, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button.yith-wcqv-button, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button.yith-wcqv-button { left: auto; right: 10px; } .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button, .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button, .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button, .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button { right: auto; left: 10px; } .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button::after, .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button::after, .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .tinvwl_add_to_wishlist_button::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .tinvwl_add_to_wishlist_button::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .tinvwl_add_to_wishlist_button::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .tinvwl_add_to_wishlist_button::after { display: none !important; } .px_wc_product ul.products li.product .button::after, .px_wc_related_product .related ul.products li.product .button::after, .px_wc_upsell_product .up-sells ul.products li.product .button::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button::after { content: "\e015"; font-size: 20px; } .px_wc_product ul.products li.product .button.yith-wcqv-button::after, .px_wc_related_product .related ul.products li.product .button.yith-wcqv-button::after, .px_wc_upsell_product .up-sells ul.products li.product .button.yith-wcqv-button::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .button.yith-wcqv-button::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .button.yith-wcqv-button::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .button.yith-wcqv-button::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .button.yith-wcqv-button::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .button.yith-wcqv-button::after { content: "\55"; } .px_wc_product ul.products li.product .added_to_cart, .px_wc_related_product .related ul.products li.product .added_to_cart, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart { position: absolute; top: 10px; left: 10px; bottom: auto; z-index: 9; background: var(--px-color-2); padding: 4px 10px; color: #fff; overflow: hidden; transition: all 1s ease 0s !important; } .px_wc_product ul.products li.product .added_to_cart::after, .px_wc_related_product .related ul.products li.product .added_to_cart::after, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart::after { content: ""; background: var(--px-color-1); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_wc_product ul.products li.product .added_to_cart:hover::after, .px_wc_related_product .related ul.products li.product .added_to_cart:hover::after, .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::after, .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_product ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product .added_to_cart:hover::after, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product .added_to_cart:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } @media only screen and (min-width:577px) and (max-width: 980px) { .px_wc_product ul.products li.product:nth-child(n), .px_wc_related_product .related ul.products li.product:nth-child(n), .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n), .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_product ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product:nth-child(n), .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product:nth-child(n) { margin-bottom: 4% !important; } } @media only screen and (max-width: 576px) { .px_wc_product ul.products li.product, .px_wc_related_product .related ul.products li.product, .px_wc_upsell_product .up-sells ul.products li.product, .px_wc_cross_sell_product .cross-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_product ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product .cross-sells ul.products li.product { width: 100% !important; } } /* Shop & Related & Up Sell & Cross Sell Product CSS End */ /* Shop Mini CSS Start */ /* Shop Mini CSS End */ /* Shop & Related & Up Sell & Cross Sell Mini Product CSS Start */ @media only screen and (max-width: 980px) { .et-db #et-boc .et-l .px_wc_product_mini ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product_mini .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product_mini .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product_mini .cross-sells ul.products li.product { margin-bottom: 4% !important; } } @media only screen and (max-width: 600px) { .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title { width: 100%; padding-top: 10px; } } /* ----------------------------------- 02. Shop Page CSS End Here -------------------------------------*/ /* ----------------------------------- 03. Product Mini CSS Start Here -------------------------------------*/ /* Product Mini V1 CSS Start */ /* Shop Mini CSS Start */ /* Shop & Related & Up Sell & Cross Sell Mini Product CSS Start */ .px_wc_product_mini ul.products li.product, .px_wc_related_product_mini .related ul.products li.product, .px_wc_upsell_product_mini .up-sells ul.products li.product, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product { border: 1px solid #e5e5e5; border-radius: 5px; padding: 5px; } .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .et_shop_image img { float: left; height: 90px; width: 90px; margin-bottom: 0px !important; margin-right: 10px !important; border-radius: 5px; transition: 0.4s; } .px_wc_product_mini ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_related_product_mini .related ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_upsell_product_mini .up-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product:hover .woocommerce-LoopProduct-link .et_shop_image img { filter: grayscale(1); } .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title { color: #202020; transition: all 0.4s; } .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title:hover { color: var(--px-color-1); } .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .star-rating span::before { color: var(--px-color-1) !important; } .px_wc_product_mini ul.products li.product .button, .px_wc_related_product_mini .related ul.products li.product .button, .px_wc_upsell_product_mini .up-sells ul.products li.product .button, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button { position: absolute; margin: 0; bottom: 5px; right: 5px; height: 40px; width: 40px; overflow: hidden; color: #fff !important; font-size: 0px; background-color: var(--px-color-1) !important; border: none !important; border-radius: 5px !important; z-index: 2; transition: all 0.4s; } .px_wc_product_mini ul.products li.product .button:before, .px_wc_related_product_mini .related ul.products li.product .button:before, .px_wc_upsell_product_mini .up-sells ul.products li.product .button:before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button:before { content: ""; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.3s ease-out; z-index: -1; } .px_wc_product_mini ul.products li.product .button:hover:before, .px_wc_related_product_mini .related ul.products li.product .button:hover:before, .px_wc_upsell_product_mini .up-sells ul.products li.product .button:hover:before, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button:hover:before { transform: scaleY(1); } .px_wc_product_mini ul.products li.product .button:after, .px_wc_related_product_mini .related ul.products li.product .button:after, .px_wc_upsell_product_mini .up-sells ul.products li.product .button:after, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button:after { content: "\e015"; font-size: 14px; margin: 0; top: 0; left: 0; opacity: 1; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; transform: none !important; } .px_wc_product_mini ul.products li.product .added_to_cart, .px_wc_related_product_mini .related ul.products li.product .added_to_cart, .px_wc_upsell_product_mini .up-sells ul.products li.product .added_to_cart, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .added_to_cart { padding: 0px 0px 0px 10px; color: #202020; } .px_wc_product_mini ul.products li.product .button.yith-wcqv-button, .px_wc_related_product_mini .related ul.products li.product .button.yith-wcqv-button, .px_wc_upsell_product_mini .up-sells ul.products li.product .button.yith-wcqv-button, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .button.yith-wcqv-button, .px_wc_product_mini ul.products li.product .tinv-wraper, .px_wc_related_product_mini .related ul.products li.product .tinv-wraper, .px_wc_upsell_product_mini .up-sells ul.products li.product .tinv-wraper, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .tinv-wraper { display: none !important; } @media only screen and (max-width: 980px) { .et-db #et-boc .et-l .px_wc_product_mini ul.products li.product, .et-db #et-boc .et-l .px_wc_related_product_mini .related ul.products li.product, .et-db #et-boc .et-l .px_wc_upsell_product_mini .up-sells ul.products li.product, .et-db #et-boc .et-l .px_wc_cross_sell_product_mini .cross-sells ul.products li.product { margin-bottom: 4% !important; } } @media only screen and (max-width: 600px) { .px_wc_product_mini ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_related_product_mini .related ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_upsell_product_mini .up-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title, .px_wc_cross_sell_product_mini .cross-sells ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title { width: 100%; padding-top: 10px; } } /* Product Mini V1 CSS End */ /* ----------------------------------- 03. Product Mini CSS End Here -------------------------------------*/ /* ----------------------------------- 04. Single Product Page Start Here -------------------------------------*/ .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error, .px_wc_cart_notice .cart-empty, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error, .et-db #et-boc .et-l .px_wc_cart_notice .cart-empty { background-color: var(--px-color-1); } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message { background-color: var(--px-color-1); } .px_wc_cart_notice .return-to-shop .button, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button { color: #fff; background: var(--px-color-1); font-size: 16px; font-weight: 600; text-transform: capitalize; border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; padding: 15px 30px !important; transition: all 1s ease 0s !important; } .px_wc_cart_notice .return-to-shop .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_wc_cart_notice .return-to-shop .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_wc_cart_notice .return-to-shop .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button, .px_wc_cart_notice .return-to-shop .button, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button { font-size: 14px; padding: 12px 25px; color: #fff; background: var(--px-color-2); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; transition: all 1s ease 0s !important; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover, .px_wc_cart_notice .return-to-shop .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover { color: #fff; background: var(--px-color-2) !important; transition: all 1s ease 0s !important; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after, .px_wc_cart_notice .return-to-shop .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button::after, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button::after { content: ""; background: var(--px-color-1); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::after, .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::after, .px_wc_cart_notice .return-to-shop .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-error li .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-message .button:hover::after, .et-db #et-boc .et-l .px_wc_cart_notice .return-to-shop .button:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info, .et-db #et-boc .et-l .px_wc_cart_notice .woocommerce-notices-wrapper .woocommerce-info { background-color: var(--px-color-1); } /* px_wc_cart_notice CSS End */ /* px_wc_product_img CSS Start */ .px_wc_product_img, .et-db #et-boc .et-l .px_wc_product_img { overflow: hidden; position: relative; } .px_wc_product_img .et_pb_module_inner .onsale, .et-db #et-boc .et-l .px_wc_product_img .et_pb_module_inner .onsale { font-size: 16px !important; padding: 5px 30px 5px 15px !important; background-color: var(--px-color-1) !important; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); z-index: 5; left: -100px !important; transition: 0.5s; } .px_wc_product_img .et_pb_module_inner .onsale::before, .et-db #et-boc .et-l .px_wc_product_img .et_pb_module_inner .onsale::before { content: ""; background: #fff; height: 10px; width: 10px; border-radius: 50%; position: absolute; right: 12px; top: 12px; } .px_wc_product_img:hover .et_pb_module_inner .onsale, .et-db #et-boc .et-l .px_wc_product_img:hover .et_pb_module_inner .onsale { left: 0px !important; transition: 0.5s; } .px_wc_product_img .flex-viewport, .et-db #et-boc .et-l .px_wc_product_img .flex-viewport { overflow: hidden; position: relative; } .px_wc_product_img .flex-viewport::before, .et-db #et-boc .et-l .px_wc_product_img .flex-viewport::before { content: ""; background: #000; opacity: 0; height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 1; transition: 0.5s; } .px_wc_product_img .flex-viewport:hover::before, .et-db #et-boc .et-l .px_wc_product_img .flex-viewport:hover::before { opacity: 0.5; transition: 0.5s; } /* px_wc_product_img CSS End */ /* px_wc_product_title CSS Start */ .px_wc_product_title .et_pb_module_inner h1, .et-db #et-boc .et-l .px_wc_product_title .et_pb_module_inner h1 { color: var(--px-color-2); line-height: 40px; transition: 0.5s; } .px_wc_product_title .et_pb_module_inner h1:hover, .et-db #et-boc .et-l .px_wc_product_title .et_pb_module_inner h1:hover { color: var(--px-color-1); transition: 0.5s; } /* px_wc_product_title CSS End */ /* px_wc_product_rating CSS Start */ .px_wc_product_rating .woocommerce-product-rating span::before, .et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating span::before { color: #f7bc3d !important; } .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link, .et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link { color: var(--px-color-2); transition: 0.5s; } .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link:hover, .et-db #et-boc .et-l .px_wc_product_rating .woocommerce-product-rating .woocommerce-review-link:hover { color: var(--px-color-1); transition: 0.5s; } /* px_wc_product_rating CSS End */ /* px_wc_product_price CSS Start */ .px_wc_product_price .price, .et-db #et-boc .et-l .px_wc_product_price .price { color: var(--px-color-1); font-weight: 800; } /* px_wc_product_price CSS End */ /* px_wc_short_desc CSS Start */ .px_wc_short_desc, .et-db #et-boc .et-l .px_wc_short_desc { font-size: 16px; line-height: 30px; margin-bottom: 10px; } .px_wc_short_desc .et_pb_module_inner, .et-db #et-boc .et-l .px_wc_short_desc .et_pb_module_inner {} /* px_wc_short_desc CSS End */ /* px_wc_add_to_cart_info CSS Start */ .px_wc_add_to_cart_info .stock, .et-db #et-boc .et-l .px_wc_add_to_cart_info .stock { position: relative; font-size: 15px !important; font-weight: 600; padding-left: 20px; } .px_wc_add_to_cart_info .in-stock, .et-db #et-boc .et-l .px_wc_add_to_cart_info .in-stock { color: var(--px-color-2) !important; } .px_wc_add_to_cart_info .out-of-stock, .et-db #et-boc .et-l .px_wc_add_to_cart_info .out-of-stock { color: #ff0000 !important; position: relative; } .px_wc_add_to_cart_info .stock::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .stock::before { position: absolute; content: ""; font-family: etmodules; left: 0; } .px_wc_add_to_cart_info .in-stock::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .in-stock::before { content: "\52"; color: var(--px-color-1); } .px_wc_add_to_cart_info .out-of-stock::before, .et-db #et-boc .et-l .px_wc_add_to_cart_info .out-of-stock::before { content: "\51"; color: #ff0000; top: -1px; } /* Variable product */ .px_wc_add_to_cart_info .variations_form .variations tbody tr th, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr th { color: var(--px-color-2); font-size: 16px; } .px_wc_add_to_cart_info .variations_form .variations tbody tr td span::after, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td span::after { display: none; } .px_wc_add_to_cart_info .variations_form .variations tbody tr td select, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td select { background: #fff; border: 1px solid #d9d9d9; padding: 10px; position: relative; transition: all 0.3s ease 0s; } .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations { color: var(--px-color-1); font-size: 16px; font-weight: 700; transition: 0.5s; margin-top: -35px; position: absolute; right: 0; } .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations:hover, .et-db #et-boc .et-l .px_wc_add_to_cart_info .variations_form .variations tbody tr td .reset_variations:hover { color: var(--px-color-2); transition: 0.5s; } .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-description, .et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-description { line-height: 28px; color: #828282; } .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price, .et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price { margin-bottom: 25px; } .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price, .et-db #et-boc .et-l .px_wc_add_to_cart_info .single_variation_wrap .woocommerce-variation .woocommerce-variation-price .price { color: var(--px-color-1); font-size: 20px; font-weight: 800; } /* External/Affiliate product */ /* Grouped product */ .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list { margin-bottom: 25px; } .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td { color: var(--px-color-2); font-size: 16px; font-weight: 700; vertical-align: middle; } .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td del { opacity: 0.5; } .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a { color: var(--px-color-1); font-size: 16px; font-weight: 700; transition: 0.5s; } .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a:hover, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td label a:hover { color: var(--px-color-2); transition: 0.5s; } .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount, .et-db #et-boc .et-l .px_wc_add_to_cart_info .grouped_form .woocommerce-grouped-product-list tbody tr td .woocommerce-Price-amount { color: var(--px-color-2); font-size: 16px; font-weight: 700; } /* Simple product */ .et-db #et-boc .et-l .px_wc_add_to_cart_info.et_pb_wc_add_to_cart .quantity input.qty, .px_wc_add_to_cart_info .cart .quantity .input-text, .et-db #et-boc .et-l .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .quantity .input-text { border: 1px solid #ddd !important; background: #fff; font-size: 16px; padding: 10px 8px; } .px_wc_add_to_cart_info .cart .single_add_to_cart_button, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button { font-size: 14px; padding: 12px 25px; color: #fff; background: var(--px-color-1); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; transition: all 1s ease 0s !important; height: 50px; } .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_wc_add_to_cart_info .cart .single_add_to_cart_button::after, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button::after { content: ""; background: var(--px-color-2); width: 15px; height: 15px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover::after, .et-db #et-boc .et-l .px_wc_add_to_cart_info .cart .single_add_to_cart_button:hover::after { width: 300px; height: 300px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_wc_add_to_cart_info .woocommerce-variation-add-to-cart{display:flex;} /* px_wc_add_to_cart_info CSS End */ /* px_wc_additional_info CSS Start */ /* px_wc_additional_info CSS End */ /* px_wc_product_meta CSS Srart */ .px_wc_product_meta .product_meta, .et-db #et-boc .et-l .px_wc_product_meta .product_meta { padding-top: 20px; } .px_wc_product_meta .product_meta .sku_wrapper, .px_wc_product_meta .product_meta .posted_in, .px_wc_product_meta .product_meta .tagged_as, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .sku_wrapper, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in, .et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as { display: block; margin-bottom: 10px; color: var(--px-color-2); font-size: 15px; font-weight: 700; } .px_wc_product_meta .product_meta .posted_in a[rel="tag"], .px_wc_product_meta .product_meta .tagged_as a[rel="tag"], .et-db #et-boc .et-l .px_wc_product_meta .product_meta .posted_in a[rel="tag"], .et-db #et-boc .et-l .px_wc_product_meta .product_meta .tagged_as a[rel="tag"] { color: var(--px-color-1); font-weight: 600; } /* px_wc_product_meta CSS End */ /* px_wc_product_social CSS Start */ /* px_wc_product_social CSS End */ /* px_wc_product_tabs CSS Start */ .px_wc_product_tabs, .et-db #et-boc .et-l .px_wc_product_tabs { border: 0; box-shadow: 0 10px 50px -20px rgba(0, 0, 0, 0.3); } .px_wc_product_tabs .et_pb_tabs_controls, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tabs_controls { background: transparent; padding-top: 0px !important; } .px_wc_product_tabs .et_pb_tabs_controls::after, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tabs_controls::after { border: 0; } .px_wc_product_tabs .et_pb_tab , .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_tab { padding: 10px 10px; } .px_wc_product_tabs li, .et-db #et-boc .et-l .px_wc_product_tabs li { border: 0; } .px_wc_product_tabs li a, .et-db #et-boc .et-l .px_wc_product_tabs li a { color: var(--px-color-2); background: #eee; font-size: 15px; font-weight: 600; border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; display: inline-block; padding: 12px 30px !important; margin: 10px; transition: all 1s ease 0s !important; } .px_wc_product_tabs li.et_pb_tab_active a, .et-db #et-boc .et-l .px_wc_product_tabs li.et_pb_tab_active a, .px_wc_product_tabs li a:hover, .et-db #et-boc .et-l .px_wc_product_tabs li a:hover { color: #fff !important; background: #eee !important; transition: all 1s ease 0s !important; } .px_wc_product_tabs li a::after, .et-db #et-boc .et-l .px_wc_product_tabs li a::after { content: ""; background: var(--px-color-1); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_wc_product_tabs li.et_pb_tab_active a::after, .et-db #et-boc .et-l .px_wc_product_tabs li.et_pb_tab_active a::after, .px_wc_product_tabs li a:hover::after, .et-db #et-boc .et-l .px_wc_product_tabs li a:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content { font-size: 16px; line-height: 30px; } /* Tabs Additional Info */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h2 { display: none; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr th { color: var(--px-color-2); } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr td, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-product-attributes tbody tr td { font-size: 15px; } /* Tabs Reviews */ .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments { color: var(--px-color-2); font-size: 16px; margin-bottom: 20px; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title { font-size: 20px; color: var(--px-color-2); font-weight: 600; padding-bottom: 0; margin-bottom: 15px !important; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title span, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #comments .woocommerce-Reviews-title span { color: var(--px-color-1); font-weight: 700; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-reply-title { font-size: 16px; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars { margin-top: 6px; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span a::before, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-respond .comment-form .stars span a::before { color: #f7bc3d !important; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea { background: #fff; border: 1px solid #d9d9d9; font-size: 16px; color: #666; position: relative; padding: 20px; height: 200px; transition: all 0.3s ease 0s; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea:focus, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .comment-form-comment textarea:focus { border: 1px solid var(--px-color-2); } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit { color: #fff; background: var(--px-color-1); font-size: 16px; font-weight: 600; text-transform: capitalize; letter-spacing: 1px; border: none !important; border-radius: 0; padding: 15px 30px !important; transition: all 1s ease 0s !important; } .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit:hover, .et-db #et-boc .et-l .px_wc_product_tabs .et_pb_all_tabs .et_pb_tab .woocommerce-Reviews #review_form_wrapper #review_form .form-submit .submit:hover { color: #fff; background: var(--px-color-2) !important; transition: all 1s ease 0s !important; } /* px_wc_product_tabs CSS End */ /* px_wc_product_reviews CSS Start */ /* ----------------------------------- 04. Single Product Page End Here -------------------------------------*/ /* ----------------------------------- 05. Cart & Checkout Steps Css Start Here -------------------------------------*/ /**********Cart Setps***********/ /**********Cart Setps***********/ /* icon */ .px_steps .et_pb_main_blurb_image { padding: 10px; margin-bottom: 10px; } .px_steps .et_pb_main_blurb_image .et-pb-icon { color: var(--px-color-1) !important; background: rgba(255, 255, 255, 0.9); } /*Active & Hover Cart Options Css*/ .px_steps.active .et_pb_blurb_content { display: contents; } .px_steps.active .et_pb_main_blurb_image { border-width: 0px; background-color: var(--px-color-1) !important; transition: ease-out 0.5s; border-radius: 99px; } .px_steps.active .et_pb_main_blurb_image .et-pb-icon { color: #fff !important; background: transparent; } .px_steps.active .et_pb_main_blurb_image:hover .et-pb-icon { color: var(--px-color-1) !important; } .px_steps.active .et_pb_main_blurb_image { position: relative; z-index: 1; } .px_steps.active .et_pb_main_blurb_image::before { background-color: var(--px-color-2) !important; content: ""; position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; border-radius: inherit; transform: scale(0); transition: all 0.3s linear 0s; z-index: -1; border-radius: 99px; } .px_steps.active .et_pb_main_blurb_image:hover:before { transform: scale(0.9); } /*Not Active Cart Options Css*/ .px_steps.not-active .et_pb_main_blurb_image { position: relative; z-index: 1; } .px_steps.not-active .et_pb_main_blurb_image:hover { background-color: var(--px-color-1) !important; } .px_steps.not-active .et_pb_main_blurb_image .et-pb-icon { background: transparent; } .px_steps.not-active .et_pb_main_blurb_image { border: 1px solid #e6e6e6; border-radius: 99px; background: #fff; } .px_steps.not-active .et_pb_main_blurb_image .et-pb-icon { color: #e6e6e6 !important; border-radius: 99px; } .px_steps.not-active .et_pb_main_blurb_image::before { background-color: var(--px-color-2) !important; content: ""; position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; border-radius: inherit; transform: scale(0); transition: all 0.3s linear 0s; z-index: -1; border-radius: 99px; } .px_steps.not-active .et_pb_main_blurb_image:hover:before { transform: scale(0.9); } .px_steps.active:hover .et_pb_main_blurb_image { border: none; } /* .px_steps.not-active .et_pb_main_blurb_image { border: 1px solid var(--px-color-1); border-radius:99px; } */ .px_steps.not-active:hover .et_pb_main_blurb_image .et-pb-icon { color: var(--px-color-1) !important; } /* ----------------------------------- 05. Cart & Checkout Steps Css End Here -------------------------------------*/ /* ----------------------------------- 06. Cart Page CSS Start Here -------------------------------------*/ /* for table */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table th { font-size: 18px; color: #000; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item td { color: #000; font-size: 16px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-thumbnail a img { height: 100px; width: 100px; object-fit: cover; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a { color: var(--px-color-1); font-size: 16px; font-weight: 700; transition: 0.5s; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-name a:hover { color: var(--px-color-2); transition: 0.5s; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-price .woocommerce-Price-amount { color: var(--px-color-2); font-size: 15px; font-weight: 600; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity span { color: var(--px-color-2); font-size: 15px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-quantity .quantity input.qty { border: 1px solid #eee; background: transparent; font-size: 16px; padding: 16px 8px; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .cart_item .product-subtotal .woocommerce-Price-amount { color: var(--px-color-2); font-size: 16px; font-weight: 600; } /* coupon */ .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text { height: 50px; background: #fff; border: 1px solid #d9d9d9; border-radius: 0px; font-size: 16px; color: #666; position: relative; margin-right: 5px; transition: all 0.3s ease 0s; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text:focus { border: 1px solid var(--px-color-2); } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button { font-size: 14px; padding: 12px 25px; color: #fff; background: var(--px-color-1); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; transition: all 1s ease 0s !important; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button::after, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button::after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .button:hover:after, .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .button:hover:after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } /* upgrade button*/ /* Cart totals css */ .px_cart_totols .cart_totals h2 { font-weight: 700; } .px_cart_totols .cart_totals .shop_table th { color: var(--px-color-2); font-size: 15px; } .px_cart_totols .cart_totals .shop_table td { color: var(--px-color-2); } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals ul li input[type="radio"] { accent-color: var(--px-color-1); } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination strong { color: #202020; } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator a { color: var(--px-color-1); font-weight: 600; } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2 .select2-selection, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text { height: 50px; background: #fff; border: 1px solid #d9d9d9; border-radius: 0px; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2 .select2-selection:focus, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:focus { border: 1px solid var(--px-color-2); } .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2 .select2-selection span { top: 0; } .px_cart_totols .cart_totals .wc-proceed-to-checkout { padding: 0; } .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button { font-size: 16px; color: #fff; background: var(--px-color-1); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; padding: 12px 10px !important; transition: all 1s ease 0s !important; } .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::after, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button::after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::after, .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .wc-proceed-to-checkout .checkout-button:hover::after, body #page-container .et_pb_section .px_cart_totols .cart_totals .shop_table .woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } @media only screen and (max-width:576px) { .px_cart_products.et_pb_wc_cart_products .woocommerce-cart-form .shop_table .actions .coupon .input-text { width: 100%; } } /* ----------------------------------- 06. Cart Page CSS End Here -------------------------------------*/ /* ----------------------------------- 07. Checkout Page CSS Start Here -------------------------------------*/ .px_checkout_title .entry-title {} /*------ Checkout Login ------*/ /* login */ .px_checkout_login .woocommerce-info { background-color: var(--px-color-1); } /* button */ /* lost Pass */ /* Toggle */ .px_checkout_login .woocommerce-form-coupon-toggle .woocommerce-info { background-color: var(--px-color-1); } .px_checkout_login .woocommerce-error { background-color: var(--px-color-1); } /* Coupen & Log in */ .px_checkout_login .checkout_coupon p, .px_checkout_login .woocommerce-form p { font-size: 16px; color: var(--px-color-2); } .px_checkout_login .checkout_coupon .form-row input, .px_checkout_login .woocommerce-form .form-row input { height: 50px; background: #fff !important; border: 1px solid #d9d9d9; border-radius: 0px !important; font-size: 16px !important; color: #666 !important; position: relative; transition: all 0.3s ease 0s; } .px_checkout_login .checkout_coupon .form-row input:focus, .px_checkout_login .woocommerce-form .form-row input:focus { border: 1px solid var(--px-color-2); } /* button */ .px_checkout_login .checkout_coupon .form-row .button, .px_checkout_login .woocommerce-form .form-row .button { color: #fff; background: var(--px-color-1); font-size: 16px; font-weight: 600; text-transform: capitalize; letter-spacing: 1px; border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; padding: 12px 30px !important; transition: all 1s ease 0s !important; } .px_checkout_login .checkout_coupon .form-row .button:hover, .px_checkout_login .woocommerce-form .form-row .button:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_checkout_login .checkout_coupon .form-row .button::after, .px_checkout_login .woocommerce-form .form-row .button::after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_checkout_login .checkout_coupon .form-row .button:hover::after, .px_checkout_login .woocommerce-form .form-row .button:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_checkout_login .woocommerce-form .lost_password a { color: var(--px-color-2); text-decoration: underline; } /*------ Checkout Details ------*/ .px_checkout_details form .woocommerce-billing-fields h3 { font-weight: 600; color: var(--px-color-2); } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row label { color: #000; font-size: 15px; margin: 10px 0px 5px 0px; } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input { height: 50px; background: #fff; border: 1px solid #d9d9d9; border-radius: 0px; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus { border: 1px solid var(--px-color-2); } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection { height: 50px; background: #fff; border: 1px solid #d9d9d9; border-radius: 0px; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection:focus { border: 1px solid var(--px-color-2); } .px_checkout_details form .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection .select2-selection__arrow { top: 0; } /*------ Checkout Address ------*/ .px_checkout_address form #ship-to-different-address .checkbox input { accent-color: var(--px-color-1); } .px_checkout_address form #ship-to-different-address .checkbox span { font-weight: 600; color: var(--px-color-2); } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row label { color: #000; font-size: 15px; margin: 10px 0px 5px 0px; } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input { height: 50px; background: #fff; border: 1px solid #d9d9d9; border-radius: 0px; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper input:focus { border: 1px solid var(--px-color-2); } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection { height: 50px; background: #fff; border: 1px solid #d9d9d9; border-radius: 0px; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection:focus { border: 1px solid var(--px-color-2); } .px_checkout_address form .woocommerce-shipping-fields__field-wrapper .form-row .woocommerce-input-wrapper .selection .select2-selection .select2-selection__arrow { top: 0; } /* Addition Information */ .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields h3 { font-weight: 600; color: var(--px-color-2); } .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes label { font-size: 16px; color: #000; } .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea { background: #fff; border: 1px solid #d9d9d9; border-radius: 0px; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_checkout_details_add_info form #customer_details .woocommerce-additional-fields__field-wrapper .notes .woocommerce-input-wrapper textarea:focus { border: 1px solid var(--px-color-2); } /* checkout order column */ /* notice */ /* Heading */ .px_checkout_order form #order_review_heading { font-weight: 700; } /* thead */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-name { color: #000; font-size: 18px; } .px_checkout_order form .woocommerce-checkout-review-order .shop_table thead .product-total { color: #000; font-size: 18px; } /* tbody */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td { font-size: 15px; } .px_checkout_order form .woocommerce-checkout-review-order .shop_table tbody td strong { color: var(--px-color-2); } /*--- tfoot ---*/ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot th { color: #000; font-size: 15px; } /* Subtotal */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .cart-subtotal th { color: #000; font-size: 15px; } /* Shipping */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping th { color: #000; font-size: 15px; } .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot .shipping .woocommerce-shipping-methods input { accent-color: var(--px-color-1); } /* Total Order */ .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot th, .px_checkout_order form .woocommerce-checkout-review-order .shop_table tfoot td { color: #000; font-size: 15px; } /*------ Checkout Payment ------*/ /* notice */ .px_checkout_payment .checkout input { accent-color: var(--px-color-1); } .px_checkout_payment .checkout .woocommerce-terms-and-conditions-checkbox-text { font-size: 15px; } .px_checkout_payment .checkout .woocommerce-terms-and-conditions-checkbox-text a { color: var(--px-color-1); font-size: 16px; font-weight: 700; transition: 0.5s; } .px_checkout_payment .checkout .woocommerce-terms-and-conditions-checkbox-text a:hover { color: var(--px-color-2); transition: 0.5s; } /* Payment Methods */ .px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error { background-color: var(--px-color-1); } .px_checkout_payment .checkout .woocommerce-NoticeGroup .woocommerce-error li a { color: var(--px-color-2); } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method input { accent-color: var(--px-color-1); } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box p { line-height: 26px; font-size: 14px; } /* Place Order */ .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p { font-size: 15px; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p a { font-size: 16px; color: var(--px-color-1); font-weight: 700; transition: 0.5s; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p a:hover { color: var(--px-color-2); transition: 0.5s; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button { border: none; font-size: 14px; background-color: var(--px-color-1); color: #fff; padding: 12px 25px; transition: all 0.4s; } .px_checkout_payment .checkout .woocommerce-checkout-review-order .woocommerce-checkout-payment .place-order .button:hover { background-color: var(--px-color-2); } /* Order details Main */ .px_checkout_payment .woocommerce-order { box-shadow: 0 70px 70px -60px rgba(0, 0, 0, 0.3); } .px_checkout_payment .woocommerce-order .woocommerce-notice { font-size: 20px; margin-bottom: 20px; color: var(--px-color-2); } .px_checkout_payment .woocommerce-order .woocommerce-order-overview li { font-size: 14px; } .px_checkout_payment .woocommerce-order .woocommerce-order-overview li strong { color: var(--px-color-2); font-size: 16px; margin: 5px 0px 15px 0px; } .px_checkout_payment .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title { color: var(--px-color-2); font-weight: 600; margin-bottom: 10px; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table { border: 1px solid #d9d9d9; border-radius: 0px; padding: 0px 10px; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table tr td, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tr td { border-color: #d9d9d9; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table thead tr th, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table thead tr th { color: #000; font-size: 18px; font-weight: 600; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td { font-size: 16px; color: var(--px-color-2); } .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td strong, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td strong { color: var(--px-color-2); font-size: 16px; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td a, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td a { color: var(--px-color-1); font-size: 15px; transition: 0.5s; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table tbody tr td a:hover, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td a:hover { color: var(--px-color-2); transition: 0.5s; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr th, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tfoot tr th { color: var(--px-color-2); font-size: 16px; } .px_checkout_payment .woocommerce-order .woocommerce-order-details table tfoot tr td, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tfoot tr td { font-size: 15px; color: var(--px-color-2); } .px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again a.button, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td a.button { font-size: 14px; padding: 12px 25px; color: #fff; background: var(--px-color-1); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; transition: all 1s ease 0s !important; } .px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again a.button:after, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td a.button:after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_checkout_payment .woocommerce-order .woocommerce-order-details .order-again a.button:hover:after, .px_checkout_payment .woocommerce-order .woocommerce-order-downloads table tbody tr td a.button:hover:after { width: 400px; height: 400px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_checkout_payment .woocommerce-order .woocommerce-customer-details h2 { color: var(--px-color-2); font-weight: 600; margin-bottom: 10px; } .px_checkout_payment .woocommerce-order .woocommerce-customer-details address { font-size: 15px; line-height: 30px; font-style: italic; } .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone { margin-top: 20px; } .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email { padding-bottom: 0; color: var(--px-color-2); font-style: normal; transition: 0.5s; } .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone:hover, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email:hover { color: var(--px-color-1); transition: 0.5s; } .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone::before, .px_checkout_payment .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email::before { color: var(--px-color-1); font-weight: 900; } /* Payment Methods */ .px_checkout_payment #payment { box-shadow: 0 70px 70px -60px rgba(0, 0, 0, 0.3); border: 1px solid #e6e6e6; border-radius: 0px; } .px_checkout_payment #payment .wc_payment_methods li label { font-size: 16px; color: var(--px-color-2); font-weight: 600; } .px_checkout_payment #payment .wc_payment_methods li .payment_box { background-color: #eee; padding: 20px; } .px_checkout_payment #payment .form-row .button { font-size: 15px; color: #fff; background: var(--px-color-1); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; padding: 12px 30px !important; margin-top: 20px; transition: all 1s ease 0s !important; } .px_checkout_payment #payment .form-row .button:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_checkout_payment #payment .form-row .button::after { content: ""; background: var(--px-color-2); width: 15px; height: 15px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_checkout_payment #payment .form-row .button:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } /* Checkout Login Form CSS */ .px_checkout_payment .woocommerce-info { background-color: var(--px-color-1); padding: 15px 15px 15px 40px !important; margin-bottom: 0px; } .px_checkout_payment .woocommerce-info:before { content: "\e062"; position: absolute; font-family: ETmodules; display: block !important; color: red !important; left: 15px; top: 0; bottom: 0; margin: auto; height: fit-content; } .px_checkout_payment .woocommerce-form { border: 1px solid #d9d9d9 !important; border-radius: 0px !important; } .px_checkout_payment .woocommerce-form .form-row { margin: 0px !important; } .px_checkout_payment .woocommerce-form .form-row label { color: #000; font-size: 15px; margin: 10px 0px 5px 0px; } .px_checkout_payment .woocommerce-form .form-row input { height: 50px !important; background: #fff !important; border: 1px solid #d9d9d9 !important; font-size: 16px !important; color: #666 !important; position: relative; transition: all 0.3s ease 0s; } .px_checkout_payment .woocommerce-form .form-row .button { font-size: 15px; color: #fff; background: var(--px-color-1); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; padding: 12px 30px !important; margin-top: 20px; transition: all 1s ease 0s !important; } .px_checkout_payment .woocommerce-form .form-row .button:after { content: ""; background: var(--px-color-2); width: 15px; height: 15px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_checkout_payment .woocommerce-form .form-row .button:hover:after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_checkout_payment .woocommerce-form .lost_password a { color: var(--px-color-1); text-decoration: underline; } /* Notice CSS */ .px_checkout_payment .woocommerce-error { background-color: var(--px-color-1); } /* ----------------------------------- 00. Checkout Page CSS End Here -------------------------------------*/ /* ----------------------------------- 00. My Account Page CSS Start Here -------------------------------------*/ /* Notice Wrapper CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper .woocommerce-message, .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error { background-color: var(--px-color-1); } /* Register Form CSS */ .px_my_account .woocommerce .woocommerce-form-register { padding: 40px; box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.03); background: #fff; border: none; border-radius: 0px; border: 1px solid #e6e6e6; } .px_my_account .woocommerce .woocommerce-form-register .form-row label { color: var(--px-color-2); } .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text { height: 50px; background: #fff; border: 1px solid #d9d9d9; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_my_account .woocommerce .woocommerce-form-register .form-row input.input-text:focus { border: 1px solid var(--px-color-2); } .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit { font-size: 14px; padding: 12px 25px; color: #fff; background: var(--px-color-1); margin-top: 30px; letter-spacing: 1px; border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit::after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_my_account .woocommerce .woocommerce-form-register .form-row button.woocommerce-form-register__submit:hover:after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p { color: #aaa; line-height: 26px; } .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a { color: var(--px-color-2); font-size: 15px; font-weight: 700; transition: 0.5s; } .px_my_account .woocommerce .woocommerce-form-register .woocommerce-privacy-policy-text p a:hover { color: var(--px-color-1); transition: 0.5s; } /* Login Form CSS */ .px_my_account .woocommerce h2 { color: var(--px-color-2) !important; } .px_my_account .woocommerce .woocommerce-form-login { padding: 40px; box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.03); background: #fff; border: none; border-radius: 0px; border: 1px solid #e6e6e6; } /* Label CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row label { color: var(--px-color-2); } /* Input Field CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text { height: 50px; background: #fff; border: 1px solid #d9d9d9; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_my_account .woocommerce .woocommerce-form-login .form-row input.input-text:focus { border: 1px solid var(--px-color-2); } .px_my_account .woocommerce .woocommerce-form-login .form-row input[type="checkbox"] { accent-color: var(--px-color-1); margin-top: 50px; } /* Button CSS */ .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit { font-size: 14px; padding: 12px 25px; color: #fff; background: var(--px-color-1); letter-spacing: 1px; border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; margin-top: 35px; margin-bottom: 15px; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit::after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_my_account .woocommerce .woocommerce-form-login .form-row .woocommerce-form-login__submit:hover:after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } /* Lost Password CSS */ .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a { color: var(--px-color-1); font-size: 15px; font-weight: 700; transition: 0.5s; } .px_my_account .woocommerce .woocommerce-form-login .woocommerce-LostPassword a:hover { color: var(--px-color-2); transition: 0.5s; } /* Reset Password CSS */ .px_my_account .woocommerce .woocommerce-ResetPassword .form-row label { color: #000; font-size: 15px; margin: 10px 0px 5px 0px; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row input { height: 50px; background: #fff; border: 1px solid #d9d9d9; border-radius: 0px; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button { font-size: 15px; color: #fff; background: var(--px-color-1); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; padding: 12px 30px !important; margin-top: 20px; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button::after { content: ""; background: var(--px-color-2); width: 15px; height: 15px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_my_account .woocommerce .woocommerce-ResetPassword .form-row button.button:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } /* Reset Password Error Box CSS */ .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error { background-color: var(--px-color-1); } .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li { font-size: 16px; position: relative; } .px_my_account .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li::before { content: "\e062"; font-family: ETmodules; color: red; } /* Navigation CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; padding: 15px; border-radius: 15px; position: relative; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul::before { content: ""; background-color: var(--px-color-1); opacity: 0.1; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li { color: #fff; background: var(--px-color-1); text-transform: capitalize; letter-spacing: 1px; border: none !important; overflow: hidden; position: relative; z-index: 1; padding: 15px 30px !important; margin: 6px 0px; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a { font-size: 15px; color: #fff; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a { color: #fff; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active:after, .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover:after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a { position: relative; transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li a::before { content: "."; color: #fff; position: absolute; left: 0; z-index: 3; font-size: 80px; top: -28px; opacity: 0; transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a { padding-left: 22px; transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::before, .px_my_account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a::before { opacity: 1; transition: 0.5s; } /* Content CSS */ .px_my_account .woocommerce .woocommerce-MyAccount-content p { font-size: 16px; line-height: 26px; margin-bottom: 10px; } .px_my_account .woocommerce .woocommerce-MyAccount-content mark { background: var(--px-color-1); color: #fff; padding: 0px 10px; } .px_my_account .woocommerce .woocommerce-MyAccount-content p strong { color: var(--px-color-2); transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-content p strong:hover { color: var(--px-color-1); transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-content p a { color: var(--px-color-1); transition: all 0.4s; } .px_my_account .woocommerce .woocommerce-MyAccount-content p a:hover { color: var(--px-color-2); text-decoration: underline; } /* Order CSS*/ .px_my_account .woocommerce .woocommerce-info { background: var(--px-color-1); } /* Download CSS*/ .px_my_account .woocommerce .woocommerce-info { background-color: var(--px-color-1); } .px_my_account .woocommerce .woocommerce-info a.button { font-size: 14px; font-weight: 600; padding: 12px 25px; color: var(--px-color-2); background: #fff; text-transform: capitalize; letter-spacing: 1px; border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-info a.button:hover { color: #fff; background: #fff !important; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-info a.button::after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_my_account .woocommerce .woocommerce-info a.button:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } /* Address CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 { color: var(--px-color-2); font-weight: 700; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a { color: var(--px-color-1); font-size: 18px; font-weight: 600; text-decoration: underline; transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title a:hover { color: var(--px-color-2); transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address { font-size: 15px; line-height: 30px; } /* Account Details CSS*/ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label { color: var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text { height: 50px; background: #fff; border: 1px solid #d9d9d9; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row input.input-text:focus { border: 1px solid var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row em { font-size: 14px; color: #aaa; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend { font-size: 14px; margin-bottom: 10px; color: #aaa; } .px_my_account .woocommerce .woocommerce-MyAccount-content form h3 { font-weight: 700; color: var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields label { color: var(--px-color-2); font-size: 15px; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields input { height: 50px; background: #fff; border: 1px solid #d9d9d9; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields input:focus { border: 1px solid var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection { height: 50px; background: #fff; border-radius: 0px; border: 1px solid #d9d9d9; padding: 10px; font-size: 16px; color: #666; position: relative; transition: all 0.3s ease 0s; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection:focus { border: 1px solid var(--px-color-2); } .px_my_account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .select2 .select2-selection__arrow { top: 8px; right: 10px; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .button { color: #fff; background: var(--px-color-1); font-size: 16px; font-weight: 600; text-transform: capitalize; letter-spacing: 1px; border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; padding: 15px 30px !important; margin-top: 30px; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .button::after { content: ""; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content form .button:hover::after { width: 500px; height: 500px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } /* Order List */ .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table thead tr th { color: var(--px-color-2); font-size: 18px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td { font-size: 15px; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a { font-size: 15px; color: var(--px-color-2); font-weight: 700; transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number a:hover { color: var(--px-color-1); transition: 0.5s; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button { font-size: 14px; padding: 12px 25px; color: #fff; background: var(--px-color-1); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; margin: 6px; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover { color: #fff; background: var(--px-color-1) !important; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a::after, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button::after { content: ""; background: var(--px-color-2); width: 15px; height: 15px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions a:hover::after, .px_my_account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button:hover::after { width: 200px; height: 200px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } /* Order Details */ .px_my_account .woocommerce .woocommerce-MyAccount-content table { border: 1px solid #d9d9d9; border-radius: 0px; padding: 0px 10px; } .px_my_account .woocommerce table thead tr th { color: var(--px-color-2); font-size: 18px; } .px_my_account .woocommerce .woocommerce-MyAccount-content table td { border-color: #d9d9d9; } .px_my_account .woocommerce table tbody tr td .woocommerce-Price-amount { font-size: 15px; color: var(--px-color-2); } .px_my_account .woocommerce table tbody tr td a { color: var(--px-color-1); font-size: 15px; font-weight: 600; transition: 0.5s; } .px_my_account .woocommerce table tbody tr td a:hover { color: var(--px-color-2); transition: 0.5s; } .px_my_account .woocommerce table tbody tr td strong { color: var(--px-color-2); font-size: 16px; font-weight: 700; transition: 0.5s; } .px_my_account .woocommerce table tbody tr td strong:hover { color: var(--px-color-1); transition: 0.5s; } .px_my_account .woocommerce table tfoot tr td:last-child { color: var(--px-color-2); font-size: 15px; } .px_my_account .woocommerce table tfoot tr th { color: var(--px-color-2); font-size: 16px; } .px_my_account .woocommerce .woocommerce-MyAccount-content table tr td a.button, .px_my_account .woocommerce .woocommerce-MyAccount-content .order-again a.button { font-size: 14px; padding: 12px 25px; color: #fff; background: var(--px-color-1); border: none !important; border-radius: 0; overflow: hidden; position: relative; z-index: 1; margin: 6px; text-decoration: none !important; transition: all 1s ease 0s !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content table tr td a.button:after, .px_my_account .woocommerce .woocommerce-MyAccount-content .order-again a.button:after { content: ""; background: var(--px-color-2); width: 15px; height: 15px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_my_account .woocommerce .woocommerce-MyAccount-content table tr td a.button:hover:after, .px_my_account .woocommerce .woocommerce-MyAccount-content .order-again a.button:hover:after { width: 400px; height: 400px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_my_account .woocommerce .woocommerce-customer-details address { font-size: 15px; line-height: 30px; font-style: italic; } .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone { margin-top: 20px; margin-bottom: 5px; } .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone, .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email { padding-bottom: 0; color: var(--px-color-2); font-style: normal; transition: 0.5s; } .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone:hover, .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email:hover { color: var(--px-color-1); transition: 0.5s; } .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--phone::before, .px_my_account .woocommerce .woocommerce-customer-details address .woocommerce-customer-details--email::before { color: var(--px-color-1); font-weight: 900; } @media only screen and (max-width:980px) { .px_my_account .woocommerce .woocommerce-form-login { padding: 20px; } .px_my_account .woocommerce .woocommerce-form-register { padding: 20px; } } /* ----------------------------------- 00. My Account Page CSS End Here -------------------------------------*/ /* ----------------------------------- 10. External Plugin CSS Start Here -------------------------------------*/ /* ----------------------------------- 10.1 Fibo Search CSS Start Here -------------------------------------*/ /* Fibo Search */ .dgwt-wcas-overlay-mobile {background:transparent;} .dgwt-wcas-overlay-mobile .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {border-radius:0px;} .dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar button.dgwt-wcas-om-return {background: var(--px-color-2);} .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { height: 45px !important; } /* Fibo Search */ .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { height: 45px !important; } /*Search Button*/ .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { background-color: var(--px-color-2); opacity: 1; border-radius: 0px; } .px_header_search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { border: 1px solid #fff; } .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before { border-color: transparent var(--px-color-2) transparent !important; } .dgwt-wcas-search-wrapp { width: 100%; margin: 0; } /* ----------------------------------- 10.1 Fibo Search CSS Start Here -------------------------------------*/ /* ----------------------------------- 10.2 Fly Cart Plugin CSS Start Here -------------------------------------*/ /*WPC Cart Icon*/ .et-db #et-boc .et-l .dct_menu_icons ul.et-menu.nav li .woofc-icon-cart16::before, .dct_menu_icons ul.et-menu.nav li .woofc-icon-cart16::before { font-size: 20px; } /*Header Menu Cart Icons*/ .et-db #et-boc .et-l .dct_menu_icons ul.et-menu.nav li, .dct_menu_icons ul.et-menu.nav li { margin-top: 0; padding: 0 10px; } .et-db #et-boc .et-l .dct_menu_icons ul.et-menu.nav li a, .dct_menu_icons ul.et-menu.nav li a { padding: 0; color: #fff; opacity: 1; font-size: 24px; } /*Fly Cart*/ .et-db #et-boc .et-l .woofc-menu-item .woofc-menu-item-inner::after, .woofc-menu-item .woofc-menu-item-inner::after { left: 15px; top: -11px; z-index: 999; font-size: 13px; background-color: var(--px-color-1); } .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.menu-item.woofc-menu-item.menu-item-type-woofc { padding: 0; overflow: hidden; } .dct_cart_menu ul.et-menu.nav li.menu-item.woofc-menu-item.menu-item-type-woofc a { border-radius: 0px; height: 40px; padding-top: 15px !important; padding-right: 5px !important; padding-left: 9px; width: 40px; transition: width 200ms ease 0ms; text-align: left; opacity: 1; font-size: 17px; font-weight: 600; } .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.menu-item.woofc-menu-item.menu-item-type-woofc:hover a { width: 110px; } .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.menu-item.woofc-menu-item.menu-item-type-woofc .woofc-icon-cart7 { font-size: 22px; transition: .3s ease; display: table-cell; line-height: 10px; color: #333 !important; } .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.menu-item.woofc-menu-item.menu-item-type-woofc .woofc-menu-item-inner-subtotal { line-height: 9px; padding-left: 16px !important; display: table-cell; font-size: 15px; color: var(--px-color-1); } /*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(--px-color-1); border-radius: 0px !important; } .woofc-count i { color: #fff; } .woofc-count span { background-color: var(--px-color-2) !important; border-radius: 0px !important; } .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; } /* Page Fly Icon Count*/ .woofc-no-item, .woofc-area.woofc-style-01 .woofc-error { color: #000; } .woofc-count { background-color: var(--px-color-1); border-radius: 0; } .woofc-count i { color: #fff; } .woofc-count span { background-color: var(--px-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*/ [class^="woofc-icon-"], [class*=" woofc-icon-"] { color: #fff; } .woofc-area.woofc-style-01 { background-color: #fff; } .woofc-inner.woofc-cart-area { border-radius: 0px !important; } .woofc-area-bot .woofc-action .woofc-action-inner>div a { position: relative; overflow: hidden; color: #fff; height: auto !important; line-height: unset !important; font-size: 15px !important; background-color: var(--px-color-1) !important; border: none !important; border-radius: 0px !important; padding: 12px 40px !important; z-index: 1; } .woofc-area-bot .woofc-action .woofc-action-inner>div a:before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0 !important; bottom: 0; opacity: 1 !important; margin: 0 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .woofc-area-bot .woofc-action .woofc-action-inner>div a:hover:before { transform: scaleY(1); } .woofc-area-bot .woofc-action .woofc-action-inner>div a:after { display: none !important; } .woofc-area-top { background-color: var(--px-color-1) !important; color: #fff !important; border-radius: 0px !important; } [class*="hint--"]::after { background: var(--px-color-2) !important; } .hint--left::before { border-left-color: var(--px-color-2) !important; } .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty { border-radius:0px !important; border: 1px solid #e6e6e6 !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(--px-color-1) !important; color: #fff !important; } /*Close Button*/ .woofc-area-top .woofc-close { background: var(--px-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); color: #000; } .woofc-area-bot .woofc-link span, .woofc-area-bot .woofc-continue span { color: #000 !important; border-color: #000 !important; } #woofc-area { border-radius: 0px; } .woofc-area .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-thumb img { border: 1px solid #e5e5e5; border-radius: 0px !important; } /* ----------------------------------- 10.2 Fly Cart Plugin CSS End Here -------------------------------------*/ /* ----------------------------------- 10.3 Yith Wistlist Plugin CSS Start Here -------------------------------------*/ /* Wishlist Icon*/ .et-db #et-boc .et-l .dct_menu_icons.bg ul.et-menu.nav li span.wishlist_products_counter_number { background: #000; } .et-db #et-boc .et-l .dct_menu_icons ul.et-menu.nav li span.wishlist_products_counter_number, .dct_menu_icons ul.et-menu.nav li span.wishlist_products_counter_number { color: #ffffff; font-size: 10px; font-weight: 400; width: 16px; display: block; height: 16px; line-height: 16px; text-align: center; border-radius: 8px; position: absolute; left: 15px; top: -7px; background-color: var(--px-color-1); } .et-db #et-boc .et-l .dct_menu_icons ul.et-menu.nav li .wishlist_products_counter:before, .dct_menu_icons ul.et-menu.nav li .wishlist_products_counter:before { font-size: 23px; content: "\f004"; font-family: FontAwesome !important; } /* Wishlist Plugin CSS Start */ /*Wishlist Info bar*/ .tinv-wishlist.woocommerce .cart-empty.woocommerce-info, .tinv-wishlist.woocommerce .woocommerce-message { background: var(--px-color-1); margin-bottom: 10px; border-radius: 5px; } .tinv-wishlist .tinv-header { margin-bottom: 15px; } .tinv-wishlist.woocommerce .woocommerce-message .button.wc-forward { background: #fff; color: var(--px-color-1); font-size: 18px; padding: 8px 20px; border-radius: 5px !important; border: none !important; } .tinv-wishlist.woocommerce .woocommerce-message .button.wc-forward:after { display: none; } /*Wishlist popup*/ .tinv-wishlist .tinv-modal-inner { border-radius: 0px; } .tinv-wishlist .tinvwl_added_to_wishlist .tinv-cell .tinvwl-buttons-group .button { background: var(--px-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(--px-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: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0 !important; bottom: 0; opacity: 1 !important; margin: 0 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:hover:before { transform: scaleY(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(--px-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(--px-color-1); } /**Wishlist On Single Product*/ .et_pb_wc_add_to_cart .cart { display: flex; flex-wrap: wrap; } .tinvwl_add_to_wishlist_button { position: relative; margin: 0px 0px 0px 5px !important; height: 50px; width: 50px; font-size: 0px; border-radius:0px; color: #fff; display: flex; justify-content: center; align-items: center; background-color: var(--px-color-2); overflow: hidden; z-index: 1; } .tinvwl_add_to_wishlist_button:before { margin: 0px !important; font-size: 24px !important; } .tinvwl_add_to_wishlist_button:after { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 1 !important; background: var(--px-color-1); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } .tinvwl_add_to_wishlist_button:hover:after { transform: scaleY(1); } /*Title*/ /* .tinv-wishlist {border-radius:10px !important; } .tinv-wishlist .tinv-header h2 { font-size: 23px; font-weight: 600; border-bottom: 2px solid var(--px-color-2); display: inline-block; color: var(--px-color-1); margin-bottom: 10px; } */ /*Wishlist Page*/ /* .tinv-wishlist .product-remove button { background:transparent; border: 1px solid var(--px-color-1) !important; color: var(--px-color-1); border-radius: 5px; padding-top: 2px; } .tinv-wishlist .product-remove button:hover {background: var(--px-color-1);color:#fff !important;box-shadow: 0px 1px 20px 10px rgba(0,0,0,0.05);} .tinvwl-input-group .form-control { height: 43px; border-radius: 5px; border: 1px solid #e6e6e6; padding: 5px 10px !important; } .tinvwl-table-manage-list tr td { padding: 20px 24px; } .tinvwl-table-manage-list tr td a img { -webkit-box-shadow: 5px 5px 2px 0 rgba(92,92,92,.2); -moz-box-shadow: 5px 5px 2px 0 rgba(92,92,92,.2); box-shadow:5px 5px 2px 0 rgba(92,92,92,.2); border-radius:5px; } .tinvwl-table-manage-list tr td a:hover img { -webkit-box-shadow: 5px 5px 2px 0 var(--px-color-1); -moz-box-shadow: 5px 5px 2px 0 var(--px-color-1); box-shadow:5px 5px 2px 0 var(--px-color-1); } .tinv-wishlist .product-action { width: auto; } .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button:hover , .tinvwl-input-group-btn button, .woocommerce.tinv-wishlist button.button.alt, .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward, .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input, .tinvwl-table-manage-list .tinvwl-to-right .button { background: var(--px-color-1) !important ; border-radius:5px !important; color: #fff !important; font-size: 15px !important; border: 3px solid transparent !important; transform: scale(1); transition: .2s ease-in-out; } .tinvwl-input-group-btn button:after {display:none !important;} .tinvwl-input-group-btn button:hover, .woocommerce.tinv-wishlist button.button.alt:hover, .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:hover { background: #fff !important; color: var(--px-color-1) !important; transform: scale(1.02); border: 3px solid var(--px-color-1) !important; transition: .2s ease-in-out; padding: 0.3em 1em !important; } .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input, .tinvwl-table-manage-list .tinvwl-to-right .button, .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward { background: var(--px-color-2) !important; } .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:hover, .tinvwl-table-manage-list .tinvwl-to-right .button:hover, .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:hover { background: #fff !important; color: var(--px-color-2) !important; transform: scale(1.02); border: 3px solid var(--px-color-2) !important; transition: .2s ease-in-out; padding: 0.3em 1em !important; } .woocommerce.tinv-wishlist button.button.alt:after, .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:after, .tinvwl-table-manage-list .tinvwl-to-right .button:after, .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:after { display: none; } .tinvwl-table-manage-list tbody .wishlist_item td.product-name a { color: var(--px-color-1) !important; font-size: 15px; } .tinv-wishlist .product-remove button { cursor: pointer; } */ /*Wishlist-Social Share*/ /* .tinv-wishlist .social-buttons ul { padding-bottom: 0px; } .tinv-wishlist .social-buttons > span { font-size: 19px; color: var(--px-color-2); font-weight: 600; margin-right: 10px; } .tinv-wishlist .social-buttons li a.social { color: var(--px-color-1); background:transparent; font-size: 14px; width: 40px; height: 40px; line-height: 40px; border-radius:5px !important; border: 3px solid var(--px-color-1) !important; } .tinv-wishlist .social-buttons li a.social:hover { background: var(--px-color-1); color:#fff !important; } .tinv-wishlist .social-buttons li a.social i { line-height: 35px; } */ /*Wishlist On Shop Module*/ /*Wishlist Page*/ .px_wishlist .tinv-wishlist .product-remove button { background-color: #ffffff; color: #ff0000; transition: all 0.4s; } .px_wishlist .tinv-wishlist .product-remove button:hover { background-color: #ff0000; color: #ffffff; } .px_wishlist .tinvwl-input-group .form-control { height: 45px; } .px_wishlist .tinv-wishlist form { padding: 0px 10px !important; border: 1px solid #d9d9d9 !important; } .px_wishlist .tinvwl-table-manage-list { margin-bottom: 0px !important; border: none !important; } .px_wishlist .tinvwl-table-manage-list tr th { font-weight: 600; font-size: 15px; padding: 5px 10px; color: #202020 !important; } .px_wishlist .tinvwl-table-manage-list tr th {} .px_wishlist .tinvwl-table-manage-list tr td { padding: 5px 10px; border-color: #d9d9d9; } .px_wishlist .tinvwl-table-manage-list tr td { color: #202020; transition: all 0.4s; } .px_wishlist .tinvwl-table-manage-list tr td a { color: var(--px-color-1); } .px_wishlist .tinvwl-table-manage-list tr td a img { width: 50px; padding: 5px; border: 1px solid #d9d9d9; } .px_wishlist .tinv-wishlist .product-action {} .px_wishlist .tinvwl-table-manage-list .button, .px_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input, .px_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button, .px_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward { font-size: 14px !important; padding: 10px 10px !important; color: #fff !important; background: var(--px-color-1) !important; border: none !important; border-radius: 0 !important; overflow: hidden; position: relative !important; z-index: 1; transition: all 1s ease 0s !important; } .px_wishlist .tinvwl-table-manage-list button .tinvwl-txt {} .px_wishlist .tinvwl-table-manage-list .button:before, .px_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:before, .px_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:before, .px_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:before { content: "" !important; background: var(--px-color-2); width: 20px; height: 20px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; display: block !important; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_wishlist .tinvwl-table-manage-list .button:hover:before, .px_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:hover:before, .px_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:hover:before, .px_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:hover:before { width: 400px; height: 400px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } .px_wishlist .tinvwl-table-manage-list .button:after, .px_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:after, .px_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:after, .px_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:after { display: none !important; } .px_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input, .px_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button, .px_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward { background-color: var(--px-color-2) !important; } .px_wishlist .tinvwl-input-group .tinvwl-input-group-btn .button.tinvwl-break-input:before, .px_wishlist .tinvwl-table-manage-list .tinvwl-to-right .button:before, .px_wishlist .tinv-wishlist.woocommerce .return-to-shop .button.wc-backward:before { background: var(--px-color-1); } .px_wishlist .tinvwl-table-manage-list tbody .wishlist_item td.product-name a {} .px_wishlist .tinvwl-table-manage-list tbody .wishlist_item td.product-name a:hover {} .px_wishlist .tinv-wishlist .social-buttons { margin-top: 10px; } .px_wishlist .tinv-wishlist .social-buttons span { font-size: 20px; color: #202020; } .px_wishlist .tinv-wishlist .social-buttons ul li .social { position: relative; overflow: hidden; background-color: var(--px-color-2); border-radius: 0px; font-size: 16px; color: #fff; z-index: 1; } .px_wishlist .tinv-wishlist .social-buttons ul li .social:before { content: ""; background: var(--px-color-1); width: 15px; height: 15px; border-radius: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: -50%; z-index: -1; opacity: 1 !important; margin: 0 !important; transition: top .5s ease-in .5s, width .5s ease-out, height .5s ease-out !important; } .px_wishlist .tinv-wishlist .social-buttons ul li .social:hover:before { width: 70px; height: 70px; top: 50%; transition: top .5s ease-in, width .5s ease-out .5s, height .5s ease-out .5s !important; } /* ----------------------------------- 10.3 Yith Wistlist Plugin CSS End Here -------------------------------------* /* ----------------------------------- 10.4 Yith Quick Popup Plugin CSS Start Here -------------------------------------*/ .yith-wcqv-main { scrollbar-width: thin; } /*Quntity*/ .yith-wcqv-main .quantity input.qty { background: transparent; border: 1px solid #e6e6e6; width: 5.3em; padding: 12px 4px; border-radius:0px; } /*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 { background: var(--px-color-2) !important; color: #fff !important; border: 3px solid var(--px-color-2) !important; transition: .2s ease-in-out; padding: 5px 30px !important; font-size: 0px !important; height: 50px; line-height: 35px; border-radius:0px; margin-top: 0px; margin-left: 10px; } .yith-wcqv-main .cart .tinv-wraper a.tinvwl_add_to_wishlist_button:hover { background: #fff !important; color: var(--px-color-2) !important; transform: scale(1.02); border: 3px solid var(--px-color-2) !important; transition: .2s ease-in-out; transition-property: all; padding: 5px 30px !important; } @media only screen and (max-width : 480px) { .tinvwl_add_to_wishlist_button { margin-left: 0px !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(--px-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(--px-color-2); } #yith-quick-view-content .woocommerce .quantity input.qty { width: 80px; } /*close button*/ #yith-quick-view-close { background: var(--px-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(--px-color-2); color: #fff; } /*sale base*/ .yith-wcqv-main .product span.onsale { background: var(--px-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(--px-color-2) !important; } .yith-wcqv-main .woocommerce .star-rating span::before, .yith-wcqv-main .woocommerce-page .star-rating span::before { color: var(--px-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(--px-color-1); } /*Title*/ .yith-wcqv-main .summary-content .product_title.entry-title { font-size: 24px; font-weight: 600; color: var(--px-color-1); margin-bottom: 10px; } /*Product cart button*/ .yith-wcqv-wrapper .cart .button { background: var(--px-color-1) !important; color: #fff !important; border: 3px solid var(--px-color-1) !important; transition: .2s ease-in-out; padding: 5px 30px !important; font-size: 18px !important; height: 50px; border-radius:0px !important; } .yith-wcqv-wrapper .cart .button:hover { background: #fff !important; color: var(--px-color-1) !important; transform: scale(1.02); border: 3px solid var(--px-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(--px-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(--px-color-1); font-size: 20px; margin-bottom: 26px; display: block; } /* ----------------------------------- 10.4 Yith Quick Popup Plugin CSS End Here -------------------------------------*/ /* ----------------------------------- 10.5 Ajax Filter Plugin CSS Start Here -------------------------------------* /*= Ajax Filter Plugin =*/ .bapf_ckbox_square input[type="checkbox"] { width: 15px; height: 15px; } .berocket_single_filter_widget { padding: 15px; border-radius: 0px; border: 1px solid #e5e5e5; background: #fff; width: 100%; margin-bottom: 20px; } .bapf_sfilter { margin-bottom: 0px; } /*Filter Price*/ .irs--flat .irs-bar, .irs--flat .irs-handle>i:first-child { background: var(--px-color-1); } .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to { background: var(--px-color-2) } .irs--flat .irs-from::before, .irs--flat .irs-single::before, .irs--flat .irs-to::before { border-top-color: var(--px-color-2); } /*Filter by rating*/ .bapf_ckbox .bapf_body .fa.fa-star { color: var(--px-color-1); } /*Category Filter*/ .bapf_sfilter .bapf_body ul li ul { margin-top: 15px; } .bapf_ckbox_sqchck .bapf_body ul li { padding-bottom: 12px !important; border-bottom: 1px solid #ccc; margin-bottom: 13px !important; } .bapf_ckbox_sqchck .bapf_body ul li:last-child { margin: 0 !important; padding: 0 !important; border: none; } .bapf_clr_woborder.bapf_sfilter .bapf_clr_span { border-radius: 0px; } .bapf_sfilter.bapf_ckbox label { font-size: 16px; } .bapf_body ul li .bapf_ochild, .bapf_body ul li .fa-minus { float: right; } /*Color Filter*/ .bapf_sfilter.brchecked_default input:checked+label .bapf_clr_span { transform: rotate(90deg); border-radius: 0; } /* Clean Filter Button*/ .bapf_body .bapf_button.bapf_reset { width: 100%; background: var(--px-color-1); color: #fff; border: none; padding: 10px 20px; font-size: 17px; letter-spacing: 0.2px; border-radius: 0px; text-transform: capitalize; } .bapf_body .bapf_button.bapf_reset:hover { background: var(--px-color-2); } /* ----------------------------------- 10.5 Ajax Filter Plugin CSS End Here -------------------------------------* /* ----------------------------------- 11. Header Shop Icons CSS Start Here -------------------------------------* /*My Account*/ /* .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.dct_my_shop { margin-top: 4px; } */ .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li { margin-top: 0px; } .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.dct_my_shop a { color:var(--px-color-1) !important; text-transform: uppercase; } .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.dct_my_shop a:before { content: '\f54f'; font-family: FontAwesome !important; font-size: 14px !important; } .et-db #et-boc .et-l .dct_cart_menu.et_pb_menu .et-menu>li { padding-left: 0px !important; } .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.dct_my_shop a { overflow: hidden; height: 40px; padding-right: 10px; padding-left: 0px; width: 40px; display: block ruby; display: -webkit-inline-box; transition: width 200ms ease 0ms; line-height: 42px; opacity: 1; border-radius: 0px; font-size: 15px; font-weight: 600; text-align: center; } .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.dct_my_shop:hover a { width: 95px; } .et-db #et-boc .et-l .dct_cart_menu .wishlist_products_counter { font-weight: 600; color: #fff !important; font-size: 15px; } .et-db #et-boc .et-l .dct_cart_menu .wishlist_products_counter_number{ left: 20px; top: 3px !important; z-index: 999; font-size: 13px; background-color: var(--px-color-1); position: absolute; color: #fff !important; border-radius: 50%; padding: 1px 6px; line-height: 14px; font-weight: 500; } .et-db #et-boc .et-l .dct_cart_menu .wishlist_products_counter:before, .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.dct_my_shop a::before { position: relative; transform: scale(1.2); width: 40px; text-align: center; margin-right: 0 !important; display: block; font-size: 20px; line-height: 39px; color: #333 !important; } @media only screen and (max-width : 980px) { .et-db #et-boc .et-l .dct_cart_menu .et_pb_menu__menu { display: block; } .et-db #et-boc .et-l .dct_cart_menu .et_mobile_nav_menu { display: none; } .et-db #et-boc .et-l .dct_cart_menu.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap, .dct_cart_menu_v2 .et_pb_menu__wrap { justify-content: center; } } @media only screen and (max-width :480px) { .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li.dct_my_shop:hover a, .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li:nth-child(2n):hover a, .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li:nth-child(3n):hover a { width: 40px !important; background: var(--px-color-2) !important; } } /*Wishlist*/ .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li:nth-child(2n) a { overflow: hidden; height: 40px; padding-right: 10px; padding-left: 0px; width: 40px; display: inline-flex; transition: width 200ms ease 0ms; line-height: 42px; opacity: 1; border-radius: 0px; font-size: 15px; font-weight: 600; text-align: center; color: var(--px-color-1) !important; } .et-db #et-boc .et-l .dct_cart_menu ul.et-menu.nav li:nth-child(2n):hover a { width: 135px; } .et-db #et-boc .et-l .dct_cart_menu .wishlist_products_counter { font-weight: 600; font-size: 15px; color: var(--px-color-1) !important; } .et-db #et-boc .et-l .dct_cart_menu .wishlist_products_counter:before { position: relative; transform: scale(1.2); width: 40px; text-align: center; margin-right: 0 !important; } /* ----------------------------------- 11. Header Shop Icons CSS End Here -------------------------------------* /* ----------------------------------- 12. Shop & Product Page Sidebar CSS Start Here -------------------------------------* /************Sidebar Filter************************/ /** Sidebar **/ .et-db #et-boc .et-l #px_shop_filter_sidebar .et_pb_widget .tagcloud a { font-size: 15px !important; background: var(--px-color-1); color: #fff; padding: 5px 10px; text-transform: capitalize; display: inline-block; margin: 0 5px 8px 0; } .et-db #et-boc .et-l #px_shop_filter_sidebar .et_pb_widget.dgwt-wcas-widget, #px_shop_filter_sidebar .et_pb_widget { float: none; padding: 15px; border-radius: 0px; border: 1px solid #e5e5e5; background: #fff; width: 100%; margin-bottom: 20px; } .et-db #et-boc .et-l #sidebar #gallery-1 .gallery-item { margin: 0px; } .et-db #et-boc .et-l #px_shop_filter_sidebar .select2-selection__arrow { background: var(--px-color-2); height: 40px; width: 30px; } .et-db #et-boc .et-l #px_shop_filter_sidebar .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } .et-db #et-boc .et-l #px_shop_filter_sidebar .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 37px; } .et-db #et-boc .et-l #px_shop_filter_sidebar .select2-container .select2-selection--single { height: 40px; } .et-db #et-boc .et-l #sidebar .et_pb_widget .widgettitle, .et-db #et-boc .et-l #px_shop_filter_sidebar .et_pb_widget .widgettitle, .et-db #et-boc .et-l #px_shop_filter_sidebar .et_pb_widget .title, .et-db #et-boc .et-l #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_head h3 { width: fit-content; padding-right: 55px; font-size: 16px; position: relative; color: var(--px-color-2) !important; text-transform: uppercase; letter-spacing: 1px; line-height: 1.1; } .et-db #et-boc .et-l #px_shop_filter_sidebar .et_pb_widget .widgettitle:after, .et-db #et-boc .et-l #sidebar .et_pb_widget .widgettitle:after, #sidebar .et_pb_widget .widgettitle:before, .et-db #et-boc .et-l #px_shop_filter_sidebar .et_pb_widget .title:after, #px_shop_filter_sidebar .et_pb_widget .title:before, .et-db #et-boc .et-l #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_head h3:before { content: ''; position: absolute; background: var(--px-color-2); width: 50px; height: 1px; top: 8px; right: 0; } .et-db #et-boc .et-l #sidebar .widget_search input#searchsubmit { background: var(--px-color-2); color: #fff; text-transform: capitalize; font-size: 15px; line-height: 18px !important; } .et-db #et-boc .et-l #px_shop_filter_sidebar .woocommerce-product-search button { background: var(--px-color-1); color: #fff; cursor: pointer; text-transform: uppercase; font-weight: 700; width: 100px; border-radius: 0px; } #px_shop_filter_sidebar .woocommerce-product-search button { display: block; width: 100%; border-radius: 0; padding: 10px; border: none; } #px_shop_filter_sidebar .search-field { width: 100%; height: 40px; text-transform: capitalize; font-size: 15px; border: 1px solid #ccc; margin-bottom: 6px; text-align: center; } #sidebar .et_pb_widget ul li, #px_shop_filter_sidebar .et_pb_widget.widget_recently_viewed_products ul.product_list_widget li, #px_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, #px_shop_filter_sidebar .et_pb_widget.widget_recently_viewed_products ul.product_list_widget li:first-child, #px_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, #px_shop_filter_sidebar .et_pb_widget ul li a { color: #333; font-size: 16px; } #sidebar .et_pb_widget ul li .post-date, #px_shop_filter_sidebar .et_pb_widget ul li .post-date { display: block; } /*Fibo Search */ #px_shop_filter_sidebar .dgwt-wcas-search-wrapp { min-width: 100% !important; } /** Button **/ #px_shop_filter_sidebar ul.cart_list li .remove.remove_from_cart_button { background: transparent; border: 1px solid var(--px-color-1) !important; color: var(--px-color-1) !important; border-radius: 5px; padding: 3px; } #px_shop_filter_sidebar ul.cart_list li .remove.remove_from_cart_button:hover { background: var(--px-color-1) !important; color: #fff !important; } /* Cart CSS */ #px_shop_filter_sidebar .woocommerce-product-search .search-field { width: 100%; display: block; height: 45px; border: 1px solid #e6e6e6; padding: 10px; margin-bottom: 10px; } #px_shop_filter_sidebar .star-rating span::before { color: var(--px-color-1) !important; } @media only screen and (max-width : 980px) { #px_shop_filter_sidebar .et_pb_widget, #px_shop_filter_sidebar .et_pb_widget { width: 100% !important; } } /* Checkbox CSS */ #px_shop_filter_sidebar .berocket_single_filter_widget ul li input { border: 1px solid #8a8a8a; overflow: hidden; } #px_shop_filter_sidebar .berocket_single_filter_widget ul li input[type=checkbox]:checked { border-color: var(--px-color-1); } #px_shop_filter_sidebar .berocket_single_filter_widget ul li input:after { font-family: ETmodules; top: 0; left: 0; text-align: center; line-height: 1.5; width: 100%; height: 100%; border: none; transform: unset; font-size: 10px; font-weight: 600; color: #fff; background-color: var(--px-color-1); } #px_shop_filter_sidebar .berocket_single_filter_widget ul li input[type=checkbox]:checked:after { content: "\4e"; } #px_shop_filter_sidebar .berocket_single_filter_widget ul li label { position: relative; color: var(--px-color-2); z-index: 1; transition: all 0.4s; } #px_shop_filter_sidebar .berocket_single_filter_widget ul li label:hover, #px_shop_filter_sidebar .berocket_single_filter_widget ul li input:checked+label { color: var(--px-color-1); border-color: var(--px-color-1) !important; } #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Size"] ul li label:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Color"] ul li label:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; margin: 0; background: var(--px-color-1); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Size"] ul li label:hover:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:hover:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Color"] ul li label:hover:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label:hover:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Size"] ul li input:checked+label:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li input:checked+label:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Color"] ul li input:checked+label:before, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li input:checked+label:before { transform: scaleY(1); } #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Size"] ul li label:hover, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label:hover, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Color"] ul li label:hover, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label:hover, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Size"] ul li input:checked+label, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li input:checked+label, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Color"] ul li input:checked+label, #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li input:checked+label { color: #fff; } /* Filter By Color CSS */ #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Color"] ul li label { border: 1px solid #8a8a8a; padding: 3px; margin: 3px; border-radius: 5px; } #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Color"] ul li label .bapf_clr_span { margin: 0; border: none; height: 25px; width: 25px; } /* Filter By Size CSS */ #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Size"] ul li { display: inline-block; } #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Size"] ul li label { border: 1px solid #8a8a8a; padding: 7px 5px; height: 35px; width: 45px; text-align: center; border-radius: 0px; margin-right: 5px; margin-bottom: 5px; font-size: 14px; } /* Brand CSS */ #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Brand"] ul li label { border: 1px solid #8a8a8a; padding: 5px; border-radius: 5px; margin-right: 3px; margin-bottom: 3px; } #px_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 */ #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop by rating"] ul li label i.fa:before { content: "\f005"; } #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Shop by rating"] ul li label i.fa-star { color: #fcae01; } #px_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 */ #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li { display: inline-block; } #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter[data-name="Tag"] ul li label { border: 1px solid #8a8a8a; padding: 7px; text-align: center; border-radius: 5px; margin-right: 3px; margin-bottom: 3px; } /* Button CSS */ #px_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; text-transform: capitalize; background-color: var(--px-color-1) !important; position: relative; overflow: hidden; z-index: 1; transition: all 0.4s; } #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_button:before { content: "" !important; position: absolute; display: block !important; top: 0; left: 0; right: 0 !important; bottom: 0; opacity: 1 !important; margin: 0 !important; background: var(--px-color-2); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.4s ease-out !important; z-index: -1; } #px_shop_filter_sidebar .berocket_single_filter_widget .bapf_sfilter .bapf_button:hover:before { transform: scaleY(1); } /* ----------------------------------- 12. Shop & Product Page Sidebar CSS End Here -------------------------------------*/ /* ----------------------------------- 13. Category CSS End Here -------------------------------------*/ .px_shop_category_v1 { transition: all 0.4s !important; } .px_shop_category_v1:hover { background-color: var(--px-color-1); border-color: RGBA(255, 255, 255, 0); box-shadow: 0px 5px 18px 0px rgba(32, 32, 32, 0.1); } .px_shop_category_v1 .et_pb_main_blurb_image { margin-bottom: 20px; } .px_shop_category_v1 .et_pb_module_header { transition: all 0.4s; color: var(--px-color-1); } .px_shop_category_v1:hover .et_pb_module_header { color: #fff; }