/* Theme Name: Amazica WooCommerce styles override */ /** * WooCommerce color variables */ /** * Imports */ /** * Shop tables */ /** * Shop tables */ table { width: 100%; border: 1px solid #ddd; } 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: center; border-radius: 100%; } 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; } ul.products li.product { list-style: none; position: relative; margin-bottom: 2em; position: relative; padding: 10px; border: 1px solid #ddd; display: inline-block; text-align: center; } ul.products li.product .woocommerce-loop-product__title { font-size: 1.3rem; margin: 15px 0; } ul.products li.product img { display: block; width: 100%; } ul.products li.product .button { display: inline-block; } span.onsale { position: absolute; background-color: #0186f0; color: #FFF; padding: 10px 20px; border-radius: 1px; left: 0; top: 0; z-index: 1; } @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: 48.1%; } .columns-3 ul.products li.product { width: 30.7966666667%; } .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; } .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%; } .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: #0186f0; } 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: #0186f0; opacity: 1; } p.stars.selected a.active:before { content: "\53"; color: #0186f0; 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: #0186f0; opacity: 1; } /** * Tabs */ .woocommerce-tabs ul.tabs { list-style: none; margin: 0; padding: 0; text-align: left; } .woocommerce-tabs ul.tabs li { display: block; margin: 0; position: relative; } .woocommerce-tabs ul.tabs li a { padding: 1em 0; display: block; } .woocommerce-tabs .panel h2:first-of-type { margin-bottom: 1em; } /** * 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; background-color: #0f834d; clear: both; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #3D9CD2; } .woocommerce-error { background-color: #e2401c; } .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: #0186f0; 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: #0186f0; } .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%; } /* header cart */ ul.woocommerce-mini-cart.cart_list.product_list_widget { margin: 0; padding: 0; list-style: none; } li.woocommerce-mini-cart-item.mini_cart_item { display: block; padding: 10px; clear: both; width: 100%; float: left; } li.woocommerce-mini-cart-item.mini_cart_item a.remove.remove_from_cart_button { float: right; width: 23px; height: 23px; display: block; /* background-color: #E91E63; */ text-align: center; text-decoration: none; font-size: 18px; font-weight: bold; border-radius: 100%; line-height: 23px; color: #3b3b3b; } li.woocommerce-mini-cart-item.mini_cart_item a.remove.remove_from_cart_button:hover { background-color: #F44336; color: black; } li.woocommerce-mini-cart-item.mini_cart_item img { width: 50px; margin-right: 20px; float: left; } li.woocommerce-mini-cart-item.mini_cart_item>a { display: block; width: 100%; } p.woocommerce-mini-cart__total.total {} p.woocommerce-mini-cart__buttons.buttons {} p.woocommerce-mini-cart__total.total, p.woocommerce-mini-cart__buttons.buttons { clear: both; text-align: center; } /* header cart */ /* cart */ .cart_item img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail { width: 62px; } td { border-top: 1px solid rgba(0, 0, 0, .1); padding: 9px 12px; vertical-align: middle; line-height: 1.5em; } th { font-weight: 700; padding: 9px 12px; line-height: 1.5em; } a.remove { color: #F44336; width: 20px; height: 20px; display: block; text-align: center; } a.remove:hover { color: #000; background-color: #F44336; } ul.products li.product span.price { margin-bottom: 10px; display: block; } a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { display: block; } .add_to_cart_button { background-color: #0186f0; color: #FFF !important; display: inline-block; padding: 7px 15px; border-radius: 2px; } .add_to_cart_button:before { content: "\f291"; font-family: 'FontAwesome'; margin-right: 5px; } form.woocommerce-cart-form .input-text.qty { width: 60px; } a.added_to_cart.wc-forward { display: block; margin-top: 10px; } .woocommerce-result-count { display: inline-block; margin-bottom: 30px; } form.woocommerce-ordering { display: inline-block; float: right; } #site-header-cart ul.woocommerce-mini-cart.cart_list.product_list_widget { max-height: 340px; overflow-y: auto; overflow-x: hidden; } body.woocommerce-cart.woocommerce-page .cart-item-container, body.woocommerce-checkout.woocommerce-page .cart-item-container { display: none; } .prodcut-info { text-align: center; } h2.woocommerce-loop-product__title { font-size: 1.3rem; margin: 15px 0; } .prodcut-info span.price { margin-bottom: 15px; display: inline-block; } .product-inner { padding: 10px; border: 1px solid #ddd; display: inline-block; text-align: center; } .cart-collaterals { float: left; width: 35%; padding: 0 15px; } form.woocommerce-cart-form { width: 65%; float: left; padding: 0 15px; } table { border: 1px solid #ddd; } form.woocommerce-cart-form table.cart { width: 100%; } .cart-collaterals table { width: 100%; } .wc-proceed-to-checkout { width: 100%; text-align: center; display: block; } .wc-proceed-to-checkout .button { width: 100%; } form.woocommerce-cart-form .coupon { display: inline-block; } div#customer_details { border: 1px solid #ddd; padding-top: 15px; } #customer_details .input-text { width: 100%; } #customer_details span.woocommerce-input-wrapper { width: 100%; } /* #customer_details .form-row { width: 100%; float: left; clear: both; } */ .woocommerce form .form-row { padding: 3px; margin: 0 0 6px; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first { padding-right: 15px; } .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { padding-left: 15px; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { width: 50%; display: inline-block; /* padding: 0 15px; */ clear: none; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #ebe9eb; border-radius: 5px; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid #d3ced2; margin: 0; list-style: none outside; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 1em; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; font-weight: 400; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: right; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { font-family: WooCommerce; content: '\e028'; display: inline-block; position: absolute; top: 1em; left: 1.5em; } .woocommerce form .form-row .input-checkbox { display: inline; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1em 2em 1em 3.5em; margin: 0 0 2em; position: relative; background-color: #f7f6f7; color: #515151; border-top: 3px solid #0186f0; list-style: none outside; width: auto; word-wrap: break-word; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 1em; } .woocommerce table.shop_table { border: 1px solid rgba(0,0,0,.1); margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; } /** * Single product */ /** * Single Product */ .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { clear: both; padding-top: 40px; margin-bottom: 40px; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { display: inline-block; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #ddd; padding: 0 10px; margin: -1px; border-bottom: none; } .woocommerce-tabs ul.tabs.wc-tabs { /* margin-top: 30px; */ clear: both; display: block; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-color: #afafaf; border-bottom: none; } .woocommerce-Tabs-panel { border: 1px solid #ddd; margin: 0; padding: 10px; padding-top: 20px; } .woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before { content: ' '; display: table; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 48%; } div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 48%; clear: none; } .single-product div.product { content: ""; display: table; table-layout: fixed; position: relative; } .single-product div.product .woocommerce-product-gallery { position: relative; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { position: absolute; top: .5em; right: .5em; font-size: 2em; z-index: 9; width: 36px; height: 36px; background: #fff; text-indent: -9999px; border-radius: 100%; box-sizing: content-box; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; display: block; z-index: 99; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:before { content: ""; display: block; width: 10px; height: 10px; border: 2px solid #000; border-radius: 100%; position: absolute; top: 9px; left: 9px; box-sizing: content-box; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after { content: ""; display: block; width: 2px; height: 8px; background: #000; border-radius: 6px; position: absolute; top: 19px; left: 22px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); box-sizing: content-box; } .woocommerce .quantity .qty { width: 3.631em; text-align: center; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 4px 0 0; } .woocommerce div.product form.cart .button { vertical-align: middle; float: left; } .woocommerce div.product form.cart { margin-bottom: 2em; display: table; clear: both; } .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%; } .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; }