@media screen and (min-width: 767px) {
.varia-slider--container {
margin: 24px auto !important;
}
}
.varia-slider--container .varia-slider-container--item {
text-decoration: none;
}
.varia-slider--container .varia-slider-container--item .varia-slider-container-item--bg-img {
display: block;
background-size: cover;
}
.varia-slider-container--wrapper img {
max-width: 250px;
object-fit: contain;
padding: 0 80px 55px 0;
}
.varia-slider-container--wrapper {
display: flex;
justify-content: space-between;
align-items: end;
min-height: 63dvh;
}
.varia-slider-container--descrption {
max-width: 520px;
padding: 36px 48px;
background-color: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 600px) {
.varia-slider-container--wrapper {
min-height: 50dvh;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 26px;
background: rgba(0, 0, 0, 0.5);
}
.varia-slider-container--descrption {
padding: 12px 24px;
}
.varia-slider-container--wrapper img { }
}
.varia-slider-container--descrption p {
color: var(--color-white);
margin-bottom: 0;
} body.archive .varia-banner-icons--container {
margin-bottom: 48px;
}
.varia-banner-icons--container {
background-color: var(--color-primary);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 200px;
padding: 50px 20px 36px 20px;
}
.varia-banner-icons--item {
flex: 0 1 310px;
display: flex;
gap: 24px;
}
.varia-banner-icons--item h3 {
color: var(--color-white);
font-size: var(--text-base);
font-weight: 400;
line-height: 1.5em;
text-transform: uppercase;
padding-bottom: 5px;
}
.varia-banner-icons--item p {
color: var(--color-white);
font-size: var(--text-base);
line-height: 1.7em;
}
@media screen and (max-width: 1400px) {
.varia-banner-icons--container {
gap: 60px;
padding: 36px 20px 36px 20px;
}
}
@media screen and (max-width: 1150px) {
.varia-banner-icons--container {
gap: 36px;
justify-content: flex-start;
}
}
@media screen and (max-width: 767px) {
.varia-banner-icons--section {
padding: unset !important;
}
.varia-banner-icons--container {
gap: 24px;
justify-content: flex-start;
}
.varia-banner-icons--item {
flex-direction: column;
flex-basis: 45%;
gap: 16px;
}
.varia-banner-icons--item h3,
.varia-banner-icons--item p {
font-size: 14px;
}
.varia-banner-icons--item svg {
width: 30px;
height: 30px;
}
} .varia-banner-bora-shop--section {
min-height: 400px;
background-size: cover;
}
.varia-banner-bora-shop--container {
display: flex;
align-items: center;
padding: var(--space-12) 20px;
}
.varia-banner-bora-shop--section h3 {
font-size: var(--text-3xl);
font-weight: 200;
line-height: 1.5;
color: var(--color-secondary);
}
.varia-banner-bora-shop--section p {
max-width: 700px;
font-size: var(--text-xl);
font-weight: 400;
line-height: 1.4;
color: var(--color-white);
}
.varia-banner-bora-shop--section a {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
background-color: var(--color-white);
color: var(--color-primary) !important;
border: 1px solid #707070;
border-radius: 2px;
font-size: var(--text-base);
font-weight: 400;
min-height: 50px;
max-width: 234px;
}
.varia-banner-bora-shop--section a:hover {
background-color: var(--color-secondary);
color: var(--color-text) !important;
}
.varia-featured-slider ul.products {
display: block !important;
}
.varia-featured-slider ul.products .slick-track {
display: flex;
}
.varia-featured-slider ul.products li.product {
float: unset !important;
} .pwb-brands-cols-outer {
justify-content: center;
margin: 60px auto 36px auto;
gap: 60px !important;
}
.pwb-brands-cols-outer > div {
width: unset !important;
}
.pwb-brands-cols-outer img {
max-width: 150px;
width: 100%;
}
.pwb-brands-cols-outer p {
display: none;
}
.pwb-all-brands .pwb-pagination-wrapper {
margin-top: 0 !important;
border-top-color: transparent !important;
} .varia-single-product-page--badges {
margin: 16px 0 24px 0;
}
.varia-singel-product-badges-container:empty {
display: none;
}
.varia-singel-product-badges-container {
max-width: 536px;
min-height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--color-white);
border-radius: 2px;
overflow: hidden;
}
.varia-singel-product-badges-container--wrapper {
flex: 1;
display: flex;
align-items: center;
background-color: var(--color-text);
min-height: 40px;
}
.varia-singel-product-saving-percentega {
color: var(--color-secondary);
font-size: var(--text-xl);
font-weight: var(--font-bold);
margin-left: 26px;
}
.varia-singel-product-amount-saved {
margin-left: 10px;
font-size: var(--text-lg);
}
.varia-singel-product-amount-saved .woocommerce-Price-amount {
font-size: 20px;
font-weight: var(--font-bold);
}
.varia-novo-product-badge {
min-width: 80px;
min-height: 40px;
background-color: var(--color-secondary);
color: var(--color-primary);
font-size: var(--text-lg);
display: flex;
justify-content: center;
align-items: center;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.single-product-page--single-add-to-cart .single_add_to_cart_button.button {
background-color: var(--color-primary) !important;
border-color: var(--color-primary) !important;
}
.single-product-page--single-add-to-cart .single_add_to_cart_button.button:before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.999" viewBox="0 0 24 19.999"><g transform="translate(0 -4)"><path d="M19.09,19H10.1a2.907,2.907,0,0,1-2.8-2.07l-3.04-10.3A.9.9,0,0,0,3.382,6H1A1,1,0,1,1,1,4H3.382a2.905,2.905,0,0,1,2.8,2.07L6.748,8H22.042a1.972,1.972,0,0,1,1.583.795,1.889,1.889,0,0,1,.288,1.7L21.85,17.038A2.9,2.9,0,0,1,19.09,19Zm2.953-9h.01Z" fill="%23fbc000"/><path d="M11,24a2,2,0,1,1,2-2A2,2,0,0,1,11,24Zm0-2h0Z" transform="translate(0 -0.001)" fill="%23fbc000"/><path d="M18,24a2,2,0,1,1,2-2A2,2,0,0,1,18,24Zm0-2h0Z" transform="translate(-0.001 -0.001)" fill="%23fbc000"/></g></svg>') !important;
}
.single-product-page--single-add-to-cart .single_add_to_cart_button.button:hover {
background-color: var(--color-secondary) !important;
color: var(--color-text);
}
.single-product-page--single-add-to-cart .single_add_to_cart_button.button:hover:before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.999" viewBox="0 0 24 19.999"><g transform="translate(0 -4)"><path d="M19.09,19H10.1a2.907,2.907,0,0,1-2.8-2.07l-3.04-10.3A.9.9,0,0,0,3.382,6H1A1,1,0,1,1,1,4H3.382a2.905,2.905,0,0,1,2.8,2.07L6.748,8H22.042a1.972,1.972,0,0,1,1.583.795,1.889,1.889,0,0,1,.288,1.7L21.85,17.038A2.9,2.9,0,0,1,19.09,19Zm2.953-9h.01Z" fill="%23000"/><path d="M11,24a2,2,0,1,1,2-2A2,2,0,0,1,11,24Zm0-2h0Z" transform="translate(0 -0.001)" fill="%23000"/><path d="M18,24a2,2,0,1,1,2-2A2,2,0,0,1,18,24Zm0-2h0Z" transform="translate(-0.001 -0.001)" fill="%23000000"/></g></svg>') !important;
} ul.products li.product,
.product-priporca-wrapper li.product {
border: 1px solid var(--color-border);
}
.varia-shop-products h1.site-title {
font-size: var(--text-3xl);
font-weight: 300;
text-align: center;
}
.varia-shop-products .varia-shop-products--subtitle h2 {
font-size: var(--text-base);
font-weight: 300;
text-align: center;
} .webtimloop-item {
position: relative;
}
.varia-shop-products .varia-singel-product-badges-container,
.product-priporca-container--wrapper .varia-singel-product-badges-container,
.varia-container-product-archive .varia-singel-product-badges-container {
max-width: 250px !important;
width: 100%;
min-height: 28px;
position: absolute;
}
.varia-shop-products .varia-singel-product-badges-container--wrapper,
.varia-shop-products .varia-novo-product-badge,
.product-priporca-container--wrapper .varia-singel-product-badges-container--wrapper,
.product-priporca-container--wrapper .varia-novo-product-badge,
.varia-container-product-archive .varia-singel-product-badges-container--wrapper,
.varia-container-product-archive .varia-novo-product-badge {
min-height: 28px;
}
.varia-shop-products .varia-singel-product-badges-container span,
.varia-shop-products .varia-singel-product-badges-container .varia-novo-product-badge,
.product-priporca-container--wrapper .varia-singel-product-badges-container span,
.product-priporca-container--wrapper .varia-singel-product-badges-container .varia-novo-product-badge,
.varia-container-product-archive .varia-singel-product-badges-container span,
.varia-container-product-archive .varia-singel-product-badges-container .varia-novo-product-badge {
font-size: var(--text-xs);
}
.varia-shop-products .varia-singel-product-saving-percentega,
.product-priporca-container--wrapper .varia-singel-product-saving-percentega,
.varia-container-product-archive .varia-singel-product-saving-percentega {
margin-left: 12px;
}
.varia-shop-products ul.products {
justify-content: center;
padding: 36px 20px;
}
.single-product-page--sku.in-loop h4 {
font-size: 14px;
font-weight: 400;
}
@media screen and (min-width: 1024px) {
.varia-shop-products ul.products li {
max-width: 250px !important;
margin-right: 2% !important;
margin-bottom: 2%;
}
}
@media screen and (max-width: 850px) {
ul.products.columns-5 li.webtimloop-item {
width: 45% !important;
}
}
@media screen and (max-width: 768px) {
ul.products.columns-5 li.webtimloop-item {
width: 100% !important;
}
ul.products.columns-5 li.webtimloop-item {
margin-bottom: 24px;
}
.product_type_simple.add_to_cart_button {
background-color: transparent !important;
border: none !important;
}
} .varia-product-data-wrapper {
padding: 10px 20px;
}
.varia-product-data-wrapper a {
text-decoration: none;
}
.varia-product-data-wrapper .webtimloop-item--title h3 {
font-size: var(--text-base);
font-weight: 500;
line-height: 1.3em;
min-height: 115px;
padding-bottom: 60px;
padding-top: 10px;
}
.webtimloop-item--bottom .webtimloop-item--price {
border-top: 1px dashed #ece9e4;
padding-top: 10px;
min-height: 41px;
}
.webtimloop-item--bottom .webtimloop-item--price .price:has(ins) {
display: flex;
gap: 20px;
justify-content: flex-start;
}
.webtimloop-item--bottom .webtimloop-item--price .price:has(ins) del {
color: var(--color-text);
font-size: var(--text-base);
font-weight: 300;
}
.webtimloop-item--bottom .webtimloop-item--price .price {
font-size: var(--text-xl);
font-weight: 500;
color: var(--color-secondary);
}
.webtimloop-item--bottom .webtimloop-item--price .price ins {
background-color: transparent;
} .webtimloop-item--add-to-cart {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 5px 0;
border-radius: 2px;
}
.webtimloop-item--bottom .webtimloop-item--add-to-cart {
background-color: var(--color-text);
font-size: var(--text-xs);
text-align: center;
margin-top: 10px;
}
.webtimloop-item--bottom .webtimloop-item--add-to-cart .add_to_cart_button.added {
display: none;
}
.webtimloop-item--bottom .webtimloop-item--add-to-cart .added_to_cart.wc-forward {
color: var(--color-white);
}
.webtimloop-item--bottom .webtimloop-item--add-to-cart:hover {
background-color: var(--color-secondary);
}
.webtimloop-item--bottom .webtimloop-item--add-to-cart:before {
content: "";
height: 22px;
width: 23px;
display: inline-flex;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.999" viewBox="0 0 24 19.999"><g transform="translate(0 -4)"><path d="M19.09,19H10.1a2.907,2.907,0,0,1-2.8-2.07l-3.04-10.3A.9.9,0,0,0,3.382,6H1A1,1,0,1,1,1,4H3.382a2.905,2.905,0,0,1,2.8,2.07L6.748,8H22.042a1.972,1.972,0,0,1,1.583.795,1.889,1.889,0,0,1,.288,1.7L21.85,17.038A2.9,2.9,0,0,1,19.09,19Zm2.953-9h.01Z" fill="%23fbc000"/><path d="M11,24a2,2,0,1,1,2-2A2,2,0,0,1,11,24Zm0-2h0Z" transform="translate(0 -0.001)" fill="%23fbc000"/><path d="M18,24a2,2,0,1,1,2-2A2,2,0,0,1,18,24Zm0-2h0Z" transform="translate(-0.001 -0.001)" fill="%23fbc000"/></g></svg>') !important;
background-repeat: no-repeat;
color: #fff;
transition: all var(--transition-time);
}
li.outofstock .webtimloop-item--add-to-cart:before {
display: none;
}
.webtimloop-item--bottom .webtimloop-item--add-to-cart:hover:before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19.999" viewBox="0 0 24 19.999"><g transform="translate(0 -4)"><path d="M19.09,19H10.1a2.907,2.907,0,0,1-2.8-2.07l-3.04-10.3A.9.9,0,0,0,3.382,6H1A1,1,0,1,1,1,4H3.382a2.905,2.905,0,0,1,2.8,2.07L6.748,8H22.042a1.972,1.972,0,0,1,1.583.795,1.889,1.889,0,0,1,.288,1.7L21.85,17.038A2.9,2.9,0,0,1,19.09,19Zm2.953-9h.01Z" fill="%23000000"/><path d="M11,24a2,2,0,1,1,2-2A2,2,0,0,1,11,24Zm0-2h0Z" transform="translate(0 -0.001)" fill="%23000000"/><path d="M18,24a2,2,0,1,1,2-2A2,2,0,0,1,18,24Zm0-2h0Z" transform="translate(-0.001 -0.001)" fill="%23000"/></g></svg>') !important;
background-repeat: no-repeat;
}
.webtimloop-item--bottom .webtimloop-item--add-to-cart:hover a {
color: var(--color-text) !important;
}
.product-priporca-container--wrapper {
margin: var(--space-12) auto;
}
.product-priporca-container--wrapper h2 {
font-size: var(--text-3xl);
font-weight: 300;
text-align: center;
padding-bottom: var(--space-10);
line-height: 1.5;
} .product-priporca-wrapper li {
list-style: none;
margin-right: 25px; }
@media screen and (max-width: 767px) {
.product-priporca-wrapper li {
margin-right: 0;
}
} .woocommerce-info {
background-color: transparent !important;
}
.woocommerce-notices-wrapper:not(:empty) {
background-color: #ece9e4 !important;
max-width: 530px;
margin-left: auto;
margin-right: 0;
padding: 26px 16px;
}
.woocommerce-notices-wrapper div {
display: flex;
flex-direction: column-reverse;
}
.woocommerce-notices-wrapper div a {
color: var(--color-white);
background-color: var(--color-primary);
padding: 7px 16px;
border-radius: 2px;
text-decoration: none;
width: fit-content;
margin-top: 16px;
}
.woocommerce-notices-wrapper div a:hover {
background-color: var(--color-secondary);
color: var(--color-text);
} .woocommerce-pagination .page-numbers {
max-width: var(--container-3xl);
display: flex;
flex-wrap: wrap;
justify-content: center !important;
margin: 0 auto;
list-style: none;
}
.woocommerce-pagination .page-numbers li .current {
border: 1px solid #ece9e4;
background-color: var(--color-secondary);
color: var(--color-text) !important;
}
.woocommerce-pagination .page-numbers li {
border: none !important;
}
.woocommerce-pagination .page-numbers li:first-child span {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.woocommerce-pagination .page-numbers li:last-child a {
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
padding: var(--space-1) var(--space-3);
border: 1px solid #ece9e4;
text-decoration: none;
color: var(--color-text) !important;
}
.woocommerce-pagination .page-numbers li a:hover {
background-color: var(--color-secondary);
border: 1px solid #ece9e4;
} .shipping-calculator-button {
display: none;
}
@media screen and (max-width: 767px) {
#order_review.woocommerce-checkout-review-order {
float: none !important;
}
}