.woo-products-products--preset-2 .woo-products-product-button {
text-align: center;
}
.woo-products-products--preset-2 .woo-products-products__item .hovered-content {
position: absolute;
bottom: 0;
transition: .3s all ease;
padding: 5px;
width: 100%;
}
.woo-products-products--preset-3 .woo-products-products__item .woo-products-products__item-content {
position: relative;
overflow: hidden;
}
.woo-products-products--preset-4 .woo-products-products__item .woo-products-products__item-content {
position: relative;
}
.woo-products-products--preset-5 .woo-products-products__item {
position: relative;
}
.woo-products-products--preset-5 .woo-products-products__item .hovered-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0;
transition: .3s all ease;
}
.woo-products-products--preset-5 .woo-products-products__item:hover .hovered-content {
opacity: 1;
}
.woo-products-products .woo-products-products__inner-box {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
.woo-products-products .woo-products-products__thumb-wrap {
position: relative;
}
.woo-products-products .woo-products-product-thumbnail {
position: relative;
font-size: 0;
text-align: center;
overflow: hidden;
}
.woo-products-products .woo-products-product-badges {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.woo-products-products .woo-products-product-badge {
font-size: 12px;
line-height: 1;
padding: 5px;
}
.woo-products-products .woo-products-product-badge__sale {
background-color: #fd6d75;
}
.woo-products-products .woo-products-product-price ins {
border: none;
font-style: normal;
}
.woo-products-products .woo-products-product-title {
font-size: 24px;
}
.woo-products-products .woo-products-product-rating {
margin-top: 15px;
}
.woo-products-products .woo-products-product-categories {
margin-top: 15px;
}
.woo-products-products .woo-products-product-button {
margin: 10px 0 10px 0;
}
.woo-products-products .woo-products-product-button.is--default .ajax_add_to_cart.loading {
position: relative;
opacity: 0.25;
padding-right: 30px !important;
}
.woo-products-products .woo-products-product-button.is--default .ajax_add_to_cart.loading::after {
font-family: 'WooCommerce';
content: '\e01c';
vertical-align: top;
font-weight: 400;
position: absolute;
top: 50%;
right: 9px;
margin-top: -9px;
animation: spin 2s linear infinite;
line-height: 1;
font-size: 16px;
}
.woo-products-products .woo-products-product-button.is--default .ajax_add_to_cart.added::after {
font-family: 'WooCommerce';
content: '\e017';
margin-left: 10px;
font-weight: 400;
}
.woo-products-products .woo-products-product-tags ul,
.woo-products-products .woo-products-product-categories ul {
margin: 0;
padding: 0;
}
.woo-products-products .woo-products-product-tags ul > li,
.woo-products-products .woo-products-product-categories ul > li {
list-style: none;
display: inline-block;
}
.woo-products-products .woo-products-product-img-overlay {
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: .3s all ease;
}
.woo-products-products.woo-products-equal-cols .slick-track {
display: flex;
align-items: stretch;
}
.woo-products-products.woo-products-equal-cols .slick-track .woo-products-products__item {
flex: 0 0 auto;
}
.woo-products-products.woo-products-equal-cols .woo-products-products__item {
height: auto;
display: flex;
flex-direction: column;
}
.woo-products-products.woo-products-equal-cols .woo-products-products__item .woo-products-products__inner-content {
flex-grow: 1;
}
.woo-products-products .added_to_cart.wc-forward {
display: none !important;
}
.woo-products-product-thumbnail img {
width: 100%;
}
@media (min-width: 1024px) {
.woo-products-products--preset-2 .woo-products-products__item .hovered-content {
visibility: hidden;
opacity: 0;
}
.woo-products-products--preset-2 .woo-products-products__item:hover .hovered-content {
visibility: visible;
opacity: 1;
}
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-tags,
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-rating,
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-excerpt,
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-price,
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-title,
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-categories {
transform: translateY(0);
opacity: 1;
}
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-categories {
transition: .2s all ease;
}
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-title {
transition: .2s all ease;
transition-delay: .08s;
}
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-price {
transition: .2s all ease;
transition-delay: .1s;
}
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-excerpt {
transition: .2s all ease;
transition-delay: .12s;
}
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-rating {
transition: .2s all ease;
transition-delay: .16s;
}
.woo-products-products--preset-3 .woo-products-products__item .woo-products-product-tags {
transition: .2s all ease;
transition-delay: .2s;
}
.woo-products-products--preset-3 .woo-products-products__item .hovered-content {
position: absolute;
top: 50%;
transform: translateY(0);
width: 100%;
visibility: hidden;
opacity: 0;
transition: .3s all ease;
transition-delay: .0s;
}
.woo-products-products--preset-3 .woo-products-products__item:hover .woo-products-product-price,
.woo-products-products--preset-3 .woo-products-products__item:hover .woo-products-product-title,
.woo-products-products--preset-3 .woo-products-products__item:hover .woo-products-product-tags,
.woo-products-products--preset-3 .woo-products-products__item:hover .woo-products-product-rating,
.woo-products-products--preset-3 .woo-products-products__item:hover .woo-products-product-excerpt,
.woo-products-products--preset-3 .woo-products-products__item:hover .woo-products-product-categories {
transform: translateY(-20px);
opacity: 0;
visibility: hidden;
}
.woo-products-products--preset-3 .woo-products-products__item:hover .hovered-content {
opacity: 1;
visibility: visible;
transform: translateY(-50%);
transition-delay: .3s;
}
.woo-products-products--preset-4 .woo-products-products__item .woo-products-product-excerpt,
.woo-products-products--preset-4 .woo-products-products__item .woo-products-product-button,
.woo-products-products--preset-4 .woo-products-products__item .woo-products-product-rating,
.woo-products-products--preset-4 .woo-products-products__item .woo-products-product-tags {
transform: translateY(50px);
}
.woo-products-products--preset-4 .woo-products-products__item .woo-products-product-excerpt {
transition: .3s all ease;
transition-delay: .1s;
}
.woo-products-products--preset-4 .woo-products-products__item .woo-products-product-button {
transition: .3s all ease;
transition-delay: .15s;
}
.woo-products-products--preset-4 .woo-products-products__item .woo-products-product-rating {
transition: .3s all ease;
transition-delay: .2s;
}
.woo-products-products--preset-4 .woo-products-products__item .woo-products-product-tags {
transition: .3s all ease;
transition-delay: .25s;
}
.woo-products-products--preset-4 .woo-products-products__item .hovered-content {
opacity: 0;
visibility: hidden;
transition: .3s all ease;
}
.woo-products-products--preset-4 .woo-products-products__item:hover .hovered-content {
opacity: 1;
visibility: visible;
}
.woo-products-products--preset-4 .woo-products-products__item:hover .hovered-content .woo-products-product-tags,
.woo-products-products--preset-4 .woo-products-products__item:hover .hovered-content .woo-products-product-rating,
.woo-products-products--preset-4 .woo-products-products__item:hover .hovered-content .woo-products-product-excerpt,
.woo-products-products--preset-4 .woo-products-products__item:hover .hovered-content .woo-products-product-button {
transform: translateY(0);
}
.woo-products-products--preset-5 .woo-products-products__item {
position: relative;
}
.woo-products-products--preset-5 .woo-products-products__item .hovered-content {
visibility: hidden;
}
.woo-products-products--preset-5 .woo-products-products__item:hover .hovered-content {
visibility: visible;
}
} .woo-products-categories .woo-products-category-count__wrap {
display: block;
width: 100%;
}
.woo-products-categories .woo-products-category-count__wrap .woo-products-category-count {
display: inline-block;
}
.woo-products-categories--preset-1 .woo-products-categories-thumbnail__wrap {
position: relative;
}
.woo-products-categories--preset-1 .woo-products-categories-thumbnail__wrap .woo-products-category-count__wrap {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
pointer-events: none;
}
.woo-products-categories--preset-2 .woo-products-categories-content {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
display: block;
max-width: 100%;
padding: 10px 50px;
pointer-events: none;
}
.woo-products-categories--preset-2 .woo-products-category-count {
opacity: 0;
}
.woo-products-categories--preset-2 .woo-products-categories__item:hover .woo-products-category-count {
opacity: 1;
}
.woo-products-categories--preset-3 .woo-products-categories__item .woo-products-categories-title__wrap > * {
display: inline-block;
}
.woo-products-categories--preset-3 .woo-products-categories__item .woo-products-categories-content {
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
display: block;
max-width: 100%;
padding: 10px 50px;
transition: all .3s ease;
pointer-events: none;
}
.woo-products-categories--preset-3 .woo-products-categories__item .woo-products-categories-content .woo-products-category-excerpt {
max-height: 0;
overflow: hidden;
transition: all .2s ease;
}
.woo-products-categories--preset-3 .woo-products-categories__item:hover .woo-products-categories-content .woo-products-category-excerpt {
max-height: 500px;
}
.woo-products-categories--preset-3 .woo-products-categories__item:hover .woo-products-categories-content {
bottom: 50%;
transform: translateY(50%);
}
.woo-products-categories--preset-4 .woo-products-categories__item .woo-products-categories-title__wrap > * {
display: inline-block;
}
.woo-products-categories--preset-4 .woo-products-categories__item .woo-products-categories-content {
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
display: block;
max-width: 100%;
padding: 10px 50px;
transition: all .3s ease;
pointer-events: none;
}
.woo-products-categories--preset-4 .woo-products-categories__item .woo-products-categories-content .woo-products-category-excerpt {
transition: all .2s ease;
}
.woo-products-categories--preset-5 .woo-products-categories-content {
display: flex;
align-items: center;
}
.woo-products-categories--preset-5 .woo-products-categories-content .woo-products-category-content__inner {
flex: 1 1 100%;
}
.woo-products-categories--preset-5 .woo-products-categories-content .woo-products-category-count__wrap {
flex: 0 1 auto;
width: auto;
}
.woo-products-categories .woo-products-categories__inner-box {
position: relative;
overflow: hidden;
}
.woo-products-categories .woo-products-category-thumbnail {
overflow: hidden;
text-align: center;
font-size: 0;
}
.woo-products-categories .woo-products-category-title {
font-size: 18px;
margin-top: 5px;
margin-bottom: 10px;
}
.woo-products-categories .woo-products-category-count {
transition: .2s all ease;
}
.woo-products-categories .woo-products-category-excerpt {
padding: 0 10px;
}
.woo-products-categories .woo-products-category-img-overlay__hover,
.woo-products-categories .woo-products-category-img-overlay {
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.woo-products-categories .woo-products-categories__item .woo-products-category-img-overlay__hover {
opacity: 0;
}
.woo-products-categories .woo-products-categories__item:hover .woo-products-category-img-overlay {
opacity: 0;
}
.woo-products-categories .woo-products-categories__item:hover .woo-products-category-img-overlay__hover {
opacity: 1;
}
.woo-products-categories.woo-products-equal-cols .slick-track {
display: flex;
align-items: stretch;
}
.woo-products-categories.woo-products-equal-cols .slick-track .woo-products-categories__item {
flex: 0 0 auto;
}
.woo-products-categories.woo-products-equal-cols .woo-products-categories__item {
height: auto;
display: flex;
flex-direction: column;
}
.woo-products-categories.woo-products-equal-cols .woo-products-categories__item .woo-products-categories__inner-box {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
box-sizing: border-box;
}
.woo-products-categories.woo-products-equal-cols .woo-products-categories__item .woo-products-categories__inner-content {
flex-grow: 1;
}
.woo-products-category-thumbnail img {
width: 100%;
} .woo-products-products-list {
list-style: none;
margin: 0;
}
.woo-products-products-list .woo-products-product-title {
font-size: 18px;
}
.woo-products-products-list .woo-products-product-rating {
margin: 5px 0 5px 0;
}
.woo-products-products-list .woo-products-products-list__item {
overflow: hidden;
}
.woo-products-products-list .woo-products-product-price ins {
border: none;
font-style: normal;
}
.woo-products-products-list .woo-products-products-list__item-img {
overflow: hidden;
}
.woo-products-products-list .woo-products-product-thumbnail {
font-size: 0;
}
.woo-products-products-list .woo-products-product-thumbnail img {
width: 100%;
}
.woo-products-products-list .woo-products-product-button .button {
margin: 10px 0 10px 0;
}
.woo-products-products-list .woo-products-product-button.is--default .ajax_add_to_cart.loading {
position: relative;
opacity: 0.25;
padding-right: 30px !important;
}
.woo-products-products-list .woo-products-product-button.is--default .ajax_add_to_cart.loading::after {
font-family: 'WooCommerce';
content: '\e01c';
vertical-align: top;
font-weight: 400;
position: absolute;
top: 50%;
right: 9px;
margin-top: -9px;
animation: spin 2s linear infinite;
font-size: 16px;
line-height: 1;
}
.woo-products-products-list .woo-products-product-button.is--default .ajax_add_to_cart.added::after {
font-family: 'WooCommerce';
content: '\e017';
margin-left: 10px;
font-weight: 400;
}
.woo-products-products-list .woo-products-products-list__inner-box {
display: flex;
flex-grow: 1;
width: 100%;
box-sizing: border-box;
}
.woo-products-products-list .woo-products-product-categories ul {
margin: 0;
padding: 0;
}
.woo-products-products-list .woo-products-product-categories ul > li {
list-style: none;
display: inline-block;
}
.woo-products-products-list.products-layout-left .woo-products-products-list__inner-box {
flex-direction: row;
flex-wrap: wrap;
}
.woo-products-products-list.products-layout-right .woo-products-products-list__inner-box {
flex-direction: row-reverse;
flex-wrap: wrap;
}
.woo-products-products-list.products-layout-top .woo-products-products-list__inner-box {
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
.woo-products-products-list .added_to_cart.wc-forward {
display: none !important;
}
.woo-products-products-list__item-content {
overflow: hidden;
display: flex;
flex-direction: column;
}
.woo-products-product-thumbs {
position: relative;
overflow: hidden;
}
.woo-products-product-thumbs img {
transition: all 400ms linear;
}
.woo-products-product-thumbs.effect-slide-bottom, .woo-products-product-thumbs.effect-slide-top, .woo-products-product-thumbs.effect-slide-right, .woo-products-product-thumbs.effect-slide-left {
overflow: hidden;
}
.woo-products-product-thumbs.effect-slide-bottom img + img, .woo-products-product-thumbs.effect-slide-top img + img, .woo-products-product-thumbs.effect-slide-right img + img, .woo-products-product-thumbs.effect-slide-left img + img {
position: absolute;
will-change: transform;
}
.woo-products-product-thumbs.effect-slide-left img + img {
top: 0;
right: 100%;
}
.woo-products-product-thumbs.effect-slide-right img + img {
top: 0;
left: 100%;
}
.woo-products-product-thumbs.effect-slide-top img + img {
bottom: 100%;
right: 0;
}
.woo-products-product-thumbs.effect-slide-bottom img + img {
top: 100%;
right: 0;
}
.woo-products-thumb-with-effect:hover .woo-products-product-thumbs.effect-slide-left img {
transform: translateX(100%);
}
.woo-products-thumb-with-effect:hover .woo-products-product-thumbs.effect-slide-right img {
transform: translateX(-100%);
}
.woo-products-thumb-with-effect:hover .woo-products-product-thumbs.effect-slide-top img {
transform: translateY(100%);
}
.woo-products-thumb-with-effect:hover .woo-products-product-thumbs.effect-slide-bottom img {
transform: translateY(-100%);
}
.woo-products-product-thumbs.effect-fade img {
position: relative;
opacity: 1;
}
.woo-products-product-thumbs.effect-fade img + img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.woo-products-thumb-with-effect:hover .woo-products-product-thumbs.effect-fade img {
opacity: 0;
will-change: opacity;
}
.woo-products-thumb-with-effect:hover .woo-products-product-thumbs.effect-fade img + img {
opacity: 1;
}
.woo-products-product-thumbs.effect-fade-with-zoom img {
position: relative;
opacity: 1;
transition: all .6s ease;
transform: scale(1.1);
will-change: opacity;
}
.woo-products-product-thumbs.effect-fade-with-zoom img + img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transform: scale(1);
}
.woo-products-thumb-with-effect:hover .woo-products-product-thumbs.effect-fade-with-zoom img {
opacity: 0;
will-change: opacity;
transform: scale(1);
}
.woo-products-thumb-with-effect:hover .woo-products-product-thumbs.effect-fade-with-zoom img + img {
opacity: 1;
transform: scale(1.1);
}
.woo-products-carousel-wrap.woo-products-equal-cols .slick-track {
display: flex;
align-items: stretch;
}
.woo-products-carousel-wrap.woo-products-equal-cols .woo-products-carousel__item {
float: none;
height: auto;
display: flex;
flex-direction: column;
}
.woo-products-carousel-wrap.woo-products-equal-cols .woo-products-carousel__item > *:last-child {
flex-grow: 1;
}
.woo-products-carousel-wrap.woo-products-equal-cols .woo-products-carousel__item img {
object-fit: cover;
flex-grow: 1;
}
.woo-products-carousel__item {
padding: 10px;
}
.woo-products-carousel__content {
position: relative;
z-index: 2;
}
.woo-products-carousel .woo-products-arrow {
position: absolute;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 999;
transition: all 200ms linear;
}
.woo-products-carousel .woo-products-arrow:before {
display: block;
width: 100%;
text-align: center;
line-height: 0;
transition: all 200ms linear;
}
.woo-products-carousel .woo-products-arrow.prev-arrow {
left: 0;
}
.woo-products-carousel .woo-products-arrow.next-arrow {
right: 0;
}
.woo-products-carousel .woo-products-slick-dots {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 99;
}
.woo-products-carousel .woo-products-slick-dots li {
padding: 5px;
margin: 0;
list-style: none;
}
.woo-products-carousel .woo-products-slick-dots li span {
transition: all 200ms linear;
display: block;
cursor: pointer;
width: 10px;
height: 10px;
border-radius: 5px;
padding: 0;
text-indent: -10em;
overflow: hidden;
}
.woo-products-carousel .woo-products-slick-dots li span:before {
display: none;
}
.col-row {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.col-row.disable-cols-gap div[class*="col-desk"] {
padding-left: 0;
padding-right: 0;
}
.col-row.disable-rows-gap div[class*="col-desk"] {
padding-top: 0;
padding-bottom: 0;
}
.col-row.slick-slider {
display: block;
}
.col-desk-1, .col-desk-2, .col-desk-3, .col-desk-4, .col-desk-5, .col-desk-6, .col-tab-1, .col-tab-2, .col-tab-3, .col-tab-4, .col-tab-5, .col-tab-6, .col-mob-1, .col-mob-2, .col-mob-3, .col-mob-4, .col-mob-5, .col-mob-6 {
position: relative;
min-height: 1px;
padding: 10px;
box-sizing: border-box;
width: 100%;
}
.col-mob-1 {
flex: 0 0 100%;
max-width: 100%;
}
.col-mob-2 {
flex: 0 0 50%;
max-width: 50%;
}
.col-mob-3 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-mob-4 {
flex: 0 0 25%;
max-width: 25%;
}
.col-mob-5 {
flex: 0 0 20%;
max-width: 20%;
}
.col-mob-6 {
flex: 0 0 16.66666%;
max-width: 16.66666%;
}
@media (min-width: 768px) {
.col-tab-1 {
flex: 0 0 100%;
max-width: 100%;
}
.col-tab-2 {
flex: 0 0 50%;
max-width: 50%;
}
.col-tab-3 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-tab-4 {
flex: 0 0 25%;
max-width: 25%;
}
.col-tab-5 {
flex: 0 0 20%;
max-width: 20%;
}
.col-tab-6 {
flex: 0 0 16.66666%;
max-width: 16.66666%;
}
}
@media (min-width: 1025px) {
.col-desk-1 {
flex: 0 0 100%;
max-width: 100%;
}
.col-desk-2 {
flex: 0 0 50%;
max-width: 50%;
}
.col-desk-3 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-desk-4 {
flex: 0 0 25%;
max-width: 25%;
}
.col-desk-5 {
flex: 0 0 20%;
max-width: 20%;
}
.col-desk-6 {
flex: 0 0 16.66666%;
max-width: 16.66666%;
}
}
.slick-slide [class*="col-"] {
flex: 0 0 100%;
max-width: 100%;
}
.woo-products-product-rating .star {
max-width: 17px;
}
.product-rating__stars {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: 'star';
display: inline-block;
}
.product-rating__stars::before {
content: '\73\73\73\73\73';
color: #e7e8e8;
float: left;
top: 0;
left: 0;
position: absolute;
}
.product-rating__stars span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
color: #fdbc32;
}
.product-rating__stars span::before {
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0;
}