/*----*****---- << 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 { -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; } /* .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item span, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item span:after, .zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option:after { border-radius: inherit; } */ /*----*****---- << 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:before { background-color: rgba(0,0,0,0.1); content: ""; height: 1px; 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 > .product-loop-sorting-item:first-child { text-align: left; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: right; } .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; } .woocommerce .product-loop-sorting .product-loop-sorting-item { padding: 0 10px; } .woocommerce .product-loop-sorting > .product-loop-sorting-item { margin: 10px 0; width: 20%; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group { margin: 0; width: 60%; } .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 { height: 38px; padding-top: 0; padding-bottom: 0; } .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; } .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 { font-size: 0; height: 20px; line-height: 20px; opacity: 0.4; padding: 4px; position: relative; text-align: center; vertical-align: middle; width: 20px; -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 .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, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li:hover span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li:hover span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span.active, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span.active, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span.active { opacity: 1; } .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: 24px; margin: auto; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .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: 21px; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="3"]:before { content: "\ec5f"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="4"]:before { content: "\ec62" "\ec62" "\ec62" "\ec62"; font-size: 10px; font-family: 'IcoMoon-Ultimate' !important; letter-spacing: 1px; line-height: 11px; word-wrap: break-word; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="grid"]:before { content: "\f00a"; font-family: FontAwesome !important; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="list"]:before { content: "\f00b"; font-family: FontAwesome !important; } .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: 20px; } .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: 20px; height: 0; line-height: 0; margin: auto; bottom: 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: 1px; overflow: visible; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { font-size: 14px; height: 22px; line-height: 22px; padding: 5px; width: 22px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; background: none; border: none; display: inline-block; font-size: 13px; font-weight: 600; height: 24px; letter-spacing: .5px; line-height: 24px; margin: 10px 2px; padding: 0; position: relative; text-transform: uppercase; width: 24px; border-radius: 50%; color: #666666;} .woocommerce .page-with-sidebar .product-loop-sorting .product-display-controller, .woocommerce .page-with-sidebar .product-loop-sorting .product-layout-controller, .page-with-sidebar .woocommerce .product-loop-sorting .product-display-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, .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-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, .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: 0; top: 10px; } .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-boxed li.product .product-labels > span ~ span, .woocommerce ul.products.product-label-rounded li.product .product-labels > span ~ span { margin-left: auto; } */ .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, .woocommerce.single-product .featured-tag > div { width: 100%; } */ .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: 36px; line-height: 36px; 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; font-weight: 600; line-height: inherit; margin: 0; 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-element-group-items .wc_btn_inline a, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline a.button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline button.button, .woocommerce ul.products li.product .product-element-group-items .wc_btn_inline .button { font-weight: 600; } .woocommerce ul.products li.product.product-type-external .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline.wcct_btn_wrapper { height: auto; line-height: normal; } .woocommerce ul.products li.product.product-type-external .product-buttons-wrapper.product-button a.product_type_external, .woocommerce ul.products li.product.product-type-external .product-buttons-wrapper.product-button button.product_type_external { padding-top: 8px; padding-bottom: 8px; white-space: normal; } /* .woocommerce ul.products li.product.product-type-external .product-buttons-wrapper.product-button a.product_type_external:after, .woocommerce ul.products li.product.product-type-external .product-buttons-wrapper.product-button button.product_type_external:after { line-height: inherit; padding-top: inherit; padding-bottom: inherit; } */ .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: auto; 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-buttons-wrapper.product-button a:hover:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button:hover:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button:hover:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button.button:hover:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button:hover:after { top: 150%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .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, .woocommerce-cart .woocommerce ul.products li.product .product-buttons-wrapper.product-icons a.add_to_cart_button.added:before{ 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: FontAwesome; } .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: FontAwesome; } .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; } .woocommerce-cart .woocommerce ul.products li.product a.add_to_cart_button.added{display:block !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-details .product-buttons-wrapper.product-button { margin: 10px 0 5px; } */ .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; width: 100%; } /* .woocommerce ul.products li.product .product-thumb-content > div:first-child, .woocommerce ul.products li.product .product-details > div:first-child { margin-top: 0; } .woocommerce ul.products li.product .product-thumb-content > div:last-child, .woocommerce ul.products li.product .product-details > div:last-child { margin-bottom: 0; }*/ .woocommerce ul.products li.product .product-thumb-content .product-title h5, .woocommerce ul.products li.product .product-details .product-title h5 { font-size: 16px; margin: 0; text-transform: capitalize; } .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: 12px; letter-spacing: 1px; 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 { /*border-style: solid; border-width: 1px 0; border-color: rgba(0,0,0,0.15);*/ 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 > *, .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper .title { display: inline-block; vertical-align: middle; } */ .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 .dt-sc-counter-number, .woocommerce ul.products li.product .dt-sc-product-sale-countdown-holder .downcount .dt-sc-counter-wrapper .title { line-height: 20px; } */ .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:5px; padding-right:5px; 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*="product-thumb-alignment-bottom"] li.product .product-thumb-content { float: left; } */ .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: 0; } .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; 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 { 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 { 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; /* -webkit-transform: none; transform: none; */ } .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; /*position: absolute; left: 0; right: 0; top: 100%;*/ 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-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 { /* height: 100%; */ position: absolute; left: 50%; top: 50%; /* -webkit-object-fit: cover; object-fit: cover; */ -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-container-vertical .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Carousel ScrollBar */ div[class*="product"] .swiper-container div[class*="pagination-holder"] > div[class*="scrollbar"] { /* background-color: rgba(0,0,0,0.08); */ 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; 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.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-prev"] { margin-top: 0; } div[class*="product"] .swiper-container.swiper-container-vertical:hover div[class*="arrow-pagination"] > a[class$="arrow-next"] { margin-bottom: 0; } 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; } /*----*****---- << 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; } .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; } .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-icon { display: inline-block; position: relative; } .dt-sc-shop-menu-icon .dt-sc-shop-menu-cart-inner { display: inline-block; position: relative; margin-right: 20px; } .dt-sc-shop-menu-icon .dt-sc-shop-menu-icon-wrapper { display: flex; color: #000; } .dt-sc-shop-menu-icon .dt-sc-shop-menu-cart-icon:before { content: "\f07a"; font-family: FontAwesome; font-size: 16px; } .dt-sc-shop-menu-icon .dt-sc-shop-menu-cart-number { border-radius: 100%; color: white; font-size: 13px; line-height: normal; position: absolute; right: -15px; top: -9px; width: 20px; background-color: #000; height: 20px; display: inline-block; text-align: center; } .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:35px; right:0; 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:FontAwesome; font-size:28px; 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 { font-size:14px; line-height:normal; margin-bottom:10px; } .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:21px; margin: 0; } .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: 1200px) and (max-width: 1440px) { } /*----*****---- << Tablet (Landscape) >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { .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:991px) { .woocommerce .product-loop-sorting { text-align: 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; } .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%; } }