/* WooCommerce styles override */ :root { --theme-font: 'Jost', sans-serif; --color-black: #18181B; --color-primary: #8571FF; --color-thard: #F1EFFC; --color-body: #767C84; --color-white: #ffffff; } ul.bloghub-ul-style.bloghub-list-inline { margin: 0; padding: 0; } .woocommerce-info::before { color: var(--color-white); } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: var(--color-primary); color: var(--color-white); } .woocommerce-info { border-top-color: var(--color-black); } .woo-single-item-warpper .product-item .product-img { position: relative; overflow: hidden; margin-bottom: 25px; } .woo-single-item-warpper .product-item .product-img img { width: 100%; min-height: 270px; object-fit: cover; } .woo-single-item-warpper .product-item .product-img .product-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 20px; z-index: 1; } .woo-single-item-warpper .product-item .product-img .product-overlay:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: #8571FF; transform: translateY(100%); transition: all linear 0.3s; } .woo-single-item-warpper .product-item .product-img .product-overlay .product-content { display: flex; opacity: 0; } .woo-single-item-warpper .product-item .product-img .product-overlay .product-content a { border-radius: 3px; background-color: var(--color-primary); color: var(--color-white); display: flex; align-items: center; justify-content: center; transform: translateY(0px); font-size: 14px; transition: all linear 0.3s; padding: 18px 25px 14px 25px; line-height: 1; } .woo-single-item-warpper .product-item .product-img .product-overlay .product-content a:hover { background-color: var(--color-black); color: var(--color-white); } .woocommerce .star-rating span::before { color: var(--color-primary); } .woocommerce .star-rating::before { color: var(--color-primary); } .woo-single-item-warpper .product-item .product-img .product-overlay .product-content a.add_to_cart_button.added { display: none; } .woocommerce ul.products li.product .onsale { top: 5px; right: auto; left: 5px; margin: 0; width: 80px; height: 40px; border-radius: 5px; padding: 0; min-height: 40px; font-weight: 500; line-height: 40px; background-color: var(--color-primary); } .woo-single-item-warpper .product-item .product-info { display: flex; flex-wrap: nowrap; } .woo-single-item-warpper .product-item .product-info .product-holder { margin-right: 20px; flex-grow: 1; } .woo-single-item-warpper .product-item .product-info span.price { float: right; } .woo-single-item-warpper .product-item .product-info .product-holder .woocommerce-loop-product__title { font-size: 18px; margin-bottom: 5px; color: var(--color-black); } .woo-single-item-warpper .product-item:hover .product-img .product-overlay:before { transform: translateY(0%); opacity: .5; } .woo-single-item-warpper .product-item:hover .product-img .product-overlay .product-content { opacity: 1; } .woo-single-item-warpper .product-item .product-info .product-holder .woocommerce-loop-product__title:hover, .woocommerce p.stars a { color: var(--color-primary); } .woo-single-item-warpper .product-item .product-info .product-holder .woocommerce-loop-product__title { font-size: 18px; margin-bottom: 0; color: var(--color-black); line-height: 27px; padding: 0; padding-bottom: 6px; } .woocommerce ul.products li.product .price { color: var(--color-primary); margin-bottom: 0; font-size: 14px; } .woocommerce ul.products li.product .price ins { background: transparent; font-weight: 600; display: inline-block; text-decoration: none; } .woocommerce .products .star-rating { display: block; margin: 7px 20px 0 0; float: none; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; width: 80px; height: auto; box-shadow: none; margin-right: 15px; box-shadow: 0px 0px 33px 0px rgb(173 173 173 / 28%); } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li:last-child { padding-bottom: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding-top: 0; padding-bottom: 25px; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin: 10px 0 6px 0; } .woocommerce ul.product_list_widget li ins { font-size: 14px; color: var(--color-primary); text-decoration: none; margin-left: 5px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: .8; color: var(--color-primary); } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { color: var(--color-primary); text-decoration: none; font-weight: 500; margin-left: 8px; } .woocommerce .quantity .qty { width: 4.631em; text-align: center; height: 43px; margin-right: 5px; } .woocommerce .quantity .qty { width: 5.631em; height: 56px; margin-right: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 13px 20px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: var(--color-primary); transition: .4s; color: var(--color-white); } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: var(--color-black); color: var(--color-white); } .woocommerce div.product .woocommerce-product-rating, h1.product_title.entry-title { margin-bottom: 10px; } .woo-single-summery .product_meta span { display: block; line-height: 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; background-color: transparent; border-radius: 3px; margin: 0; padding: 0; } h1.product_title.entry-title { margin-bottom: 10px; } .woo-single-summery .product_meta span { display: block; line-height: 30px; } .woocommerce-tabs.wc-tabs-wrapper { margin-top: 50px; } .woocommerce-tabs.wc-tabs-wrapper ul li:before, .woocommerce-tabs.wc-tabs-wrapper ul:before, .woocommerce-tabs.wc-tabs-wrapper ul li:after, .woocommerce-tabs.wc-tabs-wrapper ul:after { content: unset !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--color-white); background-color: var(--color-primary); } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 20px; font-weight: normal; color: var(--color-white); background-color: var(--color-black); font-size: 15px; border-radius: 3px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--color-white); background-color: var(--color-primary); } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 5px; background-color: var(--color-primary); padding: 20px 30px; font-size: 16px; color: var(--color-white); font-weight: 600; line-height: 1; display: inline-block; width: auto; font-weight: 500; border-color: transparent; margin-bottom: 0; } h2.woocommerce-Reviews-title { font-size: 25px; } .woocommerce-Reviews .comment-reply-title { font-size: 20px; } .woocommerce-Reviews #comments { margin-bottom: 25px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: var(--color-black); color: var(--color-white); } .woocommerce-Reviews label { margin-bottom: 8px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { left: -20px; width: 60px; height: 60px; } section.related.products, section.upsells.products { margin-top: 80px; } section.related.products h2:first-of-type, section.upsells.products h2:first-of-type { font-size: 32px; line-height: 1; position: relative; padding-bottom: 0; margin-bottom: 50px; } .woocommerce-message { border-top-color: var(--color-primary); } .woocommerce-message::before { color: var(--color-primary); } .woocommerce a.remove { color: var(--color-primary)!important; font-weight: 400; } .woocommerce a.remove:hover { background: var(--color-primary); } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 50px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { border: transparent; padding: 6px 10px 5px; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 180px; height: 55px; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { opacity: .7; padding: 20px 30px; color: var(--color-white)f; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { color: var(--color-white); background-color: var(--color-black); } .woocommerce-info a.showcoupon { color: var(--color-white); } div.woocommerce-info a.showcoupon:hover { color: var(--color-black); } .select2-container--default .select2-selection--single { background-color: var(--color-thard); border: transparent; } .select2-container .select2-selection--single { height: 60px; padding: 17px 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 60px; right: 5px; } h3#order_review_heading { padding: 40px 0 20px 0; } .woocommerce-checkout-review-order table.shop_table.woocommerce-checkout-review-order-table { border-top: none; border-right: none; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: var(--color-thard); } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: var(--color-primary); color: var(--color-white); } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { content: ""; border: 1em solid var(--color-primary); border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--color-form); } .woocommerce-additional-fields__field-wrapper span.woocommerce-input-wrapper textarea { padding: 20px; } .bloghub-woo-shop-topbar { background-color: var(--color-thard); padding: 20px; margin-bottom: 40px; border-radius: 5px; } #bloghub-shop-view-mode { margin-top: 14px; } #bloghub-shop-view-mode li:hover { color: var(--color-primary); } #bloghub-shop-view-mode li { transition: .3s; -webkit-transition: .3s; cursor: pointer; font-size: 20px; line-height: 1; color: var(--color-black); display: inline-block; } .woocommerce-ordering select.orderby { color: var(--color-black); } .bloghub-shop-list { margin-left: 10px; } .bloghub-woo-result-count-wrapper { text-align: center; margin-top: 11px; } .woocommerce ul.order_details li { border-right: 1px dashed var(--color-primary); width: 20%; } p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { padding: 18px 20px; background: var(--color-primary); color: var(--color-white); margin-bottom: 50px; border-radius: 3px; border-left: 3px solid var(--color-black); } h2.woocommerce-order-details__title { margin-bottom: 30px; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead tr th { border-top: none; text-align: left; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details { border-right: none; } table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr td, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr th { text-align: left; } .woocommerce .woocommerce-result-count { margin: 0; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-ordering select { margin: 0; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: unset; text-align: center; } .woocommerce.bloghub-product-list-view ul.products li.product, .woocommerce.bloghub-product-list-view .woocommerce-page ul.products li.product { width: 100%; transition: .4s; } .bloghub-product-list-view .woo-single-item-warpper .product-item .product-img img { height: 300px; width: 100%; object-fit: cover; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--color-primary); } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { transition: .4s; } .bloghub-product-list-view ul.products .product-img { float: left; min-width: auto; margin-right: 30px; } .bloghub-product-list-view .woo-single-item-warpper .product-item .product-info { display: block; min-height: 300px; overflow: hidden; } .bloghub-product-list-view .woo-single-item-warpper .product-item .product-info span.price { float: left; margin-top: 11px; } .woo-widgets.widget ul li a:before,.woo-widgets h2:after { content: unset !important; } .bloghub-product-list-view .woocommerce ul.products li.product .price { color: var(--color-primary); margin-bottom: 0; font-size: 18px; } .woocommerce.bloghub-product-list-view .product-img .product-overlay, .bloghub-product-list-view .prodcut-grid-price, .bloghub-product-list-view .prodcut-grid-rating, .prodcut-list-rating, .product-list-dec, .product-info .product-overlay, .prodcut-list-price { display: none; } body.woocommerce.bloghub-product-list-view .prodcut-list-price span.price { margin-top: 3px !important; font-size: 16px; } .bloghub-product-list-view .prodcut-list-rating { display: block; float: left; clear: both; } .bloghub-product-list-view .product-list-dec { display: block; overflow: hidden; float: left; margin-top: 20px; margin-bottom: 6px; } .bloghub-product-list-view .product-info .product-overlay, .bloghub-product-list-view .prodcut-list-price { display: block; } .woocommerce.bloghub-product-list-view ul.products li.product, .woocommerce-page.bloghub-product-list-view ul.products li.product { margin: 0 3.8% 0.992em 0; } .woocommerce-account .woocommerce-MyAccount-navigation { background-color: var(--color-thard); padding: 30px; } nav.woocommerce-MyAccount-navigation ul li a { text-decoration: none; } nav.woocommerce-MyAccount-navigation ul { padding: 0; list-style: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; line-height: 24px; padding: 10px; margin: 5px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--color-white); background-color: var(--color-primary); } .woocommerce-MyAccount-content p a:hover { color: var(--color-black); } .woocommerce-MyAccount-content p a { color: var(--color-primary); } .woocommerce-MyAccount-content .woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info { background-color: var(--color-thard); color: var(--color-black); } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--color-primary); color: var(--color-white); } .woocommerce nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul { border-right: none; border: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-pagination ul li a, .woocommerce-pagination ul li span.page-numbers.current { line-height: 33px; margin: 0 5px; width: 45px; height: 45px; text-align: center; display: block; clear: both; overflow: hidden; border-radius: 100%; background: var(--color-primary); color: var(--color-white); } .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-pagination ul li a:hover{ background: var(--color-black); color: var(--color-white); } div .woocommerce-pagination ul li span.page-numbers.current{ background-color: var(--color-black); color: var(--color-white); } .woocommerce nav.woocommerce-pagination { margin-top: 40px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--color-black); } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: var(--color-primary); } form.woocommerce-product-search { position: relative; } form.woocommerce-product-search button { position: absolute; top: 0; right: 0; font-size: 0; padding: 16px 25px; background: transparent; border-color: transparent; line-height: 2.5; color: var(--color-primary); } form.woocommerce-product-search input { background-color: var(--color-white); } form.woocommerce-product-search button:after { content: "\f002"; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 15px; } /** Mini Cart **/ .bloghub-mini-cart-items { position: absolute!important; z-index: 10; visibility: hidden; opacity: 0; top: -webkit-calc(100% + 1px); top: expression(100% + 1px); top: -moz-calc(100% + 1px); top: -o-calc(100% + 1px); top: calc(81% + 1px); right: 0; background: var(--color-white); width: 318px; padding: 30px; box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, .15); -webkit-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, .15); -moz-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, .15); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; border-radius: 10px; } .bloghub-hmini:hover .bloghub-mini-cart-items { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); padding-bottom: 22px; } .bloghub-mini-cart-items h2.widgettitle { display: none; } a.mini-cart-button { display: inline-flex; align-items: center; justify-content: center; position: relative; } .bloghub-mini-cart-items p.woocommerce-mini-cart__total.total { padding-top: 20px; padding-left: 20px; text-align: left; padding-right: 22px; } .bloghub-mini-cart-items p.woocommerce-mini-cart__buttons.buttons { margin-bottom: 0; } .bloghub-mini-cart-items .woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount { float: right; } .bloghub-mini-cart-items .widget_shopping_cart_content li:last-child { margin-bottom: 15px; } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { margin-right: 0; margin-bottom: 5px; padding: 15px 25px; } .bloghub-mini-cart-items span.quantity { font-size: 90%; margin-top: 10px; display: block; } .bloghub-mini-cart-items li.woocommerce-mini-cart-item.mini_cart_item a { font-size: 15px; } .bloghub-mini-cart-items a.remove.remove_from_cart_button { margin: 6px 0; font-size: 23px; } .bloghub-mini-cart-items a.button.checkout.wc-forward { margin-left: 15px; } a.mini-cart-button label { width: 18px; height: 18px; background: var(--color-primary); border-radius: 100%; text-align: center; font-size: 69%; color: var(--color-white); line-height: 18px; position: relative; top: -7px; left: -5px; font-weight: 600; } p.woocommerce-mini-cart__buttons.buttons a { background: var(--color-primary); } li.bloghub-mini-cart-items .widget.woocommerce.widget_shopping_cart { margin-bottom: 0; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: transparent; padding: 0; } ul.bloghub-hmini { list-style: none; padding: 0; margin: 0; min-height: 76px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 15px; } .woo-product-small-img ul.slick-dots { padding: 0; margin: 0; text-align: center; list-style: none; margin-top: 30px; } .woo-product-small-img ul.slick-dots button { width: 15px; height: 15px; display: inline-block; clear: both; font-size: 0; border-radius: 100%; padding: 0; border: transparent; background: var(--color-black); } .woo-product-small-img ul.slick-dots .slick-active button { background: var(--color-primary); } ul.bloghub-hmini span.count { font-size: 11px; background: var(--color-black); width: 16px; height: 16px; display: inline-block; border-radius: 100%; text-align: center; line-height: 16px; color: var(--color-white); position: relative; top: -10px; left: -8px; } li.bloghub-mini-cart-items li.woocommerce-mini-cart-item.mini_cart_item a { color: var(--color-primary); display: block; border: none; padding: 0; } li.bloghub-mini-cart-items li.woocommerce-mini-cart-item.mini_cart_item a:hover { color: var(--color-black); background: transparent; } ul.bloghub-hmini p.woocommerce-mini-cart__empty-message { margin-bottom: 0; margin-top: 20px; } .bloghub-hmini a span { color: var(--color-primary); transition: .4s; } li.bloghub-mini-cart-items ul.woocommerce-mini-cart.cart_list.product_list_widget { position: relative; display: block; padding: 0; width: auto; } .bloghub-hmini:hover .bloghub-mini-cart-items ul.woocommerce-mini-cart.cart_list.product_list_widget { opacity: 1; visibility: visible; padding: 25px; box-shadow: none; } .bloghub-mini-cart-items li.woocommerce-mini-cart-item.mini_cart_item { padding-left: 0; } .bloghub-mini-cart-items li.woocommerce-mini-cart-item.mini_cart_item a.remove.remove_from_cart_button { left: auto; right: 6px; z-index: 999999; background: var(--color-primary); color: var(--color-white) !important; font-weight: normal; } .woo-product-small-img .woo-sspimg img { padding: 5px; border-radius: 5px !important; } .woo-product-small-img ul.slick-dots li { display: inline-block; margin: 0 5px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .woocommerce .products .star-rating { display: inline-block; margin: 0; } .woo-single-item-warpper .product-item .product-info span.price { float: unset; text-align: center; margin-top: 0px; } .woo-single-item-warpper .product-item .product-info { display: block; text-align: center; } .woo-single-item-warpper .product-item .product-info .product-holder { margin-right: 0; } .bloghub-product-list-view .woo-single-item-warpper .product-item .product-info { text-align: left; } .woocommerce.bloghub-product-list-view ul.products li.product, .woocommerce-page.bloghub-product-list-view ul.products li.product { margin: 0 3.8% 2.992em 0; } .woo-single-item-warpper .product-item .product-img .product-overlay .product-content a { padding: 15px 20px; } .woo-single-item-warpper .product-item .product-img img { width: 100%; height: 250px; object-fit: cover; } .woocommerce ul.products li.product .onsale { height: 30px; min-height: 30px; line-height: 33px; } } @media only screen and (min-width: 768px) {} @media only screen and (min-width: 768px) and (max-width: 991px) { .woocommerce .columns-3 ul.products[class*="columns-"] li.product, .woocommerce-page .columns-3 ul.products[class*="columns-"] li.product, .woocommerce .columns-4 ul.products[class*="columns-"] li.product, .woocommerce-page .columns-4 ul.products[class*="columns-"] li.product { margin-bottom: 35px; width: 48%; } .woocommerce.bloghub-product-list-view .columns-3 ul.products[class*="columns-"] li.product, .woocommerce-page.bloghub-product-list-view .columns-3 ul.products[class*="columns-"] li.product, .woocommerce.bloghub-product-list-view .columns-4 ul.products[class*="columns-"] li.product, .woocommerce-page.bloghub-product-list-view .columns-4 ul.products[class*="columns-"] li.product { margin-bottom: 35px; width: 100%; transition: .4s; } .woocommerce .columns-3 ul.products[class*="columns-"] li.product:nth-child(even), .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(even) { margin-right: 0 !important; } .woocommerce .columns-3 ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 3.8%; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: none; } .woocommerce.bloghub-product-list-view .bloghub-shop-page ul.products li.product, .woocommerce-page.bloghub-product-list-view .bloghub-shop-page ul.products li.product { width: 100%; } .woocommerce-page .related.products ul.products[class*="columns-"] li.product:nth-child(2n), .woocommerce-page .upsells.products ul.products[class*="columns-"] li.product:nth-child(2n) { margin-right: 15px !important; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; } .woo-single-summery { margin-top: 50px; } } @media only screen and (max-width: 767px) { #bloghub-shop-view-mode { display: none; } .bloghub-woo-result-count-wrapper { margin-bottom: 15px; } .woocommerce ul.products[class*="columns-"] li.product:not(.slick-slide), .woocommerce-page ul.products[class*="columns-"] li.product:not(.slick-slide) { width: 100% !important; margin-bottom: 45px !important; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: unset; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input { width: 100%; margin: 15px 0; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; } .woocommerce-additional-fields h3 { font-size: 25px; margin-top: 18px; } .woocommerce ul.order_details li { width: 100%; margin: 20px 0; } .woo-single-summery { margin-top: 50px; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 40px; } .woocommerce-MyAccount-content a.woocommerce-Button.button { display: block; float: unset; margin-bottom: 20px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-pagination ul li a, .woocommerce-pagination ul li span.page-numbers.current { line-height: 47px; margin: 0 5px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { margin: unset; text-decoration: none; padding: unset; font-size: unset; padding: unset; min-width: unset; } .woocommerce nav.woocommerce-pagination ul li { border-right: unset; padding: unset; margin: unset; float: unset; display: unset; overflow: unset; } } @media screen and (min-width: 48em) { /** * Header cart */ .site-header-cart .widget_shopping_cart { position: absolute; top: 100%; width: 100%; z-index: 999999; left: -999em; display: block; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { left: 0; display: block; } }