/* Theme Name: aCommerce WooCommerce styles override */ /** * WooCommerce color variables */ /** * Imports */ /** * Shop tables */ /** * Shop tables */ table.shop_table_responsive thead { display: none; } table.shop_table_responsive tbody th { display: none; } table.shop_table_responsive tr td { display: block; text-align: right; clear: both; } table.shop_table_responsive tr td:before { content: attr(data-title) ": "; float: left; } table.shop_table_responsive tr td.product-remove a { text-align: left; } table.shop_table_responsive tr td.product-remove:before { display: none; } table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before { display: none; } table.shop_table_responsive tr td.download-actions .button { display: block; text-align: center; } @media screen and (min-width: 48em) { table.shop_table_responsive thead { display: table-header-group; } table.shop_table_responsive tbody th { display: table-cell; } table.shop_table_responsive tr th, table.shop_table_responsive tr td { text-align: left; } table.shop_table_responsive tr td { display: table-cell; } table.shop_table_responsive tr td:before { display: none; } } /** * Products */ /** * Products */ ul.products { content: ""; display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%; } ul.products li.product { list-style: none; position: relative; margin-bottom: 2em; overflow: hidden; } ul.products li.product .woocommerce-loop-product__title { font-size: 1rem; } /* ul.products li.product img { display: block; } */ ul.products li.product .button,li.product a.add_to_cart_button,li.product a.button.product_type_simple { position: absolute; visibility: hidden; left: 23%; right: 23%; margin: 0 auto; text-align: center; bottom: -50px; transition: .5s; } li.product:hover .product_type_variable { visibility: visible !important; transition: 1s; } li.product:hover span.price-tag { display: none; } /*a.added_to_cart.wc-forward {*/ /* background: var(--purple-light);*/ /* padding: 12px 20px;*/ /* border-radius: 50px;*/ /* color: #fff;*/ /* visibility: visible;*/ /* position: absolute;*/ /* left: 20%;*/ /* right: 20%;*/ /* bottom: 13px;*/ /* display: inline-table;*/ /*}*/ a.added_to_cart.wc-forward { position: absolute; left: 27%; right: 27%; bottom: 5px; background: var(--purple-light); padding: 10px 15px; border-radius: 50px; display: inline-block; color: var(--white); } a.add_to_cart_button.added{ visibility: hidden; } @media screen and (min-width: 48em) { ul.products li.product { width: 30.7966666667%; float: left; margin-right: 3.8%; } ul.products li.product.first { clear: both; } ul.products li.product.last { margin-right: 0; } .columns-1 ul.products li.product { float: none; width: 100%; } .columns-2 ul.products li.product { width: 45.1%; } .columns-3 ul.products li.product { width: 28.796667%; } .columns-4 ul.products li.product { width: 22.15%; } .columns-5 ul.products li.product { width: 16.96%; } .columns-6 ul.products li.product { width: 13.4933333333%; } } /** * Single product */ /** * Single Product */ .single-product div.product { content: ""; display: table; table-layout: fixed; position: relative; width:100%; } .single-product div.product .woocommerce-product-gallery { position: relative; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; display: block; z-index: 99; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1em; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { content: ""; display: table; table-layout: fixed; margin: 0; padding: 0; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: left; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: .5; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 48.1%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 30.7966666667%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 22.15%; padding:0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 16.96%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; } .stock:empty:before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } /** * Checkout */ /** * Checkout */ @media screen and (min-width: 768px) { .col2-set .form-row-first { float: left; margin-right: 3.8%; } .col2-set .form-row-last { float: right; margin-right: 0; } .col2-set .form-row-first, .col2-set .form-row-last { width: 48.1%; } } /** * General WooCommerce components */ /** * Header cart */ .site-header-cart { position: relative; margin: 0; padding: 0; content: ""; display: table; table-layout: fixed; } .site-header-cart .cart-contents { text-decoration: none; } .site-header-cart .widget_shopping_cart { display: none; } .site-header-cart .product_list_widget { margin: 0; padding: 0; } /** * Star rating */ .star-rating { overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; font-size: 1em; width: 5.3em; font-family: 'star'; font-weight: 400; } .star-rating:before { content: "\53\53\53\53\53"; opacity: .25; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; color: royalblue; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a:before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "star"; content: "\53"; color: #404040; text-indent: 0; opacity: .25; } p.stars a:hover ~ a:before { content: "\53"; color: #404040; opacity: .25; } p.stars:hover a:before { content: "\53"; color: royalblue; opacity: 1; } p.stars.selected a.active:before { content: "\53"; color: royalblue; opacity: 1; } p.stars.selected a.active ~ a:before { content: "\53"; color: #404040; opacity: .25; } p.stars.selected a:not(.active):before { content: "\53"; color: royalblue; opacity: 1; } /** * Tabs */ .woocommerce-tabs ul.tabs { list-style: none; margin: 0; padding: 0; text-align: left; } .woocommerce-tabs ul.tabs li { display: inline-block; margin: 0 25px 0 0; position: relative; } .woocommerce-tabs ul.tabs li a { padding: 1em 0 0.1em 0; display: block; font-size: 18px; font-weight: 600; color: var(--black); } .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid var(--black); } .woocommerce-tabs .panel h2:first-of-type { margin-bottom: 1em; color: var(--black); font-size: 16px; } /** * Password strength meter */ .woocommerce-password-strength { text-align: right; } .woocommerce-password-strength.strong { color: #0f834d; } .woocommerce-password-strength.short { color: #e2401c; } .woocommerce-password-strength.bad { color: #e2401c; } .woocommerce-password-strength.good { color: #3D9CD2; } /** * Forms */ .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #0f834d; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c; } .required { color: red; } /** * Notices */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { content: ""; display: table; table-layout: fixed; clear: both; } .woocommerce-message a{ color: var(--purple-light); text-decoration: underline; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #3D9CD2; } .woocommerce-error { background: #8f51de42; color: #9950e4; margin: 15px 0 20px; padding: 10px 15px; width: 100%; } .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; background-color: #3D9CD2; z-index: 9999; } @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; } } /** * WooCommerce widgets */ /** * WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: royalblue; box-sizing: border-box; margin-top: -.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: royalblue; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } ul.products.columns-3 li { margin-bottom: 20px; } div#top-add-cart { display: none; } .header-cart:hover div#top-add-cart { display: block; } .flex-control-thumbs li, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{ float: none; } .single-product div.product .woocommerce-product-gallery .flex-viewport { background: #f4f4f4; } .woocommerce-product-gallery__image { display: flex !important; justify-content: center; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: 1; } .single-product .woocommerce-Tabs-panel ul li,.single-product .woocommerce-Tabs-panel ol li,.single-product .woocommerce-Tabs-panel p{ font-size: 13px; color: var(--gray-medium); margin-top:10px; font-family:poppins, sans-serif; margin-left:0; } .single-product .woocommerce-Tabs-panel .woocommerce-noreviews{ background: var(--black); color: var(--white); display: block; padding: 10px 7px; } ul.products a.button.yith-wcqv-button { display: none !important; } .woocommerce-info { padding: 20px; border: solid 1px #d0d0d0; background: none; width: 100%; font-size: 15px; font-weight: 500; color: var(--black); border-radius: 5px; } .woocommerce-info a.showcoupon { font-size: 13px; font-weight: 500; float: right; color: var(--purple-light); text-decoration: underline; } .checkout_coupon.woocommerce-form-coupon { font-size: 13px; color: #9b9b9b; margin-top: 25px; } .checkout_coupon.woocommerce-form-coupon input,.checkout_coupon.woocommerce-form-coupon input::placeholder { font-size: 13px; color: #bdbcbc; margin-top:12px; } .checkout_coupon .form-row.form-row-first { width: 25%; } .checkout_coupon .form-row-last button { padding: 12px 30px; border-radius: 50px !important; color: var(--white); font-size: 14px; transition: 1s; margin-top: 10px; border-radius: 5px; } .checkout_coupon .form-row-last button:hover { background: var(--dark-light); } .woocommerce-checkout label { color: #1e2e3d; font-size: 14px; font-weight: 500; } .checkout.woocommerce-checkout .form-row input,.select2-container--default .select2-selection--single { border-radius: 5px !important; border: solid 1px #d0d0d0; font-size: 13px; color: #bdbcbc; align-items: center; display: flex; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #bdbcbc; } .checkout.woocommerce-checkout p { margin-top: 20px; } .woocommerce-checkout .col-2 h3 span,.checkout.woocommerce-checkout h3{ font-size: 24px; font-weight: 600; color: var(--black); } .woocommerce-checkout .woocommerce-shipping-fields label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox { display: flex; align-items: center; } .woocommerce-checkout .woocommerce-shipping-fields label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input{ margin-right: 8px; } .everest-forms .evf-field-container .evf-frontend-row label { font-size: 14px; font-weight: 500; color: #1e2e3d; } .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid{ margin-top: 20px; } .everest-forms .evf-field-container .evf-frontend-row input[type=text], .everest-forms .evf-field-container .evf-frontend-row input[type=email], .everest-forms .evf-field-container .evf-frontend-row textarea { padding: 12px 20px; border: solid 1px #d0d0d0; color: #bdbcbc; border-radius: 5px; } .everest-forms button[type=submit]{ background-color:var(--black); color: var(--white); } li.product:hover a.add_to_cart_button, li.product:hover a.button.product_type_external,li.product:hover a.button.product_type_simple { visibility: visible; transition: 0.5s; bottom:11px; } .acommerce_slider_section.carousel.our-products.four-product-slider.py-5 li.product { margin-top: 20px; margin-bottom: 20px; } .slider-our-products { margin: 70px 0 60px 0; } /* Quick view and single product */ .woocommerce div.product form.cart .variations td { vertical-align: middle; text-align: left; } .woocommerce div.product form.cart .variations label{ display: inline-block; font-weight: inherit; margin: 4px 0 0px 0; } table.variations { border-collapse: inherit; } #yith-quick-view-modal .yith-wcqv-main { box-shadow: none; -webkit-box-shadow: none; } .yith-wcqv-wrapper .woocommerce div.product .woocommerce-product-rating, .single-product.woocommerce div.product .woocommerce-product-rating { margin-bottom: 10px; } .yith-wcqv-wrapper .woocommerce div.product .product_title, .single-product.woocommerce div.product .product_title { font-size: 30px; line-height: 1.4; margin-bottom: 5px; } .yith-wcqv-wrapper .woocommerce div.product p.price { font-size: 24px; font-weight: 400; line-height: 1.4; } .yith-wcqv-wrapper .woocommerce div.product p.price, .single-product.woocommerce div.product p.price { display: inline-block; margin-right: 50px; } .single-product.woocommerce div.product p.price{ margin-top: 19px; margin-bottom:8px; } .yith-wcqv-wrapper .yith-wcqv-main { padding: 5.9%; } .yith-wcqv-wrapper .acommerce-product-image-wrapper, #yith-quick-view-content div.summary { float: left; width: calc(50% - 25px); box-sizing: border-box; } .yith-wcqv-wrapper .acommerce-product-image-wrapper { margin-right: 25px; } #yith-quick-view-content div.summary { padding: 0; margin-left: 25px; } .acommerce-product-image-wrapper .thumbnails { width: calc(26% - 30px); float: left; margin-right: 30px; box-sizing: border-box; } #yith-quick-view-content div.images { width: 100%; margin-bottom: 0; opacity: 0 !important; } #yith-quick-view-content div.images.ready { opacity: 1 !important; } #yith-quick-view-content .thumbnails + div.images { width: 74%; } .woocommerce div.product .acommerce-product-image-wrapper div.thumbnails a { display: block; width: 100%; margin: 0 0 30px 0; padding: 0; float: none; } #yith-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link { display: block; color: inherit; vertical-align: middle; } #yith-quick-view-modal .woocommerce .woocommerce-product-rating .star-rating, .single-product.woocommerce .woocommerce-product-rating .star-rating { margin: 0.35em 20px 0 0; } #yith-quick-view-close{ top: 0; margin-top: 5.8%; right: 5.8%; z-index: 2; font-size: 0; border: 0; width: 26px; height: 26px; } #yith-quick-view-close:after, #yith-quick-view-close:before { z-index: 1; content: ""; display: block; position: absolute; transform-origin: center center; transform: rotate(45deg); top: 50%; left: -2px; width: 30px; height: 1px; } #yith-quick-view-close:after { transform: rotate(-45deg); } #yith-quick-view-modal.open .yith-wcqv-main { height: auto; max-height: 100%; } #yith-quick-view-content .product_meta>*, .single-product.woocommerce div.product .product_meta>* { display: block; } #yith-quick-view-content .product_meta>*+*, .single-product.woocommerce div.product .product_meta>*+* { margin-top: 5px; } #yith-quick-view-content .product_meta, .single-product.woocommerce div.product .product_meta, .woocommerce div.product form.cart .variations td { font-size: 13px; text-transform: uppercase; font-weight: 600; margin-bottom: 35px; } .woocommerce div.product form.cart .variations td.value{ position: relative; padding-right: 0px; } .woocommerce div.product form.cart .variations td label:after{ content: ':'; } #yith-quick-view-content .product_meta a, #yith-quick-view-content .product_meta .sku, .single-product.woocommerce div.product .product_meta a, .single-product.woocommerce div.product .product_meta .sku { text-transform: none; font-size: 14px; font-weight: 400; color: #696c75; margin:0 5px; } .woocommerce div.product div.summary { margin-bottom: 40px; } .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before { content: ' '; display: table } .woocommerce ul.product_list_widget li::after { clear: both } .woocommerce ul.product_list_widget li a { display: block; font-weight: 700; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: right; margin-left: 4px; width: 32px; height: auto; box-shadow: none } .footer ins,.footer del,.footer span.woocommerce-Price-amount.amount{ background:none; color: #9d9d9d; font-size: 13px; } .footer tbody tr td { padding: 10px; } .footer thead tr th { color: #000; } .footer input.search-field { background: transparent; border: none; color: #6b6b6b; } .footer form.search-form label{ margin: 0; width: 100%; padding: 0 30px 0 0; } .footer form.search-form { position: relative; border: 1px solid #6b6b6b; } .footer input[type="submit"] { padding: 14px 5px; } footer .widget_shopping_cart_content { position: unset; }