/*--------------------------------------------------------------*/ /* #region - Product Listing - Loop Sorting */ /*--------------------------------------------------------------*/ .woocommerce .product-loop-sorting { clear: both; display: block; float: none; font-size: 0; line-height: 0; margin: 0; padding-bottom: 45px; position: relative; width: auto; } .woocommerce .product-loop-sorting, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > *, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { -ms-flex-pack: distribute; justify-content: space-around; } /* .woocommerce .product-loop-sorting:has( ~ ul.products) .product-loop-sorting-item, .woocommerce .product-loop-sorting:has( ~ ul.products) .product-loop-sorting-item-group { flex: 1; } */ .woocommerce .product-loop-sorting:has( ~ ul.products) .product-loop-sorting-item-group > .product-loop-sorting-item { flex: none; } .woocommerce .product-loop-sorting:before { content: ""; margin: 0 10px; position: absolute; bottom: 0; left: 0; right: 0; width: auto; } .woocommerce ul.products ~ .product-loop-sorting { margin-top: clamp(3.125rem, 2.4283rem + 3.1847vw, 6.25rem); margin-bottom: 0; padding: 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 { float: none !important; font-size: var(--wdtFontSize_Base); line-height: normal; margin: 0; vertical-align: middle; } .woocommerce .product-loop-sorting > .woocommerce-notices-wrapper {width: 100%;} .woocommerce .product-loop-sorting > .woocommerce-notices-wrapper:empty { display: none; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: auto; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:only-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group:only-child { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .product-loop-sorting .product-loop-sorting-item { padding: 0; } .woocommerce .product-loop-sorting > .product-loop-sorting-item { margin: 0;} .woocommerce .product-loop-sorting > .product-loop-sorting-item-group { margin: 0; gap: 15px; margin-right:20px;} .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { padding: 0; } .woocommerce .product-loop-sorting > .product-loop-sorting-item:only-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item-group:only-child { text-align: center; width: 100%; } .woocommerce .product-loop-sorting .woocommerce-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 .woocommerce-ordering select { height: 46px; padding-top: 0; padding-bottom: 0; } .woocommerce .product-loop-sorting .product-loop-sorting-item .select2-container { text-align: left; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { display: inline-block; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options { margin: 0; padding: 0; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li { margin: 3px; padding: 18px; line-height: 1; border: 1px solid var(--wdtBorderColor); } .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; opacity: 0.4; padding: 0; position: relative; text-align: center; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); line-height: 1; } .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: var(--wdtFontSize_H6); margin: auto; width: 100%; -webkit-transition: inherit; transition: inherit; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="1"]:before { content: "\ec6d"; font-family: 'IcoMoon-Ultimate' !important; } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="2"]:before { content: '\e808'; font-family: 'BenHer-addon'; font-size: var(--wdtFontSize_H6); } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="3"]:before { content: '\e80f'; font-family: 'BenHer-addon'; font-size: var(--wdtFontSize_H6); } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span[data-column="4"]:before { content: "\e801"; font-family: 'Ext Icons'; font-size: var(--wdtFontSize_H6); } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="grid"]:before { content: '\e816'; font-size: var(--wdtFontSize_H6); font-family: "Ext Icons";font-style: normal; font-weight: normal; } .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span[data-display="list"]:before { content: '\e815'; font-size: var(--wdtFontSize_H6); font-family: "Ext Icons";font-style: normal; font-weight: normal; } .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span[data-list-option="left-thumb"]:before { content: '\e814'; font-size: var(--wdtFontSize_H6); font-family: "Ext Icons";font-style: normal; font-weight: normal; } .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span[data-list-option="right-thumb"]:before { content: '\e812'; font-size: var(--wdtFontSize_H6); font-family: "Ext Icons";font-style: normal; font-weight: normal; } .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: 0 20px 0 0; overflow: visible; } .woocommerce .product-loop-sorting nav.woocommerce-pagination ul li:last-child { margin-right: 0; } /* Product Loop Filter Widget */ .product-loop-filters-area-content { display: none; } .product-loop-filters-area-content.show { display: block; } .product-loop-filters-area-content.show .product-loop-filters-area-content-inner { opacity: 0; transition: var(--wdt-elementor-base-transition); -webkit-transition: var(--wdt-elementor-base-transition); } .product-loop-filters-area-content.show .product-loop-filters-area-content-inner { opacity: 1; } .product-loop-filters-area-content .product-loop-filters-area-content-inner { display: flex; flex-wrap: wrap; position: relative; width: 100%; padding: 20px 0; border-width: 1px 0; border-color: var(--wdtBorderColor); border-style: solid; margin: 0 0 30px; } .product-loop-filters-area-content .widget { flex: 0 0 25%; max-width: 25%; margin: 0; padding: 10px; box-shadow: none; } .product-loop-filters-area-content .widget .widgettitle { font-size: var(--wdtFontSize_Base); padding: 0; margin: 0 0 15px; } .product-loop-filters-area-content .widgettitle:before { content: none; } .product-loop-filters-area-content .widget ul li, .product-loop-filters-area-content .widget ol li { border: none; } .product-loop-filters-area-content .widget ul li > a, .product-loop-filters-area-content .widget ol li > a, .product-loop-filters-area-content .woocommerce .widget_layered_nav ul li span, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { font-size: var(--wdtFontSize_Base); line-height: normal; } .product-loop-filters-area-content .widget ul li, .product-loop-filters-area-content .widget ol li, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { padding: 5px 0; line-height: normal; } .product-loop-filters-area-content .widget ul li, .product-loop-filters-area-content .widget ol li, .product-loop-filters-area-content .woocommerce .widget_layered_nav ul li:first-child a, .product-loop-filters-area-content .woocommerce .widget_layered_nav_filters ul li:first-child a, .product-loop-filters-area-content .woocommerce .widget_rating_filter ul li:first-child a, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:first-child a { padding-top: 0; } .product-loop-filters-area-content .woocommerce .widget_layered_nav ul li span, .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { line-height: normal; } .product-loop-filters-area-content .woocommerce.widget_price_filter .price_slider_amount .button { font-size: var(--wdtFontSize_Ext); padding: 8px 30px; border-radius: var(--wdtRadius_2X); } .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { display: flex; flex: 1 1 auto; align-items: center; } .product-loop-filters-area-content .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .woocommerce-widget-bg-color { font-size: 0; width: 25px; height: 25px; border-radius: 50%; position: relative; display: block; transition: all .25s ease; } /* Transitions */ .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span, .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } /* Color - Borders */ /* Color - Colors */ .woocommerce .product-loop-sorting .woocommerce-ordering select, .woocommerce .product-layout-controller .product-change-layout li span:before, .woocommerce .product-display-controller .product-change-display li span:before, .woocommerce .product-list-options-controller .product-list-options li span:before { color: rgba(var(--wdtHeadAltColorRgb),0.8); } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots { color: var(--wdtAccentTxtColor); } /* #endregion - Product Listing - Loop Sorting */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots { background-color: var(--wdtPrimaryColor); } .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, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li .page-numbers.dots { border-color: var(--wdtPrimaryColor); } .woocommerce .product-loop-sorting .product-layout-controller .product-change-layout li span.active:before, .woocommerce .product-loop-sorting .product-display-controller .product-change-display li span.active:before, .woocommerce .product-loop-sorting .product-list-options-controller .product-list-options li span.active:before { color: var(--wdtPrimaryColor); } /* #endregion - Accents */ /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { .woocommerce .product-loop-sorting { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .woocommerce .product-loop-sorting > .product-loop-sorting-item-group > .product-loop-sorting-item { display: inline-block; } /* .woocommerce .product-loop-sorting > .product-loop-sorting-item, .woocommerce .product-loop-sorting > .product-loop-sorting-item:first-child, .woocommerce .product-loop-sorting > .product-loop-sorting-item:last-child { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } */ } /*----*****---- << 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; flex: unset !important; } .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: 10px 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; } } /* #endregion - Responsive */ /*--------------------------------------------------------------*/ /* #region - Product Listing Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-style-default:not(.product-padding-content) li.product.product-grid-view .product-details { padding-top: 10px; padding-bottom: 10px; } .woocommerce ul.products.product-style-default li.product .product-details > div.product-title:first-child > h5 { margin-top: 0; } /* #endregion - Product Listing Style */ /*--------------------------------------------------------------*/ /* #region - Secondary Image Hover Effects */ /*--------------------------------------------------------------*/ .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .primary-image img, .woocommerce ul[class*="product-hover-secimage"] li.product.product-with-secondary-image .product-thumb .image .secondary-image img { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } /* Image Hover Effect - ZoomIn -------------------------------------- */ .woocommerce ul.products.product-hover-secimage-zoomin li.product .product-thumb .image .secondary-image { z-index: 1; transform-origin: bottom right; transform: scale(0.52); -webkit-transform: scale(0.52); transition: var(--wdt-Ad-Transition); border: 3px solid var(--wdtAccentTxtColor); overflow: hidden; display: inline-flex; inset: 20px; width: auto; } .woocommerce ul.products.product-hover-secimage-zoomin li.product:hover .product-thumb .image .secondary-image { transform: scale(1); -webkit-transform: scale(1); } .woocommerce ul.products.product-hover-secimage-zoomin li.product .product-thumb .image .secondary-image::before { content: ""; position: absolute; z-index: 1; top: -110%; left: -210%; width: 200%; height: 200%; opacity: 0; transform: rotate(30deg); -webkit-transform: rotate(30deg); pointer-events: none; background: rgba(255, 255, 255, 0.13); background: linear-gradient(to right, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%); } .woocommerce ul.products.product-hover-secimage-zoomin li.product:hover .product-thumb .image .secondary-image::before { opacity: 1; top: -40%; left: -40%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; } /* #endregion - Image Hover Effects */ /*--------------------------------------------------------------*/ /* #region - Product Listing - List View */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product.product-list-view .product-wrapper { 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: center; -ms-flex-align: center; align-items: center; } .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:not(.product-content-alignment-center) li.product.product-list-view .product-wrapper .product-details { 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; } /* Right Thumb */ .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-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; } */ /* #endregion - Product Listing - List View */ /*--------------------------------------------------------------*/ /* #region - Responsive */ /*--------------------------------------------------------------*/ /*----*****---- << Tablet (Landscape) >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:1025px) and (max-width:1280px) { .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-thumb, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-thumb { width: 40% } .woocommerce .page-with-sidebar ul.products li.product.product-list-view .product-wrapper .product-details, .page-with-sidebar .woocommerce ul.products li.product.product-list-view .product-wrapper .product-details { width: 60% } } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:1024px) { .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% } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .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; } /* Right Thumb */ .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; } } /* 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; } } /* #endregion - Responsive *//*--------------------------------------------------------------*/ /* #region - Product Listing - Padding Options */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-padding-content li.product .product-details { padding-left: 0px; padding-right: 0px; padding-top: 30px; padding-bottom: 0px; display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce ul.products.product-padding-content li.product.product-list-view .product-details { padding: 0 0 0 30px; } .woocommerce ul.products.product-padding-content li.product .product-wrapper { padding: 0; } .woocommerce ul.products.product-padding-content li.product .product-thumb .image { margin: 0; } /* #endregion - Product Listing - Padding Options *//*--------------------------------------------------------------*/ /* #region - Product Listing Labels */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-label-circle li.product .product-labels { direction: rtl; right: 10px; top: 10px; -webkit-transition: all .3s ease; transition: all .3s ease; } .woocommerce ul.products.product-label-circle li.product:hover .product-labels { opacity: 0; visibility: hidden; } .woocommerce ul.products.product-label-circle li.product .product-labels > span { display: inline-block; font-weight: var(--wdtFontWeight_Base); height: 42px; line-height: 42px; margin: 2px; padding: 0; min-height: 42px; min-width: 42px; overflow: hidden; vertical-align: middle; width: 42px; border-radius: 50%; } .woocommerce ul.products.product-label-circle li.product .product-labels span span { display: block; height: 100%; } .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); } /* #endregion - Product Listing Labels */ /*--------------------------------------------------------------*/ /* #region - Product Listing - Thumb Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-thumb-alignment-middle li.product .product-thumb-content { align-self: center; text-align: center; } /* Hover Style - IconGroup - Bounce */ .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons a.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons button.button, .woocommerce ul.products.product-icongroup-hover-bounce.product-thumb-iconsgroup-position-horizontal[class*="horizontal-position-middle"] li.product:hover .product-thumb .product-buttons-wrapper.product-icons .button { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* #endregion - Product Listing - Thumb Content Alignment *//*--------------------------------------------------------------*/ /* #region - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ .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 { -webkit-border-radius: 50%; border-radius: 50%; } .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .wc_inline_buttons .wc_btn_inline { margin: 4px; } /* #endregion - Thumb IconsGroup Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-thumb-iconsgroup-style-simple li.product .product-thumb .product-buttons-wrapper.product-icons .button:hover { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); } /* #endregion - Accents *//*--------------------------------------------------------------*/ /* #region - Thumb Button Element Style */ /*--------------------------------------------------------------*/ .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 { background: none !important; color: var(--wdtBodyTxtColor); border-radius: 50%; } .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { background-color: #fafafa; -webkit-box-shadow: 0 0 5px 0 rgba(var(--wdtHeadAltColorRgb),0.25); box-shadow: 0 0 5px 0 rgba(var(--wdtHeadAltColorRgb),0.25); } /* #endregion - Thumb Button Element Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products.product-thumb-buttonelement-style-simple li.product .product-thumb .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: var(--wdtPrimaryColor); } /* #endregion - Accents *//*--------------------------------------------------------------*/ /* #region - Product Content - Element Group */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-element-group-wrapper { clear: both; display: block; float: none; width: auto; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items { display: block; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > div { margin: 0; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > div.product-title h5 { margin: 0 0 6px; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > div:only-child { width: 100%; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper > div:only-child { text-align: inherit; width: 100%; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper > div:nth-child(1):nth-last-child(2) { text-align: left; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a.button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button.button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline .button { text-align: center; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline a.button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline button.button, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > .wc_btn_inline .button { margin-top: 0; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items:empty, .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items > div:not(.product-separator):empty { display: none; } .woocommerce ul.products li.product .product-details .product-element-group-wrapper .product-element-group-items:empty ~ .product-element-group-items { text-align: inherit; width: 100%; } /* #endregion - Product Content - Element Group *//*--------------------------------------------------------------*/ /* #region - Product Listing - Content Button */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons { float: left; width: 100%; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline { display: inline-block; height: auto; line-height: normal; overflow: hidden; vertical-align: bottom; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(1):nth-last-child(2), .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) { margin: 5px; } .woocommerce ul.products li.product .product-details .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-details .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-details .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-details .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-details .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-details .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-details .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-details .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-details .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-details .product-buttons-wrapper.product-button .wc_inline_buttons .wc_btn_inline:nth-child(2):nth-last-child(1) .button { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button { font-size: 0; line-height: 1; margin: 0; padding: 0; height: 40px; width: 40px; margin-top: 0; position: relative; text-align: center; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: var(--wdt-Ad-Transition); transition:var(--wdt-Ad-Transition); } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .add_to_cart_variantbutton:after { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button a.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button button.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper.product-button .button:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .add_to_cart_variantbutton:after { background-color: inherit; border-color: inherit; border-style: inherit; border-width: inherit; font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Base); height: 100%; margin: 0; text-align: center; width: 100%; -webkit-animation: none; animation: none; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) .button { background: none; font-size: var(--wdtFontSize_Base); padding: 0; position: relative; text-transform: capitalize; } .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) .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 .product-buttons-wrapper:not(.product-button):not(.product-icons) a:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) a.button:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) button.button:hover:after, .woocommerce ul.products li.product .product-details .product-buttons-wrapper:not(.product-button):not(.product-icons) .button:hover:after { height: 3px; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .quantity, .woocommerce ul.products li.product .product-details .product-cart-with-quantity .product-button { display: inline-block; padding: 0 3px; vertical-align: top; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) .qty { min-height: 40px; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .quantity:not(.quantity-with-plusminus) > a[class*="arrow"] { right: 15px; } .woocommerce ul.products li.product .product-details .product-cart-with-quantity .product-button .added_to_cart { padding-top: 0; } /* Colors */ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a, .woocommerce ul.products li.product .product-buttons-wrapper.product-button button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .button, .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button { color: var(--wdtAccentTxtColor); } /* #region - Product Listing - Thumb Button *//*--------------------------------------------------------------*/ /* #region - Product Listing - Content Alignment */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-alignment-left li.product .product-details { text-align: left; } /* #endregion - Product Listing - Content Alignment */ /*--------------------------------------------------------------*/ /* #region - Content IconsGroup Style */ /*--------------------------------------------------------------*/ .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 { background: none !important; color: var(--wdtBodyTxtColor); -webkit-border-radius: 50%; border-radius: 50%; } .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .wc_inline_buttons { background-color: rgba(var(--wdtHeadAltColorRgb),0.015); -webkit-box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb),0.15); box-shadow: 1px 1px 1px rgba(var(--wdtHeadAltColorRgb),0.15); } /* #endregion - Content IconsGroup Style */ /*--------------------------------------------------------------*/ /* #region - Accents */ /*--------------------------------------------------------------*/ /* Primary */ .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons a.button:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons button.button:hover, .woocommerce ul.products.product-content-iconsgroup-style-simple li.product .product-details .product-buttons-wrapper.product-icons .button:hover { color: var(--wdtPrimaryColor); } /* #endregion - Accents *//*--------------------------------------------------------------*/ /* #region - Button Element Button */ /*--------------------------------------------------------------*/ .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_simple:after { content: '\e822'; font-family: 'BenHer-addon'; font-size: 1.2rem; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_variable:after, .woocommerce ul.products li.product .product-buttons-wrapper.product-button .add_to_cart_variantbutton:after { content: '\e821'; font-family: 'BenHer-addon'; font-style: normal; font-weight: normal; font-size: 1.3rem;} .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.add_to_cart_button.product_type_simple:after { content: "\e822"; font-family: 'BenHer-addon'; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.added_to_cart.wc-forward:after { content: '\e811'; font-family: 'BenHer-addon'; z-index: 1; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_external:after { content: "\f08e"; font-family: "BenHer Icons"; } .woocommerce ul.products li.product .product-buttons-wrapper.product-button a.button.product_type_grouped:after { content: "\f16b"; font-family: 'BenHer Icons'; } /* #endregion - IconsGroup Button *//*--------------------------------------------------------------*/ /* #region - Product Content Button Element Style */ /*--------------------------------------------------------------*/ .woocommerce ul.products.product-content-buttonelement-style-bgfill-rounded li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline { -webkit-border-radius: 30px; border-radius: 30px; } .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(var(--wdtHeadAltColorRgb),0.075); } .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline a.button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline button.button:hover, .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline .button:hover { color: var(--wdtAccentTxtColor); } /* Accents - Primary */ .woocommerce ul.products[class*="product-content-buttonelement-style-bgfill"] li.product .product-details .product-buttons-wrapper.product-button .wc_btn_inline:hover { background-color: var(--wdtPrimaryColor); } /* #endregion - Product Content Button Element Style */ /*# sourceURL=benher-woo-archive-inline-css */