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);
}
} 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;
} .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;
} .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) {
body.woocommerce:not(.mobile-two-col-products) ul.products[class*=columns-] li.product,
body.woocommerce-page:not(.mobile-two-col-products) ul.products[class*=columns-] li.product {
width: 100%;
float: none;
clear: both;
margin: 0;
padding: 0;
}
} li.product.product-category {
position: relative;
background-color: #fff;
text-align: left;
vertical-align: top;
grid-column: 1 / -1;
}
li.product.product-category .woocommerce-loop-category__title {
display: block;
width: 100%;
text-align: left;
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 .woocommerce-loop-category__title{
text-align: left;
position: relative !important;
}
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;
} .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;
} .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;
}
@media screen and (max-width: 768px){
.chromium-product-style-3.mobile-two-col-products ul.products:not(.list-view) li{
padding: 0;
margin-right: 10px;
margin-bottom: 10px !important;
align-self: stretch;
}
.chromium-product-style-3.mobile-two-col-products ul.products:not(.list-view) li .inner-wrapper{
height: 100%;
}
.chromium-product-style-3.mobile-two-col-products ul.products:not(.list-view) li:nth-of-type(2n){
margin-right: 0 !important;
}
}
.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);
} .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;
} @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) {}  .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;
}
}
} .woocommerce-products-header__title {
font-size: 1.857em;
font-weight: 500;
margin: 0 0 1rem 0;
} .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) {} 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;
} .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;
} .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;
} .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;
} .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;
font-size: 12px;
}
.ui-slider {
position: relative !important;
text-align: left !important;
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
.ui-slider .ui-slider-handle {
position: absolute !important;
z-index: 2 !important;
cursor: ew-resize !important;
outline: none !important;
height: 20px !important;
width: 20px !important;
background: #9eadb6 !important;
margin-top: -8px !important;
border-radius: 50% !important;
top: 0 !important;
border: 7px solid #fff !important;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15) !important;
}
.ui-slider .ui-slider-range {
position: absolute!important;
z-index: 1 !important;
font-size: 0.7em !important;
display: block !important;
border: 0 !important;
border-radius: 1em !important;
}
.price_slider_wrapper .ui-widget-content {
border: 0 !important;
background: #f6f6f6 !important;
border-radius: 0 !important;
height: 4px !important;
margin: 0 22px 0 0px !important;
}
.ui-slider-horizontal {
height: 0.5em !important;
}
.ui-slider-horizontal .ui-slider-range {
top: 0 !important;
height: 4px !important;
}
.ui-slider-horizontal .ui-slider-range-min {
left: -1px !important;
}
.ui-slider-horizontal .ui-slider-range-max {
right: -1px !important;
}
.widget_price_filter .price_slider_wrapper {
margin-top: 34px !important;
}
.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;
} .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;
} .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;
} .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;
}  .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(//tracelectronics.com.au/wp-content/themes/chromium/assets/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;
}
.chromium-look-tires .woof_sid_home_page .chosen-container-single.chosen-disabled .chosen-single > span{
opacity: 0.5 !important;
}
.chromium-look-tires .woof_sid_home_page .chosen-container-single .chosen-single > span{
opacity: 1 !important;
}
.chromium-look-tires .woof_sid_home_page{
margin-top: 22px;
margin-bottom: 20px;
}
.chromium-look-tires .woof_sid_home_page .woof_container{
padding: 0 !important;
}
.chromium-look-tires .woof_sid_home_page .woof_submit_search_form_container{
margin: 0 !important;
}
.chromium-look-tires .woof_sid_home_page .woof_submit_search_form_container button{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.chromium-look-tires .woof_sid_home_page .woof_submit_search_form_container button:hover{
background-color: #d23b3b;
}
.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;
}
.chromium-look-tires .woof_submit_search_form_container button{
color: #fff;
}
.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;
}
.chromium-look-tires .woof_sid_home_page .woof_submit_search_form_container  .woof_reset_search_form{
bottom: 0px;
right: 2px;
}
.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% !important;
width: 33.33% !important;
}
.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;
} body:not(.elementor-editor-active) .home-hero-search.elementor-widget-tabs{
margin-top: -190px;
}
.home-hero-search.elementor-widget-tabs .elementor-tab-content{
background-color: rgba(50, 50, 50, 1);
border:none !important;
}
.home-hero-search.elementor-widget-tabs .elementor-tab-title{
background-color: rgba(50, 50, 50, 0.5);
text-transform: uppercase;
line-height: 1.3;
font-size: 13px;
font-weight: 300;
color: #fff !important;
}
.home-hero-search.elementor-widget-tabs .elementor-tab-title a{
outline: none;
}
@media screen and (min-width: 1200px){
.home-hero-search.elementor-widget-tabs .elementor-tab-title{
min-width: 143px;
}
}
.home-hero-search.elementor-widget-tabs .elementor-tab-title span{
font-weight: 500;
font-size: 16px;
}
.home-hero-search.elementor-widget-tabs .elementor-tab-title.elementor-active:before,
.home-hero-search.elementor-widget-tabs .elementor-tab-title.elementor-active:after{
display: none;
}
.home-hero-search.elementor-widget-tabs .elementor-tab-title.elementor-active{
background-color: rgba(50, 50, 50, 1);
border-left: none;
border-right: none;
border-bottom: none;
border-width: 4px !important;
border-color: #e94141;
} .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;
} 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,
body:not(.product-classic-style) .woocommerce-product-gallery .flex-viewport {
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;
} .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 !important;
position: relative !important;
margin: 2em -7px 0 -7px !important;
width: 100% !important;
}
.elementor-widget-woocommerce-product-images .flex-control-thumbs li,
body:not(.product-classic-style) .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: auto !important;
max-width: 25% !important;
margin-bottom: 14px;
display: inline-block !important;
}
.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;
}
} 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;
} .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;
overflow: scroll;
max-height: 100%;
}
@supports (grid-area: auto) {
div.product {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 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 2;
}
.one-row-related-upsells div.product .upsells, .one-row-related-upsells div.product .related {
grid-column: span 3;
}
}
} .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;
} 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-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;
} .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;
} 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;
}
} 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, .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;
} .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-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;
}
} .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;
}
}
} 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-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;
} .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;
}
} .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%;
}
} .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;
}
}
} 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;
} .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;
} .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;
} .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;
}
} .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;
}