PATH:
home
/
centosnipponia
/
public_html
/
BAK_tradeandtraffic
/
wp-content
/
themes
/
chromium
/
assets
/
css
/* Woocommerce Styles overrides */ /* Table of Contents: |-- Global Layout for products |-- Product Listing Styles |-- listing Buttons styles |-- Woocommerce widgets styles |-- Single Product Styles |-- Product Tabs |-- Reviews |-- Custom Cart styles |-- Woocommerce messages |-- Checkout Styles |-- My account Page styles |-- Order received Page */ /* Global Layout for products */ ul.products { padding: 0; list-style: none; display: flex; align-items: start; flex-wrap: wrap; justify-content: center; margin: 0 -1em; } ul.products li { width: 100%; max-width: 300px; padding: 0 1em; margin-bottom: 2em; } .max-width-products ul.products li { max-width: 100%; } .site-fullwidth.layout-two-col-left ul.products li, .site-fullwidth.layout-two-col-right ul.products li { max-width: 20%; } .layout-two-col-right.site-fullwidth .site-content.store-content, .layout-two-col-left.site-fullwidth .site-content.store-content { max-width: 100%; } @media screen and (min-width: 768px) and (-ms-high-contrast:none) { ul.products{ display: flex; align-items: self-start; flex-wrap: wrap; justify-content: flex-start; } li.product .inner-wrapper{ max-width: 100%; } li.product{ padding: 0 !important; } li.product .img-wrapper{ max-width: 100%; } li.product .img-wrapper img{ max-width: 100%; width: 100%; display: block; } ul.products.columns-2 li{ width: calc( 50% - 15px ); margin-right: 30px; } ul.products.columns-2 li:nth-child(2n){ margin-right: 0 !important; } ul.products.columns-3 li{ width: calc( 33.3% - 20px ); margin-right: 30px; } ul.products.columns-3 li:nth-child(3n){ margin-right: 0 !important; } ul.products.columns-4 li{ width: calc( 25% - 23px ); margin-right: 30px; } ul.products.columns-4 li:nth-child(4n){ margin-right: 0 !important; } ul.products.columns-5 li{ width: calc( 20% - 24px ); margin-right: 30px; } ul.products.columns-5 li:nth-child(5n){ margin-right: 0; } } @supports (grid-area: auto) { @media screen and (min-width: 768px) { ul.products { margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 2em; grid-column-gap: 2em; grid-row: auto; } ul.products.columns-2 { grid-template-columns: 1fr 1fr; grid-row: auto; } ul.products.columns-3, ul.products.columns-4, ul.products.columns-5, ul.products.columns-6 { grid-template-columns: 1fr 1fr 1fr; grid-row: auto; } .layout-two-col-left ul.products.columns-3, .layout-two-col-right ul.products.columns-3, .layout-two-col-left ul.products.columns-4, .layout-two-col-right ul.products.columns-4, .layout-two-col-left ul.products.columns-5, .layout-two-col-right ul.products.columns-5, .layout-two-col-left ul.products.columns-6, .layout-two-col-right ul.products.columns-6 { grid-template-columns: 1fr 1fr; grid-row: auto; } ul.products li { padding: 0; margin-bottom: 0; } } @media screen and (min-width: 992px) { ul.products.columns-3, .layout-two-col-left ul.products.columns-3, .layout-two-col-right ul.products.columns-3 { grid-template-columns: 1fr 1fr 1fr; grid-row: auto; } ul.products.columns-4, .layout-two-col-left ul.products.columns-4, .layout-two-col-right ul.products.columns-4 { grid-template-columns: 1fr 1fr 1fr 1fr; grid-row: auto; } ul.products.columns-5, .layout-two-col-left ul.products.columns-5, .layout-two-col-right ul.products.columns-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-row: auto; } ul.products.columns-6, .layout-two-col-left ul.products.columns-6, .layout-two-col-right ul.products.columns-6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-row: auto; } ul.products li { padding: 0; margin-bottom: 0; } } .layout-two-col-right.site-fullwidth .site-content.store-content, .layout-two-col-left.site-fullwidth .site-content.store-content { max-width: -webkit-calc(100% - 300px); max-width: calc(100% - 300px); } } /* Product Listing Styles */ li.product { padding: 0; } li.product .extra-gallery-thumbs { display: none; } li.product .inner-wrapper { box-shadow: none; background-color: #fff; } li.product .img-wrapper { position: relative; margin: 0; padding: 2em; line-height: 0; } li.product .img-wrapper a{ line-height: 0; display: inline-block; } li.product .img-wrapper>a::after { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(210, 210, 210, 0.4); content: ''; opacity: 0; -webkit-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } li.product .inner-wrapper:hover .img-wrapper a::after { opacity: 1; } .touch-enabled li.product .img-wrapper>a::after { display: none; } li.product .excerpt-wrapper { padding: 0 2em 1.5em 2em; } li.product .excerpt-wrapper .add_to_cart_button, li.product .excerpt-wrapper .variations_form, li.product.outofstock .excerpt-wrapper .ajax_add_to_cart { display: none; visibility: hidden; } .product .onsale, .product span.custom-badge { display: inline-block; padding: 0 1em; height: 26px; line-height: 26px; font-size: 0.857em; position: absolute; text-transform: uppercase; top: 0px; right: auto; left: 0; margin: 0; font-weight: 500; z-index: 1; color: #fff; } .product span.custom-badge:after, .product .onsale:before { content: ''; display: inline-block; position: absolute; right: -11px; top: 0px; width: 0; height: 0; border-width: 26px 0 0 0; border-style: solid; border-right: 11px solid transparent !important; background-color: transparent !important; } li.product span.custom-badge, div.product span.custom-badge { left: -5px; right: auto; color: #636363; border-color: #636363; } li.product span.custom-badge:after, div.product span.custom-badge:after { border-left: 5px solid transparent !important; border-right: 0 !important; right: auto; left: -2px; border-color: #636363; } /* Style 2 for product badges */ .product.badges-style-2 .onsale { display: inline-block; padding: 0 9px 0 12px; height: 25px; line-height: 25px; font-size: 13px; position: absolute; text-transform: uppercase; top: 15px; margin: 0; border-radius: 0 2px 2px 0; font-weight: normal; z-index: 1; left: -5px; color: #212121; } .product.badges-style-2 .onsale:before { display: none; } .product.badges-style-2 .onsale:after { content: ''; display: inline-block; position: absolute; bottom: -6px; width: 0; height: 0; border-width: 6px 0 0 0; border-style: solid; border-color: #b78000; border-left: 5px solid transparent; left: 0; } /* Style 3 for product badges */ .product.badges-style-3 .onsale { display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; position: absolute; text-transform: uppercase; top: 15px; margin: 0; border-radius: 2px; font-weight: 500; z-index: 1; left: 10px; color: #ffffff; } .product.badges-style-3 .onsale:before, .product.badges-style-3 .onsale:after { display: none; } li.product .woocommerce-loop-product__title { padding: 0; display: block; margin: 2px 0 12px 0; font-size: 1.1em; line-height: 22px; font-weight: normal; text-align: left; } .product .star-rating, .product_list_widget .star-rating, .wc-layered-nav-rating .star-rating { overflow: hidden; position: relative; height: 20px; line-height: 20px; font-size: 16px; width: 80px; font-family: 'chromium'; display: inline-block; } li.product .star-rating { margin-bottom: 7px; } .product .star-rating::before, .product_list_widget .star-rating::before, .wc-layered-nav-rating .star-rating::before { content: "\e91d\e91d\e91d\e91d\e91d"; float: left; top: 0; left: 0; position: absolute; } .product .star-rating span, .product_list_widget .star-rating span, .wc-layered-nav-rating .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 20px; } .product .star-rating span::before, .product_list_widget .star-rating span::before, .wc-layered-nav-rating .star-rating span::before { content: "\e91d\e91d\e91d\e91d\e91d"; top: 0; position: absolute; left: 0 } .product .reviews-wrapper { display: inline-block; height: 20px; font-size: 12px; line-height: 20px; vertical-align: top; margin: 0 0 0 10px; } .star-rating span { -webkit-transform: translateZ(0); } .product .price { display: inline-block; font-weight: 500; font-size: 2.143em; } div.product .entry-summary .price { font-size: 1.7em; margin-bottom: 1em; } div.product.product-type-variable .entry-summary .price { margin-bottom: 0; } div.product.product-type-variable .stock { margin: 0 0 25px 0; display: block; } li.product .price { font-size: 1.313em; } .product .price .woocommerce-Price-currencySymbol, .cart_totals tr.order-total .woocommerce-Price-currencySymbol { font-size: 60%; vertical-align: text-top; } .product .price del .woocommerce-Price-currencySymbol, .cart_totals tr.order-total del .woocommerce-Price-currencySymbol { font-size: 100%; vertical-align: baseline; } li.product .price .woocommerce-Price-currencySymbol { font-size: 70%; } .price ins .woocommerce-Price-amount{ color: #ffa800; } .product .price del{ color: #000; } .product .price::after { display: table; clear: both; content: ''; } .product .price del { font-size: 0.8em; opacity: 1; font-weight: normal; } div.product .entry-summary .price del { font-size: 14px; display: block; } .product .price ins { padding: 0 11px 0 0; float: left; } div.product .price ins { padding: 0; float: none; } div.product .stock { color: #169543; font-size: 0.857em; margin-left: 43px; } div.product .stock.in-stock:before { display: inline-block; font-family: 'chromium'; font-size: 10px; content: "\e917"; width: 15px; color: #fff; background-color: #169543; height: 15px; border-radius: 50%; text-align: center; line-height: 16px; margin: 0 5px 0 0; } div.product .stock.out-of-stock { color: #fb3b3b; font-size: 0.857em; margin: 0 0 0 50px; display: inline-block; } div.product .stock.out-of-stock:before { display: inline-block; font-family: 'chromium'; font-size: 8px; content: "\e92f"; width: 15px; color: #fff; background-color: #fb3b3b; height: 15px; border-radius: 50%; text-align: center; line-height: 15px; margin: 0 5px 0 0; } .product .save-percent { display: inline-block; padding: 0 5px; vertical-align: baseline; font-size: 0.857em; margin: 0 0 0 10px; color: #fff; } li.product .product-tooltip { display: inline-block; position: absolute; left: 50%; top: -30px; width: 150px; margin-left: -75px; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); color: #fff; } li.product .short-description { display: none; visibility: hidden; } li.product .primary-cat { font-size: 0.765em; font-weight: 500; text-transform: uppercase; color: #a9a9a9; } @media screen and (max-width: 500px) { .mobile-one-col-products.woocommerce ul.products[class*=columns-] li.product, .mobile-one-col-products.woocommerce-page ul.products[class*=columns-] li.product { width: 100% !important; float: none !important; margin: 0 auto 2em !important; padding: 0 !important; } } @media screen and (max-width: 768px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100% !important; float: none !important; clear: both !important; margin: 0 !important; padding: 0 !important; } } /* Product Categories */ li.product.product-category { position: relative; background-color: #fff; } li.product.product-category .woocommerce-loop-category__title { display: block; width: 100%; text-align: center; font-size: 1em; text-transform: uppercase; padding: 1em; color: #212121; background-color: #f6f6f6; position: absolute; left: 0; bottom: 0; opacity: 0.7; -webkit-transition: opacity 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out; -ms-transition: opacity 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out; transition: opacity 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out; } li.product.product-category:hover .woocommerce-loop-category__title { color: #fff; background-color: #212121; opacity: 1; } li.product.product-category .woocommerce-loop-category__title .count { background-color: transparent; color: inherit; } /* Product Listing Style 2 */ .chromium-product-style-2 li.product .excerpt-wrapper .add_to_cart_button, .chromium-product-style-2 li.product.outofstock .excerpt-wrapper .ajax_add_to_cart { display: block; visibility: visible; position: absolute; width: -webkit-calc(100% - 2em); width: calc(100% - 2em); bottom: 1em; left: 1em; opacity: 0; text-align: center; -webkit-transition: opacity 0.15s ease-out, color 0.15s ease-out, background-color 0.15s ease-out; -ms-transition: opacity 0.15s ease-out, color 0.15s ease-out, background-color 0.15s ease-out; transition: opacity 0.15s ease-out, color 0.15s ease-out, background-color 0.15s ease-out; } .chromium-product-style-2 li.product { position: relative; } .chromium-product-style-2 li.product .inner-wrapper { box-shadow: none; -webkit-transition: box-shadow 0.3s ease-out; -ms-transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; } .chromium-product-style-2 li.product:hover .inner-wrapper { box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.1); z-index: 2; } .chromium-product-style-2 li.product .excerpt-wrapper, .chromium-product-style-2 li.product.outofstock .excerpt-wrapper { -webkit-transition: padding 0.3s ease-out; -ms-transition: padding 0.3s ease-out; transition: padding 0.3s ease-out; position: relative; } .chromium-product-style-2 li.product:hover .excerpt-wrapper, .chromium-product-style-2 li.product.outofstock:hover .excerpt-wrapper { padding-bottom: 4.5em; } .chromium-product-style-2 li.product:hover .excerpt-wrapper .add_to_cart_button, .chromium-product-style-2 li.product.outofstock:hover .excerpt-wrapper .ajax_add_to_cart { opacity: 1; -webkit-transition: opacity 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out; -ms-transition: opacity 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out; transition: opacity 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .chromium-product-style-2 li.product:hover .excerpt-wrapper .add_to_cart_button, .chromium-product-style-2 li.product.outofstock:hover .excerpt-wrapper .ajax_add_to_cart { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .chromium-product-style-2 li.product .img-wrapper>a::after { display: none; } .chromium-product-style-2 li.product .buttons-wrapper, .chromium-product-style-3 li.product .buttons-wrapper, .chromium-product-style-4 li.product .buttons-wrapper { position: absolute; top: 15px; left: auto; right: 15px; width: 36px; height: auto; margin: 0; } .chromium-product-style-2 li.product .buttons-wrapper .button, .chromium-product-style-3 li.product .buttons-wrapper .button, .chromium-product-style-4 li.product .buttons-wrapper .button { margin: 0 0 5px 0; float: none; background-color: transparent; } .chromium-product-style-2 li.product .buttons-wrapper .button:hover, .chromium-product-style-3 li.product .buttons-wrapper .button:hover, .chromium-product-style-4 li.product .buttons-wrapper .button:hover, .chromium-product-style-2 li.product .buttons-wrapper .button:focus, .chromium-product-style-3 li.product .buttons-wrapper .button:focus, .chromium-product-style-4 li.product .buttons-wrapper .button:focus, .chromium-product-style-2 li.product .buttons-wrapper .button:active, .chromium-product-style-3 li.product .buttons-wrapper .button:active, .chromium-product-style-4 li.product .buttons-wrapper .button:active { background-color: transparent; } .chromium-product-style-2 li.product .buttons-wrapper .button:before, .chromium-product-style-3 li.product .buttons-wrapper .button:before, .chromium-product-style-4 li.product .buttons-wrapper .button:before { margin: 0 0 0 6px; font-size: 24px; } .chromium-product-style-2 li.product .buttons-wrapper .button:hover:before, .chromium-product-style-3 li.product .buttons-wrapper .button:hover:before, .chromium-product-style-4 li.product .buttons-wrapper .button:hover:before, .chromium-product-style-2 li.product .buttons-wrapper .button:focus:before, .chromium-product-style-3 li.product .buttons-wrapper .button:focus:before, .chromium-product-style-4 li.product .buttons-wrapper .button:focus:before, .chromium-product-style-2 li.product .buttons-wrapper .button:active:before, .chromium-product-style-3 li.product .buttons-wrapper .button:active:before, .chromium-product-style-4 li.product .buttons-wrapper .button:active:before, .chromium-product-style-2 .product .buttons-wrapper .button.loading:after, .chromium-product-style-3 .product .buttons-wrapper .button.loading:after, .chromium-product-style-4 .product .buttons-wrapper .button.loading:after { color: #212121; } .chromium-product-style-2 li.product .buttons-wrapper .product-tooltip, .chromium-product-style-3 li.product .buttons-wrapper .product-tooltip, .chromium-product-style-4 li.product .buttons-wrapper .product-tooltip { left: auto; white-space: nowrap; top: 0; right: 45px; width: auto; margin-left: 0; background: transparent; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); height: 30px; line-height: 30px; padding: 0 1em; font-size: 13px; text-transform: none; } .chromium-product-style-2 .tz-woo-shortcode .woocommerce ul.products .owl-item li.product { margin: 9px auto 55px; } .chromium-product-style-3 .tz-woo-shortcode .woocommerce ul.products .owl-item li.product, .chromium-product-style-4 .tz-product-tabs .woocommerce ul.products .owl-item li.product { margin: 9px auto; } .chromium-product-style-2 .owl-carousel .owl-stage-outer, .chromium-product-style-3 .owl-carousel .owl-stage-outer, .chromium-product-style-4 .owl-carousel .owl-stage-outer { width: calc(100% + 18px); padding-left: 9px; margin-left: -9px; padding-bottom: 9px; } .chromium-product-style-2 .owl-carousel .owl-stage-outer { padding-bottom: 0; } /* Product Listing Style 3 */ .chromium-product-style-3 li.product .img-wrapper>a::after, .chromium-product-style-4 li.product .img-wrapper>a::after { display: none; } .chromium-product-style-3 li.product .excerpt-wrapper, .chromium-product-style-4 li.product .excerpt-wrapper { position: relative; } .chromium-product-style-3 li.product .price-wrapper, .chromium-product-style-4 li.product .price-wrapper { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .chromium-product-style-3 li.product .excerpt-wrapper .add_to_cart_button, .chromium-product-style-3 li.product .excerpt-wrapper .product_type_variable, .chromium-product-style-3 li.product .excerpt-wrapper .ajax_add_to_cart, .chromium-product-style-3 li.product.outofstock .excerpt-wrapper .ajax_add_to_cart, .chromium-product-style-4 li.product .excerpt-wrapper .add_to_cart_button, .chromium-product-style-4 li.product .excerpt-wrapper .ajax_add_to_cart, .chromium-product-style-4 li.product.outofstock .excerpt-wrapper .ajax_add_to_cart, li.product .excerpt-wrapper .product_type_grouped, li.product .excerpt-wrapper .product_type_external, li.product .excerpt-wrapper .product_type_external { display: inline-block; visibility: visible; width: 24px; min-width: 24px; height: 26px; overflow: hidden; line-height: 26px; text-align: center; -webkit-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; transition: color 0.3s ease-out; padding: 0; border-radius: 0; margin: 0 0 0 10px; float: right; text-indent: 200%; white-space: nowrap; position: relative; background-color: transparent; align-self: flex-end; transform: translateY(-2px); } li.product .excerpt-wrapper .product_type_grouped, li.product .excerpt-wrapper .product_type_external { background-color: transparent !important; } .chromium-product-style-3 li.product.outofstock .excerpt-wrapper .ajax_add_to_cart::before, .chromium-product-style-3 li.product .excerpt-wrapper .button.product_type_variable::before, .chromium-product-style-3 li.product .excerpt-wrapper .add_to_cart_button::before, .chromium-product-style-3 li.product .excerpt-wrapper .ajax_add_to_cart::before, .chromium-product-style-4 li.product.outofstock .excerpt-wrapper .ajax_add_to_cart::before, .chromium-product-style-4 li.product .excerpt-wrapper .button.product_type_variable::before, .chromium-product-style-4 li.product .excerpt-wrapper .add_to_cart_button::before, .chromium-product-style-4 li.product .excerpt-wrapper .ajax_add_to_cart::before, li.product .excerpt-wrapper .product_type_grouped:before, li.product .excerpt-wrapper .product_type_external:before{ content: '\e93a'; font-family: 'chromium'; float: left; text-indent: 0; font-size: 24px; -webkit-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .chromium-product-style-3 li.product.outofstock .excerpt-wrapper .ajax_add_to_cart::before, .chromium-product-style-3 li.product .excerpt-wrapper .button.product_type_variable::before, .chromium-product-style-4 li.product.outofstock .excerpt-wrapper .ajax_add_to_cart::before, .chromium-product-style-4 li.product .excerpt-wrapper .button.product_type_variable::before { content: '\e93e'; } li.product .excerpt-wrapper .product_type_external:before{ content: '\e9cb'; } .chromium-product-style-3 ul.products:not(.list-view) li { -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.05); box-shadow: 0 0 5px 0 rgba(0,0,0,0.05); -webkit-transition: -webkit-box-shadow 0.3s ease-out; -ms-transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; } .chromium-look-tools.chromium-product-style-3 ul.products:not(.list-view) li{ box-shadow: 0 0 5px 0 rgba(0,0,0,0.0); } .chromium-product-style-3 ul.products:not(.list-view) li:hover { -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.05); box-shadow: 0 0 8px 1px rgba(0,0,0,0.05); } .chromium-product-style-3 li.product .button:hover::before, .chromium-product-style-3 li.product:hover .button.add_to_cart_button:hover::before, .chromium-product-style-3 li.product:hover .button.ajax_add_to_cart:hover::before, .chromium-product-style-4 li.product .button:hover::before, .chromium-product-style-4 li.product:hover .button.add_to_cart_button:hover::before, .chromium-product-style-4 li.product:hover .button.ajax_add_to_cart:hover::before, .chromium-product-style-3 li.product .excerpt-wrapper .button.loading::after, .chromium-product-style-4 li.product .excerpt-wrapper .button.loading::after { color: #212121; } .chromium-product-style-3 li.product .excerpt-wrapper .button:hover, .chromium-product-style-4 li.product .excerpt-wrapper .button:hover, .chromium-product-style-3 li.product .excerpt-wrapper .button:focus, .chromium-product-style-4 li.product .excerpt-wrapper .button:focus, .chromium-product-style-3 li.product .excerpt-wrapper .button:active, .chromium-product-style-4 li.product .excerpt-wrapper .button:active { background-color: transparent; } .chromium-product-style-3 li.product .excerpt-wrapper .button.loading::before, .chromium-product-style-4 li.product .excerpt-wrapper .button.loading::before { display: none; } .chromium-product-style-3 li.product .img-wrapper img { -webkit-transition: -webkit-transform 0.3s ease-out; -ms-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .chromium-product-style-3 li.product:hover .img-wrapper img { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /* Product Listing Style 4 */ .chromium-product-style-4 li.product .excerpt-wrapper { padding: 0 20px 25px 20px; } .chromium-product-style-4 li.product .img-wrapper { padding: 20px; margin: 0; } .chromium-product-style-4 ul.products:not(.list-view) li { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow 0.3s ease-out; -ms-transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; } .chromium-product-style-4 ul.products:not(.list-view) li:hover { -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.05); box-shadow: 0 0 8px 1px rgba(0,0,0,0.05); } .woocommerce.chromium-product-style-4 a.added_to_cart { top: -30px; } .chromium-product-style-4 .tz-product-tabs .woocommerce ul.products .owl-item:hover { z-index: 1; } /* List view styling */ @supports (grid-area: auto) { @media screen and (min-width: 768px) { ul.products.list-view { grid-template-columns: 1fr !important; grid-column-gap: 0; } } } ul.products.list-view li { width: 100%; max-width: 100%; height: auto !important; } ul.products.list-view li.product .inner-wrapper { background: transparent; display: flex; justify-content: space-between; position: relative !important; } ul.products.list-view li.product:hover .inner-wrapper { box-shadow: none; } ul.products.list-view li.product:hover .excerpt-wrapper { padding-bottom: 2em; } ul.products.list-view li.product .img-wrapper { max-width: 330px; padding: 2em; background-color: #fff; margin: 0; } ul.products.list-view li.product .img-wrapper img { max-width: 270px; } ul.products.list-view li.product .excerpt-wrapper { width: -webkit-calc(100% - 360px); width: calc(100% - 360px); padding: 2em; background-color: #fff; } ul.products.list-view li.product .inner-wrapper.with-extra-gallery .img-wrapper { max-width: 400px; width: 100%; padding: 1em; } ul.products.list-view li.product .inner-wrapper.with-extra-gallery .excerpt-wrapper { width: -webkit-calc(100% - 430px); width: calc(100% - 430px); } ul.products.list-view li.product .short-description { display: block; visibility: visible; padding-top: 5px; } ul.products.list-view .inner-wrapper.with-extra-gallery .img-wrapper .woocommerce-loop-product__link { float: right; } ul.products.list-view li.product .extra-gallery-thumbs { display: block; list-style: none; padding: 0; float: left; } ul.products.list-view li.product .extra-gallery-thumbs img { max-width: 70px; } ul.products.list-view li.product .extra-gallery-thumbs li { margin: 0 0 7px 0; } ul.products.list-view li.product .img-wrapper .buttons-wrapper, ul.products.list-view li.product .img-wrapper>a::after, ul.products.list-view li.product.product-type-variable .add_to_cart_button.product_type_variable, ul.products.list-view .product .save-percent { display: none; visibility: hidden; } ul.products.list-view li.product .price, ul.products.list-view li.product .price-wrapper { margin: 0; display: block; } ul.products.list-view li.product .excerpt-wrapper .add_to_cart_button, ul.products.list-view li.product .excerpt-wrapper .variations_form, ul.products.list-view li.product.outofstock .excerpt-wrapper .ajax_add_to_cart { display: block; visibility: visible; } ul.products.list-view li.product .excerpt-wrapper .add_to_cart_button, ul.products.list-view li.product.outofstock .excerpt-wrapper .ajax_add_to_cart { display: inline-block; opacity: 1; position: relative; bottom: auto; left: auto; } .woocommerce ul.products.list-view a.added_to_cart { position: relative; left: auto; margin: 0; top: auto; line-height: 40px; padding: 0; display: inline-block; } ul.products.list-view table.variations td, ul.products.list-view table.variations tr:last-of-type td { padding: 10px 10px 0 0px; } @media (min-width: 768px) {} @media (min-width: 992px) {} /* Shop Page Styles */ /* Breadcrumbs */ .woocommerce-breadcrumb { padding: 0 1em; margin-bottom: 2em; font-size: 0.857em; } @supports (grid-area: auto) { @media screen and (min-width: 768px) { .woocommerce-breadcrumb { grid-area: breadcrumbs; } } } /* Store Page Title */ .woocommerce-products-header__title { font-size: 1.857em; font-weight: 500; margin: 0 0 1rem 0; } /* View controls styles */ .view-controls-wrapper:after { display: table; content: ''; clear: both; } .view-controls-wrapper { margin: 0 0 2em 0; text-align: right; } .woocommerce .woocommerce-result-count { display: block; line-height: 40px; margin: 0 0 12px 0; } .woocommerce-ordering select, .product-pager select { height: 40px; line-height: 40px; padding: 0 40px 0 12px; box-shadow: none; border-radius: 0; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: inherit; cursor: pointer; font-weight: normal; width: 100%; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; background-color: transparent; position: relative; z-index: 2; } .woocommerce-ordering { position: relative; margin: 0 auto 0; max-width: 60%; display: block; } @media screen and ( min-width: 768px ) { .woocommerce-ordering{ float: right; } } .woocommerce-ordering select:focus, .product-pager select:focus { -webkit-box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2); outline: none; } .woocommerce-ordering::after, .product-pager::after { content: '\e91a'; display: inline-block; font-family: 'chromium'; font-size: 12px; position: absolute; right: 12px; top: 3px; z-index: 1; height: 38px; line-height: 36px; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; z-index: 1; } .woocommerce-ordering::before, .product-pager::before { display: inline-block; content: ''; position: absolute; right: 35px; top: 5px; width: 1px; height: 30px; border-left: 1px solid; } .list-grid-switcher { display: none; } .paginator { display: inline-block; margin: 0 0 18px 0; max-width: 35%; float: left; position: relative; } .list-grid-switcher span.list, .list-grid-switcher span.grid { display: inline-block; margin: 0 2px; cursor: pointer; font-size: 20px; height: 28px; line-height: 28px; } .list-grid-switcher span i { vertical-align: middle; } @media (min-width: 768px) { .view-controls-wrapper { } .woocommerce .woocommerce-result-count { display: inline-block; margin: 0; width: auto; float: left; } .paginator { float: none; } .woocommerce-ordering, .list-grid-switcher, .paginator { margin: 0; display: inline-block; } .woocommerce-ordering { max-width: 250px; float: none; } .paginator+.woocommerce-ordering, .woocommerce-ordering+.list-grid-switcher { margin: 0 0 0 10px; } } @media (min-width: 992px) {} /* Store pagination */ nav.woocommerce-pagination { margin: 40px 0; } .woocommerce-pagination ul.page-numbers li a, .woocommerce-pagination ul.page-numbers li span { padding: 0; margin: 0; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: transparent; -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; border-style: solid; border-width: 1px; border-color: #dbdbdb; color: #626262; } nav.woocommerce-pagination ul li a i:before { color: #626262; } nav.woocommerce-pagination ul li a:focus, nav.woocommerce-pagination ul li a:hover, nav.woocommerce-pagination ul li a:active, nav.woocommerce-pagination ul.page-numbers li span { background-color: #b6b6b6; color: #f6f6f6; border-color: #b6b6b6; } nav.woocommerce-pagination ul li a:focus i:before, nav.woocommerce-pagination ul li a:hover i:before, nav.woocommerce-pagination ul li a:active i:before, nav.woocommerce-pagination ul li span i:before { color: #f6f6f6; } nav.woocommerce-pagination ul { border: 0; margin: 0; list-style: none; text-align: center; padding: 0; } .woocommerce-pagination ul.page-numbers li { margin: 0 5px 0 0; border: 0; display: inline-block; background: transparent; } .woocommerce-pagination ul.page-numbers li:last-of-type { margin: 0; } /* listing Buttons styles */ .touch-enabled li.product .buttons-wrapper { display: none; visibility: hidden; } li.product .buttons-wrapper { position: absolute; top: 50%; left: 50%; width: 126px; height: 36px; margin: -18px 0 0 -63px; text-align: center; opacity: 0; -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; -ms-transform: scale(.8, .8); -webkit-transform: scale(.8, .8); transform: scale(.8, .8); } li.product .inner-wrapper:hover .buttons-wrapper { opacity: 0.8; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } li.product .buttons-wrapper::after { display: table; content: ''; clear: both; } li.product .buttons-wrapper .button { display: inline-block; width: 36px; height: 36px; overflow: hidden; line-height: 34px; text-align: center; -webkit-transition: border-color 0.3s ease-out, background-color 0.3s ease-out; -moz-transition: border-color 0.3s ease-out, background-color 0.3s ease-out; transition: border-color 0.3s ease-out, background-color 0.3s ease-out; padding: 0; margin: 0 3px; float: left; text-indent: 100%; white-space: nowrap; position: relative; } li.product .buttons-wrapper .button:before { font-family: 'chromium'; display: inline-block; text-indent: 0; float: left; margin: 0 0 0 8px; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out; font-size: 20px; } li.product .buttons-wrapper .tm-woocompare-button.button:before { content: '\e908'; } li.product .buttons-wrapper .tm-woowishlist-button.button:before { content: '\e93c'; } li.product .buttons-wrapper .add_to_cart_button.button:before { content: '\e93a'; } li.product .buttons-wrapper .add_to_cart_button.product_type_variable:before, li.product.outofstock .buttons-wrapper .ajax_add_to_cart:before { content: '\e93e'; } li.product .buttons-wrapper .product-tooltip { display: inline-block; position: absolute; left: 50%; top: -30px; width: 200px; margin-left: -100px; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); color: #fff; font-weight: 500; } .product .button.loading:after { position: absolute; top: 1px; right: auto; left: 50%; margin: 0 0 0 -10px; color: #fff; font-size: 20px; text-indent: 0; content: "\e901"; font-family: 'chromium'; -webkit-animation: woo-spin 2s infinite linear; animation: woo-spin 2s infinite linear; } @-webkit-keyframes woo-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes woo-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } li.product .buttons-wrapper .button.loading:before { display: none; } .product input.loading, .product .button.loading { opacity: .8; padding-right: 20px; text-indent: 200%; overflow: hidden; } .woocommerce .blockUI.blockOverlay { transform: none; } .woocommerce .blockUI.blockOverlay:before { display: inline-block; content: '\e901'; font-family: 'chromium'; position: absolute; top: 50%; width: 58px; left: 50%; margin: -30px 0 0 -30px; height: 60px; line-height: 60px; font-size: 60px; color: #aaa; animation: woo-spin 2s infinite linear; } .woocommerce a.added_to_cart { padding: 3px 0; margin: 0 0 0 -50px; display: block; text-align: center; position: absolute; width: 100px; background-color: #fff; opacity: 0.8; left: 50%; top: -40px; } .hot-offers-wrapper.woocommerce a.added_to_cart { display: none; } /* Woocommerce widgets styles */ .product-categories li .children{ margin-top: 5px; margin-left: 10px; } .widget.woocommerce li { list-style: none; } .widget.woocommerce .count { height: 20px; display: inline-block; color: #9eadb6; padding: 0 4px; font-size: 12px; border-radius: 2px; line-height: 20px; background: #f6f6f6; margin-left: 5px; } .product_list_widget li::after { display: table; content: ''; clear: both; } ul.product_list_widget { padding: 0; margin: 0; list-style: none; } .widget.woocommerce ul.product_list_widget li, ul.product_list_widget li { padding: 0 0 0 95px; margin: 0 0 15px 0; text-align: left; min-height: 80px; position: relative; } ul.product_list_widget li:last-of-type { margin: 0; } .product_list_widget .product-title { font-size: inherit; font-weight: normal; display: block; margin: 0 0 5px 0; color: inherit; } .product_list_widget .thumb-wrapper { display: block; max-width: 80px; margin: 0 15px 0 0; position: absolute; left: 0; top: 0; } .product_list_widget .star-rating { margin: 5px 0; display: block; } .product_list_widget .price::after { display: table; clear: both; content: ''; } .product_list_widget .save-percent { display: inline-block; padding: 0 5px; vertical-align: baseline; font-size: 0.857em; margin: 0 0 0; color: #fff; } .product_list_widget .price { display: inline-block; font-weight: 500; font-size: 1.143em; } .product_list_widget .price ins { background: transparent; display: inline-block; padding: 0 10px 0 0; float: left; } .product_list_widget .price del { font-weight: normal; font-size: 0.8em; } /* Cart Widget */ .widget ul.product_list_widget.cart_list li, .widget.widget_recent_reviews ul.product_list_widget li { padding-left: 0; } .cart_list img, .widget.widget_recent_reviews ul.product_list_widget img { display: block; max-width: 80px; margin: 0 20px 0 0; position: relative; float: left; } .cart_list .quantity::before { } .cart_list .quantity .amount { font-weight: 500; } .cart_list a.remove { position: absolute; right: 0; top: 2px; width: 20px; height: 20px; line-height: 20px; font-size: 20px; text-align: center; font-weight: lighter !important; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .cart_list a.remove:hover { color: red; background: transparent; } .cart_list .quantity { display: block; background-color: transparent; float: none; padding: 0; } .widget_shopping_cart_content .buttons { display: block; margin: 1em 0 0 0; } .widget_shopping_cart_content .buttons::after { content: ''; display: table; clear: both; } .widget_shopping_cart_content a.button { display: inline-block; float: left; padding: 0 1.2em; } .widget_shopping_cart_content a.button.checkout { float: right; } /* Price Filter Widget */ .widget_price_filter .price_slider { margin-bottom: 1em; } .widget_price_filter .price_slider_amount { margin-top: 25px; text-align: left; font-size: 14px; } .widget_price_filter .button { display: inline-block; width: 50%; padding: 8px 10px; line-height: 1; width: auto; height: auto; margin-right: 10px; } .price_slider_amount:after{ content: ''; display: block; clear: both; } .widget_price_filter .price_label{ display: inline-block; margin-left: auto; } .ui-slider { position: relative; text-align: left; margin-left: 0.5em; margin-right: 0.5em; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: ew-resize; outline: none; height: 20px; width: 20px; background: #9eadb6; margin-top: -8px; border-radius: 50%; top: 0; border: 7px solid #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15); } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; border-radius: 1em; } .price_slider_wrapper .ui-widget-content { border: 0; background: #f6f6f6; border-radius: 0; height: 4px; margin: 0 22px 0 0px; } .ui-slider-horizontal { height: 0.5em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 4px; } .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .widget_price_filter .price_slider_wrapper { margin-top: 34px; } .widget_price_filter .from, .widget_price_filter .to { display: inline-block; line-height: 29px; padding-top: 1px; border-style: solid; border-width: 1px; padding: 0 10px; } /* Layered nav filters */ .widget_layered_nav ul li a, .widget_layered_nav_filters ul li a, .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a { padding: 0 0 0 26px; position: relative; float: left; color: inherit; } .widget_layered_nav ul li { margin-bottom: 8px; } .widget_layered_nav ul li a:before, .widget_layered_nav_filters ul li a:before { line-height: 18px; content: ""; font-family: 'chromium'; display: inline-block; position: absolute; left: 0; top: 0; font-size: 16px; width: 20px; height: 20px; border-style: solid; border-width: 1px; background-color: #fff; color: #fff; text-align: center; } .widget_layered_nav ul li a:before { content: ""; } .widget_layered_nav ul li.chosen a:before { content: "\e917"; } .widget_layered_nav_filters ul li a:before { content: "-"; line-height: 6px; font-size: 28px; } .widget_layered_nav_filters ul, .widget_layered_nav ul { margin: 0; } .widget_layered_nav_filters ul li { padding: 0 10px 5px 0; } .widget_layered_nav_filters ul li:after { display: table; content: ''; clear: both; } /* Product Tag Cloud */ .widget_product_tag_cloud a { font-size: 12px !important; padding: 5px 10px 4px; background: #f5f5f5; display: inline-block; margin: 0 10px 10px 0; float: left; text-transform: uppercase; -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .widget_product_tag_cloud:after { display: table; content: ''; clear: both; } /* Average Rating Widget */ .wc-layered-nav-rating .star-rating { float: left; } .wc-layered-nav-rating::after { display: table; content: ''; clear: both; } .wc-layered-nav-rating a { font-size: 12px; } /* 3rd Party Widgets */ /* WOOF Advanced Filters */ .woof_sid_auto_shortcode, .woof_redraw_zone{ background: #fff !important; box-shadow: none !important; border:none !important; border-radius: 0 !important; } .woof_redraw_zone h4{ font-size: 14px !important; font-weight: 500; text-transform: uppercase; } .woof_edit_view{ position: absolute; right:0; top:0; } .woof_redraw_zone{ display: flex; flex-wrap: wrap; flex-direction: column; } .woof_container{ flex-basis: 100%; width: 100% !important; } .irs-from, .irs-to, .irs-single{ background-color: #fdb819 !important; background: #fdb819 !important } .irs-from::after, .irs-to::after, .irs-single::after{ border-top-color: #fdb819 !important; } .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider{ background-image: url("../img/sprite-skin-flat.png") !important; } .woof_container_select .woof_container_inner, .woof_container_select_hierarchy .woof_container_inner { display: flex; align-items: center; justify-content: flex-start; } .woof_container_select .woof_container_inner > h4, .woof_container_select_hierarchy .woof_container_inner > h4{ width: 25%; } .woof_container_select .woof_container_inner > div, .woof_container_select_hierarchy .woof_container_inner > div{ width: 75%; } .woof_container_select .woof_container_inner select, .woof_container_select_hierarchy .woof_container_inner select{ padding-left: 10px; border:#ebebeb 1px solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .woof_container_select .woof_container_inner select:focus, .woof_container_select_hierarchy .woof_container_inner select:focus{ outline: none !important; } .woof_container_select .woof_block_html_items, .woof_container_select_hierarchy .woof_block_html_items{ position: relative; } .woof_container_select .woof_block_html_items:after{ content: '\e91a'; display: inline-block; font-family: 'chromium'; font-size: 12px; position: absolute; right: 12px; top: 3px; z-index: 1; height: 38px; line-height: 36px; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; z-index: 1; } .woof_container_checkbox .woof_container_inner{ display: flex; align-items: center; justify-content: flex-start; } .woof_container_checkbox .woof_container_inner > h4{ width: 25%; } .woof_container_checkbox .woof_container_inner > div{ width: 75%; padding-left: 20px; } .woof_container_checkbox .woof_container_inner .woof_list_checkbox{ padding: 0; margin: 0; } .woof_container_checkbox .woof_container_inner .woof_list_checkbox li{ display: inline-block; margin: 10px; } .woof_container:first-of-type{ margin-top: 0 !important; padding-top:20px !important; } .woof_sid_auto_shortcode.woof{ padding: 0 !important; } .woof_container{ border-bottom:#ebebeb 1px solid; margin: 0 0 20px; padding: 0 20px 20px; } .woof_submit_search_form_container{ text-align: center; } .woof_submit_search_form_container button{ display: inline-block !important; float: none !important; width: 30%; min-width: 80px; text-transform: uppercase; font-weight: 500; margin-bottom: 10px; } .woof_sid_home_page .woof_price3_search_container{ display: none; } .woof_products_top_panel li span{ background-image: none; } .woof_products_top_panel li span:after{ content:'×'; display:inline-block; color: red; margin-left: 4px; font-size: inherit; } .woocommerce-message .button.wc-forward{ padding: 3px 6px; } @media screen and ( max-width: 1023px ) { .woof_sid_home_page .woof_redraw_zone { background-color: transparent !important; } .woof_sid_home_page .woof_container{ border:none !important; margin-bottom: 0 !important; } .woof_container_select .woof_container_inner>div, .woof_container_select_hierarchy .woof_container_inner>div{ width: 100% !important; } .woof_container_inner .chosen-container, .woof_container_inner select{ width: 100% !important; } } @media screen and ( min-width: 1024px ) { .woof_sid_home_page .woof_redraw_zone{ flex-direction: row; } .woof_sid_home_page .woof_container{ flex-direction: column; flex-basis: calc( 100% - 170px ) !important; width: calc( 100% - 170px ) !important; max-width: calc( 100% - 170px ) !important; border: 0; margin: 0; padding-right: 0 !important; } .woof_sid_home_page .woof_container .woof_container_inner .woof_block_html_items{ counter-reset: section; } .woof_sid_home_page .woof_submit_search_form_container{ width: 170px; padding-right: 4px; } .woof_sid_home_page .woof_submit_search_form_container .woof_submit_search_form{ width: 100%; margin-left: 3px; margin-top: 11px; height: 49px; line-height: 15px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .woof_sid_home_page .woof_submit_search_form_container .woof_submit_search_form:before{ content: '\e93e'; font-family: 'chromium'; display: inline-block; text-indent: 0; font-size: 13px; line-height: 28px; margin-right: 8px; font-weight: bold; } .woof_sid_home_page .woof_submit_search_form_container .woof_reset_search_form{ position: absolute; bottom: -25px; right: -10px; padding: 0; text-transform: uppercase; color: #fff; width: auto !important; background: transparent !important; } .woof_sid_home_page .woof_edit_view{ display: none; } .woof_sid_home_page .woof_container_inner > h4{ background: #fff; padding: 10px 40px 20px 20px; display: inline-block; position: absolute; left: 0; top: -40px; } .woof_sid_home_page .woof_container_inner .woof_block_html_items{ display: flex; } .woof_sid_home_page .woof_container_select .woof_container_inner > div, .woof_sid_home_page .woof_container_select_hierarchy .woof_container_inner > div{ width: 100%; } .woof_sid_home_page .woof_container_select_hierarchy .woof_container_inner select{ margin-right: 3px !important; margin-left: 3px !important; height: 49px; border: none; } .woof_sid_home_page .woof_sid_auto_shortcode, .woof_sid_home_page .woof_redraw_zone{ background: transparent !important; padding: 0 !important; } .woof_sid_home_page .chosen-container{ margin-right: 3px; margin-left: 3px; border-right: #ededec 1px solid !important; max-width: 33.33%; width: 33.33%; } .woof_sid_home_page .chosen-container .chosen-single{ padding-left: 48px; } .woof_sid_home_page .chosen-container .chosen-single:before{ position: absolute; top: 12px; left: 0; padding: 0 15px; counter-increment: section; /* Инкрементирует счетчик*/ content: counter(section); color: #000; height: 27px; border-right: #e1e1e1 1px solid; font-size: 15px; line-height: 26px; } .woof_sid_home_page .chosen-container:first-of-type .chosen-single{ border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .woof_sid_home_page .chosen-container-single .chosen-single{ padding-top: 12px; padding-bottom: 12px; height: auto !important; } .woof_sid_home_page .chosen-container .chosen-drop{ top: calc( 100% - 3px ); border: none; width: calc( 100% + 1px ); } .woof_sid_home_page .chosen-container-active.chosen-with-drop .chosen-single{ border: none !important; background: #fff; } .woof_sid_home_page .chosen-container-single .chosen-single div b{ background: transparent !important; background-image: none !important; } .woof_sid_home_page .chosen-container-single .chosen-single div b:before{ content: '\e91a'; display: inline-block; font-family: 'chromium'; font-size: 12px; position: absolute; right: 12px; top: 8px; z-index: 1; height: 38px; line-height: 36px; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; z-index: 1; } .woof_sid_home_page .chosen-disabled{ opacity: 1 !important; } .woof_sid:not(.woof_sid_home_page){ text-align: left; } } .chosen-container-single .chosen-single{ background: #fff; border:none; border-radius: 0; } /* Elementor Editor Extra Styles */ .elementor-editor-active li.product .excerpt-wrapper a.button { display: none; } .elementor-editor-active li.product .excerpt-wrapper .woocommerce-loop-product__link+.star-rating { display: none; } /* Single Product Styles */ div.product .elementor-widget-woocommerce-product-images, div.product .product-images-wrapper, div.product .single-product-meta-wrapper, div.product .product-custom-labels-wrapper, div.product .product-shares-wrapper, div.product .woocommerce-tabs { background-color: #fff; padding: 1em; margin-bottom: 3em; position: relative; } @media screen and (min-width: 1024px) and (-ms-high-contrast:none) { div.product{ display: flex; align-content:flex-start; flex-wrap: wrap; justify-content: space-around; } div.product .elementor-widget-woocommerce-product-images, div.product .product-images-wrapper{ flex-basis: 60%; width: 60% !important; max-width: 60% !important; } div.product div.summary{ flex-basis:calc( 40% - 40px ); margin-left: 30px; } div.product .woocommerce-tabs, div.product section.products { flex-basis: 100%; } } @media screen and ( max-width: 400px ) { .sale .product_title{ margin-top: 1em; } } div.product .single-product-meta-wrapper, div.product .product-custom-labels-wrapper, div.product .product-shares-wrapper { margin-bottom: 1em; } div.product .woocommerce-tabs { order: 3; padding: 0; background-color: transparent; } div.product .upsells { order: 5; } div.product .related { order: 4; } .reverse div.product .product-images-wrapper { order: 2; } .reverse div.product .summary { order: 1; } div.product .product_title { font-size: 2em; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; } .elementor-widget-woocommerce-product-images .product_meta, .product-images-wrapper .product_meta, body:not(.product-classic-style) .single-product-meta-wrapper .product_meta { display: inline-block; height: 30px; line-height: 1.25; border-radius: 3px; background-color: #f3f3f3; padding: 5px 14px 4px; margin-bottom: 1em; } .elementor-widget-woocommerce-product-images .woocommerce-product-rating, .product-images-wrapper .woocommerce-product-rating { display: inline-block; height: 30px; line-height: 30px; margin-bottom: 2em; } .elementor-widget-woocommerce-product-images .woocommerce-product-rating .star-rating, .product-images-wrapper .woocommerce-product-rating .star-rating { vertical-align: text-bottom; } .elementor-widget-woocommerce-product-images .product_meta+.woocommerce-product-rating, .product-images-wrapper .product_meta+.woocommerce-product-rating { margin-left: 10px; } .elementor-widget-woocommerce-product-images .images, .product-images-wrapper .images { position: relative; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__trigger, .product-images-wrapper .woocommerce-product-gallery__trigger { font-size: 20px; border-width: 1px; border-style: solid; border-radius: 2px; padding: 3px 6px; position: absolute; right: 15px; top: 15px; width: 34px; height: 34px; z-index: 10; background-color: #fff; line-height: 32px; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__trigger::before, .product-images-wrapper .woocommerce-product-gallery__trigger::before { display: block; font-family: 'chromium'; content: '\e93e'; position: absolute; width: 100%; text-align: center; left: 0; top: 0; font-size: 16px; } .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__trigger img, .product-images-wrapper .woocommerce-product-gallery__trigger img { display: none !important; } .elementor-widget-woocommerce-product-images .flex-control-thumbs, .product-images-wrapper .flex-control-thumbs { display: block; position: relative; list-style: none; margin: 2em -7px 0 -7px; padding: 0; } .elementor-widget-woocommerce-product-images .flex-control-thumbs li, .product-images-wrapper .flex-control-thumbs li { padding: 0 7px 0 7px; margin: 0 0 14px 0; width: 33%; max-width: 33%; display: inline-block; } .elementor-widget-woocommerce-product-images .flex-control-thumbs img, .product-images-wrapper .flex-control-thumbs img { display: inline-block; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-transform: translateZ(0); opacity: 0.6; cursor: pointer; } .elementor-widget-woocommerce-product-images .flex-control-thumbs img:hover, .elementor-widget-woocommerce-product-images .flex-control-thumbs img.flex-active, .product-images-wrapper .flex-control-thumbs img:hover, .product-images-wrapper .flex-control-thumbs img.flex-active { opacity: 1; } @media screen and (min-width: 768px) { .elementor-widget-woocommerce-product-images .flex-viewport, .woocommerce-product-gallery .flex-viewport /*a.woocommerce-product-gallery__trigger + figure.woocommerce-product-gallery__wrapper*/ { max-width: calc(100% - 100px); margin-left: 100px; } } div.product .stock + .stock { display: none; } .elementor-widget-woocommerce-product-images .flex-viewport .woocommerce-product-gallery__wrapper, .product-images-wrapper .flex-viewport .woocommerce-product-gallery__wrapper { margin: 0; width: auto; max-width: none; } .button.single_add_to_cart_button { height: 45px; line-height: 45px; } div.product .summary > div:last-child { margin-bottom: 3em; } /* Classic Single Product Style */ .elementor-widget-woocommerce-product-images, .product-classic-style div.product .product-images-wrapper, .product-classic-style div.product .summary { background-color: #fff; padding: 2em; margin-bottom: 3em; } .product-classic-style div.product .product-images-wrapper { padding: 2em 1em; margin: 0; } .product-classic-style div.product .summary > div:last-child { margin-bottom: 0; } .product-classic-style div.product .single-product-meta-wrapper, .product-classic-style div.product .product-custom-labels-wrapper, .product-classic-style div.product .product-shares-wrapper { padding: 0; margin-bottom: 0; } .product-classic-style div.product .single-product-meta-wrapper { grid-column: span 6; margin-bottom: 3em; padding: 2em; display: flex; flex-wrap: wrap; margin-top: -1em; } .product-classic-style div.product .single-product-meta-wrapper .product_meta, .product-classic-style div.product .single-product-meta-wrapper .product-custom-labels-wrapper { width: 100%; } .product-classic-style div.product .single-product-meta-wrapper .product_meta { margin-bottom: 2em; } div.product .product_meta .sku_wrapper, div.product .product_meta .posted_in, div.product .product_meta .tagged_as { display: block; } .product-classic-style div.product .product-shares-wrapper { margin-top: 25px; padding-top: 24px; border-style: solid; border-width: 1px 0 0 0; } .product-chrom-style div.product .single-product-meta-wrapper .woocommerce-product-rating{ vertical-align: bottom; } .product-chrom-style div.product .single-product-meta-wrapper .woocommerce-product-rating, .product-classic-style div.product .woocommerce-product-rating { margin-bottom: 1em; } .product-chrom-style div.product .single-product-meta-wrapper .woocommerce-product-rating .woocommerce-review-link, .product-classic-style div.product .woocommerce-product-rating .woocommerce-review-link { line-height: 20px; height: 20px; display: inline-block; vertical-align: top; } .elementor-widget-woocommerce-product-images .flex-viewport .product-classic-style .woocommerce-product-gallery .flex-viewport { max-width: 100%; margin-left: 0; } @media screen and (min-width: 768px) { .elementor-widget-woocommerce-product-images .flex-control-thumbs, .product-classic-style .product-images-wrapper .flex-control-thumbs { display: block; position: relative; margin: 2em -7px 0 -7px; width: 100%; } .elementor-widget-woocommerce-product-images .flex-control-thumbs li, .product-images-wrapper .flex-control-thumbs li { margin: 0 0 15px 0; width: 100%; max-width: 100%; } .elementor-widget-woocommerce-product-images .flex-control-thumbs, li .product-classic-style .product-images-wrapper .flex-control-thumbs li { padding: 0 7px 0 7px; width: 25%; max-width: 25%; margin-bottom: 14px; } .product-classic-style div.product .single-product-meta-wrapper .product_meta { width: 50%; } .product-classic-style div.product .single-product-meta-wrapper .product-custom-labels-wrapper { padding-left: 2em; width: 50%; } .elementor-widget-woocommerce-product-images, .product-classic-style div.product .product-images-wrapper, .product-classic-style div.product .summary { padding: 2em; margin-bottom: 3em; } .elementor-widget-woocommerce-product-images, .product-classic-style div.product .product-images-wrapper { padding-right: 0; } } /* Custom Labels Styles */ div.product .product-custom-labels-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } .product-custom-labels-wrapper .single-label { max-width: 30%; } .product-custom-labels-wrapper .single-label img { max-width: 40px; display: block; margin: 0 auto 15px; } .product-custom-labels-wrapper .single-label span { line-height: 18px; font-size: 0.800em; text-transform: uppercase; font-weight: bold; display: inline-block; text-align: center; } /* Share buttons styles */ .product-shares-wrapper .tz-social-links { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .product-shares-wrapper .tz-social-links div.wrapper { opacity: 1; visibility: visible; position: relative; bottom: auto; width: -webkit-calc(100% - 90px); width: calc(100% - 90px); right: auto; height: 30px; line-height: 30px; } .product-shares-wrapper .tz-social-links .heading { height: auto; padding: 0; background-color: transparent; font-size: 0.933em; text-transform: uppercase; font-weight: 500; display: inline-block; margin: 0px 10px 0 0; width: 80px; } .product-shares-wrapper .tz-social-links .wrapper a { background-color: transparent; height: 26px; line-height: 26px; width: 26px; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; padding: 0; margin: 0 10px 5px 0; display: inline-block; position: relative; } .product-shares-wrapper .tz-social-links .sharecount { float: none; width: 60px; display: inline-block; height: 22px; line-height: 22px; text-align: center; margin: 0 0 0 -30px; border: 0; position: absolute; left: 50%; top: -20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: #fdb819; color: #212121; font-size: 12px; } .product-shares-wrapper a.post-share-button:hover .sharecount { top: -24px; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media screen and (min-width: 1024px) { div.product .product-images-wrapper { padding: 2.5em 3em; } div.product .single-product-meta-wrapper { padding: 2em; } div.product .product-custom-labels-wrapper, div.product .product-shares-wrapper { padding: 2em; } div.product .product-shares-wrapper { padding: 20px 2em; } .product-images-wrapper .product_meta { margin-bottom: 2em; } .product-images-wrapper .flex-control-thumbs, .elementor-widget-woocommerce-product-images .flex-control-thumbs{ width: 85px !important; margin: 0 !important; position: absolute !important; top: 0 !important; left: 0 !important; } @supports (grid-area: auto) { div.product { display: grid; /*grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;*/ grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) ); grid-column-gap: 2em; align-items: flex-start; } .product-classic-style div.product { grid-column-gap: 0; align-items: unset; } div.product .woocommerce-tabs, div.product .upsells, div.product .related { grid-column: span 6; } .col3-col3 div.product .product-images-wrapper, .col3-col3 div.product .summary { grid-column: span 3; } .col4-col2 div.product .product-images-wrapper, .col2-col4 div.product .summary, .reverse.col4-col2 div.product .summary, .reverse.col2-col4 div.product .product-images-wrapper { grid-column: span 4; } .col2-col4 div.product .product-images-wrapper, .col4-col2 div.product .summary, .reverse.col2-col4 div.product .summary, .reverse.col4-col2 div.product .product-images-wrapper { grid-column: span 5; /* allagh gia ton pinaka tou eshop */ } .one-row-related-upsells div.product .upsells, .one-row-related-upsells div.product .related { grid-column: span 3; } } } /* Quantity buttons */ .quantity { padding: 0 30px; float: left; position: relative; background-color: #f6f6f6; } div.product .quantity, .list-view li.product .quantity { margin-right: 15px; } div.product .variations_form .button, div.product .cart .button { width: 100%; max-width: -webkit-calc(100% - 105px); max-width: calc(100% - 105px); text-align: center; } .quantity input[type=number] { width: 30px; height: 45px; line-height: 45px; border: 0; text-align: center; background-color: transparent; padding: 0; -moz-appearance: textfield; } .quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .quantity .quantity-button { position: absolute; width: 30px; height: 45px; line-height: 45px; left: 0; top: 0; font-size: 16px; cursor: pointer; } .quantity .quantity-button:before, .quantity .quantity-button:after { display: inline-block; position: absolute; width: 7px; height: 1px; content: ''; top: 23px; left: 12px; -webkit-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .quantity .quantity-button:hover:before, .quantity .quantity-button:hover:after { background-color: #101010; } .quantity .quantity-button.quantity-up { right: 0; left: auto; } .quantity .quantity-button.quantity-up:before { width: 1px; height: 7px; top: 20px; left: 15px; } .woocommerce input.disabled, .woocommerce input:disabled, .woocommerce input:disabled[disabled], .woocommerce .button.disabled, .woocommerce .button:disabled, .woocommerce .button:disabled[disabled] { cursor: not-allowed; opacity: .5; } /* Variations table styles */ table.variations { border-width: 0; margin: 0 0 2em 0; position: relative; } table.variations td { border-width: 0; padding: 10px 10px 0 10px; } table.variations tr:last-of-type td { padding: 10px; } table.variations td label { text-transform: uppercase; font-weight: 500; } .variations_form select { padding: 0 40px 0 8px; box-shadow: none; border-radius: 0; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: inherit; cursor: pointer; font-weight: normal; width: 100%; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; background-color: transparent; position: relative; z-index: 2; } .variations_form .select-wrapper { display: inline-block; } .variations_form .select-wrapper::after { z-index: 1; } .variations_form .reset_variations { position: absolute; font-size: 10px; background-color: #f6f6f6; border-radius: 4px; top: -24px; right: -14px; height: 20px; line-height: 20px; padding: 0 5px; text-transform: uppercase; } /* Grid styles for variations */ .grid-variations .variations_form .select-wrapper { width: 100%; } .grid-variations table.variations, .grid-variations table.variations tr, .grid-variations table.variations td { display: block; border: 0; } .grid-variations table.variations td { padding: 0 0 10px 0; } .grid-variations table.variations tr:last-of-type td { padding: 0 0 10px 0; } .grid-variations table.variations td.value { padding: 0; } .grid-variations table.variations tbody { display: grid; width: 100%; grid-template-columns: 1fr 1fr; grid-row-gap: 1em; grid-column-gap: 1em; } /* Compare & Wishlist extra styles */ .entry-summary .button.tm-woocompare-button-single, .entry-summary .button.tm-woowishlist-button-single, .entry-summary .button.tm-woowishlist-page-button, .entry-summary .button.tm-woocompare-page-button { background-color: transparent; width: 45%; margin: 2em 5% 0 0; padding: 0 0 0 25px; font-weight: normal; text-transform: none; font-size: 0.857em; position: relative; } .entry-summary .button.tm-woocompare-button-single:hover, .entry-summary .button.tm-woowishlist-button-single:hover, .entry-summary .button.tm-woowishlist-page-button:hover, .entry-summary .button.tm-woocompare-page-button:hover, .entry-summary .button.tm-woocompare-button-single:focus, .entry-summary .button.tm-woowishlist-button-single:focus, .entry-summary .button.tm-woowishlist-page-button:focus, .entry-summary .button.tm-woocompare-page-button:focus, .entry-summary .button.tm-woocompare-button-single:active, .entry-summary .button.tm-woowishlist-button-single:active, .entry-summary .button.tm-woowishlist-page-button:active, .entry-summary .button.tm-woocompare-page-button:active{ background-color: transparent; } .button.tm-woocompare-button-single:before, .button.tm-woowishlist-button-single:before { display: inline-block; content: '\e908'; font-size: 22px; font-family: 'chromium'; position: absolute; left: 0; bottom: 0; height: 40px; } .button.tm-woowishlist-button-single:before { content: '\e93c'; } .entry-summary a.button.tm-woowishlist-page-button, .entry-summary a.button.tm-woocompare-page-button { padding: 0; height: 26px; line-height: 26px; width: 50%; position: absolute; text-align: center; margin: 0; bottom: -18px; left: 0; background-color: transparent; } .entry-summary a.button.tm-woowishlist-page-button:hover, .entry-summary a.button.tm-woocompare-page-button:hover { background-color: transparent; color: inherit; } .entry-summary a.button.tm-woocompare-page-button { left: auto; right: 0; } .wishlist-compare-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; } .wishlist-compare-wrapper .button.tm-woocompare-button-single { order: 2; } .wishlist-compare-wrapper .button.tm-woowishlist-button-single { order: 1; margin: 2em 5% 0 0; } .product .button.tm-woocompare-button-single.loading::after, .product .button.tm-woowishlist-button-single.loading::after { color: #212121; } /* Product Tabs */ ul.tabs.wc-tabs { display: block; position: relative; padding: 0; margin: 0; list-style: none; overflow: hidden; width: 100%; } ul.tabs.wc-tabs::after, ul.tabs.wc-tabs::before { display: inline-block; content: ''; position: absolute; right: 13px; top: 23px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 22px; height: 2px; pointer-events: none; background: #101010; } ul.tabs.wc-tabs::after { right: 23px; top: 13px; width: 2px; height: 22px; } ul.tabs.wc-tabs.open::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } ul.tabs.wc-tabs>li { padding: 0; display: block; margin: 0; } ul.tabs.wc-tabs>li>a { display: block; text-align: left; font-size: 1.071em; font-weight: normal; line-height: 1.2; position: absolute; top: 0; left: 0; width: 100%; height: 50px; line-height: 50px; padding: 0 45px 0 0; text-transform: uppercase; color: inherit; opacity: 0; } ul.tabs.wc-tabs.open>li>a, ul.tabs.wc-tabs>li.active>a { position: relative; opacity: 1; z-index: 1; } ul.tabs.wc-tabs>li.active>a { font-weight: 500; } div.panel.wc-tab { padding: 1em; background-color: #fff; } div.panel.wc-tab>h2:first-of-type { font-size: 1.071em; text-transform: uppercase; font-weight: 500; margin-bottom: 1.5em; } div.panel table.shop_attributes { width: auto; } table.shop_attributes th, table.shop_attributes td { text-align: left; padding: 0.5em 1.5em; } @media only screen and (min-width: 768px) { ul.tabs.wc-tabs>li { display: inline-block; padding: 0; margin: 0 3px 0 0; float: left; } ul.tabs.wc-tabs>li>a { position: relative; height: 55px; line-height: 55px; margin: 0; outline: none; padding: 0 40px; background-color: #efefef; -webkit-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; opacity: 1; display: inline-block; width: auto; } ul.tabs.wc-tabs>li>a:hover { background-color: #fff; } ul.tabs.wc-tabs>li>a::before { display: block; content: ''; height: 2px; width: 100%; left: 0; top: 0; position: absolute; opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } ul.tabs.wc-tabs>li.active>a { background-color: #fff; font-weight: 500; } ul.tabs.wc-tabs>li.active>a::before { opacity: 1; } ul.tabs.wc-tabs::after, ul.tabs.wc-tabs::before { display: none; } div.panel.wc-tab { padding: 3em; } } /* Reviews */ h2.woocommerce-Reviews-title, #review_form .comment-reply-title { font-size: 1.071em; text-transform: uppercase; font-weight: 500; margin-bottom: 2em; } #review_form .comment-reply-title { display: block; margin-bottom: 1.5em; } .product .comment-text .star-rating { vertical-align: text-bottom; margin-right: 10px; } .product .comment-text .meta { display: inline-block; } #reviews ol.commentlist { padding: 0 0 1em 0; list-style: none; border-style: solid; border-width: 0 0 1px 0; margin: 0 0 3em 0; } #reviews ol.commentlist li { padding: 0; margin: 0 0 2em; } #reviews .comment_container::after { display: table; content: ''; clear: both; } #reviews img.avatar { padding: 0; width: 60px; background: transparent; -webkit-border-radius: 50%; border-radius: 50%; float: left; margin: 0 2em 0 0; } #reviews .comment-text {} #reviews .comment-text p.meta { font-size: 14px; margin-bottom: 10px; } #reviews .comment-text p.meta strong { color: #000; font-weight: 500; } #reviews .comment-text p { margin: 0 0 15px; } #reviews .comment-form-comment label { float: left; } .comment-form-rating p.stars { display: inline-block; } .comment-form-rating p.stars a { position: relative; text-indent: -999em; display: inline-block; text-decoration: none; } .comment-form-rating p.stars a:before { display: block; position: absolute; top: 0; left: 0; font-family: 'chromium'; text-indent: 0; font-size: 18px; } .comment-form-rating p.stars a, .comment-form-rating p.stars a:before { width: 18px; height: 18px; line-height: 18px; } .comment-form-rating p.stars a:before, .comment-form-rating p.stars a:hover~a:before { content: "\e91e"; } .comment-form-rating p.stars.selected a.active:before, .comment-form-rating p.stars:hover a:before { content: "\e91d"; } .comment-form-rating p.stars.selected a.active~a:before { content: "\e91e"; } .comment-form-rating p.stars.selected a:not(.active):before { content: "\e91d"; } #reviews h3 { margin: 0 0 20px 0; text-align: center; font-weight: 500; } #review_form label { display: inline-block; padding: 0 1em 0 0; width: 120px; font-weight: 500; } #reviews .comment-form .oneall_social_login { padding: 0; } #review_form .comment-form-author input, #review_form .comment-form-email input, #review_form textarea { width: 100%; max-width: 450px; } #review_form #respond p.form-submit { margin-top: 10px; } /* Related & Up-Sells */ .related, .upsells { margin-bottom: 3em; } .related>h2:first-child, .upsells>h2:first-child { display: block; font-size: 1.716em; padding: 0; margin: 0 0 35px 0; line-height: 1.2; font-weight: 500; text-transform: uppercase; } /* Custom Cart Page styles */ .woocommerce-cart .page { background-color: #fff; padding: 1em; margin-bottom: 4em; } .button.empty-cart { position: absolute; right: 0; top: -65px; } .shop_table.cart { border-width: 1px 0 0 0; padding: 0 0 3em 0; border-style: solid; table-layout: auto; } .shop_table.cart .quantity { display: inline-block; max-width: 150px; float: none; } .shop_table.cart tr { border: 0; } .shop_table.cart td, .shop_table.cart th { border-width: 0 1px 1px 1px; padding: 0.5em 1em; border-style: solid; } .shop_table.cart td { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } @media screen and (min-width: 1024px) and (-ms-high-contrast:none) { .shop_table.cart td{ display: table-cell; } } .shop_table.cart td.product-name { justify-content: left; } td.product-name .variation { margin: 1em 0 0 0; width: 100%; } .shop_table.cart td.product-name a { font-weight: 500; color: inherit; width: 100%; } td.product-name .variation dt { font-weight: 500; display: inline-block; width: 100%; max-width: 30%; } td.product-name .variation dd { margin: 0; display: inline-block; width: 100%; max-width: 65%; } .shop_table.cart tr td:last-of-type, .shop_table.cart tr th:last-of-type { border-width: 0 1px 1px 1px; } .shop_table.cart th { font-weight: 500; text-align: center; } .shop_table.cart td.product-subtotal { font-weight: bold; } .shop_table.cart thead { background-color: #f6f6f6; } .shop_table.cart thead th, .shop_table.cart thead tr th:last-of-type { border-width: 0 0 1px 0; } .shop_table.cart td.actions { border: 0; } td.product-remove a { width: 18px; height: 18px; line-height: 16px; display: inline-block; text-align: center; border-style: solid; border-width: 1px; border-radius: 2px; -webkit-transition: border-color 0.3s ease-out, color 0.3s ease-out; transition: border-color 0.3s ease-out, color 0.3s ease-out; } .shop_table.cart .coupon { float: left; display: inline-block; } .shop_table.cart .coupon label { display: none; } .coupon .input-text+.button { width: auto; margin: 0 0 0 10px; padding: 0; } .shop_table.cart .link-to-shop { display: inline-block; margin: 15px 0 10px; width: 100%; text-align: center; } .link-to-shop i { margin: 0 0 0 5px; } .shop_table.cart button.button { float: right; margin: 0 0 0 10px; } @media only screen and (min-width: 1024px) { .shop_table.cart td, .shop_table.cart th { border-width: 0 0 1px 1px; padding: 1em; } .woocommerce-cart .page { padding: 2em; } .shop_table.cart { border-width: 0; margin: 0 0 2em 0; padding: 0; } .shop_table.cart .quantity { float: left; } .coupon .input-text+.button { padding: 0 1em; } .shop_table.cart .link-to-shop { margin: 9px 25px 0 0; width: auto; text-align: right; } } /* Cart Total */ .cart-collaterals .cross-sells h2:not(.woocommerce-loop-product__title), .cart-collaterals .cart_totals h2 { font-size: 1em; font-weight: 500; margin: 0 0 35px 0; padding: 0 0 10px 0; text-transform: uppercase; border-style: solid; border-width: 0 0 1px 0; } .cart-collaterals .cart_totals h2 { position: absolute; top: -61px; left: 0; width: 100%; } .cart_totals { border: 0; padding: 0; position: relative; margin: 61px 0 60px 0; } .cart_totals table { margin: 0 0 1em 0; border: 0; } .cart_totals tr th { padding: 5px 25px 5px 0; font-weight: normal; font-size: 0.933em; text-align: left; border: 0; vertical-align: top; } .cart_totals tr td { padding: 0.5em 1em; text-align: right; font-weight: 500; border: 0; } .cart_totals tr.order-total th { font-size: 1em; font-weight: 500; text-transform: uppercase; vertical-align: bottom; padding-bottom: 11px; } .cart_totals tr.order-total td { font-size: 1.867em; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 0; text-align: right; } @media only screen and (min-width: 768px) { .cart_totals tr td { padding: 5px 0; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background-color: transparent; } } /* Shipping Calculator */ .woocommerce-shipping-calculator a { font-weight: normal; font-size: 0.800em; display: inline-block; margin-bottom: 15px; } .woocommerce-shipping-calculator input.input-text { width: 100%; } .woocommerce-shipping-calculator a::after { display: inline-block; font-family: FontAwesome; content: "\f107"; padding-left: 5px; } .select2-container .select2-selection--single, .select2-container { height: 40px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; line-height: 40px; font-weight: normal; text-align: left; font-size: 0.933em; padding: 0 40px 0 15px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; position: absolute; top: 0px; right: 0px; width: 35px; } .select2-container--default .select2-selection--single .select2-selection__arrow:before { height: 30px; position: absolute; top: 5px; left: 0px; width: 1px; display: inline-block; content: ''; } .select2-container--default .select2-selection--single:focus { -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2); outline: none; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #373737 transparent transparent transparent; border-style: solid; border-width: 6px 6px 0 6px; height: 0; left: 50%; margin-left: -6px; margin-top: -3px; position: absolute; top: 50%; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #373737 transparent; border-width: 0 6px 6px 6px; } .select2-container--default .select2-selection--single .select2-selection__arrow b:after { border-color: #FFF transparent transparent transparent; border-style: solid; border-width: 6px 6px 0 6px; height: 0; left: 0; margin-left: -6px; margin-top: -7px; position: absolute; top: 0; display: inline-block; content: ''; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::after { border-color: transparent transparent #FFF transparent; border-width: 0 6px 6px 6px; margin-top: 1px; } @media screen and (min-width: 768px) and (-ms-high-contrast:none) { .cart-collaterals{ display: flex; } .cart-collaterals .cross-sells{ flex-basis: 50%; } .cart-collaterals .cart_totals{ flex-basis: calc(50% - 40px); margin-left: 30px; } } @supports (grid-area: auto) { @media screen and (min-width: 1024px) { .shop_table.cart tr { display: grid; grid-template-columns: 100px 1fr minmax(100px, 150px) minmax(100px, 150px) minmax(100px, 150px) 50px; } .shop_table.cart tbody tr:last-of-type { display: table-row; } .shop_table.cart td.product-remove, .shop_table.cart th.product-remove { grid-column-start: 6; grid-row-start: 1; border-width: 0 1px 1px 0; padding: 1em 0; } .shop_table.cart th.product-remove { border-width: 0 0 1px 0; } .shop_table.cart td.actions { display: table-cell; text-align: right; padding: 2em 0; } .cart-collaterals { display: grid; grid-template-columns: 1fr 40%; grid-column-gap: 2em; } .sidebar.cart.grid { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 2em; grid-row-gap: 2em; } .cart_totals:first-child:last-child{ grid-column: -1/1; margin-left: auto; max-width: 440px; } } } /* Shipping radio buttons */ ul#shipping_method { list-style: none; } ul#shipping_method li { padding: 5px 0; } ul#shipping_method li input { position: absolute; z-index: -1000; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } ul#shipping_method li input+label { cursor: pointer; font-weight: 400; } ul#shipping_method .amount { font-weight: 500; } ul#shipping_method li input+label::after { display: inline-block; width: 16px; height: 16px; vertical-align: text-bottom; margin: 0 0 1px 8px; background-color: #fff; border: 0; -webkit-box-shadow: inset 0 0 0 1px #dbdbdb; box-shadow: inset 0 0 0 1px #dbdbdb; -webkit-border-radius: 50%; border-radius: 50%; content: ''; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; } ul#shipping_method li input:checked+label::after { -webkit-box-shadow: inset 0 0 0 6px #fdb819; box-shadow: inset 0 0 0 6px #fdb819; } /* Woocommerce messages */ .woocommerce-message, .woocommerce-info, .woocommerce-error { font-size: 0.933em; padding: 1em 1em 1em 4em; background-color: #fff; margin-bottom: 2em; position: relative; list-style: none; } .woocommerce-cart .woocommerce-message, .woocommerce-cart .woocommerce-info, .woocommerce-cart .woocommerce-error,.woocommerce-checkout .woocommerce-message, .woocommerce-checkout .woocommerce-info, .woocommerce-checkout .woocommerce-error { background-color: #f6f6f6; } .login-wrapper .woocommerce-info, .coupon-wrapper .woocommerce-info { background-color: #f6f6f6; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: inline-block; font-family: 'chromium'; position: absolute; left: 20px; top: 50%; margin-top: -10px; font-size: 20px; line-height: 20px; content: ''; } .woocommerce-message::before { content: '\e917'; color: #56c56f; } .woocommerce-error::before { content: '\e922'; color: #e52325; } .woocommerce-info::before { content: '\e929'; color: #71cbff; } .login-wrapper .woocommerce-info::before { content: '\e909'; font-size: 27px; margin-top: -19px; } .coupon-wrapper .woocommerce-info::before { content: '\e916'; font-size: 28px; margin-top: -9px; left: 15px; } .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { float: right; padding: 0; margin: 0; background-color: transparent; color: #000; margin-right: 15px; height: auto; font-size: 1em; text-transform: uppercase; line-height: 1.618; } .woocommerce-message::after, .woocommerce-info::after, .woocommerce-error::after { clear: both; content: ''; display: block; } /* Checkout Styles */ .woocommerce-checkout .page { background-color: #fff; padding: 1em; margin-bottom: 4em; } #order_review_heading, .woocommerce-checkout-review-order { width: 100%; } form.checkout { clear: both; } .woocommerce-checkout .login-wrapper, .woocommerce-checkout .coupon-wrapper { width: 100%; float: left; margin: 0 0 1.5em 0; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { margin: 0; border-radius: 0; } .woocommerce-checkout .login-wrapper .oneall_social_login { margin-top: 10px; } .woocommerce-checkout .login-wrapper .oneall_social_login_providers iframe { max-height: 65px; margin-bottom: 0; } .woocommerce form.login .lost_password { margin: 0; } .woocommerce-checkout .checkout_coupon>p { margin-bottom: 0.5em; } .woocommerce-billing-fields>h3, #order_review_heading, .woocommerce-checkout-review-order .payments-title { font-size: 1.200em; font-weight: 500; margin: 0 0 2em 0; } .woocommerce form .form-row { padding: 0; margin: 0 0 1.3em; clear: both; } .form-row label { display: block; font-size: 0.933em; margin-bottom: 5px; } .form-row input[type=text]:not(.submit), .form-row input[type=number]:not(.submit), .form-row input[type=email]:not(.submit), .form-row input[type=password]:not(.submit) { width: 100%; max-width: 100%; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce form .validate-phone, .woocommerce form .validate-email { display: inline-block; width: 48%; float: right; } .woocommerce form .form-row-first, .woocommerce form .validate-phone { float: left; } .woocommerce form .form-row-wide { clear: both; } .woocommerce form .validate-email.form-row-wide, .woocommerce form .form-row-last { clear: none; } abbr.required { color: red; } .checkout .form-row.validate-required.woocommerce-invalid .chosen-single, .checkout .form-row.validate-required.woocommerce-invalid .chosen-drop, .checkout .form-row.validate-required.woocommerce-invalid input.input-text, .checkout .form-row.validate-required.woocommerce-invalid select { -webkit-box-shadow: 0 0 2px 1px rgba(251, 127, 136, 0.4); -moz-box-shadow: 0 0 2px 1px rgba(251, 127, 136, 0.4); box-shadow: 0 0 2px 1px rgba(251, 127, 136, 0.4); } #ship-to-different-address { width: 100%; font-size: 0.933em; font-weight: normal; margin-bottom: 1.3em; } .checkout .validate-required.woocommerce-invalid .chosen-single, .checkout .validate-required.woocommerce-invalid .chosen-drop, .checkout .validate-required.woocommerce-invalid input.input-text, .checkout .validate-required.woocommerce-invalid select { -webkit-box-shadow: 0 0 2px 1px rgba(251, 127, 136, 0.4); -moz-box-shadow: 0 0 2px 1px rgba(251, 127, 136, 0.4); box-shadow: 0 0 2px 1px rgba(251, 127, 136, 0.4); } .woocommerce-checkout-payment .woocommerce-notice { margin-bottom: 0; padding-left: 40px; } .woocommerce-checkout-payment .woocommerce-notice::before { left: 0; } @media screen and (min-width: 768px) { .woocommerce-checkout .page { padding: 2em; } } /* Review Order Grid */ .woocommerce-checkout-review-order-table, .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table thead, .woocommerce-checkout-review-order-table tbody, .woocommerce-checkout-review-order-table tfoot, .woocommerce-checkout-review-order-table tr { display: flex; flex-wrap: wrap; } .woocommerce-checkout-review-order-table td.product-name { display: block; } .woocommerce-checkout-review-order-table { border-width: 1px 0 0 1px; border-style: solid; } .woocommerce-checkout-review-order-table thead, .woocommerce-checkout-review-order-table tbody, .woocommerce-checkout-review-order-table tfoot, .woocommerce-checkout-review-order-table tr { width: 100%; } .woocommerce-checkout-review-order-table tr { justify-content: space-between; } .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th { padding: 0.5em; border-width: 0 1px 1px 0; width: 35%; border-style: solid; } .woocommerce-checkout-review-order-table .shipping th { border-right: 0; } .woocommerce-checkout-review-order-table .shipping td { justify-content: flex-end; } .woocommerce-checkout-review-order-table .shipping td, .woocommerce-checkout-review-order-table .product-name, .woocommerce-checkout-review-order-table .cart-subtotal th, .woocommerce-checkout-review-order-table .order-total th { width: 65%; } .woocommerce-checkout-review-order-table .img { float: left; border-style: solid; border-width: 1px; max-width: 60px; margin: 0 15px 0 0; display: none; line-height: 0; } .woocommerce-checkout-review-order-table tfoot th, .woocommerce-checkout-review-order-table thead th, .woocommerce-checkout-review-order-table .cart-subtotal td { font-weight: 500; } .woocommerce-checkout-review-order-table ul#shipping_method { margin: 0; text-align: right; padding: 0; } [name="woocommerce_checkout_place_order"]{ width: 100%; text-transform: uppercase; font-weight: 500; } @media screen and (min-width: 768px) { .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th { padding: 1em 1.5em; } .woocommerce-checkout-review-order-table .img { display: inline-block; } .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th { width: 25%; } .woocommerce-checkout-review-order-table .shipping td, .woocommerce-checkout-review-order-table .product-name, .woocommerce-checkout-review-order-table .cart-subtotal th, .woocommerce-checkout-review-order-table .order-total th { width: 75%; } } /* Payment methods container */ .woocommerce-checkout-payment { margin: 0; } .woocommerce-checkout-payment ul.payment_methods { background: #f6f6f6; padding: 1em; list-style: none; margin: 0 0 2em 0; } div.payment_box { padding: 1em; margin: 1em 0; border-radius: 4px; background-color: #e1e7eb; font-size: 0.867em; position: relative; } div.payment_box:before { display: block; position: absolute; top: -10px; left: 30px; content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e1e7eb; } #payment div.form-row.place-order { text-align: right; } #payment p.form-row.terms { text-align: center; } @media screen and (min-width: 1024px) { .woocommerce-checkout-payment ul.payment_methods { padding: 2em; } @supports (grid-area: auto) { form.woocommerce-checkout { display: grid; grid-template-columns: 1fr 40%; grid-column-gap: 2em; } .woocommerce-checkout .login-wrapper, .woocommerce-checkout .coupon-wrapper { width: -webkit-calc(60% - 2em); width: calc(60% - 2em); } .woocommerce-checkout .login-wrapper+.coupon-wrapper { float: right; width: 40%; } .woocommerce-NoticeGroup-checkout { grid-column: span 2; } .woocommerce-NoticeGroup-checkout ul { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 1em; list-style-position: inside; background-color: #f6f6f6; } } } /* Payment methods Radiobuttons */ ul.payment_methods li { padding: 3px 0; } ul.payment_methods li p:last-of-type { margin: 0; } .payment_method_paypal a { display: block; } ul.payment_methods li input { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } ul.payment_methods li input+label { cursor: pointer; } ul.payment_methods li input+label::before { display: inline-block; width: 16px; height: 16px; vertical-align: text-bottom; margin: 0 8px 1px 0; background-color: #fff; -webkit-box-shadow: inset 0 0 0 1px #dbdbdb; box-shadow: inset 0 0 0 1px #dbdbdb; -webkit-transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; -webkit-border-radius: 50%; border-radius: 50%; content: ''; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ul.payment_methods li input:checked+label::before { -webkit-box-shadow: inset 0 0 0 6px #0093e7; box-shadow: inset 0 0 0 6px #0093e7; } /* Checkbox styles for woocommerce pages */ .login-wrapper input[type="checkbox"], form .input-checkbox:not(#apply_for_vendor):not(#terms), #ship-to-different-address input[type="checkbox"], .woocommerce-account input[type="checkbox"]:not(#apply_for_vendor):not(#terms) { position: absolute; z-index: -1000; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .login-wrapper label.woocommerce-form__label-for-checkbox, .woocommerce-account label.inline { cursor: pointer; margin: 0 0 0 10px; position: relative; } form label.checkbox, #ship-to-different-address label { cursor: pointer; } .login-wrapper label.woocommerce-form__label-for-checkbox span, #ship-to-different-address span, .woocommerce-checkout .terms span:not(.required), .woocommerce-checkout .create-account span, .woocommerce-account label.woocommerce-form__label-for-checkbox span { height: 16px; line-height: 16px; position: relative; padding-left: 22px; } .login-wrapper label.woocommerce-form__label-for-checkbox span::before, .woocommerce-checkout .terms span:not(.required)::before, #ship-to-different-address span::before, .woocommerce-checkout .create-account span::before, .woocommerce-account label.woocommerce-form__label-for-checkbox span::before { position: absolute; left: 0; bottom: 0; display: inline-block; width: 16px; height: 16px; background-color: #fff; -webkit-box-shadow: inset 0 0 0 1px #dbdbdb; box-shadow: inset 0 0 0 1px #dbdbdb; -webkit-transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; content: ''; font-size: 13px; padding: 1px 0 0 2px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .woocommerce-checkout .terms span:not(.required)::before { padding: 1px 0 0 0; } .woocommerce-checkout .login-wrapper input:checked+span::before, .woocommerce-checkout .create-account input:checked+span::before, .woocommerce-checkout .terms input:checked+span::before, #ship-to-different-address input:checked+span::before, .woocommerce-account input:checked+span::before { color: #fff; content: '\e917'; font-family: 'chromium'; -webkit-box-shadow: inset 0 0 0 10px #fdb819; box-shadow: inset 0 0 0 10px #fdb819; } /* My account Page styles */ .woocommerce-account .entry-content .woocommerce { display: flex; align-items: flex-start; } .woocommerce-account fieldset { border: 0; margin: 0; padding: 0; } .woocommerce-account legend { font-weight: 500; margin: 0 0 1em 0; padding: 20px 0 0 0; } .woocommerce-MyAccount-navigation { padding: 2em 1em; margin: 0 1em 4em 0; background-color: #fff; max-width: 300px; display: inline-block; width: 100%; } .woocommerce-MyAccount-content { display: inline-block; padding: 2em; width: -webkit-calc(100% - 330px); width: calc(100% - 330px); margin: 0 0 4em 1em; background-color: #fff; min-height: 242px; } .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; } .woocommerce-MyAccount-navigation ul li { list-style: none; position: relative; padding: 5px 0; } .woocommerce-MyAccount-navigation ul li:first-of-type { padding: 0 0 5px 0; } .woocommerce-MyAccount-navigation ul li:last-of-type { padding: 5px 0 0 0; border-bottom: 0; } .woocommerce-MyAccount-navigation ul li a::before { display: inline-block; content: ''; font-family: fontAwesome; width: 30px; text-align: center; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before { content: '\f0e4'; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before { content: '\f274'; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before { content: '\f041'; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: '\f09d'; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before { content: '\f007'; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: '\f08b'; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before { content: '\f019'; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--become-a-vendor a::before { content: "\f1b3"; } .woocommerce table.shop_table.my_account_orders td, .woocommerce table.shop_table.my_account_orders th { padding: 4px 8px; vertical-align: middle; } .woocommerce table.my_account_orders .order-actions { text-align: center; } .woocommerce-account .col2-set { width: 100%; padding: 2em; margin-bottom: 4em; background-color: #fff; } .woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2 { width: 48.5%; float: left; } .woocommerce-account .col2-set .col-1+.col-2 { margin-left: 3%; } .woocommerce-account .col2-set h2 { font-weight: 500; font-size: 20px; margin-bottom: 1em; } .woocommerce-account iframe { margin-bottom: 0; } .woocommerce-password-hint { line-height: 1.5; } .woocommerce-account .oneall_social_login_label { margin-bottom: 10px !important; font-size: 16px; text-transform: uppercase; } .woocommerce-account .oneall_social_login_providers { margin-left: -2px; } .woocommerce-account .lost_password+.oneall_social_login { margin-top: 10px; } .woocommerce-account label.inline { display: inline-block; } /* Order received Page */ .woocommerce-checkout h2:not(.page-title) { font-size: 1.067em; font-weight: 500; margin: 0 0 35px 0; padding: 0 0 10px 0; text-transform: uppercase; border-style: solid; border-width: 0 0 1px 0; } .woocommerce ul.order_details { margin: 2em 0 2em 0; padding: 0; list-style: none; } .woocommerce ul.order_details li { display: block; margin: 0 0 0.5em 0; text-transform: uppercase; border-style: dashed; border-color: #f6f6f6; border-width: 0 0 1px 0; padding: 0 1em 0 0; } .woocommerce ul.order_details li:last-child { border-right: 0; margin: 0; padding: 0; } .woocommerce ul.order_details strong { display: block; font-weight: 500; } .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-customer-details { display: inline-block; width: 100%; padding-top: 2em; } .woocommerce .woocommerce-order::after { display: table; content: ''; clear: both; } .woocommerce table.order_details { margin: 0 0 20px 0; border-width: 0 0 0 1px; } table.order_details ul.wc-item-meta { list-style: none; padding: 0; margin: 5px 0 0 0; } table.order_details ul.wc-item-meta strong { font-weight: 500; } table.order_details ul.wc-item-meta p { display: inline; } .woocommerce table.order_details thead tr th, .woocommerce table.order_details thead tr td { background: #f6f6f6; text-align: center; border-width: 1px 0 1px 0; } .woocommerce table.order_details th { text-align: left; } .woocommerce table.order_details td { text-align: right; } .woocommerce table.order_details td.product-name { text-align: left; } .woocommerce table.order_details td, .woocommerce table.order_details th { padding: 0.5em 1em; font-size: 0.933em; border-width: 0 0 1px 0; } .woocommerce table.order_details td.product-total { border-width: 0 1px 1px 1px !important; } .woocommerce table.order_details thead tr th.product-total { border-width: 1px !important; } .woocommerce table.order_details tfoot th { background: #f6f6f6; border-width: 0 0 1px 0; } .woocommerce table.order_details tfoot td { border-width: 0 1px 1px 1px; } .woocommerce table.customer_details { margin: 0 0 20px 0; border: 0; width: auto; } .woocommerce table.customer_details td, .woocommerce table.customer_details th { vertical-align: top; padding: 0 15px 6px 0; border: 0 !important; font-size: 14px; } .woocommerce table.customer_details th { text-align: left; } .woocommerce .col2-set.addresses, .woocommerce-page .col2-set.addresses { width: 100%; float: none; } .woocommerce .col2-set.addresses .col-1, .woocommerce-page .col2-set.addresses .col-1, .woocommerce .col2-set.addresses .col-2, .woocommerce-page .col2-set.addresses .col-2 { width: 48%; display: inline-block; float: left; } .woocommerce .col2-set.addresses .col-2, .woocommerce-page .col2-set.addresses .col-2 { float: right; } .woocommerce .addresses h3 { font-size: 16px; display: block; font-weight: normal; margin: 0 0 20px 0; } @media screen and (min-width: 768px) { .woocommerce ul.order_details li { display: inline-block; margin: 0 1em 0 0; border-width: 0 1px 0 0; } .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-customer-details { max-width: 36%; float: left; } .woocommerce .woocommerce-customer-details { max-width: 60%; float: right; } } /* WC Vendors */ .table-vendor-sales-report{ margin-top: 2em; margin-bottom: 2em; } .pv_paypal_container{ margin: 1em 0; } .pv_paypal_container b{ margin: 0.5em 0; } .pv_paypal_container input[type="email"]{ margin-top: 0.5em; } #pv_shop_name{ max-width: 100%; width: 300px; } .pv_shop_name_container{ margin-bottom: 2em; } #pv_shop_description_container{ margin-top: 2em; }
[+]
..
[-] woo-styles.css-old
[edit]
[-] font-awesome.min.css
[edit]
[-] fonts.css
[edit]
[-] gallery-metabox.css
[edit]
[-] woo-styles.css
[edit]
[-] .htaccess.disabled
[edit]