/*----*****---- << Transitions >> ----*****----*/ .woocommerce ul.products li.product .product-wrapper, .woocommerce ul.products li.product a img, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } /*----*****---- << Variation Swatches >> ----*****----*/ .zoo-cw-variations .zoo-cw-group-attribute { width: auto; } .zoo-cw-wrap-shop .zoo-cw-group-attribute { margin-bottom: 8px; } .zoo-cw-wrap-shop .zoo-cw-group-attribute:last-child { margin-bottom: 0; } .zoo-cw-group-attribute .zoo-cw-attribute-option { display: inline-block; float: none; margin: 3px; } .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item { border-width: 0 !important; overflow: visible; padding: 0; position: relative; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.35); } .zoo-cw-wrap-shop .zoo-cw-group-attribute[data-attribute-display-type] .selection-box { display: inline-block; width: auto; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item), .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item):hover .variable-item-span, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected .variable-item-span, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover .variable-item-span, .zoo-cw-group-attribute .zoo-cw-attribute-option:hover .zoo-cw-attr-item, .zoo-cw-group-attribute .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item { box-shadow: none !important; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color::after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item) img:before, .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item:after { background: none; content: ""; height: auto; opacity: 0; margin: -2px; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; -webkit-border-radius: inherit; border-radius: inherit; box-shadow: 0 0 3px 1px rgba(0,0,0,0.5); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span::after, .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item:after { margin: -2px; } .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item):hover .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover .variable-item-span:after, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item):hover img:before, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item).selected img:before, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .image-variable-item:not(.radio-variable-item).selected:hover img:before, .zoo-cw-group-attribute .zoo-cw-attribute-option:hover .zoo-cw-attr-item:after, .zoo-cw-group-attribute .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item:after { margin: 0; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option:hover, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option.zoo-cw-active { box-shadow: none; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { height: auto; line-height: normal; padding: 0; width: auto; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle:after, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item.zoo-cw-option-display-shape-circle:after { border-radius: 10px; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item span { font-size: 14px; padding: 2px 8px; } .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option .zoo-cw-attr-item .zoo-cw-label-text, .zoo-cw-group-attribute.attribute_pa_size .zoo-cw-attribute-option .zoo-cw-attr-item .zoo-cw-label-text { font-size: inherit; line-height: inherit; } .zoo-cw-attribute-option .zoo-cw-attr-item:before, .zoo-cw-attribute-option .zoo-cw-attr-item:hover:before, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:before, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:hover:before { background: none !important; color: red; content: "\ed6d" !important; font-family: 'IcoMoon-Ultimate' !important; height: 0; line-height: 0; margin: auto !important; position: absolute; bottom: 0; left: 0; right: 0; top: 0; text-align: center; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item:before, .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item.zoo-cw-option-display-size-2:before, .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item.zoo-cw-option-display-size-2:hover:before { font-size: 18px; } .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item:after, .zoo-cw-attribute-option.unavailable .zoo-cw-attr-item:hover:after, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:after, .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-attribute-behavior-blur .variable-item:not(.radio-variable-item).disabled:hover:after { content: none !important; } .zoo-cw-gallery-loading { background-color: rgba(242, 242, 242, 0.6); } .zoo-cw-gallery-loading > * { opacity: 0 !important; } .zoo-cw-gallery-loading.wpb_wrapper { display: inline-block; height: 100%; position: relative; } /*----*****---- << Product Category Listing >> ----*****----*/ .elementor-widget-dt-shop-product-cat .elementor-widget-container { margin-left: -10px; margin-right: -10px; } .elementor-widget-dt-shop-product-cat .dt-sc-shop-category-listing-item { margin: 0; padding: 10px; } .dt-sc-shop-category-listing-item, .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-inner, .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-inner > div { float: left; width: 100%; } .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data { text-align: center; } .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-image, .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data { position: relative; } .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-inner, .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-image { overflow: hidden; } .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-image > a { display: block; } .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data h3 { margin-top: 0; } .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data .dt-sc-shop-category-starting-price-html del { display: none; } .dt-sc-shop-category-listing-item .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data ins { background: none; } /* Type 1 */ .dt-sc-shop-category-listing-item.type1 .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image > a { -webkit-perspective: 500px; -ms-perspective: 500px; perspective: 500px; } .dt-sc-shop-category-listing-item.type1 .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image .dt-sc-shop-category-listing-color { content: ""; height: 0; margin: auto; padding-top: 75%; position: absolute; bottom: 40%; left: 50%; top: auto; width: 75%; z-index: -1; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: bottom 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0.3s; transition: bottom 0.3s ease-in-out 0s, padding-top 0.3s ease-in-out 0.3s, width 0.3s ease-in-out 0.3s; } .dt-sc-shop-category-listing-item.type1 .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data { padding: 20px 15px; } .dt-sc-shop-category-listing-item.type1 .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data h3 { font-size: 28px; } .dt-sc-shop-category-listing-item.type1 .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image img { margin: auto; -webkit-transform: translateZ(-15px); transform: translateZ(-15px); -webkit-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; } .dt-sc-shop-category-listing-item.type1:hover .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image .dt-sc-shop-category-listing-color { bottom: 50%; padding-top: 200%; width: 200%; } .dt-sc-shop-category-listing-item.type1:hover .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image img { -webkit-transform: translateZ(-90px); transform: translateZ(-90px); } /* Type 2 */ .dt-sc-shop-category-listing-item.type2 .dt-sc-shop-category-listing-inner { border: 1px solid #e4e4e4; } .dt-sc-shop-category-listing-item.type2 .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image img { -webkit-transform: scale(0.8); transform: scale(0.8); } .dt-sc-shop-category-listing-item.type2 .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data { border-style: solid; border-width: 1px 0 0; border-color: inherit; padding: 30px 20px 35px; } .dt-sc-shop-category-listing-item.type2 .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data h3 { font-size: 30px; } /* Type 2 - Custom Overlay Style */ .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner, .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data { border-width: 0; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image { position: relative; z-index: 0; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image a { -webkit-perspective: 500px; -ms-perspective: 500px; perspective: 500px; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image img { position: relative; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style:hover .dt-sc-shop-category-listing-inner .dt-sc-shop-category-listing-image img { -webkit-transform: translate3d(0,0,30px); transform: translate3d(0,0,30px); } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data, .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data:before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data:before, .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data > * { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data { z-index: 0; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data:before { background-color: rgba(0, 0, 0, 0.7); content: ""; height: auto; margin: 30px; width: auto; z-index: -1; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data > * { position: relative; z-index: 1; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style:hover .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data:before { margin: 0; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style:hover .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data:before, .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style:hover .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data > * { opacity: 1; visibility: visible; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data h3 { font-size: 36px; margin-top: -5px; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data .dt-sc-shop-category-total-items + .button { margin-top: 20px; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data .button:hover { background: #fff; color: #232323; } .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data h3, .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data h3 > a, .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data > * { color: #fff; } /*----*****---- << Product Listing - Loop Sorting >> ----*****----*/ .woocommerce .product-loop-sorting { display: block; float: none; font-size: 0; line-height: 0; margin: 0 -10px 35px; padding-bottom: 15px; position: relative; width: auto; } .woocommerce .product-loop-sorting, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { -ms-flex-pack: distribute; justify-content: space-around; } .woocommerce .product-loop-sorting:before { content: ""; margin: 0 10px; position: absolute; bottom: 0; left: 0; right: 0; width: auto; } .woocommerce ul.products ~ .product-loop-sorting { margin-top: 35px; margin-bottom: 0; padding: 15px 0 0; } .woocommerce ul.products ~ .product-loop-sorting:before { bottom: auto; top: 0; } .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { /* display: inline-block; */ float: none !important; font-size: 14px; line-height: normal; margin: 5px 0; vertical-align: middle; } .woocommerce .product-loop-sorting > .woocommerce-notices-wrapper {width: 100%;} .woocommerce .product-loop-sorting > .woocommerce-notices-wrapper:empty { display: none; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .product-loop-sorting .product-loop-sorting-item { padding: 0 10px; } .woocommerce .product-loop-sorting > .product-loop-sorting-item { margin: 10px 0; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group { margin: 0; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:only-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group:only-child { text-align: center; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-ordering select { border-width: 2px; height: 46px; padding-top: 0; padding-bottom: 0; -webkit-border-radius: 2em; border-radius: 2em; } .woocommerce .product-loop-sorting .woocommerce-result-count { margin: 0; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-ordering { display: inline-block; float: none; margin: 0; min-width: auto; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { display: inline-block; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options { margin: 0; padding: 0; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li { margin: 2px; padding: 0; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { border-style: solid; border-width: 2px; font-size: 0; height: 35px; line-height: 35px; /* opacity: 0.4; */ padding: 0; position: relative; text-align: center; vertical-align: middle; width: 35px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li:hover span { cursor: pointer; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span:before, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span:before, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li:hover span:before, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span.active:before, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span.active:before, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span.active:before { color: #fff; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span:before, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span:before, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span:before { display: inline-block; font-size: 20px; margin: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: inherit; transition: inherit; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="1"]:before { content: "\ec6d"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="2"]:before { content: "\ec62"; font-family: 'IcoMoon-Ultimate' !important; font-size: 16px; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="3"]:before { content: "\ec5f"; font-family: 'IcoMoon-Ultimate' !important; font-size: 20px; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="4"]:before { /* content: "\ec62" "\ec62" "\ec62" "\ec62"; font-family: 'IcoMoon-Ultimate' !important; font-size: 7px; letter-spacing: 1px; line-height: 8px; height: 20px; margin: 1px; width: 16px; word-wrap: break-word; */ background-color: currentColor; height: 18px; width: 18px; -webkit-mask-image:url(/wp-content/plugins/designthemes-shop/images/icon-4xgrid.png); mask-image:url(/wp-content/plugins/designthemes-shop/images/icon-4xgrid.png); -webkit-mask-position: center center; mask-position: center center; content: ""; -webkit-mask-size: contain; mask-size: contain; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="grid"]:before { content: "\f009"; font-family: "Font Awesome 5 Free"; font-size: 17px; font-weight: bold; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="list"]:before { content: "\f00b"; font-family: "Font Awesome 5 Free" !important; font-size: 16px; font-weight: bold; } .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span[data-list-option="left-thumb"]:before { content: "\ec59"; font-family: 'IcoMoon-Ultimate' !important; font-size: 16px; } .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span[data-list-option="right-thumb"]:before { content: "\ec59"; font-family: 'IcoMoon-Ultimate' !important; font-size: 16px; height: 0; line-height: 0; margin: auto; bottom: 0; left: 0; right: 0; top: 0; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .woocommerce .product-loop-sorting nav.woocommerce-pagination { clear: none; margin: 0; width: auto; } .woocommerce .product-loop-sorting nav.woocommerce-pagination ul { border-width: 0; font-size: 0; } .woocommerce .product-loop-sorting nav.woocommerce-pagination ul li { border-width: 0; display: inline-block; float: none; margin: 6px 5px 0 0; overflow: visible; } /* .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller, */ .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller { opacity: 0.35; } /* .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller ul, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller li, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller ul li span, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller ul li span:before, .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller .product-change-display li:hover span, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller ul, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller li, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller ul li span, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller ul li span:before, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, */ .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller ul, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller li, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller ul li span, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller ul li span:before, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller .product-change-layout li:hover span, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller ul, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller li, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller ul li span, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller ul li span:before, .page-with-sidebar .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li:hover span { cursor: not-allowed; pointer-events: none; } /*----*****---- << Product Listing >> ----*****----*/ .woocommerce ul.products { clear: both; margin: 0; padding: 0; } .woocommerce ul.products li.product { margin: 0; padding: 0; } .woocommerce ul.products.product-without-space, .woocommerce ul.products.product-without-space:not(.swiper-wrapper) { float: left; margin: 0; width: 100%; } .woocommerce ul.products.product-without-space li .dt-col { padding: 0; } .woocommerce ul.products:not(.swiper-wrapper) { display: block; float: none; margin: 0 -10px; width: auto; } .woocommerce ul.products:not(.swiper-wrapper) li.product { display: inline; } .woocommerce ul.products.product-loader .dt-col { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .woocommerce ul.products li.product .product-wrapper { display: inline-block; float: left; margin: 0 0 35px; width: 100%; } .woocommerce ul.products li.product .price { letter-spacing: 0; } .woocommerce ul.products li.product .price ins { font-weight: normal; } .woocommerce ul.products li.product .price del { opacity: 0.85; } /*----*****---- << Products Listing - Thumb >> ----*****----*/ .woocommerce ul.products li.product .product-thumb, .woocommerce ul.products li.product .product-thumb .image, .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products li.product .product-thumb .image img { float: left; line-height: 0; margin: 0; width: 100%; } .woocommerce ul.products li.product .product-thumb { position: relative; overflow:hidden; } .woocommerce ul.products li.product .product-thumb .image { display: block; overflow: hidden; } .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay { height: 100%; position: relative; z-index: 1; } .woocommerce ul.products li.product .product-thumb .image .primary-image, .woocommerce ul.products li.product .product-thumb .image .secondary-image { background-position: center center; background-size: cover; height: 100%; width: 100%; } .woocommerce ul.products li.product .product-thumb .image, .woocommerce ul.products li.product .product-thumb .image .primary-image, .woocommerce ul.products li.product .product-thumb .image .secondary-image { height: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; } .woocommerce ul.products li.product .product-thumb .image { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .woocommerce ul.products li.product .product-thumb .image .primary-image { margin: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .woocommerce ul.products li.product .product-thumb .product-thumb-content > * { line-height: normal; position: relative; z-index: 1; } /*----*****---- << Product Listing - Labels >> ----*****----*/ .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .out-of-stock, .woocommerce ul.products li.product .product-labels > span { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: 1px; margin: 0; padding: 0; position: relative; left: auto; top: auto; text-align: center; text-transform: uppercase; } .woocommerce ul.products li.product .out-of-stock { font-size: 9px; } .woocommerce ul.products li.product .product-labels .new { background-color: indianred; color: #fff; } .woocommerce ul.products li.product .product-labels span span { display: inline-block; width: 100%; } .woocommerce ul.products li.product .product-labels { position: absolute; right: 0; top: 0; text-align: right; z-index: 2; } /* Label - Boxed & Rounded */ .woocommerce ul.products.product-label-boxed li.product .product-labels, .woocommerce ul.products.product-label-rounded li.product .product-labels { right: 5px; top: 5px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span, .woocommerce ul.products.product-label-rounded li.product .product-labels > span { display: table; height: 25px; line-height: 25px; margin: 1px; min-height: 25px; min-width: 50px; text-align: center; vertical-align: middle; } .woocommerce ul.products.product-label-boxed li.product .product-labels span span, .woocommerce ul.products.product-label-rounded li.product .product-labels span span { padding: 0 10px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span.out-of-stock, .woocommerce ul.products.product-label-rounded li.product .product-labels > span.out-of-stock { display: block; font-size: 9px; overflow: hidden; width: 50px; } .woocommerce ul.products.product-label-boxed li.product .product-labels > span.out-of-stock > span, .woocommerce ul.products.product-label-rounded li.product .product-labels > span.out-of-stock > span { height: 100%; } .woocommerce ul.products.product-label-rounded li.product .product-labels > span { border-radius: 5px; } /* Label - Circle */ .woocommerce ul.products.product-label-circle li.product .product-labels { direction: rtl; right: 5px; top: 5px; } .woocommerce ul.products.product-label-circle li.product .product-labels > span { display: inline-block; height: 42px; line-height: 42px; margin: 1px; min-height: 42px; min-width: 42px; vertical-align: middle; width: 42px; border-radius: 50%; } .woocommerce ul.products.product-label-circle li.product .product-labels .out-of-stock { font-size: 7px; line-height: normal; padding-top: 12px; } .woocommerce ul.products.product-label-circle li.product .product-labels span span { display: block; } .woocommerce ul.products.product-label-circle[class*="thumb-alignment-top"] li.product .product-labels > span ~ span { margin: 0 -1px 0 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .woocommerce ul.products.product-label-circle[class*="thumb-alignment-top"] li.product .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity .5s ease-in-out, transform .5s ease-in-out; transition: opacity .5s ease-in-out, transform .5s ease-in-out; } .woocommerce ul.products.product-label-circle[class*="thumb-alignment-top"] li.product:hover .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } /* Label - Ribbon & Angular */ .woocommerce ul.products.product-label-ribbon li.product .product-labels, .woocommerce ul.products.product-label-angular li.product .product-labels { -webkit-transform: rotate(42deg); -moz-transform: rotate(42deg); -ms-transform: rotate(42deg); -o-transform: rotate(42deg); transform: rotate(42deg); } .woocommerce ul.products.product-label-ribbon li.product .product-labels .onsale, .woocommerce ul.products.product-label-ribbon li.product .product-labels .out-of-stock, .woocommerce ul.products.product-label-angular li.product .product-labels .onsale, .woocommerce ul.products.product-label-angular li.product .product-labels .out-of-stock { min-height: auto; min-width: auto; padding: 0; } .woocommerce ul.products.product-label-ribbon li.product .product-labels { height: 25px; line-height: 25px; right: -4px; top: 12px; width: 60px; } .woocommerce ul.products.product-label-ribbon li.product .product-labels > span { height: inherit; line-height: inherit; position: absolute; left: 50%; text-align: center; width: 150px; -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out; -moz-transition: opacity .5s ease-in-out, -moz-transform .5s ease-in-out; -ms-transition: opacity .5s ease-in-out, -ms-transform .5s ease-in-out; -o-transition: opacity .5s ease-in-out, -o-transform .5s ease-in-out; transition: opacity .5s ease-in-out, transform .5s ease-in-out; } .woocommerce ul.products.product-label-ribbon li.product .product-labels > span:nth-child(1):nth-last-child(1), .woocommerce ul.products.product-label-ribbon li.product .product-labels > span:nth-child(1):nth-last-child(2) { top: 0; -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .woocommerce ul.products.product-label-ribbon li.product .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 0; visibility: hidden; } .woocommerce ul.products.product-label-ribbon li.product:hover .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 1; top: 50%; visibility: visible; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .woocommerce ul.products.product-label-ribbon li.product .product-labels > span:nth-child(2):nth-last-child(1) { top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .woocommerce ul.products.product-label-ribbon li.product:hover .product-labels > span:nth-child(2):nth-last-child(1) { top: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } /* Label - Angular */ .woocommerce ul.products.product-label-angular li.product .product-labels { height: 30px; line-height: 30px; right: -10px; top: 5px; width: 60px; } .woocommerce ul.products.product-label-angular li.product.sale .product-labels { background-color: #77a464; } .woocommerce ul.products.product-label-angular li.product.outofstock .product-labels { background-color: #9f2124; } .woocommerce ul.products.product-label-angular li.product .product-labels:before { background-color: inherit; content: ""; height: 200%; position: absolute; bottom: -5px; left: 50%; width: 100%; z-index: -1; -webkit-transform: translateX(-50%) scaleX(2); -moz-transform: translateX(-50%) scaleX(2); -ms-transform: translateX(-50%) scaleX(2); -o-transform: translateX(-50%) scaleX(2); transform: translateX(-50%) scaleX(2); } .woocommerce ul.products.product-label-angular li.product .product-labels > span { background: none !important; line-height: inherit; position: absolute; left: 0; right: 0; text-align: center; width: 100%; -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out; -ms-transition: opacity .5s ease-in-out, -ms-transform .5s ease-in-out; -o-transition: opacity .5s ease-in-out, -o-transform .5s ease-in-out; transition: opacity .5s ease-in-out, transform .5s ease-in-out; } .woocommerce ul.products.product-label-angular li.product .product-labels > span:nth-child(1):nth-last-child(1), .woocommerce ul.products.product-label-angular li.product .product-labels > span:nth-child(1):nth-last-child(2) { top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .woocommerce ul.products.product-label-angular li.product .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 0; visibility: hidden; } .woocommerce ul.products.product-label-angular li.product:hover .product-labels > span:nth-child(1):nth-last-child(2) { opacity: 1; top: 50%; visibility: visible; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce ul.products.product-label-angular li.product .product-labels > span:nth-child(2):nth-last-child(1) { top: 50%; transform: translateY(-50%); } .woocommerce ul.products.product-label-angular li.product:hover .product-labels > span:nth-child(2):nth-last-child(1) { top: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .woocommerce ul.products.product-label-angular li.product .product-labels .onsale { font-size: 10px; } .woocommerce ul.products.product-label-angular li.product .product-labels .out-of-stock { font-size: 7px; margin-top: 3px; margin-right: 3px; } .woocommerce ul.products.product-label-boxed li.product .product-labels .onsale, .woocommerce ul.products.product-label-boxed li.product .product-labels .out-of-stock, .woocommerce ul.products.product-label-ribbon li.product .product-labels .onsale, .woocommerce ul.products.product-label-ribbon li.product .product-labels .out-of-stock, .woocommerce ul.products.product-label-angular li.product .product-labels .onsale, .woocommerce ul.products.product-label-angular li.product .product-labels .out-of-stock { border-radius: 0; } /* Featured */ .woocommerce ul.products li.product .featured-tag { height: 25px; line-height: 25px; position: absolute; left: 0; top: 0; z-index: 9; } .woocommerce.single-product .images .featured-tag, .dt-sc-product-image-gallery-container .featured-tag { height: 25px; line-height: 25px; position: absolute; right: 0; top: 0; z-index: 9; } .woocommerce ul.products li.product .featured-tag i, .woocommerce.single-product .images .featured-tag i, .dt-sc-product-image-gallery-container .featured-tag i { font-size: 12px; line-height: inherit; position: absolute; right: 6px; } .woocommerce ul.products li.product .featured-tag > div, .woocommerce.single-product .images .featured-tag > div, .dt-sc-product-image-gallery-container .featured-tag > div { height: 100%; line-height: inherit; position: relative; width: 25px; z-index: 99; -webkit-transition: width 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; -moz-transition: width 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; -ms-transition: width 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; -o-transition: width 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; transition: width 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0.05s; } .woocommerce ul.products li.product .featured-tag span, .woocommerce.single-product .images .featured-tag span, .dt-sc-product-image-gallery-container .featured-tag span { display: none; float: left; font-weight: 400; overflow: hidden; padding-right: 20px; width: 3em; -webkit-transition-delay: 0s, 0s, 0s; -moz-transition-delay: 0s, 0s, 0s; -ms-transition-delay: 0s, 0s, 0s; -o-transition-delay: 0s, 0s, 0s; transition-delay: 0s, 0s, 0s; -webkit-transition-duration: 0.3s, 0.25s, 0.25s; -moz-transition-duration: 0.3s, 0.25s, 0.25s; -ms-transition-duration: 0.3s, 0.25s, 0.25s; -o-transition-duration: 0.3s, 0.25s, 0.25s; transition-duration: 0.3s, 0.25s, 0.25s; -webkit-transition-property: opacity, padding, width; -moz-transition-property: opacity, padding, width; -ms-transition-property: opacity, padding, width; -o-transition-property: opacity, padding, width; transition-property: opacity, padding, width; -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .woocommerce ul.products li.product:hover .featured-tag > div span, .woocommerce.single-product .images .featured-tag > div span, .dt-sc-product-image-gallery-container .featured-tag > div span { padding-left: 10px; width: 100%; } .woocommerce ul.products li.product .featured-tag:after, .woocommerce.single-product .images .featured-tag:after, .dt-sc-product-image-gallery-container .featured-tag:after { background-color: rgba(0, 0, 0, 0); border-style: solid; border-width: 12px; content: ""; position: absolute; bottom: 0; right: -15px; top: 0; z-index: 9; } .woocommerce.single-product .images .featured-tag:after, .dt-sc-product-image-gallery-container .featured-tag:after { left: -15px; right: auto; } .woocommerce ul.products.product-without-space li.product .featured-tag, .woocommerce ul.products.product-without-space.product-border-type-default.product-border-position-default li.product .featured-tag, .woocommerce ul.products.product-without-space.product-border-type-thumb.product-border-position-default li.product .featured-tag { left: 1px; } .woocommerce ul.products.product-without-space.product-border-type-default.product-border-position-default li.product .featured-tag, .woocommerce ul.products.product-without-space.product-border-type-thumb.product-border-position-default li.product .featured-tag { top: 1px; } /*----*****---- << Product Listing - Variation Swatches >> ----*****----*/ .woocommerce ul.products li.product .variations_form ul { margin: 0; } .woocommerce ul.products li.product .variations_form ul.variations, .woocommerce ul.products li.product .variations_form ul.variations li.woo-variation-items-wrapper, .woocommerce ul.products li.product .variations_form ul.variations li .selection-box { display: table; } .woocommerce ul.products li.product.product-grid-view .variations_form ul.variations, .woocommerce ul.products li.product.product-grid-view .variations_form ul.variations li.woo-variation-items-wrapper, .woocommerce ul.products li.product.product-grid-view .variations_form ul.variations li .selection-box, .woocommerce ul.products li.product.product-list-view .product-thumb .variations_form ul.variations, .woocommerce ul.products li.product.product-list-view .product-thumb .variations_form ul.variations li.woo-variation-items-wrapper, .woocommerce ul.products li.product.product-list-view .product-thumb .variations_form ul.variations li .selection-box { margin-left: auto; margin-right: auto; } .woocommerce ul.products li.product.product-grid-view .variations_form ul.variations li .selection-box select { height: 38px; padding-top: 0; padding-bottom: 0; } .woocommerce ul.products li.product .variations_form ul.variations { position: relative; } .woocommerce ul.products li.product .variations_form ul.variations > li { margin: 5px 0; padding: 0; } .woocommerce ul.products li.product .variations_form ul.variations > li:last-child { margin-bottom: 0; } .woocommerce ul.products li.product .variations_form ul.variations li ul.variable-items-wrapper li, .woocommerce ul.products li.product .variations_form ul.variations li ul.variable-items-wrapper li span { display: inline-block; } /*----*****---- << Product Listing - Buttons >> ----*****----*/ .woocommerce ul.products li.product .product-buttons-wrapper { display: inline-block; margin: auto; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper .wc_inline_buttons { display: inline-block; } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-icons { position: absolute; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .wc_inline_buttons { position: relative; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .wc_inline_buttons { display: inline-block; float: none; width: auto; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons { float: left; width: 100%; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { display: inline-block; height: auto; line-height: normal; overflow: hidden; vertical-align: bottom; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2), .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) { margin: 1px; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) a.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) button.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2) .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) a.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) button.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) .button { width: 100%; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button { background: none; /* line-height: inherit; */ margin: 0; min-height: 36px; /* padding: 0 15px; */ margin-top: 0; position: relative; text-align: center; vertical-align: top; -webkit-transition: color 0.15s linear 0s, -webkit-transform 0.3s linear 0s; transition: color 0.15s linear 0s, transform 0.3s linear 0s; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button:after { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button:after { background-color: inherit; border-color: inherit; border-style: inherit; border-width: inherit; font-size: 18px; font-weight: normal; height: 100%; margin: 0; position: absolute; left: 0; top: 100%; text-align: center; width: 100%; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: none; animation: none; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a:hover, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button:hover, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button:hover, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button:hover, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button:hover { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-thumb .product-buttons-wrapper.product-button .button { margin-top: 0; } .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] a, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] a.button, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] button, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] button.button, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] .button { background: none; font-size: 15px; padding: 0; position: relative; text-transform: capitalize; } .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] a:after, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] a.button:after, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] button:after, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] button.button:after, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] .button:after { background-color: currentColor; content: ""; height: 1px; position: absolute; left: 0; top: 100%; width: 100%; -webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; } .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] a:hover:after, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] a.button:hover:after, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] button:hover:after, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] button.button:hover:after, .woocommerce ul.products li.product .product-details div[class$="product-buttons-wrapper"] .button:hover:after { height: 3px; } .woocommerce ul.products li.product .wc_compare_btn_wrapper { margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; } .woocommerce ul.products li.product .wc_compare_btn_wrapper a { padding-top: 6px; padding-bottom: 6px; border-radius: 0; } .woocommerce ul.products li.product .wc_compare_btn_wrapper a.compare.added:after { vertical-align: middle; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .wcct_btn_wrapper a.add_to_cart_button.loading:before { opacity: 0.25; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .wcct_btn_wrapper a.add_to_cart_button.loading:after { margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .button { display: block; font-size: 0; font-weight: normal; height: 45px; line-height: 45px; margin: auto; padding: 0; position: relative; bottom: 0; top: 0; text-align: center; width: 45px; z-index: 2; -webkit-border-radius: 0; border-radius: 0; } .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-buttons-wrapper.product-button, .woocommerce ul.products.product-content-buttonelement-stretch li.product .product-buttons-wrapper.product-button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a.button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button, .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button.button .woocommerce ul.products.product-thumb-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .button, .woocommerce ul.products.product-content-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a, .woocommerce ul.products.product-content-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a.button, .woocommerce ul.products.product-content-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button, .woocommerce ul.products.product-content-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button.button .woocommerce ul.products.product-content-buttonelement-stretch li.product .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .button { width: 100%; } .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons a, .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons a.button, .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons button, .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons button.button, .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons .button, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button.button, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .button { height: 40px; line-height: 40px; width: 40px; } .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons a:before, .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons a.button:before, .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons button:before, .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons button.button:before, .woocommerce .page-with-sidebar ul.products li.product .product-buttons-wrapper.product-icons .button:before, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a:before, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button:before, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button:before, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button.button:before, .page-with-sidebar .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .button:before { font-size: 18px; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons button.button:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .button:before { display: block; font-size: 20px; font-weight: normal; height: 100%; line-height: inherit; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; text-align: center; width: 100%; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: inline-block; vertical-align: top; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.product_type_simple:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_simple:after { content: "\ec99"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.product_type_variable:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_variable:after { content: "\ea04"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.add_to_cart_button.product_type_simple:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.add_to_cart_button.product_type_simple:after { content: "\ea03"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.added_to_cart.wc-forward:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.added_to_cart.wc-forward:after { content: "\ea02"; font-family: 'IcoMoon-Ultimate' !important; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.product_type_external:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_external:after { content: "\f35d"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.button.product_type_grouped:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_grouped:after { content: "\ecba"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.add_to_wishlist:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.add_to_wishlist:after { content: "\ecea"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .yith-wcwl-wishlistaddedbrowse a:after { content: "\ece9"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons .yith-wcwl-wishlistexistsbrowse a:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .yith-wcwl-wishlistexistsbrowse a:after { content: "\ece9"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.yith-wcqv-button:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.yith-wcqv-button:after { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.yith-woocompare-button:before, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.yith-woocompare-button:after { content: "\f074"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .woocommerce ul.products li.product .product-element-group-wrapper .product-thumb-content > .wc_btn_inline a, .woocommerce ul.products li.product .product-element-group-wrapper .product-thumb-content > .wc_btn_inline a.button, .woocommerce ul.products li.product .product-element-group-wrapper .product-thumb-content > .wc_btn_inline button, .woocommerce ul.products li.product .product-element-group-wrapper .product-thumb-content > .wc_btn_inline button.button, .woocommerce ul.products li.product .product-element-group-wrapper .product-thumb-content > .wc_btn_inline .button, .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a, .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a.button, .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button, .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button.button, .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items > .wc_btn_inline .button { margin-top: 0; } .woocommerce ul.products li .yith-wcwl-add-to-wishlist, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { vertical-align: top; } .woocommerce ul.products li.product .product-wrapper > h3, .woocommerce ul.products li.product .product-wrapper > a h3, .woocommerce ul.products li.product a.add_to_cart_button.added, .woocommerce ul.products li.product .product-thumb .yith-wcwl-add-button.hide a, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, .woocommerce ul.products li .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback { display: none !important; } /*----*****---- << Product Listing - Content >> ----*****----*/ .woocommerce ul.products li.product .product-details { display: block; float: left; padding: 0; position: relative; text-align: center; width: 100%; } .woocommerce ul.products li.product .product-thumb-content { display: inline-block; padding: 15px; width: 100%; } .woocommerce ul.products li.product .product-thumb-content > div, .woocommerce ul.products li.product .product-details > div { clear: both; display: inline-block; float: left; margin: 6px 0 0; width: 100%; } .woocommerce ul.products li.product .product-details > div.product-button:last-child { margin-bottom: 15px; } .woocommerce ul.products li.product .product-thumb-content .product-title h5, .woocommerce ul.products li.product .product-details .product-title h5 { margin: 0; text-transform: capitalize; } .woocommerce ul.products li.product .product-details > .product-title h5 { margin-top: 10px; } .woocommerce ul.products li.product .product-thumb-content .product-title h5 a, .woocommerce ul.products li.product .product-details .product-title h5 a, .woocommerce ul.products li.product-category .product-details .product-title h5 { display: block; padding: 5px 0; } .woocommerce ul.products li.product .product-thumb-content .product-title h5 a:not(:hover), .woocommerce ul.products li.product .product-details .product-title h5 a:not(:hover) { color: inherit; } .woocommerce ul.products li.product .product-category-wrapper a { font-size: 16px; letter-spacing: 0; margin: 0 3px 3px 0; } .woocommerce ul.products li.product .product-category-wrapper a:last-child { margin-right: 0; } .woocommerce ul.products li.product .product-category-wrapper a:hover { text-decoration: underline; } .woocommerce ul.products li.product .product-rating-wrapper .star-rating { display: inline-block; margin: 5px 0; vertical-align: middle; } .woocommerce ul.products li.product .price { letter-spacing: 0.4px; margin: -1px 0 0; padding: 0; width: 100%; } .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price del { font-size: 14px; } .woocommerce ul.products li.product .price ins { font-weight: 600; } .woocommerce ul.products li.product .product-price { width: 100%; } .woocommerce ul.products li.product .product-price, .woocommerce ul.products li.product .product-price .price, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .product-rating-wrapper { display: inline-block; } .woocommerce ul.products li.product .selection-box:after { border-width: 0; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper { clear: both; display: block; float: none; margin-left: -5px; margin-right: -5px; width: auto; } .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items { display: inline-block; padding: 0 5px; vertical-align: middle; width: 50%; } .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items > div { margin: 4px 0; } .woocommerce ul.products li.product .product-element-group-wrapper > div:only-child { text-align: inherit; width: 100%; } .woocommerce ul.products li.product .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: left; } .woocommerce ul.products li.product .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { text-align: right; } .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items .product-separator:last-child { display: none; } .woocommerce ul.products li.product .product-thumb-content > div:not(.product-separator):empty, .woocommerce ul.products li.product .product-details > div:not(.product-separator):empty, .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items:empty, .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items > div:not(.product-separator):empty, .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items > div:not(.product-separator):empty { display: none; } .woocommerce ul.products li.product .product-element-group-wrapper .product-element-group-items:empty ~ .product-element-group-items { text-align: inherit; width: 100%; } .woocommerce ul.products li.product .product-thumb-content div.product-separator, .woocommerce ul.products li.product .product-details div.product-separator { height: 1px; margin: 5px 0 8px; } .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount { margin: 0; } .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper { margin: 1px; min-height: auto; min-width: 55px; padding: 0; text-align: center; width: auto; -webkit-border-radius: 3px; border-radius: 3px; } .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper:before, .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper:after { content: none; } .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper .dt-sc-counter-number { font-size: 20px; padding: 5px; } .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper .title { font-size: 11px; letter-spacing: 1px; margin: 0; padding: 3px 5px; -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper { background-color: rgba(0,0,0,0.1); } .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper .title { background-color: #222; } .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper .title { color: #fff; } .woocommerce ul.products li.product .product-price, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .product-rating-wrapper { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } /****** Product Listing Options ******/ /* Product Listing - Padding */ .woocommerce ul.products.product-padding-overall li.product .product-wrapper { padding: 10px; } .woocommerce ul.products.product-padding-overall li.product .product-details { padding-left: 3px; padding-right: 3px; } .woocommerce ul.products.product-padding-thumb li.product .product-thumb .image { margin: 10px; } .woocommerce ul.products.product-padding-content li.product .product-details { padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; } .woocommerce ul.products.product-padding-thumb li.product .product-wrapper, .woocommerce ul.products.product-padding-content li.product .product-wrapper { padding: 0; } .woocommerce ul.products.product-padding-thumb li.product .product-details { padding-left: 0; padding-right: 0; } .woocommerce ul.products.product-padding-content li.product .product-thumb .image { margin: 0; } /* Product Listing - Thumb Content Alignment */ .woocommerce ul.products li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-middle li.product .product-thumb-content .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top li.product .product-thumb-content { text-align: center; } .woocommerce ul.products.product-thumb-alignment-bottom-left li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top-left li.product .product-thumb-content { text-align: left; } .woocommerce ul.products.product-thumb-alignment-bottom-right li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top-right li.product .product-thumb-content { text-align: right; } .woocommerce ul.products li.product .product-thumb:before, .woocommerce ul.products li.product .product-thumb:after { content: ""; display: block; } .woocommerce ul.products li.product .product-thumb:before, .woocommerce ul.products.product-thumb-alignment-middle li.product .product-thumb:before { padding-top: 33.33% } .woocommerce ul.products li.product .product-thumb:after, .woocommerce ul.products.product-thumb-alignment-middle li.product .product-thumb:after { padding-bottom: 33.33% } .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb:before, .woocommerce ul.products.product-thumb-alignment-bottom-left li.product .product-thumb:before, .woocommerce ul.products.product-thumb-alignment-bottom-right li.product .product-thumb:before { padding-top: 66.66%; } .woocommerce ul.products.product-thumb-alignment-top li.product .product-thumb:after, .woocommerce ul.products.product-thumb-alignment-top-left li.product .product-thumb:after, .woocommerce ul.products.product-thumb-alignment-top-right li.product .product-thumb:after { padding-top: 33.33%; } .woocommerce ul.products.product-thumb-alignment-bottom li.product .product-thumb:after, .woocommerce ul.products.product-thumb-alignment-bottom-left li.product .product-thumb:after, .woocommerce ul.products.product-thumb-alignment-bottom-right li.product .product-thumb:after, .woocommerce ul.products.product-thumb-alignment-top li.product .product-thumb:before, .woocommerce ul.products.product-thumb-alignment-top-left li.product .product-thumb:before, .woocommerce ul.products.product-thumb-alignment-top-right li.product .product-thumb:before { padding-top: 0; padding-bottom: 0; } .woocommerce ul.products.product-thumb-alignment-top.product-label-boxed li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top.product-label-rounded li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top.product-label-angular li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top.product-label-ribbon li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top.product-label-circle li.product .product-thumb-content { padding-left: 60px; padding-right: 60px; } .woocommerce ul.products.product-thumb-alignment-top-left.product-label-boxed li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top-left.product-label-rounded li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top-left.product-label-angular li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top-left.product-label-ribbon li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-top-left.product-label-circle li.product .product-thumb-content { padding-right: 60px; } .woocommerce ul.products:not([class*="alignment-bottom"]) li.product.featured .product-thumb-content { padding-top: 35px; } .woocommerce ul.products[class*="alignment-middle"] li.product.featured .product-thumb-content { padding-bottom: 35px; } .woocommerce ul.products[class*="iconsgroup-position-horizontal"].product-thumb-alignment-middle li.product .product-thumb-content { padding-top: 65px; padding-bottom: 65px; } .woocommerce ul.products[class*="iconsgroup-position-vertical"].product-thumb-alignment-middle li.product .product-thumb-content { padding-left: 65px; padding-right: 65px; } /* Product Listing - Button & IconGroup Styles */ .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button { background: none !important; color: #666; border-radius: 50%;} .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { background-color: #fafafa; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); } .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products.product-content-buttonelement-style-simple li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { background-color: rgba(0,0,0,0.015); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbgfill"] li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline { margin: 1px; } .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-buttonelement-style-bgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-style-brdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-style-skinbgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-style-skinbrdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-content-buttonelement-style-bgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-style-brdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-style-skinbgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-style-skinbrdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded-square li.product .product-details .product-buttons-wrapper.product-icons .blockUI.blockOverlay { border-radius: 5px; } .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-thumb-iconsgroup-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-thumb-iconsgroup-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-thumb-iconsgroup-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-content-iconsgroup-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-content-iconsgroup-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-content-iconsgroup-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-icons .blockUI.blockOverlay, .woocommerce ul.products.product-content-iconsgroup-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-icons .blockUI.blockOverlay { border-radius: 50%; } .woocommerce ul.products.product-thumb-buttonelement-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-thumb-buttonelement-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline { border-radius: 30px; } .woocommerce ul.products.product-thumb-buttonelement-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products.product-thumb-buttonelement-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products.product-thumb-buttonelement-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products.product-thumb-buttonelement-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products.product-thumb-buttonelement-style-bgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button .button, .woocommerce ul.products.product-thumb-buttonelement-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products.product-thumb-buttonelement-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products.product-thumb-buttonelement-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products.product-thumb-buttonelement-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products.product-thumb-buttonelement-style-brdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button .button, .woocommerce ul.products.product-thumb-buttonelement-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products.product-thumb-buttonelement-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products.product-thumb-buttonelement-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products.product-thumb-buttonelement-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products.product-thumb-buttonelement-style-skinbgfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button .button, .woocommerce ul.products.product-thumb-buttonelement-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button a, .woocommerce ul.products.product-thumb-buttonelement-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button a.button, .woocommerce ul.products.product-thumb-buttonelement-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button button, .woocommerce ul.products.product-thumb-buttonelement-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button button.button, .woocommerce ul.products.product-thumb-buttonelement-style-skinbrdrfill-rounded li.product .product-thumb .product-buttons-wrapper.product-button .button, .woocommerce ul.products.product-content-buttonelement-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-button a, .woocommerce ul.products.product-content-buttonelement-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products.product-content-buttonelement-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products.product-content-buttonelement-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products.product-content-buttonelement-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-button .button, .woocommerce ul.products.product-content-buttonelement-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button a, .woocommerce ul.products.product-content-buttonelement-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products.product-content-buttonelement-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products.product-content-buttonelement-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products.product-content-buttonelement-style-brdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button .button, .woocommerce ul.products.product-content-buttonelement-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-button a, .woocommerce ul.products.product-content-buttonelement-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products.product-content-buttonelement-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products.product-content-buttonelement-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products.product-content-buttonelement-style-skinbgfill-rounded li.product .product-details .product-buttons-wrapper.product-button .button, .woocommerce ul.products.product-content-buttonelement-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button a, .woocommerce ul.products.product-content-buttonelement-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products.product-content-buttonelement-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products.product-content-buttonelement-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products.product-content-buttonelement-style-skinbrdrfill-rounded li.product .product-details .product-buttons-wrapper.product-button .button { padding-left: 30px; padding-right: 30px; } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) { background-color: #fafafa; } .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons a:not(:hover), .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button:not(:hover), .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons button:not(:hover), .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button:not(:hover), .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons .button:not(:hover), .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) { background-color: rgba(0, 0, 0, 0.075); } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline { background-color: transparent !important; border: 1px solid currentColor; } /* Product Listing - IconGroup Position */ .woocommerce ul.products:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb .product-buttons-wrapper.product-icons { position: static; text-align: inherit; } .woocommerce ul.products[class*="product-thumb-iconsgroup-position"] li.product .product-thumb .product-buttons-wrapper.product-icons { margin: 5px; width: auto; } .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: block; } .woocommerce ul.products.product-thumb-iconsgroup-position-horizontal li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-thumb-iconsgroup-position-horizontal li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons { position: static; } .woocommerce ul.products.product-thumb-iconsgroup-position-horizontal li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-position-horizontal li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-thumb .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: inline-block; } .woocommerce ul.products.horizontal-position-top li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.horizontal-position-middle li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.horizontal-position-bottom li.product .product-thumb .product-buttons-wrapper.product-icons { left: 0; right: 0; text-align: center; } .woocommerce ul.products[class*="position-top"] li.product .product-thumb .product-buttons-wrapper.product-icons { top: 0; } .woocommerce ul.products[class*="position-bottom"] li.product .product-thumb .product-buttons-wrapper.product-icons { bottom: 0; } .woocommerce ul.products.horizontal-position-top-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.horizontal-position-bottom-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.vertical-position-top-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.vertical-position-middle-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.vertical-position-bottom-left li.product .product-thumb .product-buttons-wrapper.product-icons { left: 0; } .woocommerce ul.products.horizontal-position-top-right li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.horizontal-position-bottom-right li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.vertical-position-top-right li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.vertical-position-middle-right li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.vertical-position-bottom-right li.product .product-thumb .product-buttons-wrapper.product-icons { right: 0; } .woocommerce ul.products[class*="position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons { margin: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Product Listing - Content Alignment */ .woocommerce ul.products.product-content-alignment-left li.product .product-details { text-align: left; } .woocommerce ul.products.product-content-alignment-center li.product .product-details { text-align: center; } .woocommerce ul.products.product-content-alignment-right li.product .product-details { text-align: right; } /*----*****---- << Product Listing - List View >> ----*****----*/ .woocommerce ul.products li.product.product-list-view .product-wrapper { border-bottom: 1px solid rgba(0,0,0,0.075); float: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { float: none; vertical-align: middle; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 33.33%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 15px 30px; width: 66.66%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb:only-child, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details:only-child { width: 100%; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .woocommerce ul.products:not(.product-content-alignment-center) li.product.product-list-view .product-wrapper .product-details { text-align: left; } .woocommerce ul.products:not(.product-content-alignment-center) li.product.product-list-view.product-list-right-thumb .product-wrapper .product-details { text-align: right; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper { direction: rtl; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div { direction: ltr; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: right; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { text-align: left; } .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button { text-align: inherit !important; } .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product.product-list-view .product-buttons-wrapper.product-button .button { text-align: center !important; } .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline a.button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline button.button, .woocommerce ul.products.product-content-buttonelement-stretch:not(.product-content-alignment-center) li.product.product-list-view .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline .button { width: auto; } .woocommerce ul.products li.product.product-list-view .product-wrapper[style*="background-color"] { border-width: 0; } /*----*****---- << Product Listing - Border Options >> ----*****----*/ .woocommerce ul.products.product-border-type-default.product-border-position-default li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb.product-border-position-default li.product .product-thumb { border-color: rgba(0,0,0,0.15); border-style: solid; border-width: 1px; } .woocommerce ul.products.product-border-type-default.product-border-position-left li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb.product-border-position-left li.product .product-thumb { -webkit-box-shadow: -4px 0 0 0 rgba(0,0,0,0.15); box-shadow: -4px 0 0 0 rgba(0,0,0,0.15); } .woocommerce ul.products.product-border-type-default.product-border-position-right li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb.product-border-position-right li.product .product-thumb { -webkit-box-shadow: 4px 0 0 0 rgba(0,0,0,0.15); box-shadow: 4px 0 0 0 rgba(0,0,0,0.15); } .woocommerce ul.products.product-border-type-default.product-border-position-top li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb.product-border-position-top li.product .product-thumb { -webkit-box-shadow: 0 -4px 0 0 rgba(0,0,0,0.15); box-shadow: 0 -4px 0 0 rgba(0,0,0,0.15); } .woocommerce ul.products.product-border-type-default.product-border-position-bottom li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb.product-border-position-bottom li.product .product-thumb { -webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,0.15); box-shadow: 0 4px 0 0 rgba(0,0,0,0.15); } .woocommerce ul.products.product-border-type-default.product-border-position-top-left li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb.product-border-position-top-left li.product .product-thumb { -webkit-box-shadow: -4px -4px 0 0 rgba(0,0,0,0.15); box-shadow: -4px -4px 0 0 rgba(0,0,0,0.15); } .woocommerce ul.products.product-border-type-default.product-border-position-top-right li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb.product-border-position-top-right li.product .product-thumb { -webkit-box-shadow: 4px -4px 0 0 rgba(0,0,0,0.15); box-shadow: 4px -4px 0 0 rgba(0,0,0,0.15); } .woocommerce ul.products.product-border-type-default.product-border-position-bottom-left li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb.product-border-position-bottom-left li.product .product-thumb { -webkit-box-shadow: -4px 4px 0 0 rgba(0,0,0,0.15); box-shadow: -4px 4px 0 0 rgba(0,0,0,0.15); } .woocommerce ul.products.product-border-type-default.product-border-position-bottom-right li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb.product-border-position-bottom-right li.product .product-thumb { -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.15); box-shadow: 4px 4px 0 0 rgba(0,0,0,0.15); } .woocommerce ul.products.product-border-type-default[class*="product-border-position"][class*="product-bordershadow-highlight"] li.product .product-wrapper, .woocommerce ul.products.product-border-type-thumb[class*="product-border-position"][class*="product-bordershadow-highlight"] li.product .product-thumb { border-color: transparent; } /*----*****---- << Product Listing - Shadow Options >> ----*****----*/ .woocommerce ul.products.product-shadow-type-default.product-shadow-position-default li.product .product-wrapper, .woocommerce ul.products.product-shadow-type-thumb.product-shadow-position-default li.product .product-wrapper .product-thumb { -webkit-box-shadow: 0 0 5px 1px #ccc; box-shadow: 0 0 5px 1px #ccc; } .woocommerce ul.products.product-shadow-type-default.product-shadow-position-top-left li.product .product-wrapper, .woocommerce ul.products.product-shadow-type-thumb.product-shadow-position-top-left li.product .product-thumb { -webkit-box-shadow: 0 0 5px 1px #ccc, -5px -5px 5px 0 #ccc; box-shadow: 0 0 5px 1px #ccc, -5px -5px 5px 0 #ccc; } .woocommerce ul.products.product-shadow-type-default.product-shadow-position-top-right li.product .product-wrapper, .woocommerce ul.products.product-shadow-type-thumb.product-shadow-position-top-right li.product .product-thumb { -webkit-box-shadow: 0 0 5px 1px #ccc, 5px -5px 5px 0 #ccc; box-shadow: 0 0 5px 1px #ccc, 5px -5px 5px 0 #ccc; } .woocommerce ul.products.product-shadow-type-default.product-shadow-position-bottom-left li.product .product-wrapper, .woocommerce ul.products.product-shadow-type-thumb.product-shadow-position-bottom-left li.product .product-thumb { -webkit-box-shadow: 0 0 5px 1px #ccc, -5px 5px 5px 0 #ccc; box-shadow: 0 0 5px 1px #ccc, -5px 5px 5px 0 #ccc; } .woocommerce ul.products.product-shadow-type-default.product-shadow-position-bottom-right li.product .product-wrapper, .woocommerce ul.products.product-shadow-type-thumb.product-shadow-position-bottom-right li.product .product-thumb { -webkit-box-shadow: 0 0 5px 1px #ccc, 5px 5px 5px 0 #ccc; box-shadow: 0 0 5px 1px #ccc, 5px 5px 5px 0 #ccc; } /*----*****---- << Product Listing Type - Cornered >> ----*****----*/ .woocommerce ul.products.product-style-cornered li.product .product-thumb:before, .woocommerce ul.products.product-style-cornered li.product .product-thumb:after { content: none; } .woocommerce ul.products.product-style-cornered li.product .product-thumb-content { opacity: 1; } .woocommerce ul.products.product-style-cornered li.product .product-thumb-content > div.product-element-group-wrapper:last-child:before { content: ""; display: block; padding-top: 50%; } .woocommerce ul.products.product-style-cornered li.product .product-thumb-content, .woocommerce ul.products.product-style-cornered.product-thumb-alignment-middle li.product .product-thumb-content .woocommerce ul.products.product-style-cornered.product-thumb-alignment-bottom li.product .product-thumb-content, .woocommerce ul.products.product-style-cornered.product-thumb-alignment-top li.product .product-thumb-content, .woocommerce ul.products.product-style-cornered.product-thumb-alignment-bottom-left li.product .product-thumb-content, .woocommerce ul.products.product-style-cornered.product-thumb-alignment-top-left li.product .product-thumb-content, .woocommerce ul.products.product-style-cornered.product-thumb-alignment-bottom-right li.product .product-thumb-content, .woocommerce ul.products.product-style-cornered.product-thumb-alignment-top-right li.product .product-thumb-content { padding-left: 10px; text-align: left; } .woocommerce ul.products.product-style-cornered[class*="iconsgroup-position-vertical"].product-thumb-alignment-middle li.product .product-thumb-content { padding-left: 10px; } .woocommerce ul.products.product-style-cornered[class*="iconsgroup-position-horizontal"].product-thumb-alignment-middle li.product .product-thumb-content { padding-top: 10px; } .woocommerce ul.products.product-style-cornered[class*="iconsgroup-position-horizontal"].product-thumb-alignment-middle li.product.featured .product-thumb-content { padding-top: 35px; padding-bottom: 35px; } .woocommerce ul.products.product-style-cornered li.product .product-thumb-content .product-element-group-wrapper .product-element-group-items { display: block; text-align: left; width: 75%; } .woocommerce ul.products.product-style-cornered li.product .product-thumb .product-buttons-wrapper.product-icons { z-index: 2; } .woocommerce ul.products.product-style-cornered:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb .product-buttons-wrapper.product-icons { margin: 5px; position: absolute; right: 0; bottom: 0; } .woocommerce ul.products.product-style-cornered.horizontal-position-top li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.horizontal-position-middle li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.horizontal-position-bottom li.product .product-thumb .product-buttons-wrapper.product-icons { left: auto; right: 0; text-align: right; } .woocommerce ul.products.product-style-cornered[class*="position-top"] li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered[class*="position-bottom"] li.product .product-thumb .product-buttons-wrapper.product-icons { bottom: 0; top: auto; text-align: right; } .woocommerce ul.products.product-style-cornered li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered[class*="horizontal-position"] li.product .product-thumb .product-buttons-wrapper.product-icons { width: auto; } .woocommerce ul.products.product-style-cornered li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-style-cornered[class*="horizontal-position"] li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: block; } .woocommerce ul.products.product-style-cornered.horizontal-position-top-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.horizontal-position-bottom-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.vertical-position-top-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.vertical-position-middle-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.vertical-position-bottom-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.horizontal-position-top-right li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.horizontal-position-bottom-right li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.vertical-position-top-right li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.vertical-position-middle-right li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.vertical-position-bottom-right li.product .product-thumb .product-buttons-wrapper.product-icons { left: auto; right: 0; } .woocommerce ul.products.product-style-cornered.horizontal-position-top-left li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-style-cornered.horizontal-position-bottom-left li.product .product-thumb .product-buttons-wrapper.product-icons { text-align: right; } .woocommerce ul.products.product-style-cornered[class*="position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons { bottom: 0; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /*----*****---- << Product Listing Type - Title & ElementGroup Highlighter >> ----*****----*/ .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-title h5 a { padding: 10px; } .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details > .product-title:first-child { margin-top: -1px; margin-bottom: 15px; } .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper { display: block; border-width: 0; float: none; margin: 0 -10px; position: relative; width: auto; } .woocommerce ul.products.product-style-title-eg-highlighter.product-padding-content li.product .product-details > .product-element-group-wrapper:first-child { margin-top: -5px; } .woocommerce ul.products.product-style-title-eg-highlighter.product-padding-content li.product .product-details > .product-element-group-wrapper:last-child { margin-bottom: -5px; } .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper .product-element-group-items { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2), .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1), .woocommerce ul.products.product-style-title-eg-highlighter li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2), .woocommerce ul.products.product-style-title-eg-highlighter li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { display: inline-block; vertical-align: middle; width: 100%; } .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2), .woocommerce ul.products.product-style-title-eg-highlighter li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: inherit; } .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1), .woocommerce ul.products.product-style-title-eg-highlighter li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { text-align: center; } .woocommerce ul.products.product-style-title-eg-highlighter li.product:hover .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2), .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { opacity: 0; visibility: hidden; } .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2), .woocommerce ul.products.product-style-title-eg-highlighter li.product:hover .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { opacity: 1; visibility: visible; } .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper .product-buttons-wrapper { vertical-align: middle; } /*----*****---- << Product Listing Type - Content Highlighter >> ----*****----*/ .woocommerce ul.products.product-style-content-highlighter li.product .product-details .product-element-group-wrapper { display: table; margin: 0; width: 100%; } .woocommerce ul.products.product-style-content-highlighter.product-padding-content li.product .product-details > .product-element-group-wrapper:first-child { margin-top: -5px; } .woocommerce ul.products.product-style-content-highlighter.product-padding-content li.product .product-details > .product-element-group-wrapper:last-child { margin-bottom: -5px; } .woocommerce ul.products.product-style-content-highlighter li.product .product-details .product-element-group-wrapper .product-element-group-items { display: table-cell; padding: 0 10px; vertical-align: middle; } .woocommerce ul.products.product-style-content-highlighter li.product .product-details .product-element-group-wrapper .product-element-group-items .product-title h5 a { padding: 8px 0; } .woocommerce ul.products.product-style-content-highlighter li.product .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { width: 66.66%; } .woocommerce ul.products.product-style-content-highlighter li.product .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { text-align: center !important; width: 33.33%; } .woocommerce ul.products.product-style-content-highlighter li.product .product-details .product-element-group-wrapper .product-element-group-items:empty { display: none; } /*----*****---- << Product Listing Type - Icon Group Over Product Content >> ----*****----*/ .woocommerce ul.products.product-style-igrp-over-pc li.product .product-details { overflow: hidden; } .woocommerce ul.products.product-style-igrp-over-pc li.product .product-details > div.product-buttons-wrapper.product-icons { margin: 0; opacity: 0; position: absolute; left: 0; right: 0; top: 50%; visibility: hidden; z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce ul.products.product-style-igrp-over-pc li.product .product-details > div.product-buttons-wrapper.product-icons .wc_inline_buttons { vertical-align: middle; } .woocommerce ul.products.product-style-igrp-over-pc li.product:hover .product-details > div { opacity: 0; visibility: hidden; } .woocommerce ul.products.product-style-igrp-over-pc li.product:hover .product-details > div.product-buttons-wrapper.product-icons { opacity: 1; visibility: visible; } .woocommerce ul.products.product-style-igrp-over-pc li.product .product-details > div { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } /*----*****---- << Product Listing Type - Element Group Over Product Content >> ----*****----*/ .woocommerce ul.products.product-style-egrp-over-pc li.product .product-details { overflow: hidden; } .woocommerce ul.products.product-style-egrp-over-pc li.product .product-details > div.product-element-group-wrapper { margin: 0; opacity: 0; position: absolute; left: 0; right: 0; top: 50%; visibility: hidden;z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce ul.products.product-style-egrp-over-pc li.product:hover .product-details > div { opacity: 0; visibility: hidden; } .woocommerce ul.products.product-style-egrp-over-pc li.product:hover .product-details > div.product-element-group-wrapper { opacity: 1; visibility: visible; } .woocommerce ul.products.product-style-egrp-over-pc li.product .product-details > div { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } /*----*****---- << Product Listing Type - Element Group Overlap Product Content >> ----*****----*/ .woocommerce ul.products.product-style-egrp-overlap-pc li.product .product-wrapper:before { bottom: 0; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 10 !important; } .woocommerce ul.products.product-style-egrp-overlap-pc li.product:hover .product-wrapper:before { background-color: inherit; -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.3); box-shadow: 0 0 10px 1px rgba(0,0,0,.3); } .woocommerce ul.products.product-style-egrp-overlap-pc li.product:hover .product-thumb, .woocommerce ul.products.product-style-egrp-overlap-pc li.product:hover .product-details { z-index: 10; } .woocommerce ul.products.product-style-egrp-overlap-pc li.product .product-details .product-element-group-wrapper { opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; display: none; } .woocommerce ul.products.product-style-egrp-overlap-pc li.product .product-details .product-element-group-wrapper .product-element-group-items { margin: 5px 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .woocommerce ul.products.product-style-egrp-overlap-pc li.product:hover .product-details .product-element-group-wrapper { display: block; opacity: 1; visibility: visible; } /*----*****---- << Product Listing Type - Element Group Reveal Product Content >> ----*****----*/ .woocommerce ul.products.product-style-egrp-reveal-pc li.product .product-thumb-content { position: relative; } .woocommerce ul.products.product-style-egrp-reveal-pc li.product .product-thumb-content .product-element-group-wrapper, .woocommerce ul.products.product-style-egrp-reveal-pc li.product .product-details .product-element-group-wrapper { display: block; margin: 0; opacity: 0; position: absolute; left: 0; right: 0; visibility: hidden; width: auto; z-index: 999; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .woocommerce ul.products.product-style-egrp-reveal-pc.product-padding-overall li.product.product-list-view.product-list-left-thumb .product-details .product-element-group-wrapper, .woocommerce ul.products.product-style-egrp-reveal-pc.product-padding-content li.product.product-list-view.product-list-left-thumb .product-details .product-element-group-wrapper { margin-left: 15px; } .woocommerce ul.products.product-style-egrp-reveal-pc.product-padding-overall li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper, .woocommerce ul.products.product-style-egrp-reveal-pc.product-padding-content li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper { margin-right: 15px; } .woocommerce ul.products.product-style-egrp-reveal-pc li.product .product-details .product-element-group-wrapper .product-element-group-items:only-child { padding: 0; } .woocommerce ul.products.product-style-egrp-reveal-pc li.product .product-thumb-content .product-element-group-wrapper .product-buttons-wrapper.product-button, .woocommerce ul.products.product-style-egrp-reveal-pc li.product .product-details .product-element-group-wrapper .product-buttons-wrapper.product-button { vertical-align: middle; } .woocommerce ul.products.product-style-egrp-reveal-pc li.product .product-thumb-content .product-element-group-wrapper .product-element-group-items { margin: 5px 0; padding: 0; text-align: inherit; width: 100%; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .woocommerce ul.products.product-thumb-iconsgroup-position-horizontal.product-style-egrp-reveal-pc li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-thumb-iconsgroup-position-horizontal.product-style-egrp-reveal-pc li.product .product-details .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical.product-style-egrp-reveal-pc li.product .product-thumb .product-buttons-wrapper.product-icons, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical.product-style-egrp-reveal-pc li.product .product-details .product-buttons-wrapper.product-icons { position: static; } .woocommerce ul.products.product-thumb-iconsgroup-position-horizontal.product-style-egrp-reveal-pc li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-position-horizontal.product-style-egrp-reveal-pc li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical.product-style-egrp-reveal-pc li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline, .woocommerce ul.products.product-thumb-iconsgroup-position-vertical.product-style-egrp-reveal-pc li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { display: inline-block; } .woocommerce ul.products.product-style-egrp-reveal-pc:not([class*="thumb-alignment-bottom"]) li.product .product-thumb-content .product-element-group-wrapper, .woocommerce ul.products.product-style-egrp-reveal-pc li.product .product-details .product-element-group-wrapper { top: 50%; } .woocommerce ul.products.product-style-egrp-reveal-pc:not([class*="thumb-alignment-bottom"]) li.product:hover .product-thumb-content .product-element-group-wrapper, .woocommerce ul.products.product-style-egrp-reveal-pc li.product:hover .product-details .product-element-group-wrapper { top: 100%; } .woocommerce ul.products.product-style-egrp-reveal-pc.product-thumb-alignment-bottom li.product .product-thumb-content .product-element-group-wrapper { bottom: 50%; } .woocommerce ul.products.product-style-egrp-reveal-pc.product-thumb-alignment-bottom li.product:hover .product-thumb-content .product-element-group-wrapper { bottom: 100%; } .woocommerce ul.products.product-style-egrp-reveal-pc:not([class*="thumb-alignment-bottom"]) li.product:hover .product-thumb-content .product-element-group-wrapper { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .woocommerce ul.products.product-style-egrp-reveal-pc.product-thumb-alignment-bottom li.product:hover .product-thumb-content .product-element-group-wrapper { -webkit-transform: translateY(5px); transform: translateY(5px); } .woocommerce ul.products.product-style-background.product-style-egrp-reveal-pc li.product:hover .product-details .product-element-group-wrapper, .woocommerce ul.products.product-style-bordered.product-style-egrp-reveal-pc li.product:hover .product-details .product-element-group-wrapper, .woocommerce ul.products.product-style-shadow.product-style-egrp-reveal-pc li.product:hover .product-details .product-element-group-wrapper { -webkit-transform: translateY(0); transform: translateY(0); } .woocommerce ul.products.product-style-egrp-reveal-pc li.product:hover .product-thumb-content .product-element-group-wrapper, .woocommerce ul.products.product-style-egrp-reveal-pc li.product:hover .product-details .product-element-group-wrapper { opacity: 1; visibility: visible; } /*----*****---- << Carousel >> ----*****----*/ .dt-sc-products-carousel-container { clear: both; display: block; float: left; overflow: hidden; width: 100%; } .dt-sc-products-carousel-container ul.products li .dt-col { padding: 0 1px; width: 100%; } div[class*="product"] .swiper-container.swiper-container-vertical { height: 500px; } div[class*="product"] .swiper-container.swiper-container-horizontal .swiper-wrapper { cursor:e-resize; } div[class*="product"] .swiper-container.swiper-container-vertical .swiper-wrapper { cursor:s-resize; } div[class*="thumb-container"] .swiper-wrapper .swiper-slide { cursor: pointer; -webkit-transform-style: preserve-3d; } div[class*="thumb-container"] .swiper-wrapper .swiper-slide:after { content: ""; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.45) inset; opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; visibility: hidden; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } div[class*="thumb-container"] .swiper-wrapper .swiper-slide.swiper-slide-active:after { opacity: 1; visibility: visible; } div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide img { height: 100%; width: 100%; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-fit: cover; -webkit-object-position: center; -moz-object-position: center; -ms-object-position: center; -o-object-position: center; object-position: center; } div[class*="product"] .swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide { overflow: hidden; } div[class*="product"] .swiper-container.swiper-container-vertical .swiper-wrapper .swiper-slide > img { position: absolute; left: 50%; top: 50%; -webkit-object-fit: contain; object-fit: contain; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } div[class*="product"] .swiper-container { float: left; overflow: hidden; position: relative; width: 100%; } div[class*="thumb-container"].swiper-container .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transform: none !important; transform: none !important; } div[class*="thumb-container"].swiper-container.swiper-container-horizontal .swiper-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div[class*="thumb-container"].swiper-container.swiper-container-vertical .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Carousel ScrollBar */ div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"] { float: left; height: 8px; position: absolute; width: 100%; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 0, 0,0) 0%, rgba(0,0,0,0.08) 17%, rgba(0,0,0,0.08) 83%, rgba(0, 0, 0, 0) 100%); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"] { height: 100%; margin: 0; right: 0; top: 0; width: 8px; background-image: linear-gradient(to bottom, rgba(0, 0, 0,0) 0%, rgba(0,0,0,0.08) 17%, rgba(0,0,0,0.08) 83%, rgba(0, 0, 0, 0) 100%); } div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:before, div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"]:after { content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:before { top: -1px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="pagination-holder"] > div[class*="scrollbar"]:after { bottom: -1px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before { left: -1px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { right: -1px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:before, div[class*="product"] .swiper-container.swiper-container-vertical div[class*="pagination-holder"] > div[class*="scrollbar"]:after { height: 100%; width: 1px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%); } div[class*="product"] .swiper-container div[class$="scrollbar"] .swiper-scrollbar-drag { background-color: #666; border-radius: inherit; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselscrollbar="true"] { padding-bottom: 30px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="scrollbar"] { bottom: 0; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { bottom: 0; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] { padding-right: 30px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="scrollbar"] { right: 0; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="scrollbar"] { right: 0; } /* Carousel Bullets */ div[class*="product"] .swiper-container div[class*="bullet-pagination"] { float: left; font-size: 0; line-height: 0; position: absolute; text-align: center; width: 100%; } div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet { background: none; height: 16px; margin: 0; padding: 0; position: relative; width: 16px; } div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet:before { background-color: #000; content: ""; height: auto; margin: auto; position: absolute; bottom: 2px; left: 2px; right: 2px; top: 2px; width: auto; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } div[class*="product"] .swiper-container div[class*="bullet-pagination"] .swiper-pagination-bullet-active:before { background-color: #666; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { margin: 0; position: absolute; top: 50%; right: 32px; width: 16px; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] .swiper-pagination-bullet { display: block; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"] { padding-bottom: 30px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="bullet-pagination"] { bottom: 0; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-bottom: 60px; } div[class*="product"] .swiper-container.swiper-container-horizontal[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { bottom: 25px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] { padding-right: 30px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="bullet-pagination"] { right: 0; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] { padding-right: 60px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="bullet-pagination"] { right: 25px; } /* Carousel Arrows */ div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] { font-size: 0; height: 80px; line-height: 80px; opacity: 0; position: absolute; top: 50%; text-align: center; visibility: hidden; width: 40px; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"] { background-color: rgba(0,0,0,0.15); color: #fff; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:hover { background-color: rgba(0, 0, 0,0.35); } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-left: -40px; left: 0; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-right: -40px; right: 0; } div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class*="arrow"] { opacity: 1; visibility: visible; } div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-left: 0; } div[class*="product"] .swiper-container:hover div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-right: 0; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class*="arrow"]:before { display: block; font-family: 'IcoMoon-Ultimate' !important; font-size: 24px; line-height: inherit; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-prev"]:before { content: "\edc6"; } div[class*="product"] .swiper-container div[class*="arrow-pagination"] > a[class$="arrow-next"]:before { content: "\edbe"; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class*="arrow"] { height: 40px; line-height: 40px; left: 50%; width: 80px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class*="arrow"]:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin: -40px 0 0; top: 0; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin: 0 0 -40px; bottom: 0; top: auto; } div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 { float: left; margin: 25px auto 0; position: relative; text-align: center; width: 100%; } div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"] { display: inline-block; font-size: 0; height: 50px; line-height: 0; margin: 0; opacity: 1; position: static; visibility: visible; width: 35px; transform: none; } div[class*="product"] .swiper-container div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { font-size: 18px; line-height: 50px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 { height: auto; margin: auto 25px auto 0; width: 50px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 > a[class*="arrow"] { float: left; height: 35px; width: 50px; } div[class*="product"] .swiper-container.swiper-container-vertical div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { line-height: 35px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: -15px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: -30px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-left: -15px; } div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"][data-carouselscrollbar="true"] div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-left: -30px; } div[class*="product"] .swiper-container.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"], div[class*="product"] .swiper-container.swiper-container-vertical[data-carouselbulletpagination="true"]:hover div[class*="arrow-pagination"]:not(.type2) > a[class*="arrow"] { margin-top: 0; } div[class*="product"] .swiper-container.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-bottom: 0; } /*----*****---- << Add-to-Cart - Additional Widgets >> ----*****----*/ /* Add-to-Cart Sidebar Widget */ .dt-sc-shop-cart-widget.activate-sidebar-widget { background-color: #f7f7f7; height: 100%; position: fixed; right: 0; top: 0; width: 350px; z-index: 999992; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .dt-sc-shop-cart-widget.activate-sidebar-widget:before { content: ""; } .dt-sc-shop-cart-widget.activate-sidebar-widget.dt-sc-shop-cart-widget-active { -webkit-transform: translateX(0); transform: translateX(0); } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-inner { height: 100%; padding: 45px 0 120px; position: relative; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header { border-width: 0 0 1px; padding-left: 15px; padding-right: 45px; position: absolute; left: 0; top: 0; width: 100%; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 { color: #fff; font-size: 15px; font-weight: bold; line-height: 45px; margin: 0; text-transform: uppercase; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 span, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header a { height: 45px; position: absolute; top: 0; text-align: center; width: 45px; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 span { font-size: 18px; right: 0; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 a { border-width: 0 0 0 1px; font-size: 0; line-height: 0; overflow: hidden; right: 100%; text-indent: -9999px; -webkit-transform: translateX(100%); transform: translateX(100%); } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 a, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 a:hover { color: #fff; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 a:before { content: "\ed6d"; display: block; font-size: 15px; font-family: 'IcoMoon-Ultimate' !important; line-height: 45px; text-indent: 0; } .dt-sc-shop-cart-widget[class*="sidebar"].activate-sidebar-widget:hover .dt-sc-shop-cart-widget-header h3 a { -webkit-transform: translateX(0); transform: translateX(0); } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content { float: left; width: 100%; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer { background-color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer::before { content: ""; height: 1px; position: absolute; left: 0; right: 0; top: 0; width: auto; z-index: -1; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5); } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer p { height: 50px; line-height: 50px; margin: 0; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer p.total { padding: 0 15px; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer p.total strong { float: left; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer p.total .amount { float: right; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a { height: 100%; line-height: inherit; margin: 0; padding-top: 0; padding-bottom: 0; text-align: center; width: 50%; -webkit-border-radius: 0; border-radius: 0; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-inner, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li { float: left; width: 100%; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget { padding: 0 15px; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li { border-width: 1px 0; display: inline; margin: -1px 0 0 !important; padding: 15px 25px 15px 50px; position: relative; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li:first-child { border-top-width: 0; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li:last-child { border-bottom-width: 0; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li a:not(.remove) { font-weight: 600; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li a img { margin: auto; position: absolute; left: 0; top: 16px; width: 40px; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li a.remove { height: 20px; line-height: 20px; margin: auto; position: absolute; bottom: 0; right: 0; top: 0; width: 20px; font-size: 14px; background: #333; color: #fff; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li:before { content: none !important; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li .quantity { display: table; margin: 0; font-size: 14px; } .dt-sc-shop-cart-widget-overlay { background-color: rgba(0,0,0,.7); height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 999991; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li a:not(.remove):not(:hover), .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer p.total .amount { color: #222; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header a, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li { border-style: solid; border-color: rgba(0,0,0,0.075); } /* Add-to-Cart Notification Widget */ .dt-sc-shop-cart-widget.cart-notification-widget, .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-inner, .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content { float: left; width: 100%; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-close-button { font-size: 0; height: 25px; line-height: 0; position: absolute; right: 3px; top: 3px; text-align: center; width: 25px; -webkit-border-radius: 50%; border-radius: 50%; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-close-button:before { color: #fff; content: "\ed6d"; display: block; font-family: 'IcoMoon-Ultimate' !important; font-size: 15px; line-height: 25px; } .dt-sc-shop-cart-widget.cart-notification-widget { max-width: 500px; position: fixed; bottom: 32px; left: 35px; width: auto; z-index: 999; -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.25); box-shadow: 0 1px 3px 1px rgba(0,0,0,0.25); -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-inner { padding: 20px; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content > * { display: table-cell; vertical-align: middle; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content-thumb { line-height: 0; padding: 0 10px; width: 120px; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content-info { padding: 5px 10px; text-align: left; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content-thumb a, .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content-thumb a img { display: block; width: 100%; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content-info a { display: block; font-size: 18px; font-weight: bold; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 a, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li a.remove, .dt-sc-shop-cart-widget-overlay, .dt-sc-shop-cart-widget.cart-notification-widget { opacity: 0; visibility: hidden; } .dt-sc-shop-cart-widget[class*="sidebar"].activate-sidebar-widget:hover .dt-sc-shop-cart-widget-header h3 a, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .product_list_widget li:hover a.remove, .dt-sc-shop-cart-widget.activate-sidebar-widget.dt-sc-shop-cart-widget-active + .dt-sc-shop-cart-widget-overlay, .dt-sc-shop-cart-widget.cart-notification-widget.dt-sc-shop-cart-widget-active { opacity: 1; visibility: visible; } .dt-sc-shop-cart-widget.cart-notification-widget { background-color: #fff; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a.checkout { background-color: #333; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 span, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a:not(.checkout) { background-color: #222; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 a, .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-content .woocommerce-mini-cart-footer p.buttons a:hover, .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-close-button { background-color: #000; } /** Header Menu Cart Icon **/ .dt-sc-shop-menu-cart-icon { background: #fff; font-size: 14px; width: 35px; height: 35px; display: grid; text-align: center; align-content: center; float: left; } .dt-sc-shop-menu-cart-totals { display: none; } .dt-sc-shop-menu-icon { display: inline-block; position: relative; } .dt-sc-shop-menu-icon .dt-sc-shop-menu-cart-inner { display: inline-block; } .dt-sc-shop-menu-icon .dt-sc-shop-menu-cart-icon:before { content: "\f07a"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; } .dt-sc-shop-menu-icon .dt-sc-shop-menu-cart-number { color: white; font-size: 12px; line-height: normal; width: max-content; width: -moz-max-content; width: -ms-max-content; width: -webkit-max-content; background-color: #000; display: flex; align-items: center; justify-content: center; padding: 0px 10px; height: 35px; } .dt-sc-shop-menu-cart-content-wrapper { float: left; background-color: #fff; border: 1px solid #eaeaea; min-width: 270px; padding: 20px 20px 10px 20px; position: absolute; top: 45px; right: -20px; display: none; box-shadow: 0 -1px 8px 3px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 -1px 8px 3px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 -1px 8px 3px rgba(0, 0, 0, 0.08); z-index: 99999; } .dt-sc-shop-menu-icon:hover .dt-sc-shop-menu-cart-content-wrapper { display:block; -webkit-animation: 0.3s ease-in dtfadeInUp; -moz-animation: 0.3s ease-in 0s dtfadeInUp; animation: 0.3s ease-in 0s dtfadeInUp; } .dt-sc-shop-menu-cart-content-wrapper:before { content: "\f106"; font-family: "Font Awesome 5 Free"; font-size:28px; font-weight: 900; top:-16px; position:absolute; right:24px; color:#eaeaea; display:none; } .dt-sc-shop-menu-cart-content-wrapper:after { border-color: transparent transparent #fff; border-style: solid; border-width: 8px; content: ""; display: block; height: 0; position: absolute; right: 26px; top: -16px; width: 0; } .dt-sc-shop-menu-icon ul.cart_list { display:block; margin:0 0 10px; padding:0 0 10px; float:left; width:100%; border-bottom:1px solid #eaeaea; } .dt-sc-shop-menu-icon ul.cart_list li { display:inline-block; clear:both; margin-bottom:20px; position:relative; width:100%; } .dt-sc-shop-menu-icon ul.cart_list li a { line-height: normal; margin-bottom: 0; display: block; } .dt-sc-shop-menu-icon ul.cart_list li a img { max-width:80px; float:left; margin-right:10px; border:1px solid #eaeaea; width: auto; } .dt-sc-shop-menu-icon ul.cart_list li a.remove { position:absolute; font-size:16px; color:#fff; left:-7px; top:-7px; background-color:#191919; width:20px; height:20px; border-radius:100%; text-align:center; line-height:20px; margin: 0; } .dt-sc-shop-menu-icon ul.cart_list li span { font-size: 12px; } .dt-sc-shop-menu-icon ul.cart_list .product-details { display:block; float:left; color:#333; line-height:19px; } .dt-sc-shop-menu-icon ul.cart_list .product-details > span { float:left; padding:0 10px; border:1px solid #ccc; line-height:normal; font-size:12px; color:#333; margin:0 10px 5px 0; } .dt-sc-shop-menu-icon ul.cart_list .product-details .quantity { text-align:left; display:block; clear:both; font-size:16px; font-weight:normal; margin-bottom:5px; color:#333; } .dt-sc-shop-menu-icon ul.cart_list.product_list_widget li:before { content: none; } .dt-sc-shop-menu-cart-content-wrapper .total { font-size:16px; clear:both; color:#333; font-weight:bold; float:left; width:100%; text-align:left; margin-bottom:20px; } .dt-sc-shop-menu-cart-content-wrapper .total .amount { float:right; } .dt-sc-shop-menu-cart-content-wrapper .buttons { float:left; width:100%; } .dt-sc-shop-menu-cart-content-wrapper .buttons a { float:left; width:100%; display:inline-block; font-size:14px; font-weight:bold; background-color:#222; color:#fff; padding:10px 0; text-transform:uppercase; margin-bottom:10px; text-align:center; } .dt-sc-shop-menu-cart-content-wrapper .buttons a:last-child { margin:0; } @-webkit-keyframes dtfadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes dtfadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes dtfadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes dtfadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .animate.dt-sc-fadeInUp { -webkit-animation-name: dtfadeInUp; -moz-animation-name: dtfadeInUp; -o-animation-name: dtfadeInUp; animation-name: dtfadeInUp; visibility: visible !important; } /*----*****---- << Shortcodes >> ----*****----*/ .product.woocommerce ins { background: none; } .product.woocommerce ins span { font-size: 18px; } .woocommerce ul.products li.product-category .product-thumb .image { position: relative; width: 100%; } .woocommerce ul.products li.product-category .product-thumb:before, .woocommerce ul.products li.product-category .product-thumb:after { content: none; } .woocommerce ul.products li.first, .woocommerce ul.products li.first .column { clear: both; } .woocommerce ul.products li.first .column { margin-left: 0; } .page-template-tpl-fullwidth-php .woocommerce ul.products { overflow: hidden; padding-bottom: 80px; } .woocommerce .with-both-sidebar .woocommerce ul.products li .column.dt-sc-one-fourth, .with-both-sidebar .woocommerce ul.products li .column.dt-sc-one-fourth { width: 49%; } .woocommerce .with-both-sidebar .woocommerce ul.products li:nth-child(2n+1) .column.dt-sc-one-fourth, .with-both-sidebar .woocommerce ul.products li:nth-child(2n+1) .column.dt-sc-one-fourth { clear: both; margin-left: 0; } .woocommerce ul.products li.product-category .product-details h5 { margin: 10px 0; } .woocommerce ul.products li.product .product-details h5 .count { font-style: normal; } /*----*****---- << DT Product Pagination >> ----*****----*/ .dt-sc-product-pagination { clear:both; float:left; width:100%; margin:30px 0 10px; padding: 0; } .dt-sc-product-pagination ul { float:left; margin: 0; padding: 0; } .dt-sc-product-pagination ul li, .dt-sc-product-pagination .prev-post, .dt-sc-product-pagination .next-post { float:left; display:inline; margin: 0; padding: 0; } .dt-sc-product-pagination ul li a, .dt-sc-product-pagination ul li span, .dt-sc-product-pagination .prev-post a, .dt-sc-product-pagination .next-post a { border: 1px solid; color: #000; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; margin: 10px 10px 0 0; padding: 6px 15px 5px; position: relative; text-transform: uppercase; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .dt-sc-product-pagination ul li a i { color: #000; font-size: 14px; } .dt-sc-product-pagination ul li a.next i { margin-left: 5px; } .dt-sc-product-pagination ul li a.prev i { margin-right: 5px; } .dt-sc-product-pagination .prev-post a span { margin-right: 3px; } .dt-sc-product-pagination .next-post a span { margin-left: 3px; } .woocommerce .dt-sc-product-pagination ul { clear: none; } .dt-sc-product-pagination ul li a:hover, .dt-sc-product-pagination ul li span.current, .dt-sc-product-pagination .prev-post a:hover, .dt-sc-product-pagination .next-post a:hover { border-color: transparent; color: #fff; } /*----*****---- << Miscellaneous >> ----*****----*/ .woocommerce ul.products li.product .featured-tag span { opacity: 0; filter: alpha(opacity=0); } .woocommerce ul.products li.product:hover .featured-tag > div span { opacity: 1; filter: alpha(opacity=100); } /*----*****---- << BG, Borders & Colors >> ----*****----*/ /* Backgrounds */ .woocommerce ul.products li.product .product-separator { background-color: rgba(0,0,0,0.075); } .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .product-separator, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .product-separator { background-color: rgba(255,255,255,0.15); } .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details > .product-title h5 a, .woocommerce ul.products.product-style-title-eg-highlighter li.product .product-details .product-element-group-wrapper, .woocommerce ul.products.product-style-content-highlighter li.product .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { background-color: rgba(0,0,0,0.075); } .woocommerce ul.products.product-style-content-highlighter li.product .product-element-group-wrapper { background-color: rgba(0,0,0,0.09); } .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .product-element-group-wrapper, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .product-element-group-wrapper, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content select, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details select { border-color: rgba(255,255,255,0.15); } .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .selection-box:before, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .selection-box:before { border-top-color: rgba(255,255,255,0.5); } .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item { -webkit-box-shadow: 1px 1px 4px 0 rgba(255,255,255,0.35); box-shadow: 1px 1px 4px 0 rgba(255,255,255,0.35); } .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item::after, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .zoo-cw-group-attribute .zoo-cw-attribute-option .zoo-cw-attr-item::after { -webkit-box-shadow: 0 0 3px 1px rgba(255,255,255,0.5); box-shadow: 0 0 3px 1px rgba(255,255,255,0.5); } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) a:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) a.button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) button.button:not(:hover), .woocommerce ul.products[class*="product-thumb-buttonelement-style-bgfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) .button:not(:hover), .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons a:not(:hover), .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button:not(:hover), .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons button:not(:hover), .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button:not(:hover), .woocommerce ul.products[class*="product-content-iconsgroup-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-icons .button:not(:hover), .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) a:not(:hover), .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) a.button:not(:hover), .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) button:not(:hover), .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) button.button:not(:hover), .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:not(:hover) .button:not(:hover), .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button { color: rgba(0, 0, 0,0.8); } .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button:hover, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: rgba(0, 0, 0,0.75); } .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content select, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .product-title h5 a:not(:hover), .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .product-category-wrapper a, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .price, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .price del, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .price ins, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .price del .amount, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .price ins .amount, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper .dt-sc-counter-number, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .star-rating:before, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .star-rating span:before, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details select, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .product-title h5 a:not(:hover), .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .product-category-wrapper a, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .price, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .price del, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .price ins, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .price del .amount, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .price ins .amount, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper .dt-sc-counter-number, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .star-rating:before, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .star-rating span:before { color: #fff; } .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button { color: rgba(255, 255, 255,0.85); } .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-brdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-category-wrapper a:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-brdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-iconsgroup-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-icons .button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor[class*="product-thumb-buttonelement-style-skinbrdrfill"] li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-iconsgroup-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-icons .button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-category-wrapper a:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products.product-background-dark-bgcolor[class*="product-content-buttonelement-style-skinbrdrfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button:hover, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .product-title h5 a:hover, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .product-title h5 a:hover, .woocommerce ul.products.product-overlay-dark-bgcolor li.product .product-thumb-content .product-category-wrapper a:hover, .woocommerce ul.products.product-background-dark-bgcolor li.product .product-details .product-category-wrapper a:hover { color: rgba(255, 255, 255,0.8); } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ @media only screen and (min-width: 1441px) and (max-width: 1680px) { } @media only screen and (min-width: 1281px) and (max-width: 1440px) { } @media only screen and (max-width:1280px) { .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data h3 { font-size: 26px; } } /*----*****---- << Tablet (Landscape) >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-thumb, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 40% } .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 60% } } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { .dt-sc-shop-category-listing-item.type2.dt-custom-overlay-style .dt-sc-shop-category-listing-inner .dt-sc-shop-category-meta-data .button { display: none; } .woocommerce .product-loop-sorting { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .product-loop-sorting > .product-loop-sorting-item { display: block; margin-left: auto; margin-right: auto; width: auto; } .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 40% } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 60% } .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-thumb, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { display: block; width: 100% } .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { text-align: inherit; } } @media only screen and (max-width: 768px) { .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error {display: table;text-align: center;width: 100%;} .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table-footer-group; float: none; text-decoration: underline; -webkit-box-shadow: none !important; box-shadow: none !important;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: center; } .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { display: inline-block; margin: 5px 0; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-ordering { display: inline-block; float: none; } .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { float: none; display: block; text-align: center; } .woocommerce ul.products li.product.product-list-view .product-wrapper, .woocommerce ul.products li.product.product-list-view.product-list-left-thumb .product-wrapper, .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb, .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { display: table; width: 100%; } .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 10px 20px; } .woocommerce ul.products li.product.product-list-view.product-list-left-thumb .product-wrapper .product-details, .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-wrapper .product-details { text-align: inherit; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper { direction: ltr; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: left; } .woocommerce ul.products li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper > div:nth-child(2):nth-last-child(1) { text-align: right; } .woocommerce ul.products.product-style-egrp-reveal-pc.product-padding-overall li.product.product-list-view.product-list-left-thumb .product-details .product-element-group-wrapper, .woocommerce ul.products.product-style-egrp-reveal-pc.product-padding-content li.product.product-list-view.product-list-left-thumb .product-details .product-element-group-wrapper, .woocommerce ul.products.product-style-egrp-reveal-pc.product-padding-overall li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper, .woocommerce ul.products.product-style-egrp-reveal-pc.product-padding-content li.product.product-list-view.product-list-right-thumb .product-details .product-element-group-wrapper { margin-left: 0; margin-right: 0; } .dt-sc-shop-cart-widget.cart-notification-widget { margin: auto; bottom: 5px; left: 0; right: 0; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error {display: table; text-align: center; width:100%;} .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: table-footer-group; float: none; text-decoration: underline; -webkit-box-shadow: none !important; box-shadow: none !important;} } /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .dt-sc-shop-cart-widget.cart-notification-widget { max-width: 420px; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { padding: 10px; } .dt-sc-shop-cart-widget[class*="sidebar"] .dt-sc-shop-cart-widget-header h3 a { right: 0; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); } .dt-sc-shop-cart-widget[class*="sidebar"].activate-sidebar-widget:hover .dt-sc-shop-cart-widget-header h3 a { -webkit-border-radius: 0; border-radius: 0; -webkit-transform: scale(1); transform: scale(1); } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content > * { display: table; margin: auto; text-align: center !important; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content-info { font-size: 11px; } .dt-sc-shop-cart-widget.cart-notification-widget .dt-sc-shop-cart-widget-content-info a { font-size: 13px; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .dt-sc-shop-cart-widget.cart-notification-widget, .dt-sc-shop-cart-widget.activate-sidebar-widget { max-width: 290px; } .dt-sc-shop-cart-widget.activate-sidebar-widget { width: 290px; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .woocommerce .woocommerce-ordering { min-width: 100%; } }/*** Transition ***/ .woocommerce ul.products li.product .product-thumb-content, .woocommerce ul.products li.product .product-thumb .image .primary-image, .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products[class*="product-hover-"] li.product .product-wrapper:before, .woocommerce ul.products[class*='product-hover-thumb'] li.product .product-thumb .image:before { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .woocommerce ul.products.product-content-hover-slideleft li.product .product-thumb .product-thumb-content, .woocommerce ul.products.product-content-hover-slideleft li.product .product-thumb .product-thumb-content > div { -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } /*----*****---- << Product Listing - Overall Hover Effects >> ----*****----*/ .woocommerce ul.products[class*='product-hover-'] li.product .product-wrapper { position: relative; } .woocommerce ul.products[class*='product-hover-'] li.product .product-wrapper:before, .woocommerce ul.products[class*='product-hover-thumb'] li.product .product-thumb .image:before { content: ""; position: absolute; pointer-events: none; } .woocommerce ul.products[class*='product-hover-thumb'] li.product .product-wrapper:before { content: none; } /*** Fade Border & SkinBorder ***/ .woocommerce ul.products.product-hover-fade-border li.product .product-wrapper:before, .woocommerce ul.products.product-hover-fade-skinborder li.product .product-wrapper:before, .woocommerce ul.products.product-hover-thumb-fade-border li.product .product-thumb .image:before, .woocommerce ul.products.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { border:1px solid transparent; bottom: 0; left: 0; margin: auto; right: 0; top: 0; z-index: 1; } .woocommerce ul.products.product-hover-thumb-fade-border li.product .product-thumb .image:before, .woocommerce ul.products.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { margin: 1px; z-index: 100; } .woocommerce ul.products.product-style-bordered.product-hover-fade-border li.product .product-wrapper:before, .woocommerce ul.products.product-style-bordered.product-hover-fade-skinborder li.product .product-wrapper:before, .woocommerce ul.products.product-style-bordered.product-hover-thumb-fade-border li.product .product-thumb .image:before, .woocommerce ul.products.product-style-bordered.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { bottom: -1px; left: -1px; right: -1px; top: -1px; } .woocommerce ul.products.product-style-bordered.product-hover-thumb-fade-border li.product .product-thumb .image:before, .woocommerce ul.products.product-style-bordered.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { margin: 2px; } .woocommerce ul.products.product-hover-fade-border.product-padding-default li.product .product-wrapper .product-details, .woocommerce ul.products.product-hover-fade-skinborder.product-padding-default li.product .product-wrapper .product-details {padding: 0 15px 25px; line-height: normal;} .woocommerce ul.products li.product .product-details > .product-title h5 a{padding:0;} .woocommerce ul.products.product-hover-fade-border li.product:hover .product-wrapper:before, .woocommerce ul.products.product-hover-thumb-fade-border li.product:hover .product-thumb .image:before { border-color: rgba(0, 0, 0, 0.15); } /*** Fade Gradient Border ***/ .woocommerce ul.products.product-hover-fade-gradientborder li.product .product-wrapper:before, .woocommerce ul.products.product-hover-thumb-fade-gradientborder li.product .product-thumb .image:before { border-style: solid; border-width: 2px; border-image-slice: 1; margin: auto; opacity: 0; bottom: 0; left: 0; right: 0; top: 0; visibility: hidden; z-index: 100; -webkit-border-source: -webkit-linear-gradient(to right,#9105ea,#f73c95); -moz-border-source: -moz-linear-gradient(to right,#9105ea,#f73c95); -o-border-source: -o-linear-gradient(to right,#9105ea,#f73c95); border-image-source: linear-gradient(to right,#9105ea,#f73c95); } .woocommerce ul.products[class*='product-style-default'].product-hover-fade-gradientborder li.product .product-wrapper:before, .woocommerce ul.products[class*='product-style-default'].product-hover-thumb-fade-gradientborder li.product .product-thumb .image:before { z-index: 1; } .woocommerce ul.products.product-hover-thumb-fade-gradientborder li.product .product-thumb .image:before { margin: 1px; } .woocommerce ul.products.product-hover-fade-gradientborder.product-padding-default li.product .product-wrapper .product-details { padding: 0 15px; } .woocommerce ul.products.product-style-bordered.product-hover-fade-gradientborder li.product .product-wrapper:before, .woocommerce ul.products.product-style-bordered.product-hover-thumb-fade-gradientborder li.product .product-thumb .image:before { bottom: -1px; left: -1px; right: -1px; top: -1px; } .woocommerce ul.products.product-style-bordered.product-hover-thumb-fade-gradientborder li.product .product-thumb .image:before { margin: 2px; } .woocommerce ul.products.product-hover-fade-gradientborder li.product:hover .product-wrapper:before, .woocommerce ul.products.product-hover-thumb-fade-gradientborder li.product:hover .product-thumb .image:before { opacity: 1; visibility: visible; } /*** Fade Shadow ***/ .woocommerce ul.products.product-hover-fade-shadow li.product .product-wrapper:before, .woocommerce ul.products.product-hover-thumb-fade-shadow li.product .product-thumb .image:before { bottom: 0; left: 0; margin: auto; right: 0; top: 0; z-index: 100; } .woocommerce ul.products.product-hover-thumb-fade-shadow li.product .product-thumb .image:before { margin: 5px; } .woocommerce ul.products.product-hover-fade-shadow li.product:hover .product-wrapper:before { -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 20px 5px rgba(0,0,0,.3); box-shadow: 0 0 20px 5px rgba(0,0,0,.3); } .woocommerce ul.products.product-hover-thumb-fade-shadow li.product:hover .product-thumb .image:before { -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 0 6px 1px rgba(0,0,0,.3); box-shadow: 0 0 6px 1px rgba(0,0,0,.3); } .woocommerce ul.products.product-hover-fade-shadow.product-padding-default li.product .product-wrapper .product-details { padding: 0 15px; } .woocommerce ul.products.product-hover-fade-shadow.swiper-wrapper { margin-top: 25px; margin-bottom: 25px; } /*** Fade InShadow ***/ .woocommerce ul.products.product-hover-fade-inshadow li.product .product-wrapper:before, .woocommerce ul.products.product-hover-thumb-fade-inshadow li.product .product-thumb .image:before { bottom: 0; left: 0; margin: auto; right: 0; top: 0; z-index: 100; } .woocommerce ul.products.product-hover-fade-inshadow li.product:hover .product-wrapper:before, .woocommerce ul.products.product-hover-thumb-fade-inshadow li.product:hover .product-thumb .image:before { -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 0 20px 2px rgba(0,0,0,0.1) inset; box-shadow: 0 0 20px 2px rgba(0,0,0,0.1) inset; } .woocommerce ul.products[class*='product-style-default'].product-hover-fade-inshadow.product-overlay-dark-bgcolor li.product:hover .product-wrapper:before, .woocommerce ul.products[class*='product-style-default'].product-hover-thumb-fade-inshadow.product-overlay-dark-bgcolor li.product:hover .product-thumb .image:before { box-shadow: 0 0 20px 5px rgba(255,255,255,.3) inset; -moz-box-shadow: 0 0 20px 5px rgba(255,255,255,.3) inset; -webkit-box-shadow: 0 0 20px 5px rgba(255,255,255,.3) inset; } .woocommerce ul.products.product-hover-fade-inshadow.product-padding-default li.product .product-wrapper .product-details { padding: 0 15px; } /*----*****---- << Product Listing - Content Overlay Effects >> ----*****----*/ .woocommerce ul.products li.product .product-thumb-content, .woocommerce ul.products li.product .product-thumb .image .product-thumb-overlay { opacity: 0; } .woocommerce ul.products li.product:hover .product-thumb-content, .woocommerce ul.products li.product:hover .product-thumb .image .product-thumb-overlay { opacity: 1; } /*** Content Hover Effects ***/ .woocommerce ul.products.product-content-hover-slidetop li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-content-hover-slidebottom li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-content-hover-slideleft li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-content-hover-slideright li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-top.product-content-hover-slidedefault li.product .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-bottom.product-content-hover-slidedefault li.product .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-top-left.product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-top-right.product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-bottom-left.product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-bottom-right.product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div { -webkit-transition: -webkit-transform .5s ease, opacity .5s ease; transition: transform .5s ease, opacity .5s ease; } /** Top & Bottom**/ .woocommerce ul.products.product-content-hover-slidetop li.product .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-top.product-content-hover-slidedefault li.product .product-thumb-content > div { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); } .woocommerce ul.products.product-style-egrp-over-pc.product-content-hover-slidetop li.product .product-details > div.product-element-group-wrapper, .woocommerce ul.products.product-style-igrp-over-pc.product-content-hover-slidetop li.product .product-details > div.product-buttons-wrapper.product-icons { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .woocommerce ul.products.product-content-hover-slidebottom li.product .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-bottom.product-content-hover-slidedefault li.product .product-thumb-content > div { -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -o-transform: translate(0, 10px); transform: translate(0, 10px); } .woocommerce ul.products.product-style-egrp-over-pc.product-content-hover-slidebottom li.product .product-details > div.product-element-group-wrapper, .woocommerce ul.products.product-style-igrp-over-pc.product-content-hover-slidebottom li.product .product-details > div.product-buttons-wrapper.product-icons { -webkit-transform: translate(0, 50%); -moz-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%); } .woocommerce ul.products.product-style-egrp-over-pc.product-content-hover-slidebottom li.product:hover .product-details > div.product-element-group-wrapper { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } /** Left **/ .woocommerce ul.products.product-content-hover-slideleft li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products[class*="thumb-alignment-top-left"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products[class*="thumb-alignment-bottom-left"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div { -webkit-transform: translate(-10%, 0); -moz-transform: translate(-10%, 0); -o-transform: translate(-10%, 0); transform: translate(-10%, 0); } .woocommerce ul.products.product-style-egrp-over-pc.product-content-hover-slideleft li.product .product-details > div.product-element-group-wrapper, .woocommerce ul.products.product-style-igrp-over-pc.product-content-hover-slideleft li.product .product-details > div.product-buttons-wrapper.product-icons { -webkit-transform: translate(-10%, -50%); -moz-transform: translate(-10%, -50%); -o-transform: translate(-10%, -50%); transform: translate(-10%, -50%); } /** Right **/ .woocommerce ul.products.product-content-hover-slideright li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products[class*="thumb-alignment-top-right"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div, .woocommerce ul.products[class*="thumb-alignment-bottom-right"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div { -webkit-transform: translate(10%, 0); -moz-transform: translate(10%, 0); -o-transform: translate(10%, 0); transform: translate(10%, 0); } .woocommerce ul.products.product-style-cornered.product-content-hover-slideright li.product .product-thumb .product-thumb-content > div:not(.product-icons), .woocommerce ul.products.product-style-cornered[class*="thumb-alignment-top-right"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div:not(.product-icons), .woocommerce ul.products.product-style-cornered[class*="thumb-alignment-bottom-right"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div:not(.product-icons) { -webkit-transform: translate(0); transform: translate(0); } .woocommerce ul.products.product-style-egrp-over-pc.product-content-hover-slideright li.product .product-details > div.product-element-group-wrapper, .woocommerce ul.products.product-style-igrp-over-pc.product-content-hover-slideright li.product .product-details > div.product-buttons-wrapper.product-icons { -webkit-transform: translate(10%, -50%); -moz-transform: translate(10%, -50%); -o-transform: translate(10%, -50%); transform: translate(10%, -50%); } /** Middle **/ .woocommerce ul.products.product-thumb-alignment-middle.product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div:nth-child(odd) { -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transition: opacity 0.3s ease-out, transform 0.3s ease-out; -ms-transition: opacity 0.3s ease-out, transform 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .woocommerce ul.products.product-thumb-alignment-middle.product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div:nth-child(even) { -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); transition: opacity 0.3s ease-out, transform 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out, transform 0.3s ease-out; -ms-transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .woocommerce ul.products.product-thumb-alignment-middle.product-content-hover-slidedefault li.product:hover .product-thumb .product-thumb-content > div:nth-child(odd), .woocommerce ul.products.product-thumb-alignment-middle.product-content-hover-slidedefault li.product .product-thumb-content, .woocommerce ul.products.product-thumb-alignment-middle.product-content-hover-slidedefault li.product:hover .product-thumb .product-thumb-content > div:nth-child(even) { transform: none; -webkit-transform: none; -ms-transform: none; } .woocommerce ul.products.product-content-hover-slidebottom li.product:hover .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-content-hover-slidetop li.product:hover .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-content-hover-slideleft li.product:hover .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-content-hover-slideright li.product:hover .product-thumb .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-top.product-content-hover-slidedefault li.product:hover .product-thumb-content > div, .woocommerce ul.products.product-thumb-alignment-bottom.product-content-hover-slidedefault li.product:hover .product-thumb-content > div, .woocommerce ul.products[class*="thumb-alignment-top-left"].product-content-hover-slidedefault li.product:hover .product-thumb .product-thumb-content > div, .woocommerce ul.products[class*="thumb-alignment-top-right"].product-content-hover-slidedefault li.product:hover .product-thumb .product-thumb-content > div, .woocommerce ul.products[class*="thumb-alignment-bottom-left"].product-content-hover-slidedefault li.product:hover .product-thumb .product-thumb-content > div, .woocommerce ul.products[class*="thumb-alignment-bottom-right"].product-content-hover-slidedefault li.product:hover .product-thumb .product-thumb-content > div { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .woocommerce ul.products.product-style-igrp-over-pc[class*='product-content-hover-slide'] li.product:hover .product-details > div.product-element-group-wrapper, .woocommerce ul.products.product-style-igrp-over-pc[class*='product-content-hover-slide'] li.product:hover .product-details > div.product-buttons-wrapper.product-icons { transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); } .woocommerce ul.products.product-content-hover-slidebottom[class*="position-middle"] li.product .product-thumb .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products.product-content-hover-slidetop[class*="position-middle"] li.product .product-thumb .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products.product-content-hover-slideleft[class*="position-middle"] li.product .product-thumb .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products.product-content-hover-slideright[class*="position-middle"] li.product .product-thumb .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products.product-thumb-alignment-top.product-content-hover-slidedefault[class*="position-middle"] li.product .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products.product-thumb-alignment-bottom.product-content-hover-slidedefault[class*="position-middle"] li.product .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products[class*="thumb-alignment-top-left"][class*="position-middle"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products[class*="thumb-alignment-top-right"][class*="position-middle"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products[class*="thumb-alignment-bottom-left"][class*="position-middle"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons, .woocommerce ul.products[class*="thumb-alignment-bottom-right"][class*="position-middle"].product-content-hover-slidedefault li.product .product-thumb .product-thumb-content > div.product-buttons-wrapper.product-icons .wc_inline_buttons { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /** Zoom **/ .woocommerce ul.products.product-content-hover-zoom li.product .product-thumb .product-thumb-content > div { transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -webkit-transition: transform .3s,opacity .3s; -moz-transition: transform .3s,opacity .3s; -o-transition: transform .3s,opacity .3s; } .woocommerce ul.products.product-content-hover-zoom li.product:hover .product-thumb .product-thumb-content > div { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*** Overlay Effects ***/ .woocommerce ul.products[class*='product-overlay-'] li.product .product-thumb .image .product-thumb-overlay { display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .woocommerce ul.products[class*='product-overlay-'] li.product:hover .product-thumb .image .product-thumb-overlay { opacity: 1; } .woocommerce ul.products.product-overlay-toptobottom li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-bottomtotop li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-lefttoright li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-righttoleft li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-middle li.product .product-thumb .image .product-thumb-overlay { display: block; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 100%; } .woocommerce ul.products.product-overlay-bottomtotop li.product .product-thumb .image .product-thumb-overlay { bottom: 0; top: auto; } .woocommerce ul.products.product-overlay-toptobottom li.product:hover .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-bottomtotop li.product:hover .product-thumb .image .product-thumb-overlay { height: 100%; } .woocommerce ul.products.product-overlay-lefttoright li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-righttoleft li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-middle li.product .product-thumb .image .product-thumb-overlay { height: 100%; top: 0; width: 0; } .woocommerce ul.products.product-overlay-lefttoright li.product .product-thumb .image .product-thumb-overlay { left: 0; right: auto; } .woocommerce ul.products.product-overlay-righttoleft li.product .product-thumb .image .product-thumb-overlay { left: auto; right: 0; } .woocommerce ul.products.product-overlay-middle li.product .product-thumb .image .product-thumb-overlay { left: 0; right: 0; } .woocommerce ul.products.product-overlay-lefttoright li.product:hover .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-righttoleft li.product:hover .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-middle li.product:hover .product-thumb .image .product-thumb-overlay { width: 100%; } .woocommerce ul.products.product-overlay-middleradial li.product .product-thumb .image .product-thumb-overlay { border-radius: 50%; bottom: 0; content: ''; display: block; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transform: scale(.1); -moz-transform: scale(.1); -ms-transform: scale(.1); transform: scale(.1); width: 100%; } .woocommerce ul.products.product-overlay-middleradial li.product:hover .product-thumb .image .product-thumb-overlay { opacity: 1; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .woocommerce ul.products.product-overlay-scale li.product .product-thumb .image .product-thumb-overlay, .woocommerce ul.products.product-overlay-flash li.product .product-thumb .image .product-thumb-overlay:after { content: ''; display: block; position: absolute; } .woocommerce ul.products.product-overlay-flash li.product .product-thumb .image .product-thumb-overlay:after { height: 100%; left: -100%; top: 0; width: 50%; z-index: 2; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: -moz-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: -webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); } .woocommerce ul.products.product-overlay-flash li.product:hover .product-thumb .image .product-thumb-overlay:after { animation: shine 1s; -webkit-animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .woocommerce ul.products.product-overlay-scale li.product .product-thumb .image .product-thumb-overlay { height: 100%; opacity: 0; left: 0; top: 0; width: 100%; z-index: 2; -webkit-transform: scale(0.75); transform: scale(0.75); } .woocommerce ul.products.product-overlay-scale li.product:hover .product-thumb .image .product-thumb-overlay { -webkit-transform: scale(1); transform: scale(1); } .woocommerce ul.products[class*="product-overlay-gradient"] li.product .product-thumb .image .product-thumb-overlay:after { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .woocommerce ul.products[class*="product-overlay-gradient"] li.product .product-thumb .image .product-thumb-overlay:after { left: 0; margin: 0 auto; right: 0; } .woocommerce ul.products.product-overlay-gradienttoptobottom li.product .product-thumb .image .product-thumb-overlay:after { top: 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7))); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .woocommerce ul.products.product-overlay-gradientbottomtotop li.product .product-thumb .image .product-thumb-overlay:after { bottom: 0; top: auto; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .woocommerce ul.products.product-overlay-gradientrighttoleft li.product .product-thumb .image .product-thumb-overlay:after { right: 0; background: -webkit-gradient(linear, top left, top right, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7))); background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -ms-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -o-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .woocommerce ul.products.product-overlay-gradientlefttoright li.product .product-thumb .image .product-thumb-overlay:after { left: 0; background: -webkit-gradient(linear, top right, top left, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.7))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .woocommerce ul.products.product-overlay-gradientradial li.product .product-thumb .image .product-thumb-overlay:after { background: rgba(0,0,0,.75); /* For older browsers that may not support gradients */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); background: radial-gradient(rgba(0,0,0,0) 10%, rgba(0,0,0,.75) 100%); } .woocommerce ul.products[class*="product-overlay-gradient"] li.product:hover .product-thumb .image .product-thumb-overlay:after, .woocommerce ul.products.product-overlay-gradientradial li.product:hover .product-thumb .image .product-thumb-overlay:after { opacity: 1; } .woocommerce ul.products.product-overlay-horizontalelastic li.product .product-thumb .image .product-thumb-overlay { backface-visibility: hidden; background: rgba(0,0,0,.75); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .woocommerce ul.products.product-overlay-horizontalelastic li.product:hover .product-thumb .image .product-thumb-overlay { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); -ms-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); } .woocommerce ul.products.product-overlay-verticalelastic li.product .product-thumb .image .product-thumb-overlay { backface-visibility: hidden; background: rgba(0,0,0,.75); bottom: 0; content: ''; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .woocommerce ul.products.product-overlay-verticalelastic li.product:hover .product-thumb .image .product-thumb-overlay { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); -ms-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); transition-timing-function: cubic-bezier(.52, 1.64, .37, .66); } /*----*****---- << Product Listing - Image Hover Effects >> ----*****----*/ .woocommerce ul.products li:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; } .woocommerce ul.products.product-hover-image-blur li.product:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { filter: blur(2px);-webkit-filter: blur(2px); } .woocommerce ul.products.product-hover-image-blackwhite li.product:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { filter: grayscale(1); -webkit-filter: grayscale(1); } .woocommerce ul.products.product-hover-image-fadeinleft li.product:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { background-position: left center; } .woocommerce ul.products.product-hover-image-fadeinright li.product:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { background-position:right center; } .woocommerce ul.products.product-hover-image-rotate li.product:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { -webkit-transform: scale(1.5) rotate(-10deg); -moz-transform: scale(1.5) rotate(-10deg); -ms-transform: scale(1.5) rotate(-10deg);transform: scale(1.5) rotate(-10deg); } .woocommerce ul.products.product-hover-image-rotatealt li.product:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { -webkit-transform: scale(1.5) rotate(10deg); -moz-transform: scale(1.5) rotate(10deg); -ms-transform: scale(1.5) rotate(10deg); transform: scale(1.5) rotate(10deg); } .woocommerce ul.products.product-hover-image-scalein li.product:not(.product-with-secondary-image) .product-thumb .image .primary-image, .woocommerce ul.products.product-hover-image-scaleout li.product:not(.product-with-secondary-image):hover .product-thumb .image .primary-image { width: 100%; -webkit-transform: scale(1.2); transform: scale(1.2); } .woocommerce ul.products.product-hover-image-scalein li.product:not(.product-with-secondary-image):hover .product-thumb .image .primary-image, .woocommerce ul.products.product-hover-image-scaleout li.product:not(.product-with-secondary-image) .product-thumb .image .primary-image { width: 100%; -webkit-transform: scale(1); transform: scale(1); } .woocommerce ul.products.product-hover-image-floatout li.product .product-thumb, .woocommerce ul.products.product-hover-image-floatout li.product .product-details { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .woocommerce ul.products.product-hover-image-floatout li.product:hover .product-thumb, .woocommerce ul.products.product-hover-image-floatout li.product:hover .product-details { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .woocommerce ul.products.product-hover-image-floatout.swiper-wrapper { margin-top: 10px; } /*----*****---- << Product Listing - Secondary Image Hover Effects >> ----*****----*/ .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .primary-image, .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } /* Secondary Image Hover Effect - Fade ------------------------------------ */ .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image .product-thumb .image .secondary-image { opacity: 0; } .woocommerce ul.products.product-hover-secimage-fade li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { opacity: 1; } .woocommerce ul.products.product-hover-thumb-fade-border li.product .product-thumb .image:before, .woocommerce ul.products.product-hover-thumb-fade-skinborder li.product .product-thumb .image:before { border-color: transparent; border-style: solid; border-width: 1px; bottom: 0; left: 0; margin: auto; right: 0; top: 0; z-index: 1; } /* Secondary Image Hover Effect - ZoomIn -------------------------------------- */ .woocommerce ul.products.product-hover-secimage-zoomin li.product.product-with-secondary-image .product-thumb .image .secondary-image { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } .woocommerce ul.products.product-hover-secimage-zoomin li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* Secondary Image Hover Effect - ZoomOut --------------------------------------- */ .woocommerce ul.products.product-hover-secimage-zoomout li.product.product-with-secondary-image:hover .product-thumb .image .primary-image, .woocommerce ul.products.product-hover-secimage-zoomout li.product.product-with-secondary-image .product-thumb .image .secondary-image { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } .woocommerce ul.products.product-hover-secimage-zoomout li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* Secondary Image Hover Effect - ZoomOut* ---------------------------------------- */ .woocommerce ul[class*="product-hover-secimage-zoomout"] li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0; } .woocommerce ul[class*="product-hover-secimage-zoomout"] li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s; } /* Secondary Image Hover Effect - ZoomOutUp* ------------------------------------------ */ .woocommerce ul.products.product-hover-secimage-zoomoutup li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-animation: hvr_zoomout_up 0.4025s linear; animation: hvr_zoomout_up 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes hvr_zoomout_up { 50% { -webkit-transform: scale(0.8) translateY(0%); -moz-transform: scale(0.8) translateY(0%); -ms-transform: scale(0.8) translateY(0%); -o-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(-100%); -moz-transform: scale(0.8) translateY(-100%); -ms-transform: scale(0.8) translateY(-100%); -o-transform: scale(0.8) translateY(-100%); transform: scale(0.8) translateY(-100%); opacity: 0.5; } } @keyframes hvr_zoomout_up { 50% { -webkit-transform: scale(0.8) translateY(0%); -moz-transform: scale(0.8) translateY(0%); -ms-transform: scale(0.8) translateY(0%); -o-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(-100%); -moz-transform: scale(0.8) translateY(-100%); -ms-transform: scale(0.8) translateY(-100%); -o-transform: scale(0.8) translateY(-100%); transform: scale(0.8) translateY(-100%); opacity: 0.5; } } /* Secondary Image Hover Effect - ZoomOutDown* -------------------------------------------- */ .woocommerce ul.products.product-hover-secimage-zoomoutdown li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-animation: hvr_zoomout_down 0.4025s linear; animation: hvr_zoomout_down 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes hvr_zoomout_down { 50% { -webkit-transform: scale(0.8) translateY(0%); -moz-transform: scale(0.8) translateY(0%); -ms-transform: scale(0.8) translateY(0%); -o-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(100%); -moz-transform: scale(0.8) translateY(100%); -ms-transform: scale(0.8) translateY(100%); -o-transform: scale(0.8) translateY(100%); transform: scale(0.8) translateY(100%); opacity: 0.5; } } @keyframes hvr_zoomout_down { 50% { -webkit-transform: scale(0.8) translateY(0%); -moz-transform: scale(0.8) translateY(0%); -ms-transform: scale(0.8) translateY(0%); -o-transform: scale(0.8) translateY(0%); transform: scale(0.8) translateY(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateY(100%); -moz-transform: scale(0.8) translateY(100%); -ms-transform: scale(0.8) translateY(100%); -o-transform: scale(0.8) translateY(100%); transform: scale(0.8) translateY(100%); opacity: 0.5; } } /* Secondary Image Hover Effect - ZoomOutLeft* -------------------------------------------- */ .woocommerce ul.products.product-hover-secimage-zoomoutleft li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-animation: hvr_zoomout_left 0.4025s linear; animation: hvr_zoomout_left 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes hvr_zoomout_left { 50% { -webkit-transform: scale(0.8) translateX(0%); -moz-transform: scale(0.8) translateX(0%); -ms-transform: scale(0.8) translateX(0%); -o-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(-100%); -moz-transform: scale(0.8) translateX(-100%); -ms-transform: scale(0.8) translateX(-100%); -o-transform: scale(0.8) translateX(-100%); transform: scale(0.8) translateX(-100%); opacity: 0.5; } } @keyframes hvr_zoomout_left { 50% { -webkit-transform: scale(0.8) translateX(0%); -moz-transform: scale(0.8) translateX(0%); -ms-transform: scale(0.8) translateX(0%); -o-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(-100%); -moz-transform: scale(0.8) translateX(-100%); -ms-transform: scale(0.8) translateX(-100%); -o-transform: scale(0.8) translateX(-100%); transform: scale(0.8) translateX(-100%); opacity: 0.5; } } /* Secondary Image Hover Effect - ZoomOutRight* --------------------------------------------- */ .woocommerce ul.products.product-hover-secimage-zoomoutright li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-animation: hvr_zoomout_right 0.4025s linear; animation: hvr_zoomout_right 0.4025s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes hvr_zoomout_right { 50% { -webkit-transform: scale(0.8) translateX(0%); -moz-transform: scale(0.8) translateX(0%); -ms-transform: scale(0.8) translateX(0%); -o-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(100%); -moz-transform: scale(0.8) translateX(100%); -ms-transform: scale(0.8) translateX(100%); -o-transform: scale(0.8) translateX(100%); transform: scale(0.8) translateX(100%); opacity: 0.5; } } @keyframes hvr_zoomout_right { 50% { -webkit-transform: scale(0.8) translateX(0%); -moz-transform: scale(0.8) translateX(0%); -ms-transform: scale(0.8) translateX(0%); -o-transform: scale(0.8) translateX(0%); transform: scale(0.8) translateX(0%); opacity: 0.5; } 100% { -webkit-transform: scale(0.8) translateX(100%); -moz-transform: scale(0.8) translateX(100%); -ms-transform: scale(0.8) translateX(100%); -o-transform: scale(0.8) translateX(100%); transform: scale(0.8) translateX(100%); opacity: 0.5; } } /* Secondary Image Hover Effect - Push* ------------------------------------- */ .woocommerce ul[class*="product-hover-secimage-push"] li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } /* Secondary Image Hover Effect - PushUp -------------------------------------- */ .woocommerce ul.products.product-hover-secimage-pushup li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .woocommerce ul.products.product-hover-secimage-pushup li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } /* Secondary Image Hover Effect - PushDown ---------------------------------------- */ .woocommerce ul.products.product-hover-secimage-pushdown li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .woocommerce ul.products.product-hover-secimage-pushdown li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } /* Secondary Image Hover Effect - PushLeft ---------------------------------------- */ .woocommerce ul.products.product-hover-secimage-pushleft li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .woocommerce ul.products.product-hover-secimage-pushleft li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } /* Secondary Image Hover Effect - PushRight ----------------------------------------- */ .woocommerce ul.products.product-hover-secimage-pushright li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .woocommerce ul.products.product-hover-secimage-pushright li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } /* Secondary Image Hover Effect - Slide* -------------------------------------- */ .woocommerce ul[class*="product-hover-secimage-slide"] li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } /* Secondary Image Hover Effect - SlideUp --------------------------------------- */ .woocommerce ul.products.product-hover-secimage-slideup li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } /* Secondary Image Hover Effect - SlideDown ----------------------------------------- */ .woocommerce ul.products.product-hover-secimage-slidedown li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } /* Secondary Image Hover Effect - SlideLeft ----------------------------------------- */ .woocommerce ul.products.product-hover-secimage-slideleft li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } /* Secondary Image Hover Effect - SlideRight ------------------------------------------ */ .woocommerce ul.products.product-hover-secimage-slideright li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } /* Secondary Image Hover Effect - Hinge* -------------------------------------- */ .woocommerce ul[class*="product-hover-secimage-hinge"] li.product.product-with-secondary-image .product-thumb .image { -webkit-perspective: 50em; -moz-perspective: 50em; perspective: 50em; } .woocommerce ul[class*="product-hover-secimage-hinge"] li.product.product-with-secondary-image .product-thumb .image .secondary-image { opacity: 0; } .woocommerce ul[class*="product-hover-secimage-hinge"] li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { opacity: 0; } .woocommerce ul[class*="product-hover-secimage-hinge"] li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { opacity: 1; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s; } /* Secondary Image Hover Effect - HingeUp --------------------------------------- */ .woocommerce ul.products.product-hover-secimage-hingeup li.product.product-with-secondary-image .product-thumb .image .primary-image { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .woocommerce ul.products.product-hover-secimage-hingeup li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .woocommerce ul.products.product-hover-secimage-hingeup li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .woocommerce ul.products.product-hover-secimage-hingeup li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } /* Secondary Image Hover Effect - HingeDown ----------------------------------------- */ .woocommerce ul.products.product-hover-secimage-hingedown li.product.product-with-secondary-image .product-thumb .image .primary-image { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .woocommerce ul.products.product-hover-secimage-hingedown li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% -50%; -moz-transform-origin: 50% -50%; -ms-transform-origin: 50% -50%; -o-transform-origin: 50% -50%; transform-origin: 50% -50%; } .woocommerce ul.products.product-hover-secimage-hingedown li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; } .woocommerce ul.products.product-hover-secimage-hingedown li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } /* Secondary Image Hover Effect - HingeLeft ----------------------------------------- */ .woocommerce ul.products.product-hover-secimage-hingeleft li.product.product-with-secondary-image .product-thumb .image .primary-image { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .woocommerce ul.products.product-hover-secimage-hingeleft li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .woocommerce ul.products.product-hover-secimage-hingeleft li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .woocommerce ul.products.product-hover-secimage-hingeleft li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } /* Secondary Image Hover Effect - HingeRight ------------------------------------------ */ .woocommerce ul.products.product-hover-secimage-hingeright li.product.product-with-secondary-image .product-thumb .image .primary-image { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .woocommerce ul.products.product-hover-secimage-hingeright li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .woocommerce ul.products.product-hover-secimage-hingeright li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .woocommerce ul.products.product-hover-secimage-hingeright li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } /* Secondary Image Hover Effect - Fold ------------------------------------ */ .woocommerce ul[class*="product-hover-secimage-fold"] li.product.product-with-secondary-image .product-thumb .image { -webkit-perspective: 50em; -moz-perspective: 50em; perspective: 50em; } .woocommerce ul[class*="product-hover-secimage-fold"] li.product.product-with-secondary-image .product-thumb .image .primary-image { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .woocommerce ul[class*="product-hover-secimage-fold"] li.product.product-with-secondary-image .product-thumb .image .secondary-image { opacity: 0; } .woocommerce ul[class*="product-hover-secimage-fold"] li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { opacity: 0; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } .woocommerce ul[class*="product-hover-secimage-fold"] li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); -moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); -ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); -o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1); transform: rotateX(0) translate3d(0, 0%, 0) scale(1); opacity: 1; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s; } /* Secondary Image Hover Effect - FoldUp -------------------------------------- */ .woocommerce ul.products.product-hover-secimage-foldup li.product.product-with-secondary-image .product-thumb .image .primary-image { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .woocommerce ul.products.product-hover-secimage-foldup li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .woocommerce ul.products.product-hover-secimage-foldup li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%); -moz-transform: rotateX(90deg) scale(0.6) translateY(50%); -ms-transform: rotateX(90deg) scale(0.6) translateY(50%); -o-transform: rotateX(90deg) scale(0.6) translateY(50%); transform: rotateX(90deg) scale(0.6) translateY(50%); } /* Secondary Image Hover Effect - FoldDown ---------------------------------------- */ .woocommerce ul.products.product-hover-secimage-folddown li.product.product-with-secondary-image .product-thumb .image .primary-image { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .woocommerce ul.products.product-hover-secimage-folddown li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .woocommerce ul.products.product-hover-secimage-folddown li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%); -moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%); -ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%); -o-transform: rotateX(-90deg) scale(0.6) translateY(-50%); transform: rotateX(-90deg) scale(0.6) translateY(-50%); } /* Secondary Image Hover Effect - FoldLeft ---------------------------------------- */ .woocommerce ul.products.product-hover-secimage-foldleft li.product.product-with-secondary-image .product-thumb .image .primary-image { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .woocommerce ul.products.product-hover-secimage-foldleft li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .woocommerce ul.products.product-hover-secimage-foldleft li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%); -moz-transform: rotateY(-90deg) scale(0.6) translateX(50%); -ms-transform: rotateY(-90deg) scale(0.6) translateX(50%); -o-transform: rotateY(-90deg) scale(0.6) translateX(50%); transform: rotateY(-90deg) scale(0.6) translateX(50%); } /* Secondary Image Hover Effect - FoldRight ----------------------------------------- */ .woocommerce ul.products.product-hover-secimage-foldright li.product.product-with-secondary-image .product-thumb .image .primary-image { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .woocommerce ul.products.product-hover-secimage-foldright li.product.product-with-secondary-image:not(:hover) .product-thumb .image .secondary-image { -webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } .woocommerce ul.products.product-hover-secimage-foldright li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%); -moz-transform: rotateY(90deg) scale(0.6) translateX(-50%); -ms-transform: rotateY(90deg) scale(0.6) translateX(-50%); -o-transform: rotateY(90deg) scale(0.6) translateX(-50%); transform: rotateY(90deg) scale(0.6) translateX(-50%); } /* Secondary Image Hover Effect - FlipVertical -------------------------------------------- */ .woocommerce ul.products.product-hover-secimage-flipvert li.product.product-with-secondary-image .product-thumb .image .primary-image, .woocommerce ul.products.product-hover-secimage-flipvert li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } .woocommerce ul.products.product-hover-secimage-flipvert li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; } .woocommerce ul.products.product-hover-secimage-flipvert li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } .woocommerce ul.products.product-hover-secimage-flipvert li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; -webkit-transition-delay: 0.14s; -moz-transition-delay: 0.14s; transition-delay: 0.14s; } /* Secondary Image Hover Effect - FlipHorizontal ----------------------------------------------- */ .woocommerce ul.products.product-hover-secimage-fliphoriz li.product.product-with-secondary-image .product-thumb .image .primary-image, .woocommerce ul.products.product-hover-secimage-fliphoriz li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } .woocommerce ul.products.product-hover-secimage-fliphoriz li.product.product-with-secondary-image:hover .product-thumb .image .primary-image { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); opacity: 0; } .woocommerce ul.products.product-hover-secimage-fliphoriz li.product.product-with-secondary-image .product-thumb .image .secondary-image { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } .woocommerce ul.products.product-hover-secimage-fliphoriz li.product.product-with-secondary-image:hover .product-thumb .image .secondary-image { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; -webkit-transition-delay: 0.14s; -moz-transition-delay: 0.14s; transition-delay: 0.14s; } /*----*****---- << Product Listing - IconGroup Hover Effects >> ----*****----*/ .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons .button, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons a:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons a.button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons button.button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons .button:before, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons a:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons a.button:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons button:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons button.button:after, .woocommerce ul.products[class*="product-icongroup-hover"] li.product .product-buttons-wrapper.product-icons .button:after { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /** Bounce **/ .woocommerce ul.products.product-icongroup-hover-bounce li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce li.product .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce li.product .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce li.product .product-buttons-wrapper.product-icons .button { -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); -moz-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); -ms-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); -o-transition-timing-function: cubic-bezier(.52,1.64,.37,.66); transition-timing-function: cubic-bezier(.52,1.64,.37,.66); } .woocommerce ul.products.product-icongroup-hover-bounce li.product:hover .product-buttons-wrapper.product-icons > .wc_inline_buttons > div:nth-child(1) > *, .woocommerce ul.products.product-icongroup-hover-bounce li.product:hover .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*='_btn_wrapper']:nth-child(1) div[class*='yith-wcwl-'] > a { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .woocommerce ul.products.product-icongroup-hover-bounce li.product:hover .product-buttons-wrapper.product-icons > .wc_inline_buttons > div:nth-child(2) > *, .woocommerce ul.products.product-icongroup-hover-bounce li.product:hover .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*='_btn_wrapper']:nth-child(2) div[class*='yith-wcwl-'] > a { -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .woocommerce ul.products.product-icongroup-hover-bounce li.product:hover .product-buttons-wrapper.product-icons > .wc_inline_buttons > div:nth-child(3) > *, .woocommerce ul.products.product-icongroup-hover-bounce li.product:hover .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*='_btn_wrapper']:nth-child(3) div[class*='yith-wcwl-'] > a { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .woocommerce ul.products.product-icongroup-hover-bounce li.product:hover .product-buttons-wrapper.product-icons > .wc_inline_buttons > div:nth-child(4) > *, .woocommerce ul.products.product-icongroup-hover-bounce li.product:hover .product-buttons-wrapper.product-icons > .wc_inline_buttons > div[class*='_btn_wrapper']:nth-child(4) div[class*='yith-wcwl-'] > a { -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } /* Icon Group - Postion - Horizontal */ /* Horizontal Bottom */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product .product-thumb-content .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-thumb-content .product-buttons-wrapper.product-icons .button { bottom: -60px; top: auto; visibility: hidden; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-bottom'] li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons .button { bottom: 10px; visibility: visible; } .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-thumb-content .product-buttons-wrapper.product-icons .button { bottom: 0; visibility: visible; } /* Horizontal Bottom - Icon Group Simple Style */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-bottom'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-bottom'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-bottom'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-bottom'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-bottom'] li.product:hover .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-bottom']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons .button { bottom: 0; top: auto; } /* Horizontal Top */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product-buttons-wrapper.product-icons .button { bottom: auto; top: -60px; visibility: hidden; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons .button { top: 10px; visibility: visible; } .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons .button { top: 0; visibility: visible; } /* Horizontal Top - Icon Group Simple Style */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='horizontal-position-top'] li.product:hover .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='thumb-alignment-top']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons .button { bottom: auto; top: 0; } /* Middle - Icon Group - Type */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product .product-buttons-wrapper.product-icons .button { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*='horizontal-position-middle'] li.product:hover .product-buttons-wrapper.product-icons .button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce[class*='thumb-alignment-middle']:not([class*="product-thumb-iconsgroup-position"]) li.product:hover .product-buttons-wrapper.product-icons .button { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Vertical left */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product-buttons-wrapper.product-icons .button { right: auto; left: -60px; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons .button { left: 10px; } /* Vertical left - Icon Group - Type - Simple */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-left'] li.product:hover .product-buttons-wrapper.product-icons .button { right: auto; left: 0px; } /* Vertical Right */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product-buttons-wrapper.product-icons .button { right: -60px; left: auto; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons .button { right: 10px; } /* Vertical Right - Icon Group - Type - Simple */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-top-right'] li.product:hover .product-buttons-wrapper.product-icons .button { left: auto; right: 0px; } /* Vertical Middle Left */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product-buttons-wrapper.product-icons .button { right: auto; left: -60px; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons .button { left: 10px; } /* Vertical Middle left - Icon Group - Type - Simple */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-left'] li.product:hover .product-buttons-wrapper.product-icons .button { right: auto; left: 0px; } /* Vertical Middle right */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product-buttons-wrapper.product-icons .button { left: auto; right: -60px; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons .button { right: 10px; } /* Vertical Middle right - Icon Group - Type - Simple */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-middle-right'] li.product:hover .product-buttons-wrapper.product-icons .button { left: auto; right: 0px; } /* Vertical Bottom Left */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product-buttons-wrapper.product-icons .button { left: -60px; right: auto; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons .button { left: 10px; } /* Vertical Bottom Left - Icon Group - Type - Simple */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-left'] li.product:hover .product-buttons-wrapper.product-icons .button { left: 0px; right: auto; } /* Vertical Bottom Right */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product-buttons-wrapper.product-icons .button { left: auto; right: -60px; } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-vertical[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons .button { right: 10px; } /* Vertical Bottom Right - Icon Group - Type - Simple */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-style-simple[class*='vertical-position-bottom-right'] li.product:hover .product-buttons-wrapper.product-icons .button { left: auto; right: 0px; } /** Flip X **/ .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product .product-buttons-wrapper.product-icons .button { transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); } .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-flipx li.product:hover .product-buttons-wrapper.product-icons .button { transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); } /** Flip Y **/ .woocommerce ul.products.product-icongroup-hover-flipy li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-flipy li.product .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-flipy li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-flipy li.product .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-flipy li.product .product-buttons-wrapper.product-icons .button { transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform: scaleY(0); } .woocommerce ul.products.product-icongroup-hover-flipy li.product:hover .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-flipy li.product:hover .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-flipy li.product:hover .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-flipy li.product:hover .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-flipy li.product:hover .product-buttons-wrapper.product-icons .button { transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -webkit-transform: scaleY(1); }/** Single **/ .dt-sc-content-scroll { padding-right: 6px; } .dt-custom-separator-width-40px.vc_sep_width_10 { width: 40px; } .woocommerce .product div.images ol.flex-control-nav li img, .elementor-widget-dt-shop-product-single-images-carousel div[class*="thumb-container"] .swiper-wrapper .swiper-slide img { border: 1px solid transparent; } .woocommerce .product div.images ol.flex-control-nav li img { border-width: 2px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .woocommerce div.product div.images .flex-viewport, .dt-sc-product-image-gallery .dt-sc-product-image:not(.swiper-slide) img, .elementor-widget-dt-shop-product-single-images-carousel .swiper-slide, .elementor-widget-dt-shop-product-single-images-carousel div[class*="thumb-container"] .swiper-wrapper .swiper-slide:after { border: 1px solid rgba(0,0,0,0.05); -webkit-box-shadow: none; box-shadow: none; } .elementor-widget-dt-shop-product-single-images-carousel div[class*="thumb-container"] .swiper-wrapper .swiper-slide:after { opacity: 1; visibility: visible; } .woocommerce .product div.images ol.flex-control-nav li img.flex-active, .elementor-widget-dt-shop-product-single-images-carousel div[class*="thumb-container"] .swiper-wrapper .swiper-slide, .elementor-widget-dt-shop-product-single-images-carousel div[class*="thumb-container"] .swiper-wrapper .swiper-slide-active:after { border-color: transparent; } .woocommerce .product div.images ol.flex-control-nav li img { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.05); box-shadow: 0 0 0 1px rgba(0,0,0,0.05); } .elementor-widget-dt-shop-product-single-images-carousel div[class*="thumb-container"] .swiper-wrapper .swiper-slide:after { -webkit-box-shadow: 0 0 0 1px transparent inset; box-shadow: 0 0 0 1px transparent inset; } .woocommerce .product div.images ol.flex-control-nav li img.flex-active, .elementor-widget-dt-shop-product-single-images-carousel div[class*="thumb-container"] .swiper-wrapper .swiper-slide-active:after { -webkit-box-shadow: 0 0 0 2px currentColor inset; box-shadow: 0 0 0 2px currentColor inset; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="arrow-pagination"].type2 { margin: 20px auto 0; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="arrow-pagination"].type2 > a[class*="arrow"] { background: rgba(0,0,0,0.9); height: 35px; margin: 5px; width: 35px; -webkit-border-radius: 50%; border-radius: 50%; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="arrow-pagination"].type2 > a[class*="arrow"]:before { font-family: "Font Awesome 5 Free" !important; font-size: 16px; font-weight: bold; line-height: 35px; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="arrow-pagination"].type2 > a[class*="arrow-prev"]:before { content: "\f060"; } div[class*="product"] .swiper-container.swiper-container-horizontal div[class*="arrow-pagination"].type2 > a[class*="arrow-next"]:before { content: "\f061"; } .elementor-widget-tabs.elementor-tabs-view-vertical.dt-vertical-bordered .elementor-tabs-wrapper { border-color: rgba(0,0,0,0.2); border-style: solid; border-width: 1px 0 1px 1px; } .elementor-widget-tabs.elementor-tabs-view-vertical.dt-vertical-bordered .elementor-tabs-wrapper .elementor-tab-title { border-width: 1px 0 !important; } .elementor-widget-tabs.elementor-tabs-view-vertical.dt-vertical-bordered .elementor-tabs-wrapper .elementor-tab-title:first-child { border-top-width: 0 !important; } .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-title, .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-content { border-color: #e4e4e4; border-style: solid; border-width: 0 0 1px !important; } /* Elementor-Update */ .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-title, .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-content { background: transparent; border-radius: 0; width: 100%; } .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-title{ font-size:18px;} /* Elementor-Update-End */ .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-title { line-height: normal; padding: 30px 0; } .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-content { padding: 24px 0 28px; } .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-tab-content > *:last-child { margin-bottom: 0; } .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-accordion-item { border-width: 0; } .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-accordion-item:first-child .elementor-tab-title { padding-top: 10px; } .dt-accordion-custom-bottomline.elementor-widget-accordion .elementor-accordion .elementor-accordion-item:last-child .elementor-tab-title:not(.elementor-active) { border-width: 0 !important; padding-bottom: 10px; } .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a, .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a.button, .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline button, .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline button.button, .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline .button { background-color: transparent !important; } .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a:after, .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline a.button:after, .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline button:after, .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline button.button:after, .woocommerce ul.products.dt-icon-after-bg li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline .button:after { content: ""; height: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; z-index: -1; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transition: inherit; transition: inherit; } /* Iva Products Listing Layout 1 */ .woocommerce ul.products[class*="dtiva-products-listing"] li.product .featured-tag { top: 6px; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-thumb .image .primary-image, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-thumb .image .secondary-image { background-size: contain; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { -webkit-transform: scale(0.5); transform: scale(0.5); } .woocommerce ul.products[class*="dtiva-products-listing"] li.product:hover .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { -webkit-transform: scale(1); transform: scale(1); } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons a, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons button, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons .button { height: 35px; line-height: 35px; width: 35px; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons a:before, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons a.button:before, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons button:before, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons button.button:before, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-buttons-wrapper.product-icons .button:before { font-size: 16px; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-details h5 { font-size: 24px; margin-top: 5px; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-details > div { margin-top: 10px; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-details > div:first-child { margin-top: 0; } .woocommerce ul.products[class*="dtiva-products-listing"].product-padding-content li.product .product-details { padding: 25px; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .price, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .price ins { font-size: 18px; font-weight: normal; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .price del { font-size: 16px; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .price, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .price ins, .woocommerce ul.products[class*="dtiva-products-listing"] li.product .price del { vertical-align: middle; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product .product-wrapper .product-details .product-short-description { display: none; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product.product-list-view .product-wrapper { border-width: 0; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product.product-list-view .product-wrapper .product-thumb { -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); box-shadow: 0 0 2px 0 rgba(0,0,0,0.1); } .woocommerce ul.products.dtiva-products-listing-layout1.product-thumb-alignment-bottom li.product .product-thumb::before { padding-top: 66.66%; } .woocommerce ul.products.dtiva-products-listing-layout1.product-thumb-alignment-bottom li.product .product-thumb::after { padding-bottom: 33.33%; } .woocommerce ul.products.dtiva-products-listing-layout1.product-thumb-alignment-bottom li.product.product-list-view .product-thumb::before { padding-top: 50%; } .woocommerce ul.products.dtiva-products-listing-layout1.product-thumb-alignment-bottom li.product.product-list-view .product-thumb::after { padding-bottom: 50%; } .woocommerce ul.products.dtiva-products-listing-layout1.product-content-hover-zoom li.product .product-thumb .product-thumb-content > div { margin: 0; -webkit-transform: none; transform: none; } .woocommerce ul.products.dtiva-products-listing-layout1 li.product .price, .woocommerce ul.products.dtiva-products-listing-layout1 li.product .price ins, .woocommerce ul.products.dtiva-products-listing-layout1 li.product .price del, .woocommerce ul.products.dtiva-products-listing-layout1 li.product .price .amount { color: #848484; } /* Iva Products Listing Layout 2 */ .woocommerce ul.products.dtiva-products-listing-layout2[class*="product-thumb-iconsgroup-style-skinbgfill"] li.product .product-buttons-wrapper.product-icons .wc_inline_buttons > .wc_btn_inline { margin-top: 5px; margin-bottom: 5px; } .woocommerce ul.products.dtiva-products-listing-layout2 li.product .product-buttons-wrapper.product-icons { right: 30px !important; } .woocommerce ul.products.dtiva-products-listing-layout2 li.product .product-thumb:before, .woocommerce ul.products.dtiva-products-listing-layout2 li.product .product-thumb:after { padding-bottom: 50%; } .woocommerce ul.products.dtiva-products-listing-layout2[class*="iconsgroup-position-vertical"].product-thumb-alignment-middle li.product .product-thumb-content { padding: 0; } /*** Custom CSS added in Product Pages ***/ .woocommerce div.product div.summary.margin-0{margin-bottom:0;} .woocommerce .product .summary.bg-with-shadow { background: #fff; padding: 35px 35px 30px 35px; box-shadow: 0 0 5px rgba(0,0,0,.1); margin-top: 5px; } .woocommerce .product .dt-sc-product-summary.bg-with-shadow > div:first-child .product_title { margin-top: 0; } .woocommerce div.product .bg-white .dt-sc-product-tabs .woocommerce-tabs:after { position: absolute; content: ""; left: 50%; top: 0; height: 100%; width: calc(100vw); width: -webkit-calc(100vw); width: -moz-calc(100vw); background: #fff; z-index: -1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); } .dt-sc-curvy-bg.top:before { background-color: #fff; bottom: 0; content: ""; display: block; height: 200px; right: 0; position: absolute; width: 100%; z-index: 9; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; -webkit-mask-image: url(/wp-content/plugins/designthemes-shop/images/curvy-bg-main-1.png); mask-image: url(/wp-content/plugins/designthemes-shop/images/curvy-bg-main-1.png); -webkit-mask-position: left top; mask-position: left top; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .dt-sc-curvy-bg.bottom:after { background-color: #fff; top: -1px; content: ""; display: block; height: 200px; right: 0; position: absolute; width: 100%; z-index: 9; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; -webkit-mask-image: url(/wp-content/plugins/designthemes-shop/images/curvy-bg-main-2.png); mask-image: url(/wp-content/plugins/designthemes-shop/images/curvy-bg-main-2.png); -webkit-mask-position: left top; mask-position: left top; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* Responsive */ @media only screen and (min-width:768px) { .woocommerce ul.products[class*="dtiva-products-listing"] li.product.product-list-view .product-wrapper .product-details { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product.product-list-view .product-wrapper .product-details .product-short-description { display: inline-block; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product.product-list-view.product-list-left-thumb .product-wrapper .product-details { padding-left: 5%; text-align: left; } .woocommerce ul.products[class*="dtiva-products-listing"] li.product.product-list-view.product-list-right-thumb .product-wrapper .product-details { padding-right: 5%; text-align: right; } }.wpac,.wpac h1,.wpac h2,.wpac h3,.wpac h4,.wpac h5,.wpac h6,.wpac p,.wpac td,.wpac dl,.wpac tr,.wpac dt,.wpac ol,.wpac form,.wpac select,.wpac option,.wpac pre,.wpac div,.wpac table,.wpac th,.wpac tbody,.wpac tfoot,.wpac caption,.wpac thead,.wpac ul,.wpac li,.wpac address,.wpac blockquote,.wpac dd,.wpac fieldset,.wpac li,.wpac strong,.wpac legend,.wpac em,.wpac s,.wpac cite,.wpac span,.wpac input,.wpac sup,.wpac label,.wpac dfn,.wpac object,.wpac big,.wpac q,.wpac font,.wpac samp,.wpac acronym,.wpac small,.wpac img,.wpac strike,.wpac code,.wpac sub,.wpac ins,.wpac textarea,.wpac var,.wpac a,.wpac abbr,.wpac applet,.wpac del,.wpac kbd,.wpac tt,.wpac b,.wpac i,.wpac hr{background-attachment:scroll!important;background-color:transparent!important;background-image:none!important;background-position:0 0!important;background-repeat:repeat!important;border-color:black!important;border-color:currentColor!important;border-radius:0!important;border-style:none!important;border-width:medium!important;bottom:auto!important;clear:none!important;clip:auto!important;color:inherit!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:inherit!important;display:inline;float:none!important;font-family:inherit!important;font-size:inherit!important;font-style:inherit!important;font-variant:normal!important;font-weight:inherit!important;height:auto;left:auto!important;letter-spacing:normal!important;line-height:inherit!important;list-style-type:inherit!important;list-style-position:outside!important;list-style-image:none!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1;outline:invert none medium!important;padding:0!important;position:static!important;quotes:"" ""!important;right:auto!important;table-layout:auto!important;text-align:inherit!important;text-decoration:inherit!important;text-indent:0!important;text-transform:none!important;top:auto!important;unicode-bidi:normal!important;vertical-align:baseline!important;visibility:inherit!important;white-space:normal!important;width:auto!important;word-spacing:normal!important;z-index:auto!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;-moz-box-sizing:border-box!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;text-shadow:none!important;-webkit-transition:none!important;transition:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.wpac,.wpac h3,.wpac h5,.wpac p,.wpac h1,.wpac dl,.wpac dt,.wpac h6,.wpac ol,.wpac form,.wpac select,.wpac option,.wpac pre,.wpac div,.wpac h2,.wpac caption,.wpac h4,.wpac ul,.wpac address,.wpac blockquote,.wpac dd,.wpac fieldset,.wpac textarea,.wpac hr{display:block}.wpac table{display:table}.wpac tbody{display:table-row-group}.wpac tr{display:table-row}.wpac td{display:table-cell}.wpac ul{list-style-type:none!important}.wpac li{display:list-item;min-height:auto!important;min-width:auto!important}.wpac a,.wpac a *,.wpac input[type=submit],.wpac input[type=radio],.wpac input[type=checkbox],.wpac select{cursor:pointer!important}.wpac a:hover{text-decoration:none!important}.wpac button,.wpac input[type=submit]{height:auto!important;text-align:center!important}.wpac input[type=hidden]{display:none}.wpac select{-webkit-appearance:menulist!important;-moz-appearance:menulist!important;appearance:menulist!important}.wpac input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important}.wpac input[type="checkbox"]:before,.wpac input[type="checkbox"]:after{content:none!important;border:0!important}.wpac input[type=radio]{-webkit-appearance:radio!important;-moz-appearance:radio!important;appearance:radio!important}.wpac input[type="radio"]:before,.wpac input[type="radio"]:after{content:none!important;border:0!important}.wpac li:before,.wpac li:after{content:""!important}.wpac input,.wpac select{vertical-align:middle!important}.wpac select,.wpac textarea,.wpac input{border:1px solid #ccc!important}.wpac table{border-collapse:collapse!important;border-spacing:0!important}.wpac *[dir=rtl]{direction:rtl!important}.wpac img{border:0!important}.wpac svg{vertical-align:middle!important;-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.wpac{font-size:14px!important;line-height:20px!important;direction:inherit!important;text-align:inherit!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;color:#333!important;font-style:normal!important;font-weight:normal!important;text-decoration:none!important;list-style-type:disc!important}.wp-gr{--rev-gap:4px;--rev-padding:4px}.wp-gr .wp-google-badge{display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)!important}.wp-gr .wp-google-badge-fixed{position:fixed!important;right:30px!important;bottom:30px!important;max-width:none!important;z-index:2147482999!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)!important}.wp-gr .wp-google-badge_left-fixed{position:fixed!important;left:30px!important;bottom:30px!important;max-width:none!important;z-index:2147482999!important}.wp-gr .wp-google-badge *{cursor:pointer!important}.wp-gr .wp-google-border{width:100%!important;height:6px!important;background:#4fce6a!important;border-radius:2px 2px 0 0!important}.wp-gr .wp-google-badge-btn{position:relative!important;padding:10px!important;background:#fff!important;transition:all .2s ease-in-out!important;border-radius:2px!important}.wp-gr .wp-google-badge-btn:hover{background:#f3f3f5!important}.wp-gr .wp-google-badge-score{display:inline-block;margin:0 0 0 4px!important;vertical-align:middle!important}.wp-gr .wp-google-rating{color:var(--star-color,#fb8e28)!important;font-size:21px!important;font-weight:600!important;margin:0 6px 0 0!important;vertical-align:middle!important}.wp-gr .wp-google-stars .wp-star{padding:0 3px 0 0!important;line-height:normal!important}.wp-gr .wp-google-based,.wp-gr .wp-google-powered{color:var(--head-based-color,#555)!important;margin:6px 0 0!important}.wp-gr .wp-google-powered{color:var(--powered-color,#777)!important;font-size:15px!important}.wp-gr .wp-google-powered>span{font-weight:600!important}.wp-gr .wp-google-form .wp-google-reviews{padding:16px 16px 0!important}.wp-gr .wp-google-review{margin-top:15px!important}.wp-gr .wp-google-left{display:table-cell!important;vertical-align:top!important}[dir="ltr"] .wp-google-left{padding-right:10px!important}[dir="rtl"] .wp-google-left{padding-left:10px!important}.wp-gr .wp-google-left img{border:none!important;float:left!important;height:46px!important;width:46px!important;margin-right:10px!important;overflow:hidden!important;border-radius:50%!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important}.wp-gr .wp-google-reviews img{border-radius:50%!important}.wp-gr .wp-google-right{display:table-cell!important;vertical-align:top!important;width:10000px!important}.wp-gr .grw-header.wp-place-center{width:100%!important}.wp-gr .wp-place-center{text-align:center!important}.wp-gr .wp-place-center .wp-google-left{display:block!important}.wp-gr .wp-place-center .wp-google-left img{float:none!important}.wp-gr .wp-star svg{display:inline-block!important}.wp-gr .wp-google-place .wp-star svg{width:20px!important;height:20px!important;vertical-align:middle!important}.wp-gr .wp-star svg{width:18px!important;height:18px!important;vertical-align:middle!important;fill:var(--star-color,#fb8e28)}.wp-gr .wp-google-wrap{display:flex;flex-direction:column;gap:var(--rev-gap)}.wp-gr .wp-google-name{color:var(--name-color,#333)!important;font-size:100%!important;font-weight:bold!important;margin:0 0 2px!important;padding-right:6px!important;text-decoration:none!important}.wp-gr a.wp-google-name{color:#427fed!important;text-decoration:none!important}.wp-gr .wp-google-time{color:#555!important;font-size:13px!important;white-space:nowrap!important}.wp-gr .wp-google-text{color:var(--text-color,#222)!important;font-size:15px!important;line-height:24px!important;max-width:100%!important;overflow:hidden!important;white-space:pre-wrap!important;word-break:break-word!important}.wp-gr .wp-google-text .wp-google-stars{padding-right:7px!important}.wp-gr .wp-more{display:none}.wp-gr .wp-more-toggle{color:#136aaf!important;cursor:pointer!important;text-decoration:none!important}.wp-gr .wp-google-url{display:block;margin:10px 0!important;color:#136aaf!important;text-align:center!important}.wp-gr .wp-google-form{position:fixed!important;bottom:0!important;right:0!important;height:100%!important;width:368px!important;z-index:2147483000!important}.wp-gr .wp-google-form.wp-google-form-left{left:0!important}@media(max-width:460px){.wp-gr .wp-google-form{width:100%!important}}.wp-gr .wp-google-head{position:absolute!important;top:0!important;right:0!important;width:100%!important;height:80px!important;background:#fff!important;padding:10px 16px!important;overflow:hidden!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.12)!important;z-index:2147483002!important}.wp-gr .wp-google-head-inner{z-index:2147483000!important;position:absolute!important;left:20px!important;top:20px!important;width:100%!important;height:100%!important;pointer-events:none!important}.wp-gr .wp-google-close{padding:0!important;cursor:pointer!important;outline:0!important;border:0!important;background:0 0!important;min-height:0!important;width:auto!important;float:right!important;font-size:32px!important;font-weight:500!important;line-height:.6!important;color:#999!important;-webkit-appearance:none!important}.wp-gr .wp-google-close:hover{color:#555!important}.wp-gr .wp-google-body{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;background:rgba(250,250,251,.98)!important;border-left:1px solid #dadee2!important;box-shadow:0 0 4px 1px rgba(0,0,0,.08)!important;z-index:2147483000!important}.wp-gr .wp-google-content{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;overflow-y:auto!important;z-index:2147483001!important;-webkit-transform:translateZ(0)!important}.wp-gr .wp-google-content{top:80px!important;bottom:48px!important}.wp-gr .wp-google-content-inner{position:relative!important;min-height:100%!important;margin:0 auto!important}.wp-gr .wp-google-footer{position:absolute!important;bottom:0!important;right:0!important;width:100%!important;height:48px!important;text-align:center!important;z-index:2147483002!important;background:#fff!important;box-shadow:0 -1px 2px 0 rgba(0,0,0,.06)!important;-moz-text-align-last:center!important;text-align-last:center!important}.wp-gr .wp-google-footer img{float:right!important;padding:16px!important}.wp-gr.wp-dark .wp-google-name{color:#eee!important}.wp-gr.wpac.wp-dark .wp-google-name a{color:var(--head-based-color,#eee)!important}.wp-gr.wp-dark .wp-google-time{color:#bbb!important}.wp-gr.wp-dark .wp-google-text{color:#ececec!important}.wp-gr.wp-dark .wp-google-powered{color:var(--powered-color,#fff)!important}.wp-gr.wp-dark .wp-google-based{color:var(--head-based-color,#999)!important}.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd{background:var(--rev-color,#fafafa)!important}.wp-gr.wpac .wp-google-name{font-size:100%!important}.wp-gr.wpac .wp-google-hide,.wp-gr.wpac .grw-hide{display:none}.wp-gr.wpac .wp-google-name a{color:var(--head-name-color,#333)!important;font-size:100%!important;text-decoration:none!important}.wp-gr.wpac .wp-google-left img{width:46px!important;height:46px!important;border-radius:50%!important}.wp-gr.wpac a.wp-google-name{color:var(--name-color,#154fc1)!important;text-decoration:none!important;white-space:nowrap!important;text-overflow:ellipsis!important}.wp-gr.wpac .wp-google-review .wp-google-stars{display:inline-block;margin-right:4px!important}@media(max-width:480px){.wp-google-badge.wp-google-badge-fixed.wp-google-badge-hide{display:none!important}}@media(max-width:480px){.wp-google-badge.wp-google-badge_left-fixed.wp-google-badge-hide{display:none!important}}.wp-gr{display:block!important;width:100%!important;padding-bottom:20px!important;text-align:left!important;direction:ltr!important;box-sizing:border-box!important}.wp-gr .grw-row{display:-ms-flexbox!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;-ms-flex-wrap:nowrap!important;-ms-flex-align:center!important}.wp-gr .grw-row-xs{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.wp-gr .grw-row-xs .grw-header,.wp-gr .grw-row-xs .grw-content,.wp-gr .grw-row-xs .grw-review,.wp-gr .grw-row-x .grw-header+.grw-content .grw-review{--gap:0;--col:1}.wp-gr .grw-row-xl .grw-header+.grw-content{--gap:.2;--col:1.2}.wp-gr .grw-row-l .grw-header+.grw-content{--gap:.25;--col:1.25}.wp-gr .grw-row-m .grw-header+.grw-content{--gap:.333333;--col:1.333333}.wp-gr .grw-row-s .grw-header+.grw-content{--gap:.5;--col:1.5}.wp-gr .grw-row-x .grw-header,.wp-gr .grw-row-x .grw-header+.grw-content,.wp-gr .grw-row-x .grw-review,.wp-gr .grw-row-s .grw-header+.grw-content .grw-review{--gap:1;--col:2}.wp-gr .grw-row-s .grw-header,.wp-gr .grw-row-s .grw-review,.wp-gr .grw-row-m .grw-header+.grw-content .grw-review{--gap:2;--col:3}.wp-gr .grw-row-m .grw-header,.wp-gr .grw-row-m .grw-review,.wp-gr .grw-row-l .grw-review{--gap:3;--col:4}.wp-gr .grw-row-l .grw-header,.wp-gr .grw-row-xl .grw-review{--gap:4;--col:5}.wp-gr .grw-row-xl .grw-header{--gap:5;--col:6}.wp-gr .grw-header,.wp-gr .grw-content{-ms-flex:1 0 calc(100% / var(--col,3))!important;flex:1 0 calc(100% / var(--col,3))!important;width:calc(100% / var(--col,3))!important}.wp-gr .grw-review{-ms-flex:1 0 calc((100% - var(--card-gap,16px)*var(--gap,2)) / var(--col,3))!important;flex:1 0 calc((100% - var(--card-gap,16px)*var(--gap,2)) / var(--col,3))!important;width:calc((100% - var(--card-gap,16px)*var(--gap,2)) / var(--col,3))!important}.wp-gr .grw-content{position:relative!important;min-width:0!important}.wp-gr .grw-content-inner{position:relative!important;display:flex!important;align-items:center!important}.wp-gr .grw-review-inner{display:flex;flex-direction:column;gap:var(--rev-gap);height:100%!important}.wp-gr .grw-header-inner,.wp-gr .grw-review-inner{position:relative!important;padding:15px!important;width:100%!important}.wp-gr .grw-review-inner.grw-round{border-radius:4px!important}.wp-gr .grw-review-inner.grw-shadow{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important}.wp-gr .grw-review-inner>svg{position:absolute!important;top:10px!important;right:10px!important;width:18px!important;height:18px!important}.wp-gr .grw-reviews{display:flex!important;display:-ms-flexbox!important;flex:1!important;overflow:hidden!important;scrollbar-width:none}.wp-gr .grw-reviews::-webkit-scrollbar{display:none!important}.wp-gr .grw-review{display:flex;position:relative!important;justify-content:center!important;align-items:center!important;flex-shrink:0!important;width:100%!important;padding:var(--rev-padding)!important}.wp-gr .grw-btns{height:33px!important;width:33px!important;text-align:center!important;cursor:pointer!important;border-radius:50%!important;user-select:none!important}.wp-gr .grw-btns svg path{fill:#aaa;transition:all .2s ease-in-out!important}.wp-gr .grw-btns:hover svg path{fill:#555!important}[dir="rtl"] .wp-gr .grw-next,[dir="rtl"] .wp-gr .grw-prev{transform:rotate(180deg)}.wp-gr .grw-review .wp-google-left{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;line-height:24px!important}.wp-gr .grw-review .wp-google-stars{margin:8px 0 var(--rev-gap)!important}.wp-gr .grw-review .wp-google-feedback{height:100px!important;overflow-y:auto!important}.wp-gr .grw-scroll::-webkit-scrollbar{width:4px!important}.wp-gr .grw-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)!important;-webkit-border-radius:4px!important;border-radius:4px!important}.wp-gr .grw-scroll::-webkit-scrollbar-thumb{-webkit-border-radius:10px!important;border-radius:10px!important;background:#ccc!important;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)!important}.wp-gr .grw-scroll::-webkit-scrollbar-thumb:window-inactive{background:#ccc!important}.wp-gr .wp-google-wr{margin:15px auto 8px!important}.wp-gr .wp-google-wr a{color:#fff!important;padding:6px 15px 10px!important;outline:none!important;border-radius:27px!important;background:var(--btn-color,#1f67e7)!important;white-space:nowrap!important;vertical-align:middle!important;opacity:.9!important;text-shadow:1px 1px 0 #888!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important;user-select:none!important;transition:all .2s ease-in-out!important}.wp-gr .wp-google-wr a:hover{opacity:.95!important;background:var(--btn-color,#1f67e7)!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 3px 5px rgba(0,0,0,.24)!important}.wp-gr .wp-google-wr a:active{opacity:1!important;background:var(--btn-color,#1f67e7)!important;box-shadow:none!important}.wp-gr .wp-google-wr a svg{display:inline-block;width:16px;height:16px;padding:1px;margin:0 0 0 4px;background:#fff;border-radius:50%}.wp-gr[data-layout="slider"] .grw-reviews{gap:calc(var(--card-gap,16px) - var(--rev-padding));overflow-x:scroll!important;flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}.wp-gr[data-layout="slider"] .grw-review{scroll-snap-align:start!important;transform-origin:center center!important;transform:scale(1)!important;transition:transform .5s!important}.wp-gr{--slider-dot-size:8px}.wp-gr .rpi-dots-wrap{position:absolute!important;top:calc(100% - 1px)!important;left:0!important;right:0!important;display:flex!important;justify-content:center!important;margin:0 var(--slider-btn)!important;padding-top:var(--slider-dot-padding-top,16px)!important}.wp-gr .rpi-dots{display:flex!important;gap:12px!important;flex-wrap:nowrap!important;overflow-x:scroll!important;scrollbar-width:none!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.wp-gr .rpi-dot{display:inline-block!important;width:var(--slider-dot-size)!important;height:var(--slider-dot-size)!important;margin:1px 0!important;background-color:var(--slider-dot-color,#999)!important;border-radius:20px!important;cursor:pointer!important;opacity:.4!important;vertical-align:middle!important;flex:1 0 auto!important;width:var(--slider-dot-size)!important;transform:scale(0.65)!important;scroll-snap-align:center!important}.wp-gr .rpi-dot:hover{opacity:1!important}.wp-gr .rpi-dot.active{opacity:1!important;transform:scale(1.1)!important;background-color:var(--slider-act-dot-color,#154fc1)!important}.wp-gr .rpi-dot.s2{transform:scale(.9)!important}.wp-gr .rpi-dot.s3{transform:scale(.75)!important}.wp-gr[data-layout="grid"] .grw-reviews{gap:calc(var(--card-gap,16px) - var(--rev-padding));flex-wrap:wrap!important;-ms-flex-wrap:wrap!important}.wp-gr .grw-b{font-weight:bold!important;white-space:nowrap!important}.wp-gr .wp-google-reply{font-size:14px!important;margin-top:auto!important;margin-left:6px!important;padding-left:6px!important;border-left:1px solid #999!important;overflow:hidden!important;overflow-y:auto!important;line-height:20px!important;max-height:44px!important}.wp-gr .wp-google-reply>div{display:flex;gap:4px;align-items:center}.wp-gr .wp-google-reply .wp-google-time{font-size:11px!important;white-space:nowrap!important}.wp-gr .wp-google-img{display:flex;flex-wrap:wrap;gap:8px}.wp-gr .wp-google-img img{display:flex;width:40px!important;height:40px!important;cursor:pointer!important;border-radius:3px!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important}.rpi-x{position:absolute;top:var(--x-top,6px)!important;right:var(--x-right,8px)!important;display:flex!important;align-items:center;justify-content:center;width:var(--x-width,20px)!important;height:var(--x-height,20px)!important;cursor:pointer;opacity:var(--x-opacity,.65);border-radius:50%;background-color:var(--x-bg,#fafafa);z-index:2147483003}.rpi-x:hover{opacity:1}.rpi-x::before,.rpi-x::after{content:"";position:absolute;display:block;width:var(--x-line-width,12px);height:var(--x-line-height,1px);border-radius:2px;background-color:var(--x-color,#373737)}.rpi-x::before{transform:rotate(45deg)}.rpi-x::after{transform:rotate(-45deg)}.rpi-x.rpi-xa::before{--x-line-width:7px;--x-line-height:7px;top:4px;border-radius:0;border-right:1px solid #373737;border-bottom:1px solid #373737;background-color:transparent}.rpi-x.rpi-xa::after{content:none}.rpi-bubble:after{content:"";position:absolute;top:-8px;left:16px;bottom:auto;border-style:solid;border-width:0 8px 8px;border-color:#fff transparent}.rpi-fade{-webkit-transition:opacity 150ms ease,-webkit-transform 150ms ease;transition:opacity 150ms ease,-webkit-transform 150ms ease;transition:transform 150ms ease,opacity 150ms ease;transition:transform 150ms ease,opacity 150ms ease,-webkit-transform 150ms ease}.rpi-lightbox{--x-top:15px;--x-right:15px;--x-bg:none;--x-color:#ececec;--x-line-width:25px;--x-line-height:3px;--x-opacity:1;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100%;max-width:100%;color:#333;text-align:left;z-index:2147483001;user-select:none;background-color:rgba(0,0,0,0.6);transition:all 300ms ease-out}.rpi-lightbox-inner{width:95%;height:100%;max-width:1200px;max-height:calc(100vh - 160px)}.rpi-lightbox-xxx{container-name:lightbox;container-type:inline-size;position:relative;height:100%;border:0;overflow:hidden;border-radius:4px}.rpi-lightbox-content{position:relative;display:flex;flex-direction:row;justify-content:flex-start;color:#000;height:100%;flex-direction:row;border-radius:4px;background-color:#fff}.rpi-lightbox-media{position:relative;display:flex;justify-content:center;flex:2;align-items:center;width:100%;height:100%;overflow:hidden;padding-bottom:0;background-color:#000}.rpi-lightbox-btn{position:absolute;display:flex;width:30px;height:30px;font-size:36px;line-height:22px;justify-content:center;z-index:1;cursor:pointer;border-radius:50%;background-color:rgba(214,214,214,.7);transition:background 300ms ease-in-out}.rpi-lightbox-btn:hover{background:rgba(225,225,225,1)}.rpi-lightbox-prev{left:8px}.rpi-lightbox-next{right:8px}.rpi-lightbox-prev::before{content:'‹'}.rpi-lightbox-next::before{content:'›'}.rpi-lightbox-media img{position:relative;display:block;width:100%;height:100%;max-width:100%;max-height:100%;opacity:1;object-fit:contain;border-radius:inherit;transition:opacity 300ms ease-in-out}.rpi-lightbox-review{display:flex;flex-direction:column;flex:1;height:100%;font-size:15px;color:#000;padding:0}@container lightbox(width < 480px){.rpi-lightbox-xxx .rpi-lightbox-content{flex-direction:column}}@media(max-width:480px){.rpi-lightbox-xxx .rpi-lightbox-content{flex-direction:column}}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}