/*--------------------------------------------------------------
# Woo Blocks
--------------------------------------------------------------*/
/**
* Custom Star font.
*/
.wc-block-grid__product .wc-block-grid__product-title {
font-size: 1em;
padding-top: 0.5rem;
font-weight: 500;
margin-bottom:0.5rem;
font-family: var(--global-heading-font-family);
}
.entry-content .wc-block-grid__products {
margin: 0 0 1em;
padding:0;
}
.wp-site-blocks .site-main .entry-content .wc-block-grid {
font-size: 1em;
}
.wc-block-grid .wc-block-grid__products {
margin: 0 0 1em;
padding: 0;
display: grid;
grid-template-columns: minmax(0, 1fr);
column-gap: 2.5rem;
row-gap: 2.5rem;
list-style: none;
.woocommerce-loop-image-link img {
width: 100%;
}
}
.wc-block-grid .wc-block-grid__products:not(.thisisforspecificity), .wc-block-carousel {
.wc-block-grid__product {
border-left: 0;
border-right: 0;
border-bottom: 0;
width: 100%;
max-width: 100%;
flex: 1;
text-align: left;
overflow: hidden;
}
}
.wc-block-carousel .wc-block-grid__product .entry-content-wrap {
padding: 1.5rem;
}
.wc-block-carousel .wc-block-grid__product.product-loop-unboxed {
box-shadow: none;
.entry-content-wrap {
padding: 1rem 0 0;
background: transparent;
}
}
.wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover .wc-block-grid__product-add-to-cart {
width: auto;
position: absolute;
bottom: -2rem;
left: 0;
margin-top: 0;
padding: 0 1rem;
right: 0;
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95);
}
.wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover:hover .wc-block-grid__product-add-to-cart, .wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover:focus-within .wc-block-grid__product-add-to-cart {
bottom: -.8rem;
opacity: 1;
}
.wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover:hover .entry-content-wrap, .wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover:focus-within .entry-content-wrap {
transform: translateY(-2rem);
}
#wrapper .wc-block-grid .wc-block-grid__products .product-loop-boxed .entry-content-wrap, #wrapper .wc-block-grid .wc-block-grid__products .woo-archive-action-on-hover .entry-content-wrap {
padding: 1rem 1rem 1.5rem;
position: relative;
margin: 0 .5em;
border-radius: .25rem;
transition: transform 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95);
}
.has-2-columns {
.wc-block-grid__products {
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
.has-3-columns {
.wc-block-grid__products {
grid-template-columns:repeat(3, minmax(0, 1fr));
}
}
.has-4-columns {
.wc-block-grid__products {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.has-5-columns {
.wc-block-grid__products {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.has-6-columns {
.wc-block-grid__products {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media screen and (max-width: $tablet-minus-query) {
.has-4-columns {
.wc-block-grid__products {
grid-template-columns: 1fr 1fr;
}
}
.has-6-columns {
.wc-block-grid__products {
grid-template-columns: 1fr 1fr 1fr;
}
}
}
@media screen and (max-width: $phone-minus-query) {
.wp-site-blocks .wc-block-grid .wc-block-grid__products {
margin: 0 0 1em;
padding: 0;
display: grid;
grid-template-columns: 1fr;
.wc-block-grid__product {
margin-left: 0;
margin-right:0;
}
}
}
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-image {
margin-bottom: 0;
}
.wc-block-grid .wc-block-grid__product .product-details .wp-block-button {
margin-top: 0;
margin-bottom:0;
margin-left: 0;
margin-right: 0;
}
.wc-block-grid.has-aligned-buttons .wc-block-grid__product .product-details.content-bg.entry-content-wrap {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.wc-block-grid.has-aligned-buttons .wc-block-grid__product .product-details .wp-block-button {
margin-top: auto;
}
.wc-block-grid.has-aligned-buttons .wc-block-grid__product .product-details.content-bg.entry-content-wrap {
padding-bottom: 1.5rem;
}
.wc-block-grid .wc-block-grid__product .entry-content-wrap {
padding: 1.5rem;
}
body.content-style-unboxed .wc-block-grid .wc-block-grid__product .entry-content-wrap, .wc-block-grid .wc-block-grid__product.product-loop-unboxed .entry-content-wrap {
padding: 1rem 0;
background: transparent;
}
body.content-style-unboxed .wc-block-grid .wc-block-grid__product.woo-archive-action-visible .entry-content-wrap, .wc-block-grid .wc-block-grid__product.product-loop-unboxed.woo-archive-action-visible .entry-content-wrap {
padding: 1rem 0 0;
}
.wc-block-grid .wc-block-grid__product.product-loop-unboxed {
background: transparent;
box-shadow: none;
}
.wc-block-grid__product a.wc-block-grid__product-link, .wc-block-grid__product a.wc-block-grid__product-title-link{
text-decoration: none;
color:inherit;
}
.wc-block-grid__product a.wc-block-grid__product-link {
position: relative;
display:block;
}
.wc-block-grid__product:not(.woo-archive-image-hover-none) a.wc-block-grid__product-link {
overflow:hidden;
}
.wc-block-grid__product {
text-align: left;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price {
margin: 0 0 1em;
}
.wc-block-grid__product-price {
font-weight: normal;
font-size: 0.857em;
del {
color: inherit;
opacity: 0.5;
}
ins {
background: none;
font-weight: 700;
}
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale {
min-height: 0;
min-width: 0;
padding: .5em 1em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 1.2;
top: 6px;
right: 6px;
left: auto;
margin: 0;
border-radius: .25rem;
background-color: var(--global-palette-highlight);
color: var(--global-palette-btn);
font-size: 0.857em;
z-index: 9;
border: 0;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart {
color: inherit;
.wp-block-button__link {
.kadence-svg-iconset {
display: inline-flex;
align-self: center;
svg {
top: .125em;
position: relative;
height: 1em;
width: 1em;
}
}
.kadence-spinner-svg, .kadence-check-svg {
display: none;
}
&.loading {
opacity: 0.25;
.kadence-arrow-right-alt-svg {
display:none;
}
.kadence-spinner-svg {
display:block;
animation: spin 2s linear infinite;
}
&::after {
display: none;
}
}
&.added {
font-size: 0;
.kadence-svg-iconset:last-child {
font-size: 1rem;
}
.kadence-arrow-right-alt-svg {
display:none;
}
.kadence-check-svg {
display:block;
font-size: 80%;
}
&::after {
display: none;
}
}
}
a.added_to_cart {
display: inline-flex;
background: transparent;
padding: 0.5em 0;
text-transform: uppercase;
font-weight: bold;
line-height: 1.6;
letter-spacing: .05em;
color: inherit;
text-decoration: none;
font-size: 80%;
}
}
.wc-block-grid__product.woo-archive-btn-button {
.wc-block-grid__product-add-to-cart {
.wp-block-button__link {
color: var(--global-palette-btn);
text-align: center;
display: block;
width: 100%;
transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
&:hover {
color: var(--global-palette-btn-hover);
background: var(--global-palette-btn-bg-hover);
}
}
.wp-block-button__link.added {
height: 0;
overflow: hidden;
}
}
}
.wc-block-grid__product:not( .woo-archive-btn-button ) {
.wc-block-grid__product-add-to-cart {
.wp-block-button__link {
background: transparent;
padding: 0.5em 0;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .05em;
color: inherit;
font-size: 80%;
border: 0;
box-shadow: none;
display: inline-block;
transition: color 0.2s ease;
.kadence-svg-iconset {
margin-left: 0.5em;
}
}
}
}
.wc-block-grid__product .wc-block-grid__product-rating {
float:right;
margin-top: 0;
margin-bottom: 0;
.star-rating {
margin: 0.25em auto 0.25em;
}
}
.wc-block-grid.has-aligned-buttons {
.wc-block-grid__product .wc-block-grid__product-rating {
margin-bottom: 12px;
margin-left: 0;
.star-rating {
margin-left: 0;
}
}
}
.wc-block-grid__product .wc-block-grid__product-rating ~.wc-block-grid__product-price {
padding-right: 5.4em;
}
.wc-block-components-product-rating {
display: flex;
gap: 0.2em;
align-items: center;
}
// This is required to force our override of the star font to work.
body {
.wc-block-grid__product-rating .star-rating, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars, .wc-block-review-list .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars, .wc-block-components-product-rating__stars {
font-family: "star";
display: block;
margin: 0.25em auto 0.25em;
margin-left: 0;
font-size: 1em;
line-height: 1;
height: 1em;
width: 5em;
color: var(--global-palette-highlight);
&:before {
content: "\e900\e900\e900\e900\e900";
color: var(--global-gray-400);
float: left;
top: 0;
left: 0;
opacity: 1;
right: auto;
position: absolute;
}
span {
float: left;
right: auto;
&:before {
content: "\e901\e901\e901\e901\e901";
right: auto;
color:inherit;
}
}
}
}
li.product a .secondary-product-image, .wc-block-grid__product a .secondary-product-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
opacity: 0;
min-width: 100%;
min-height: 100%;
}
.products:not(.woo-archive-image-hover-none) li.product a {
overflow: hidden;
}
// Hover image Fade
.woo-archive-image-hover-fade .woocommerce-loop-product__link .attachment-woocommerce_thumbnail {
transition: opacity 0.3s ease;
}
.woo-archive-image-hover-fade .woocommerce-loop-product__link:hover .attachment-woocommerce_thumbnail {
opacity: 1;
}
// Hover image Zoom
.woo-archive-image-hover-zoom .woocommerce-loop-product__link .attachment-woocommerce_thumbnail {
transform: scale(1);
transition: opacity 0.4s ease,transform 2s cubic-bezier(0,0,.40,1.10);
}
.woo-archive-image-hover-zoom .woocommerce-loop-product__link:hover .attachment-woocommerce_thumbnail {
opacity: 1;
transform: scale(1.07);
}
// Hover Image Slide
.woo-archive-image-hover-slide .woocommerce-loop-product__link .attachment-woocommerce_thumbnail.secondary-product-image {
transform: translate(100%,0);
opacity: 1;
transition: all .4s cubic-bezier(.17,.67,.35,.95);
display: block;
}
.woo-archive-image-hover-slide .woocommerce-loop-product__link .attachment-woocommerce_thumbnail:not(.secondary-product-image) {
transform: translate(0);
transition: all .4s cubic-bezier(.17,.67,.35,.95);
display: block;
}
.woo-archive-image-hover-slide .woocommerce-loop-product__link.product-has-hover-image:hover .attachment-woocommerce_thumbnail:not(.secondary-product-image) {
transform: translate(-100%,0);
}
.woo-archive-image-hover-slide .woocommerce-loop-product__link.product-has-hover-image:hover .attachment-woocommerce_thumbnail.secondary-product-image {
transform: translate(0,0);
}
// Hover Image Flip
.woo-archive-image-hover-flip .woocommerce-loop-product__link .attachment-woocommerce_thumbnail {
perspective: 1000px;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all .5s ease-in-out;
display: block;
}
.woo-archive-image-hover-flip .woocommerce-loop-product__link .attachment-woocommerce_thumbnail.secondary-product-image {
transform: rotateY(180deg);
opacity: 1;
}
.woo-archive-image-hover-flip .woocommerce-loop-product__link .attachment-woocommerce_thumbnail:not(.secondary-product-image) {
transform: rotateY(0deg);
}
.woo-archive-image-hover-flip .woocommerce-loop-product__link.product-has-hover-image:hover .attachment-woocommerce_thumbnail:not(.secondary-product-image) {
transform: rotateY(180deg);
}
.woo-archive-image-hover-flip .woocommerce-loop-product__link.product-has-hover-image:hover .attachment-woocommerce_thumbnail.secondary-product-image {
transform: rotateY(360deg);
}
.wc-block-components-price-slider__range-input-wrapper {
background-color: var(--global-gray-400);
border-radius: 1em;
box-shadow:none;
max-width: calc( 100% - 4px );
margin-left: 2px;
.wc-block-components-price-slider__range-input-progress {
--range-color: var(--global-palette-highlight);
border-radius: 1em;
}
.wc-block-components-price-slider__range-input {
margin: 0;
padding: 0;
border: 0;
outline: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 0;
display: block;
position: relative;
pointer-events: none;
outline: none!important;
position: absolute;
left: 0;
top: 0;
}
}
.wc-block-product-category .product-details .wc-block-grid__product-add-to-cart.wp-block-button .ajax_add_to_cart:after {
display: none;
}
// Mini Cart Block
.wc-block-mini-cart__drawer {
h2.wc-block-mini-cart__title {
font-size:1.4rem;
margin: 1.6rem 1.6rem -2.2rem;
padding: 0 0 2.2rem;
}
.wc-block-mini-cart__items {
padding: 1rem 1.6rem 0;
}
.wc-block-components-drawer__close {
box-shadow: none;
}
.wc-block-mini-cart__footer {
padding: 1.6rem;
&:after {
color: var(--global-palette6);
}
}
}
table.wc-block-cart-items .wc-block-components-product-name {
text-decoration: none;
color: inherit;
font-weight:bold;
&:hover {
text-decoration:underline;
}
}
.wc-block-mini-cart .wc-block-mini-cart__button {
box-shadow: none;
border-radius: 0;
padding: 0.5rem;
background: transparent;
border:0;
&:hover, &:focus {
color:inherit;
box-shadow: none;
background: transparent;
}
}