.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li:not(:first-child) img {
display: none;
}
.wc-block-grid__product {
position: relative;
height: fit-content;
}
.wc-block-grid__product:hover > .wc-block-grid__product-add-to-cart {
opacity: 1;
transform: translate(-50%, -18px);
}
.wc-block-grid__product a {
text-decoration: none;
}
.wc-block-grid__product a:hover {
text-decoration: underline;
}
.wc-block-grid__product .wc-block-grid__product-title {
text-align: left;
margin-top: 16px;
font-size: 18px;
margin-bottom: 0;
line-height: 1.7;
}
.wc-block-grid__product .wc-block-grid__product-title a {
text-decoration: none;
}
.wc-block-grid__product .wc-block-grid__product-title a:hover {
text-decoration: underline;
}
.wc-block-grid__product .wc-block-grid__product-rating ~ .wc-block-grid__product-add-to-cart {
bottom: 100px;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart {
text-align: left;
font-size: var(--wp--preset--font-size--small);
margin-bottom: 0;
opacity: 0;
transform: translate(-50%, 0%);
position: absolute;
bottom: 80px;
left: 50%;
padding: 0 16px;
width: 100%;
transition: all 0.3s ease-in;
display: flex;
flex-direction: column-reverse;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart .add_to_cart_button:hover,
.wc-block-grid__product .wc-block-grid__product-add-to-cart button:hover {
background-color: var(--wp--preset--color--primary);
text-decoration: none;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart .added_to_cart {
padding: 8px 20px;
width: 100%;
padding-top: 12px;
display: inline-flex;
font-size: 1em;
justify-content: center;
margin: 0 0 10px 0;
padding: 8px 20px;
text-align: center;
white-space: normal;
padding-bottom: 12px;
border-radius: 0;
border: none;
line-height: 1.7;
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
}
.wc-block-grid__products {
row-gap: 32px;
column-gap: 32px;
margin: 0;
}
.wc-block-grid__products .wc-block-grid__product {
border: 0;
}
.wp-block-button .wp-block-button__link:visited {
color: var(--wp--preset--color--color-6);
}
.wp-block-button .wp-block-button__link:hover {
color: var(--wp--preset--color--color-6) !important;
text-decoration: none;
background-color: var(--wp--preset--color--primary) !important;
}
.wc-block-grid__products .wc-block-grid__product-image img {
width: 100%;
}
.wc-block-pagination button.wc-block-pagination-page {
border-radius: 0;
margin: 8px;
width: 48px;
height: 48px;
background-color: var(--wp--preset--color--color-1);
}
.wc-block-pagination button.wc-block-pagination-page.wc-block-pagination-page--active {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
}
.wc-block-grid .wc-block-sort-select .wc-block-sort-select__select {
padding: 20px 30px;
font-size: var(--wp--preset--font-size--small);
border-color: var(--wp--preset--color--color-5);
border-radius: 0;
color: var(--wp--preset--color--base);
appearance: none;
background: transparent;
background-image: url(https://bgross-shop.it/wp-content/themes/vastra/assets/images/downarrow.png);
background-repeat: no-repeat;
background-position-x: 98%;
background-position-y: 24px;
background-size: 16px;
width: 100%;
}
.wc-block-grid .wc-block-sort-select__label {
margin: 0px;
}
.wc-block-grid__product-rating .star-rating {
margin: unset;
}
.wc-block-grid__product-rating .star-rating span:before {
color: var(--wp--preset--color--color-3);
}
@media screen and (max-width: 37.5em) {
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-title,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-price,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-rating {
margin-left: 20px;
}
.wc-block-grid.has-6-columns .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-3-columns .wc-block-grid__product, .wc-block-grid.has-2-columns .wc-block-grid__product {
max-width: 100%;
flex-basis: 100%;
}
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-rating {
margin: 0;
}
@media screen and (min-width: 37.5em) {
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-title,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-price,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-rating {
margin-left: 20px;
}
.wc-block-grid.vastra-gap-zero .wc-block-grid__products {
column-gap: 0;
row-gap: 40px;
}
.wc-block-grid.vastra-gap-zero.has-6-columns .wc-block-grid__product, .wc-block-grid.vastra-gap-zero.has-5-columns .wc-block-grid__product, .wc-block-grid.vastra-gap-zero.has-4-columns .wc-block-grid__product, .wc-block-grid.vastra-gap-zero.has-3-columns .wc-block-grid__product {
max-width: 50%;
flex-basis: 50%;
}
}
@media screen and (min-width: 48em) {
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-title,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-price,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-rating {
margin-left: 20px;
}
.wc-block-grid.vastra-gap-zero .wc-block-grid__products {
column-gap: 0;
row-gap: 40px;
}
.wc-block-grid.vastra-gap-zero.has-6-columns .wc-block-grid__product {
max-width: 33.33%;
flex-basis: 33.33%;
}
.wc-block-grid.vastra-gap-zero.has-5-columns .wc-block-grid__product, .wc-block-grid.vastra-gap-zero.has-4-columns .wc-block-grid__product, .wc-block-grid.vastra-gap-zero.has-3-columns .wc-block-grid__product, .wc-block-grid.vastra-gap-zero.has-2-columns .wc-block-grid__product {
max-width: 33.33%;
flex-basis: 33.33%;
}
}
@media screen and (min-width: 62em) {
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-title,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-price,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-rating {
margin-left: 20px;
}
.wc-block-grid.vastra-gap-zero .wc-block-grid__products {
column-gap: 0;
row-gap: 40px;
}
.wc-block-grid.vastra-gap-zero.has-6-columns .wc-block-grid__product {
max-width: 25%;
}
.wc-block-grid.vastra-gap-zero.has-5-columns .wc-block-grid__product {
max-width: 25%;
}
.wc-block-grid.vastra-gap-zero.has-4-columns .wc-block-grid__product {
max-width: 25%;
}
}
@media screen and (min-width: 75em) {
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-title,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-price,
.wc-block-grid.vastra-gap-zero .wc-block-grid__product-rating {
margin-left: 20px;
}
.wc-block-grid.vastra-gap-zero .wc-block-grid__products {
column-gap: 0;
row-gap: 40px;
}
.wc-block-grid.vastra-gap-zero.has-6-columns .wc-block-grid__product {
max-width: 16.66%;
}
.wc-block-grid.vastra-gap-zero.has-5-columns .wc-block-grid__product {
max-width: 20%;
}
.wc-block-grid.vastra-gap-zero.has-4-columns .wc-block-grid__product {
max-width: 25%;
}
.wc-block-grid.vastra-gap-zero.has-3-columns .wc-block-grid__product {
max-width: 33.33%;
flex-basis: 33.33%;
}
.wc-block-grid.vastra-gap-zero.has-2-columns .wc-block-grid__product {
max-width: 50%;
flex-basis: 50%;
}
}
@media screen and (min-width: 37.5em) {
.wc-block-grid.has-6-columns .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-3-columns .wc-block-grid__product {
max-width: calc(50% - 16px);
flex-basis: 50%;
}
}
@media screen and (min-width: 48em) {
.wc-block-grid.has-6-columns .wc-block-grid__product {
max-width: calc(33.39% - 22px);
flex-basis: 33%;
}
.wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-3-columns .wc-block-grid__product, .wc-block-grid.has-2-columns .wc-block-grid__product {
max-width: calc(33.39% - 22px);
flex-basis: 33%;
}
}
@media screen and (min-width: 62em) {
.wc-block-grid.has-6-columns .wc-block-grid__product {
max-width: calc(25% - 24px);
}
.wc-block-grid.has-5-columns .wc-block-grid__product {
max-width: calc(25% - 24px);
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
max-width: calc(25% - 24px);
}
}
@media screen and (min-width: 75em) {
.wc-block-grid.has-6-columns .wc-block-grid__product {
max-width: calc(16.69% - 27px);
}
.wc-block-grid.has-5-columns .wc-block-grid__product {
max-width: calc(20.034% - 27px);
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
max-width: calc(25% - 24px);
}
.wc-block-grid.has-3-columns .wc-block-grid__product {
max-width: calc(33.39% - 23px);
flex-basis: 33.39%;
}
.wc-block-grid.has-2-columns .wc-block-grid__product {
max-width: calc(50% - 16px);
flex-basis: 50%;
}
}
@media (min-width: 481px) and (max-width: 600px) {
.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(odd), .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(odd), .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd), .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd), .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 0;
padding-left: 0;
margin: 0;
}
.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n), .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n), .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n), .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n) {
padding-left: 0;
padding-right: 0;
margin: 0;
}
}
.woocommerce .woocommerce-products-header .woocommerce-products-header__title {
text-align: center;
margin-bottom: 60px;
}
.woocommerce.woocommerce-page ul li.product .price {
font-family: var(--wp--preset--font-family--archivo);
}
.woocommerce.woocommerce-page ul li.product .price del {
color: var(--wp--preset--color--base);
}
.woocommerce.woocommerce-page ul li.product .price del .woocommerce-Price-amount {
font-size: var(--wp--preset--font-size--medium);
color: var(--wp--preset--color--base);
}
.woocommerce.woocommerce-page ul li.product .woocommerce-loop-product__title {
font-size: var(--wp--preset--font-size--medium);
text-decoration: none;
margin-top: 16px;
font-family: var(--wp--preset--font-family--archivo);
line-height: 1.5;
}
.woocommerce.woocommerce-page ul li.product .woocommerce-loop-product__title:hover {
text-decoration: underline;
}
.woocommerce.woocommerce-page ul li.product .onsale {
left: 0;
top: 16px;
right: auto;
padding: 0.5875em 0.75em;
min-height: 0;
line-height: 1.2;
border-radius: 0;
font-size: var(--wp--preset--font-size--small);
background-color: var(--wp--preset--color--color-2);
}
.woocommerce .woocommerce-result-count {
margin-bottom: 0px;
margin-top: 1em;
width: calc(782px + 100vw - 1024px);
float: left;
}
.woocommerce .woocommerce-ordering {
margin-bottom: 60px;
}
.woocommerce .woocommerce-ordering .orderby {
padding: 8px 16px;
font-size: var(--wp--preset--font-size--small);
border-color: var(--wp--preset--color--color-5);
border-radius: 0;
color: var(--wp--preset--color--base);
appearance: none;
background: transparent;
background-image: url(https://bgross-shop.it/wp-content/themes/vastra/assets/images/downarrow.png);
background-repeat: no-repeat;
background-position: top 50% right 1em;
background-size: 16px;
}
.entry-meta,
.ws-wc-filter,
.page-numbers {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.page-numbers {
justify-content: center;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
border: none;
}
.page-numbers a,
.page-numbers span {
display: block;
}
.page-numbers li {
margin: 4px;
border-radius: 0;
}
.page-numbers li a {
text-decoration: none;
background-color: var(--wp--preset--color--color-1);
}
.page-numbers li:hover > a {
text-decoration: underline;
color: var(--wp--preset--color--black);
background-color: var(--wp--preset--color--color-1);
}
.page-numbers li:hover svg {
fill: #FFF;
}
.page-numbers li:first-child {
margin-left: 0;
}
.page-numbers li:last-child {
margin-right: 0;
}
.page-numbers li > a, .page-numbers li > span {
line-height: 2.4em;
padding: 6px;
width: 2.5em;
height: 2.5em;
border-radius: 0;
line-height: 1.9;
color: var(--wp--preset--color--black);
background-color: var(--wp--preset--color--color-1);
}
.page-numbers li .prev,
.page-numbers li .next {
display: flex;
justify-content: center;
}
.page-numbers li .prev svg,
.page-numbers li .next svg {
width: 24px;
}
.page-numbers .current {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
}
.page-numbers .current:hover {
cursor: pointer;
}
.woocommerce-shop .woocommerce-breadcrumb {
display: none;
}
.woocommerce-shop .woocommerce-pagination {
margin-top: 100px;
margin-bottom: 100px;
}
.woocommerce-loop-product__link:has(.star-rating) ~ .add_to_cart_button {
bottom: 90px;
}
.woocommerce-loop-product__link:has(.star-rating) ~ .added_to_cart {
bottom: 155px;
}
@media screen and (min-width: 87em) {
.woocommerce .woocommerce-result-count {
width: 80%;
}
}
@media screen and (max-width: 37.5em) {
.woocommerce .woocommerce-result-count {
margin-bottom: 30px;
margin-top: 1em;
width: unset;
float: none;
}
.woocommerce .woocommerce-ordering .orderby {
width: inherit;
}
} .ws-sticky-panel {
position: fixed;
top: var(--admin-bar, 0);
left: 0;
right: 0;
bottom: unset;
transform: translateY(-100%);
border-bottom: 2px solid var(--wp--preset--color--primary);
box-shadow: 3px 0 20px rgba(0, 0, 0, 0.05);
background-color: var(--wp--preset--color--color-6);
padding: 1em 0;
transition: transform 0.3s ease-in-out;
z-index: 99;
}
.ws-sticky-panel.show {
transform: translateY(0);
}
.ws-sticky-panel .ws-container {
display: flex;
place-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.ws-sticky-panel .ws-continue-shopping {
margin-right: auto;
display: none;
}
.ws-sticky-panel .ws-item-added {
font-size: 1.4rem;
margin-bottom: 0.25em;
}
.ws-sticky-panel .ws-cart-data {
font-size: 1.4rem;
font-weight: 500;
}
.ws-sticky-panel .ws-cart-data .amount {
color: var(--wp--preset--color--primary);
}
.ws-sticky-panel .ws-checkout-btn a {
color: var(--wp--preset--color--color-6);
}
.ws-sticky-panel-add-to-cart img {
width: 50px;
height: auto;
}
.ws-sticky-panel-add-to-cart .ws-product-title {
margin-right: auto;
margin-left: 0.5em;
font-weight: 500;
}
.ws-sticky-panel-add-to-cart .price {
margin: 0;
font-size: 1.4rem;
align-items: flex-end;
flex-direction: column;
}
.ws-sticky-panel-add-to-cart .cart {
display: flex;
place-items: center;
}
.ws-sticky-panel-add-to-cart .quantity {
display: none;
width: 70px;
margin-right: 1em;
}
.ws-sticky-panel-add-to-cart .qty {
width: 100%;
height: 100%;
padding: 1em;
}
.ws-sticky-panel-add-to-cart .ws-product-price {
margin-right: 1em;
}
.ws-sticky-panel-add-to-cart .button {
padding: 0.5em;
font-size: 1.4rem;
}
.ws-sticky-panel-add-to-cart .group_table {
display: none;
}
@media screen and (min-width: 37.5em) {
.ws-sticky-panel {
top: var(--admin-bar, 0);
bottom: unset;
transform: translateY(-100%);
border-bottom: 2px solid var(--wp--preset--color--primary);
border-top: 0;
}
.ws-sticky-panel .ws-container {
justify-content: start;
}
.ws-sticky-panel .ws-continue-shopping {
display: block;
}
.ws-sticky-panel .ws-checkout-btn {
margin-left: 1em;
}
.ws-sticky-panel-add-to-cart .quantity {
display: block;
}
.ws-sticky-panel-add-to-cart .ws-product-title {
margin-left: 1em;
}
.ws-sticky-panel-add-to-cart .price {
font-size: unset;
align-items: center;
flex-direction: unset;
}
.ws-sticky-panel-add-to-cart .ws-product-price {
margin-right: 1em;
}
.ws-sticky-panel-add-to-cart .button {
padding: 0.75em 1.25em;
font-size: 1.6rem;
}
} table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: center;
}
table.shop_table_responsive tr td.product-remove::before {
display: none;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
}  .ws-wc-filter {
margin-bottom: 2em;
flex-direction: row;
justify-content: space-between;
}
.ws-filter-sidebar-toggle {
display: flex;
place-items: center;
background-color: transparent;
border-color: transparent;
padding: 0;
color: #111;
order: 1;
}
.ws-filter-sidebar-toggle:hover, .ws-filter-sidebar-toggle:focus {
background-color: transparent;
border-color: transparent;
color: var(--wp--preset--color--primary);
}
.ws-filter-sidebar-toggle:hover .ws-icon--filter, .ws-filter-sidebar-toggle:focus .ws-icon--filter {
fill: var(--wp--preset--color--primary);
}
.ws-filter-sidebar-toggle .ws-icon--filter {
height: 16px;
margin-right: 0.5em;
font-weight: 500;
}
.woocommerce-result-count {
flex-basis: 100%;
order: 3;
margin-top: 2em;
margin-bottom: 0;
}
.woocommerce-ordering {
order: 2;
} .products {
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(var(--products-column, 2), 1fr);
grid-gap: 2em;
}
@media screen and (max-width: 30em) {
.products {
grid-template-columns: repeat(var(--products-column, 1), 1fr);
}
section.related.products ul.products {
grid-template-columns: repeat(var(--products-column, 1), 1fr);
}
} li.product {
list-style: none;
position: relative;
overflow: hidden;
height: fit-content; }
li.product .product__thumbnail,
li.product .woocommerce-loop-product__title,
li.product .wc-block-grid__product-title,
li.product .star-rating,
li.product .price,
li.product .button,
li.product .add_to_cart_button,
li.product .added_to_cart,
li.product .product__content .ws-onsale-wrapper,
li.product .ws-loop-product__category,
li.product .ws-loop-product__excerpt {
transform: translateY(0);
transition: all 0.3s ease-out;
}
li.product .add_to_cart_button.added::after {
font-family: WooCommerce;
content: "\e017";
margin-left: 0.5em;
display: inline-block;
width: auto;
height: auto;
}
li.product .add_to_cart_button.loading::after {
font-family: WooCommerce;
content: "\e031";
animation: spin 2s linear infinite;
margin-left: 0.5em;
display: inline-block;
width: auto;
height: auto;
}
li.product.ws-product--style-1:hover .product__thumbnail,
li.product.ws-product--style-1:hover .woocommerce-loop-product__title,
li.product.ws-product--style-1:hover .wc-block-grid__product-title,
li.product.ws-product--style-1:hover .star-rating,
li.product.ws-product--style-1:hover .price,
li.product.ws-product--style-1:hover .button,
li.product.ws-product--style-1:hover .add_to_cart_button,
li.product.ws-product--style-1:hover .added_to_cart,
li.product.ws-product--style-1:hover .product__content .ws-onsale-wrapper,
li.product.ws-product--style-1:hover .ws-loop-product__category,
li.product.ws-product--style-1:hover .ws-loop-product__excerpt {
transform: translateY(-60px);
}
li.product.ws-product--style-1:hover .button,
li.product.ws-product--style-1:hover .add_to_cart_button {
opacity: 1;
}
li.product.ws-product--style-1 .button,
li.product.ws-product--style-1 .add_to_cart_button {
position: absolute;
left: 0;
right: 0;
top: 100%;
opacity: 0;
}
li.product > a {
display: block;
text-decoration: none;
}
li.product > a.woocommerce-LoopProduct-link {
width: 100%;
display: flex;
flex-direction: column;
}
li.product img {
margin: 0;
width: 100%;
}
li.product .woocommerce-loop-category__title,
li.product .woocommerce-loop-product__title,
li.product .wc-block-grid__product-title {
font-size: 1.8rem;
margin: 0;
font-weight: 600;
font-family: "Jost", sans-serif;
}
li.product .woocommerce-loop-category__title .count,
li.product .woocommerce-loop-product__title .count,
li.product .wc-block-grid__product-title .count {
background: none;
}
li.product .button,
li.product .product_type_grouped,
li.product .product_type_external,
li.product .add_to_cart_button {
font-size: 1rem;
font-weight: 400;
color: var(--wp--preset--color--color-6);
display: block;
text-align: center;
width: fit-content;
background-color: var(--wp--preset--color--primary);
border-radius: 0px;
text-decoration: none;
float: left;
width: calc(100% - 32px);
padding: 8px 20px;
transform: translate(-55%, 0%);
position: absolute;
bottom: 65px;
left: 50%;
opacity: 0;
margin: 0px 16px;
}
li.product .button:hover,
li.product .product_type_grouped:hover,
li.product .product_type_external:hover,
li.product .add_to_cart_button:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
}
li.product:hover > .add_to_cart_button {
opacity: 1;
transform: translate(-55%, -28px);
}
li.product:hover > .product_type_simple {
opacity: 1;
transform: translate(-55%, -28px);
}
li.product:hover > .added_to_cart {
opacity: 1;
transform: translate(-55%, -24px);
opacity: 1;
}
li.product .added_to_cart {
width: calc(100% - 32px);
display: inline-flex;
font-size: 1em;
justify-content: center;
margin: 10px 0 0 0;
opacity: 0;
padding: 0.5em 1em;
text-align: center;
white-space: normal;
padding-bottom: 12px;
border-radius: 0;
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
position: absolute;
bottom: 130px;
left: 50%;
margin: 0 16px;
transform: translate(-55%, 0%);
}
li.product .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
margin-top: 1.1428571429em !important;
}
.wc-block-grid__product-rating .star-rating span:before,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before {
color: var(--wp--preset--color--color-3);
}
.price {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em;
line-height: 1.7;
}
.price ins .amount, .price > .amount {
font-size: var(--wp--preset--font-size--medium);
color: var(--wp--preset--color--foreground);
line-height: 1.7;
}
.price ins, .price > span {
text-decoration: none;
background-color: transparent;
font-weight: 500;
font-size: var(--wp--preset--font-size--medium);
color: var(--wp--preset--color--foreground);
}
.price del {
order: unset;
font-size: var(--wp--preset--font-size--medium);
color: var(--wp--preset--color--base);
}
.price ins,
.price del, .price > span {
line-height: unset;
}
.product__thumbnail {
margin-top: 0;
}
.product__thumbnail a {
display: flex;
align-items: flex-start; }
.ws-product-thumbnail--center .product__thumbnail a {
justify-content: center;
}
.ws-product-thumbnail--full .product__thumbnail img {
width: 100%;
}
.product__content {
position: relative;
display: flex;
flex-direction: column;
}
.product__content > a {
display: flex;
flex-direction: column;
}
.product__content .added_to_cart {
order: 0;
}
.product__content .button,
.product__content .add_to_cart_button {
order: 1;
}
.onsale,
.wc-block-grid__product-onsale,
.wc-block-components-product-image.wc-block-components-product-sale-badge {
position: absolute;
top: 16px;
left: 0;
background-color: var(--wp--preset--color--color-2);
color: var(--wp--preset--color--white);
font-size: var(--wp--preset--font-size--small);
border-radius: 0;
padding: 6px 16px;
border: none;
text-transform: capitalize;
font-weight: 600;
margin: 0;
line-height: 1.7;
}
.onsale .wc-block-components-product-sale-badge,
.wc-block-grid__product-onsale .wc-block-components-product-sale-badge,
.wc-block-components-product-image.wc-block-components-product-sale-badge .wc-block-components-product-sale-badge {
width: fit-content;
}
.wc-block-components-product-image .wc-block-components-product-sale-badge--align-left {
top: 20px;
left: 0;
}
.product__content .onsale,
.product__content .wc-block-grid__product-onsale {
position: unset;
display: inline-block;
}
.product__content .wc-block-grid__product-onsale {
text-align: left;
}
.ws-product-content--center .product__content > a {
align-items: center;
}
@media screen and (min-width: 37.5em) {
.products.columns-4 {
--products-column: 2;
gap: 2em;
}
.woocommerce-ordering {
width: unset;
}
.ws-wc-filter {
margin-bottom: 2.5em;
flex-direction: row;
justify-content: space-between;
}
.ws-filter-sidebar-toggle {
order: unset;
margin-right: 1em;
}
.woocommerce-result-count {
margin-top: 0;
margin-bottom: 0;
order: unset;
flex-basis: unset;
}
.woocommerce-ordering {
order: unset;
}
}
@media screen and (min-width: 48em) {
.products.columns-3 {
--products-column: 3;
}
.products.columns-4 {
--products-column: 4;
}
} .single-product .site-main {
padding-top: 8px;
}
.single-product .pswp__caption {
display: none;
}
.single-product .content-area {
padding: 0 15px;
}
.single-product select {
appearance: none;
background: transparent;
background-image: url(https://bgross-shop.it/wp-content/themes/vastra/assets/images/downarrow.png);
background-repeat: no-repeat;
background-position-x: 164px;
background-position-y: 18px;
width: 200px;
background-size: 16px;
}
.single-product .related .product {
margin: 0;
}
.single-product .product {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-top: 16px;
}
.single-product .product__content {
width: 100%;
}
.single-product .product .onsale {
left: 0;
top: 16px;
position: absolute;
right: auto;
padding: 0.5875em 0.75em;
min-height: 0;
line-height: 1.2;
border-radius: 0;
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--color-6);
z-index: 1;
font-weight: 600;
background-color: var(--wp--preset--color--color-2);
}
.single-product .product .woocommerce-product-gallery {
position: relative;
float: left;
}
.single-product .product .woocommerce-product-gallery a {
display: flex;
align-items: flex-start; }
.single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 16px;
display: block;
right: 16px;
z-index: 1;
background-color: var(--wp--preset--color--base);
height: 38px;
width: 38px;
border-radius: 100%;
overflow: hidden;
}
.single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
height: 100%;
width: 100%;
background: var(--wp--preset--color--base) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 12.886 17.2541 14.5978 16.0412 15.8566C16.0071 15.8828 15.9742 15.9116 15.9429 15.9429C15.9116 15.9742 15.8828 16.0071 15.8566 16.0412C14.5978 17.2541 12.886 18 11 18C7.13401 18 4 14.866 4 11ZM16.6177 18.0319C15.078 19.2635 13.125 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 13.125 19.2635 15.078 18.0319 16.6177L21.7071 20.2929C22.0977 20.6834 22.0977 21.3166 21.7071 21.7071C21.3166 22.0977 20.6834 22.0977 20.2929 21.7071L16.6177 18.0319Z" fill="white"/></svg>') no-repeat;
background-position: right 50% top 50%;
background-size: 20px;
content: "";
display: block;
}
.single-product .product .woocommerce-product-gallery__wrapper {
margin: 0;
}
.single-product .product .woocommerce-product-gallery__image > a > img {
width: 100%;
display: block;
}
.single-product .product .woocommerce-product-gallery .flex-viewport {
border-radius: 2px;
}
.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs {
margin: 0.625em 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li {
width: 20%;
list-style: none;
cursor: pointer;
flex-basis: 20%;
line-height: unset;
}
.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li img {
border: 2px solid transparent;
opacity: 0.5;
padding: 2px;
width: 100%;
}
.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active {
opacity: 1;
border: 2px solid var(--wp--preset--color--primary);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li:hover img {
opacity: 1;
}
.single-product .product .entry-summary {
flex-basis: calc(var(--entry-summary-width, 50%) - 2.5em);
display: flex;
flex-direction: column;
}
.single-product .product .entry-summary .quantity {
position: relative;
}
.single-product .product .entry-summary .quantity .vastra-qty-minus {
position: absolute;
top: 1px;
left: 1px;
padding: 12px;
font-size: 24px;
border: none;
background-color: transparent;
}
.single-product .product .entry-summary .quantity .vastra-qty-minus:hover {
cursor: pointer;
}
.single-product .product .entry-summary .quantity .vastra-qty-plus {
position: absolute;
top: 1px;
right: 1px;
padding: 12px;
font-size: 24px;
border: none;
background-color: transparent;
}
.single-product .product .entry-summary .quantity .vastra-qty-plus:hover {
cursor: pointer;
}
@media screen and (min-width: 48em) {
.single-product .product .entry-summary {
margin-top: 0;
}
}
.single-product .product .entry-summary .woocommerce-product-details__short-description {
margin-bottom: 32px;
order: 4;
margin-top: 40px;
color: var(--wp--preset--color--base);
}
.single-product .product .entry-summary .woocommerce-product-details__short-description p {
margin: 0;
}
.single-product .product .entry-summary .cart {
order: 5;
}
.single-product .product .entry-summary .woocommerce-product-rating {
order: 3;
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: var(--wp--preset--font-size--small);
margin-top: 24px;
line-height: 1.7;
}
.single-product .product .entry-summary .woocommerce-product-rating a {
font-size: var(--wp--preset--font-size--small);
}
.single-product .product .entry-summary .star-rating {
order: unset;
}
.single-product .product .entry-summary .woocommerce-review-link {
font-size: 1.6rem;
color: #111;
margin-left: 8px;
}
.single-product .product .entry-summary .woocommerce-review-link:hover {
color: var(--wp--preset--color--primary);
}
.single-product .product .entry-summary .onsale {
position: unset;
display: inline-block;
}
.single-product .product .entry-summary .entry-title {
order: unset;
margin-bottom: 24px;
}
.single-product .product .entry-summary .product_title {
font-size: 46px;
}
@media screen and (min-width: 62em) {
.single-product .product .entry-summary .product_title {
font-size: 46px;
}
}
.single-product .product .entry-summary .price {
margin: 0px;
color: var(--wp--preset--color--foreground);
}
.single-product .product .entry-summary .price del {
font-size: 24px;
}
.single-product .product .entry-summary .price .woocommerce-Price-amount {
order: unset;
font-size: 24px;
display: unset;
margin: 0;
}
.single-product .product .entry-summary .woocommerce-product-details__short-description li, .single-product .product .entry-summary .woocommerce-product-details__short-description ol, .single-product .product .entry-summary .woocommerce-product-details__short-description ul {
line-height: var(--wp--custom--typography--line-height--normal);
}
.single-product .product .entry-summary .stock,
.single-product .product .entry-summary .available-on-backorder {
font-style: italic;
}
.single-product .product .entry-summary .cart {
display: flex;
flex-wrap: wrap;
}
.single-product .product .entry-summary .variations__form table.variations {
position: relative;
margin-bottom: 2.5em;
}
.single-product .product .entry-summary .variations__form select {
padding: 1em;
width: 100%;
}
.single-product .product .entry-summary .variations__form .reset_variations {
position: absolute;
top: calc(100% + 1em);
right: 0;
}
.single-product .product .entry-summary .variations__form .single_variation {
margin-top: 1em;
margin-bottom: 2em;
}
.single-product .product .entry-summary .variations_button {
display: flex;
flex-wrap: wrap;
}
.single-product .product .entry-summary .qty {
width: 140px;
font-size: var(--wp--preset--font-size--small);
padding: 12px;
line-height: 1;
min-height: 51px;
text-align: center;
border: 1px solid var(--wp--preset--color--color-5);
border-radius: 0;
background-color: var(--wp--preset--color--background);
}
.single-product .product .entry-summary .cart {
gap: 16px;
margin-bottom: 32px;
}
.single-product .product .entry-summary .cart .grouped_form .single_add_to_cart_button {
margin-left: 0;
}
.single-product .product .entry-summary .single_add_to_cart_button {
font-size: var(--wp--preset--font-size--small);
border: none;
border-radius: 0;
min-width: 176px;
height: 51px;
padding: 12px 48px;
text-decoration: none;
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--archivo);
}
.single-product .product .entry-summary .single_add_to_cart_button:hover {
background-color: var(--wp--preset--color--primary);
opacity: 0.9;
}
.single-product .product.product-type-external .entry-summary .single_add_to_cart_button {
margin-left: unset;
}
.single-product .product .wc-tabs-wrapper {
flex-basis: 100%;
margin-top: 1.25em;
}
@media screen and (min-width: 48em) {
.single-product .product .wc-tabs-wrapper {
margin-top: 6.25em;
}
}
.single-product .product .product_meta {
display: flex;
flex-direction: column;
padding-top: 32px;
border-top: 1px solid var(--wp--preset--color--color-5);
order: 6;
font-size: 1.4rem;
}
.single-product .product .product_meta .sku_wrapper {
font-weight: 500;
}
.single-product .product .product_meta .sku_wrapper .sku {
flex-basis: 2px;
font-weight: 400;
color: var(--wp--preset--color--base);
line-height: initial;
}
.single-product .product .product_meta .sku_wrapper .sku:first-child {
margin-left: 0.625em;
color: var(--wp--preset--color--base);
}
.single-product .product .product_meta .posted_in,
.single-product .product .product_meta .tagged_as {
font-weight: 600;
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--foreground);
}
.single-product .product .product_meta .posted_in a,
.single-product .product .product_meta .tagged_as a {
flex-basis: 2px;
line-height: initial;
font-weight: 400;
color: var(--wp--preset--color--base);
text-decoration: none;
}
.single-product .product .product_meta .posted_in a:hover,
.single-product .product .product_meta .tagged_as a:hover {
text-decoration: underline;
}
.single-product .product .product_meta .posted_in a:first-of-type,
.single-product .product .product_meta .tagged_as a:first-of-type {
margin-left: 1rem;
}
.single-product .product .product_meta > span:not(:last-child) {
margin-bottom: 16px;
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--foreground);
font-weight: 600;
}
.single-product .product .variations label {
margin-bottom: 0;
}
.single-product .product .variations_button {
margin-top: 1.5em;
gap: 32px;
}
.single-product nav.woocommerce-breadcrumb {
color: var(--wp--preset--color--foreground);
}
.single-product nav.woocommerce-breadcrumb a {
color: var(--wp--preset--color--base);
font-weight: 500;
}
.single-product .related,
.single-product .upsells {
grid: unset;
grid-gap: 0;
margin: 2.5em 0;
width: 100%;
}
.single-product .related .product,
.single-product .upsells .product {
list-style: none;
position: relative;
overflow: hidden;
}
.single-product .shop_attributes.woocommerce-product-attributes {
background: #FFF;
border: none;
}
.single-product .shop_attributes p {
margin: 0;
}
.single-product ol.commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.single-product ol.commentlist > li {
padding: 1em 1em 0;
border-bottom: 1px solid #CCC;
border-radius: 2px;
margin-bottom: 1em;
}
.single-product ol.commentlist .children {
margin-left: 1em;
border-bottom: 1px solid #CCC;
}
.single-product ol.commentlist .children:last-child {
border-bottom: 0;
}
.single-product ol.commentlist .children li {
border-top: 1px solid #CCC;
padding-top: 1em;
}
.single-product ol.commentlist .comment_container {
display: flex;
}
.single-product ol.commentlist .avatar {
width: 40px;
height: 40px;
margin-right: 1em;
border-radius: 100%;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.single-product .comment-respond {
margin-top: 2em;
}
.single-product .comment-respond .comment-reply-title {
font-size: var(--wp--preset--font-size--small);
font-weight: 400;
font-size: 32px;
line-height: 1.2;
}
.single-product .comment-respond .comment-form {
background: #FFF;
}
.single-product .comment-respond .comment-form p {
margin-top: 16px;
}
.single-product .comment-respond label {
display: block;
color: var(--wp--preset--color--foreground);
line-height: 1.7;
}
.single-product .comment-respond input[type=text],
.single-product .comment-respond input[type=email],
.single-product .comment-respond input[type=number] {
width: 100%;
border-width: 1px;
border-style: solid;
border-color: var(--wp--preset--color--color-5);
}
.single-product .comment-respond input[type=checkbox] {
margin-right: 0;
}
.single-product .comment-respond .comment-form-cookies-consent label {
display: inline;
}
.single-product .pswp__bg {
background-color: rgba(255, 255, 255, 0.95);
}
.single-product .pswp__top-bar {
background-color: transparent;
opacity: 1;
}
.single-product .pswp__counter {
color: #333;
}
.single-product .pswp__caption {
background-color: transparent;
}
.single-product .pswp__caption div, .single-product .pswp__caption__center {
text-align: center;
font-size: 2rem;
font-weight: 500;
color: #111;
}
.single-product button.pswp__button {
height: 70px;
width: 70px;
opacity: 1;
background-image: none !important;
position: relative;
}
.single-product button.pswp__button--close:before {
height: 100%;
width: 100%;
background: #EEF0F2 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z" fill="black"/></svg>') no-repeat;
background-position: right 50% top 50%;
content: "";
display: block;
}
.single-product button.pswp__button--zoom::before {
height: 100%;
width: 100%;
background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" ><path fill-rule="evenodd" clip-rule="evenodd" d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 12.886 17.2541 14.5978 16.0413 15.8565C16.0071 15.8828 15.9742 15.9116 15.9429 15.9429C15.9116 15.9742 15.8827 16.0071 15.8564 16.0413C14.5977 17.2542 12.886 18 11 18C7.13401 18 4 14.866 4 11ZM16.6177 18.0319C15.078 19.2635 13.125 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 13.125 19.2635 15.078 18.0319 16.6177L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0977 20.6834 22.0977 20.2929 21.7071L16.6177 18.0319ZM11 7C11.5523 7 12 7.44772 12 8V10H14C14.5523 10 15 10.4477 15 11C15 11.5523 14.5523 12 14 12H12V14C12 14.5523 11.5523 15 11 15C10.4477 15 10 14.5523 10 14V12H8C7.44772 12 7 11.5523 7 11C7 10.4477 7.44772 10 8 10H10V8C10 7.44772 10.4477 7 11 7Z" fill="black"/></svg>') no-repeat;
background-position: right 50% top 50%;
content: "";
display: block;
}
.single-product button.pswp__button--share::before {
height: 100%;
width: 100%;
background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 12.886 17.2541 14.5978 16.0412 15.8566C16.0071 15.8828 15.9742 15.9116 15.9429 15.9429C15.9116 15.9742 15.8828 16.0071 15.8566 16.0412C14.5978 17.2541 12.886 18 11 18C7.13401 18 4 14.866 4 11ZM16.6177 18.0319C15.078 19.2635 13.125 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 13.125 19.2635 15.078 18.0319 16.6177L21.7071 20.2929C22.0977 20.6834 22.0977 21.3166 21.7071 21.7071C21.3166 22.0977 20.6834 22.0977 20.2929 21.7071L16.6177 18.0319Z" fill="black"/></svg>') no-repeat;
background-position: right 50% top 50%;
content: "";
display: block;
}
.single-product button.pswp__button--fs::before {
height: 100%;
width: 100%;
background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"  viewBox="0 0 24 24"><path d="M2.879 2.879A3 3 0 0 1 5 2h3a1 1 0 0 1 0 2H5a1 1 0 0 0-1 1v3a1 1 0 0 1-2 0V5a3 3 0 0 1 .879-2.121ZM15 3a1 1 0 0 1 1-1h3a3 3 0 0 1 3 3v3a1 1 0 1 1-2 0V5a1 1 0 0 0-1-1h-3a1 1 0 0 1-1-1ZM3 15a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h3a1 1 0 1 1 0 2H5a3 3 0 0 1-3-3v-3a1 1 0 0 1 1-1Zm18 0a1 1 0 0 1 1 1v3a3 3 0 0 1-3 3h-3a1 1 0 1 1 0-2h3a1 1 0 0 0 1-1v-3a1 1 0 0 1 1-1Z" clip-rule="evenodd" fill="black"/></svg>') no-repeat;
background-position: right 50% top 50%;
content: "";
display: block;
}
.single-product button.pswp__button--share::before {
height: 100%;
width: 100%;
background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M18 3C16.8954 3 16 3.89543 16 5C16 5.3474 16.0886 5.67412 16.2444 5.95879C16.2545 5.97417 16.2643 5.98992 16.2737 6.00602C16.283 6.022 16.2918 6.03813 16.3002 6.05439C16.6531 6.62207 17.2824 7 18 7C19.1046 7 20 6.10457 20 5C20 3.89543 19.1046 3 18 3ZM15.1581 7.81489C15.883 8.5467 16.8886 9 18 9C20.2091 9 22 7.20914 22 5C22 2.79086 20.2091 1 18 1C15.7909 1 14 2.79086 14 5C14 5.37703 14.0522 5.74188 14.1497 6.08773L8.84197 9.18518C8.11707 8.45333 7.11147 8 6 8C3.79086 8 2 9.79086 2 12C2 14.2091 3.79086 16 6 16C7.11165 16 8.11739 15.5465 8.84231 14.8145L14.1509 17.9079C14.0526 18.255 14 18.6214 14 19C14 21.2091 15.7909 23 18 23C20.2091 23 22 21.2091 22 19C22 16.7909 20.2091 15 18 15C16.8902 15 15.8859 15.452 15.1613 16.1819L9.85049 13.0872C9.94789 12.7415 10 12.3768 10 12C10 11.623 9.94784 11.2582 9.85036 10.9124L15.1581 7.81489ZM7.69959 10.9453C7.708 10.9617 7.71691 10.978 7.72632 10.9941C7.73579 11.0103 7.74565 11.0262 7.75588 11.0417C7.91152 11.3262 8 11.6528 8 12C8 12.3474 7.9114 12.6742 7.75556 12.9589C7.74533 12.9744 7.73547 12.9903 7.726 13.0066C7.71682 13.0223 7.70812 13.0382 7.69989 13.0543C7.34703 13.622 6.71765 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C6.71745 10 7.34667 10.3778 7.69959 10.9453ZM16 19C16 18.6749 16.0776 18.368 16.2152 18.0966C16.2399 18.0641 16.2629 18.0297 16.284 17.9935C16.3042 17.9588 16.3221 17.9234 16.3378 17.8874C16.6967 17.3522 17.3072 17 18 17C19.1046 17 20 17.8954 20 19C20 20.1046 19.1046 21 18 21C16.8954 21 16 20.1046 16 19Z" fill="black"/></svg>') no-repeat;
background-position: right 50% top 50%;
content: "";
display: block;
}
.single-product button.pswp__button--arrow--left, .single-product button.pswp__button--arrow--right {
position: absolute;
height: 70px;
width: 70px;
}
.single-product button.pswp__button--arrow--left {
left: 0;
}
.single-product button.pswp__button--arrow--left::before {
height: 100%;
width: 100%;
background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7071 7.70711C12.0976 7.31658 12.0976 6.68342 11.7071 6.29289C11.3166 5.90237 10.6834 5.90237 10.2929 6.29289L5.29289 11.2929C4.90237 11.6834 4.90237 12.3166 5.29289 12.7071L10.2929 17.7071C10.6834 18.0976 11.3166 18.0976 11.7071 17.7071C12.0976 17.3166 12.0976 16.6834 11.7071 16.2929L7.41421 12L11.7071 7.70711ZM18.7071 7.70711C19.0976 7.31658 19.0976 6.68342 18.7071 6.29289C18.3166 5.90237 17.6834 5.90237 17.2929 6.29289L12.2929 11.2929C11.9024 11.6834 11.9024 12.3166 12.2929 12.7071L17.2929 17.7071C17.6834 18.0976 18.3166 18.0976 18.7071 17.7071C19.0976 17.3166 19.0976 16.6834 18.7071 16.2929L14.4142 12L18.7071 7.70711Z" fill="black"/></svg>') no-repeat;
background-position: left 42% top 50%;
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
}
.single-product button.pswp__button--arrow--right {
right: 0;
}
.single-product button.pswp__button--arrow--right::before {
height: 100%;
width: 100%;
background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.70711 6.29289C6.31658 5.90237 5.68342 5.90237 5.29289 6.29289C4.90237 6.68342 4.90237 7.31658 5.29289 7.70711L9.58579 12L5.29289 16.2929C4.90237 16.6834 4.90237 17.3166 5.29289 17.7071C5.68342 18.0976 6.31658 18.0976 6.70711 17.7071L11.7071 12.7071C12.0976 12.3166 12.0976 11.6834 11.7071 11.2929L6.70711 6.29289ZM13.7071 6.29289C13.3166 5.90237 12.6834 5.90237 12.2929 6.29289C11.9024 6.68342 11.9024 7.31658 12.2929 7.70711L16.5858 12L12.2929 16.2929C11.9024 16.6834 11.9024 17.3166 12.2929 17.7071C12.6834 18.0976 13.3166 18.0976 13.7071 17.7071L18.7071 12.7071C19.0976 12.3166 19.0976 11.6834 18.7071 11.2929L13.7071 6.29289Z" fill="black"/></svg>') no-repeat;
background-position: right 42% top 50%;
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
}
.single-product button.pswp__button:hover, .single-product button.pswp__button:focus {
background-color: #EBEBEC !important;
}
.single-product .related.products h2 {
text-transform: capitalize;
}
.woocommerce #respond input#submit.wp-block-button__link {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
font-weight: 500;
padding: 0.5em 1.25em;
text-decoration: none;
font-size: var(--wp--preset--font-size--small);
border: none;
}
.woocommerce #respond input#submit.wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
cursor: pointer;
}
.woocommerce #review_form #respond textarea {
border-color: var(--wp--preset--color--color-5);
border-radius: 0;
padding: 0.5em 1em;
}
.woocommerce #review_form #respond textarea:focus-visible {
border-color: var(--wp--preset--color--color-5);
}
.reset_variations {
margin-left: 1em;
}
.stock {
margin-bottom: 0.625em;
}
@media screen and (min-width: 48em) {
.stock {
margin-bottom: 0;
}
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #00a67e;
}
.stock.out-of-stock {
color: #e2401c;
}
@media screen and (min-width: 48em) {
.single-product .product {
flex-direction: unset;
}
.single-product .product .woocommerce-product-gallery {
flex-basis: calc(var(--product-gallery-width, 50%) - 2em);
margin-right: 2.5em;
}
.single-product .related,
.single-product .upsells {
margin: 6.25em 0;
}
.single-product .upsells + .related {
margin-top: 0;
}
.single-product .related.products > h2 {
text-align: center;
margin-bottom: 40px;
font-size: 32px;
font-weight: 400;
}
}
@media screen and (min-width: 62em) {
.single-product .product {
flex-direction: unset;
}
.single-product .product .woocommerce-product-gallery {
flex-basis: calc(var(--product-gallery-width, 50%) - 2.5em);
margin-right: 4.375em;
}
}
table.woocommerce-grouped-product-list tr.woocommerce-grouped-product-list-item {
flex-direction: row;
align-items: baseline;
margin-top: 1.25em;
gap: 0.9375em;
}
@media screen and (min-width: 37.5em) {
table.woocommerce-grouped-product-list tr.woocommerce-grouped-product-list-item {
margin-top: 0.625em;
}
}
table.woocommerce-grouped-product-list td {
border: none;
}
@media screen and (min-width: 37.5em) {
table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__quantity {
padding-left: 0;
}
}
table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__label {
flex-basis: 100%;
}
@media screen and (min-width: 37.5em) {
table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__label {
flex-basis: unset;
}
} .related.products ul.products {
justify-content: center;
display: grid;
}
.skincare-has-less-rp__5 .related.products .products.columns-6 {
justify-content: center;
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-less-rp__5 .related.products .products.columns-6 {
grid-template-columns: repeat(2, auto);
}
}
@media screen and (min-width: 48em) {
.skincare-has-less-rp__5 .related.products .products.columns-6 {
grid-template-columns: repeat(3, auto);
}
}
@media screen and (min-width: 62em) {
.skincare-has-less-rp__5 .related.products .products.columns-6 {
grid-template-columns: repeat(4, auto);
}
}
@media screen and (min-width: 75em) {
.skincare-has-less-rp__5 .related.products .products.columns-6 {
grid-template-columns: repeat(5, auto);
}
}
.skincare-has-less-rp__4 .related.products .products.columns-6, .skincare-has-less-rp__4 .related.products .products.columns-5 {
justify-content: center;
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-less-rp__4 .related.products .products.columns-6, .skincare-has-less-rp__4 .related.products .products.columns-5 {
grid-template-columns: repeat(2, auto);
}
}
@media screen and (min-width: 48em) {
.skincare-has-less-rp__4 .related.products .products.columns-6, .skincare-has-less-rp__4 .related.products .products.columns-5 {
grid-template-columns: repeat(3, auto);
}
}
@media screen and (min-width: 62em) {
.skincare-has-less-rp__4 .related.products .products.columns-6, .skincare-has-less-rp__4 .related.products .products.columns-5 {
grid-template-columns: repeat(4, auto);
}
}
.skincare-has-less-rp__3 .related.products .products.columns-6, .skincare-has-less-rp__3 .related.products .products.columns-5, .skincare-has-less-rp__3 .related.products .products.columns-4, .skincare-has-less-rp__3 .related.products .products.columns-3 {
justify-content: center;
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-less-rp__3 .related.products .products.columns-6, .skincare-has-less-rp__3 .related.products .products.columns-5, .skincare-has-less-rp__3 .related.products .products.columns-4, .skincare-has-less-rp__3 .related.products .products.columns-3 {
grid-template-columns: repeat(2, auto);
}
}
@media screen and (min-width: 48em) {
.skincare-has-less-rp__3 .related.products .products.columns-6, .skincare-has-less-rp__3 .related.products .products.columns-5, .skincare-has-less-rp__3 .related.products .products.columns-4, .skincare-has-less-rp__3 .related.products .products.columns-3 {
grid-template-columns: repeat(3, auto);
}
}
.skincare-has-less-rp__2 .related.products .products.columns-6, .skincare-has-less-rp__2 .related.products .products.columns-5, .skincare-has-less-rp__2 .related.products .products.columns-4, .skincare-has-less-rp__2 .related.products .products.columns-3 {
justify-content: center;
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-less-rp__2 .related.products .products.columns-6, .skincare-has-less-rp__2 .related.products .products.columns-5, .skincare-has-less-rp__2 .related.products .products.columns-4, .skincare-has-less-rp__2 .related.products .products.columns-3 {
grid-template-columns: repeat(2, auto);
}
}
.skincare-has-less-rp__1 .related.products .products.columns-6, .skincare-has-less-rp__1 .related.products .products.columns-5, .skincare-has-less-rp__1 .related.products .products.columns-4, .skincare-has-less-rp__1 .related.products .products.columns-3, .skincare-has-less-rp__1 .related.products .products.columns-2 {
justify-content: center;
grid-template-columns: repeat(1, auto);
} .skincare-has-more-rp__6 .related.products .products.columns-5 {
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-more-rp__6 .related.products .products.columns-5 {
grid-template-columns: repeat(2, auto);
}
}
@media screen and (min-width: 48em) {
.skincare-has-more-rp__6 .related.products .products.columns-5 {
grid-template-columns: repeat(3, auto);
}
}
@media screen and (min-width: 62em) {
.skincare-has-more-rp__6 .related.products .products.columns-5 {
grid-template-columns: repeat(4, auto);
}
.skincare-has-more-rp__6 .related.products .products.columns-5 li:nth-last-child(1) {
grid-column: 3;
}
.skincare-has-more-rp__6 .related.products .products.columns-5 li:nth-last-child(2) {
grid-column: 2;
}
}
@media screen and (min-width: 75em) {
.skincare-has-more-rp__6 .related.products .products.columns-5 {
grid-template-columns: repeat(5, auto);
}
.skincare-has-more-rp__6 .related.products .products.columns-5 li:nth-last-child(1) {
grid-column: 3;
}
.skincare-has-more-rp__6 .related.products .products.columns-5 li:nth-last-child(2) {
grid-column: unset;
}
}
.skincare-has-more-rp__6 .related.products .products.columns-4 {
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-more-rp__6 .related.products .products.columns-4 {
grid-template-columns: repeat(2, auto);
}
}
@media screen and (min-width: 48em) {
.skincare-has-more-rp__6 .related.products .products.columns-4 {
grid-template-columns: repeat(3, auto);
}
}
@media screen and (min-width: 62em) {
.skincare-has-more-rp__6 .related.products .products.columns-4 {
grid-template-columns: repeat(4, auto);
}
.skincare-has-more-rp__6 .related.products .products.columns-4 li:nth-last-child(1) {
grid-column: 3;
}
.skincare-has-more-rp__6 .related.products .products.columns-4 li:nth-last-child(2) {
grid-column: 2;
}
}
.skincare-has-more-rp__6 .related.products .products.columns-3 {
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-more-rp__6 .related.products .products.columns-3 {
grid-template-columns: repeat(2, auto);
}
}
@media screen and (min-width: 48em) {
.skincare-has-more-rp__6 .related.products .products.columns-3 {
grid-template-columns: repeat(3, auto);
}
}
.skincare-has-more-rp__6 .related.products .products.columns-2 {
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-more-rp__6 .related.products .products.columns-2 {
grid-template-columns: repeat(2, auto);
}
}
.skincare-has-more-rp__6 .related.products .products.columns-1 {
grid-template-columns: repeat(1, auto);
}
.skincare-has-more-rp__5 .products.columns-4 {
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-more-rp__5 .products.columns-4 {
grid-template-columns: repeat(2, auto);
}
}
@media screen and (min-width: 48em) {
.skincare-has-more-rp__5 .products.columns-4 {
grid-template-columns: repeat(3, auto);
}
}
@media screen and (min-width: 62em) {
.skincare-has-more-rp__5 .products.columns-4 {
grid-template-columns: repeat(4, auto);
}
.skincare-has-more-rp__5 .products.columns-4 li :nth-last-child(1) {
grid-column: 2;
position: relative;
left: 50%;
}
}
.skincare-has-more-rp__5 .products.columns-3 {
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-more-rp__5 .products.columns-3 {
grid-template-columns: repeat(2, auto);
}
.skincare-has-more-rp__5 .products.columns-3 li :nth-last-child(1) {
position: relative;
left: 50%;
}
}
@media screen and (min-width: 48em) {
.skincare-has-more-rp__5 .products.columns-3 {
grid-template-columns: repeat(3, auto);
}
.skincare-has-more-rp__5 .products.columns-3 li:nth-last-child(1), .skincare-has-more-rp__5 .products.columns-3 li:nth-last-child(2) {
position: relative;
left: 50%;
}
}
.skincare-has-more-rp__5 .products.columns-2 {
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-more-rp__5 .products.columns-2 {
grid-template-columns: repeat(2, auto);
}
.skincare-has-more-rp__5 .products.columns-2 li:nth-last-child(1) {
position: relative;
left: 50%;
}
}
.skincare-has-more-rp__4 .products.columns-3 {
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-more-rp__4 .products.columns-3 {
grid-template-columns: repeat(2, auto);
}
}
@media screen and (min-width: 48em) {
.skincare-has-more-rp__4 .products.columns-3 {
grid-template-columns: repeat(3, auto);
}
.skincare-has-more-rp__4 .products.columns-3 li:nth-last-child(1) {
grid-column: 2;
}
}
.skincare-has-more-rp__3 .products.columns-2 {
grid-template-columns: repeat(1, auto);
}
@media screen and (min-width: 37.5em) {
.skincare-has-more-rp__3 .products.columns-2 {
grid-template-columns: repeat(2, auto);
}
.skincare-has-more-rp__3 .products.columns-2 li:nth-last-child(1) {
position: relative;
left: 50%;
}
}
table.variations th,
table.variations td {
border: none;
}
.woocommerce div.product form.cart table.variations {
margin-top: 16px;
}
.woocommerce div.product form.cart table.variations th {
border: none;
}
.woocommerce div.product form.cart table.variations th.label {
font-weight: 600;
text-align: left;
color: var(--wp--preset--color--foreground);
}
.woocommerce div.product form.cart table.variations td {
border: none;
}
.woocommerce div.product form.cart table.variations td select {
color: var(--wp--preset--color--base);
border-color: var(--wp--preset--color--color-5);
border-radius: 0;
padding: 12px 20px;
margin: 16px 0;
}
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover {
background-color: var(--wp--preset--color--primary);
}
textarea {
width: 100%;
resize: vertical;
min-height: 3.75em;
border-color: var(--wp--preset--color--color-5);
border-radius: 0;
}
table,
.wp-block-table {
width: 100%;
border-collapse: collapse;
}
.logged-in-as {
margin-top: 16px;
margin-bottom: 30px;
}
.comment-form .comment-form-cookies-consent input,
.comment-form .form-submit input {
width: auto;
}
.comment-respond {
width: 100%;
margin-top: 60px;
}
.comment-respond p input {
border-radius: 0;
width: 100%;
outline: none;
border: 1px solid var(--wp--preset--color--color-5);
}
@media screen and (max-width: 48em) {
.single-product .product .entry-summary .product_title {
margin-top: 32px;
}
.single-product .related.products ul {
margin-top: 32px;
}
} .woocommerce-cart .wp-block-group.has-background {
padding: 1.25em 1em;
}
.woocommerce-cart .woocommerce-shipping-calculator {
float: right;
width: 66%;
margin-top: 16px;
}
.woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-button {
color: var(--wp--preset--color--foreground);
text-decoration: underline;
font-size: var(--wp--preset--font-size--small);
}
.woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-button:hover {
text-decoration-style: dashed;
}
.woocommerce-cart .woocommerce-shipping-calculator input {
width: 100%;
padding: 0.5em 1em;
border: 1px solid var(--wp--preset--color--color-5);
border-radius: 0;
}
.woocommerce-cart .woocommerce-shipping-calculator select {
font-weight: 500;
}
.woocommerce-cart .woocommerce-shipping-calculator button {
border-radius: 0;
border: none;
width: calc(50% - 8px);
padding: 8px 20px;
color: var(--wp--preset--color--foreground);
font-family: var(--wp--preset--font-family--archivo);
font-size: var(--wp--preset--font-size--small);
background-color: unset;
border: 1px solid var(--wp--preset--color--primary);
}
.woocommerce-cart .woocommerce-shipping-calculator button:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
}
.woocommerce-cart .woocommerce-shipping-totals th {
vertical-align: top;
}
.woocommerce-cart .woocommerce-shipping-totals td {
vertical-align: top;
}
.woocommerce-cart .woocommerce-shipping-destination {
color: var(--wp--preset--color--foreground);
}
.woocommerce-cart .vastra-shopping-icon {
display: none;
}
.woocommerce-cart .woocommerce-message {
margin-bottom: 70px;
}
.woocommerce-cart thead tr {
border-bottom: 1px solid var(--wp--preset--color--color-5);
}
.woocommerce-cart thead .product-subtotal {
color: var(--wp--preset--color--foreground);
}
.woocommerce-cart th {
border: 0;
padding: 1.25em;
text-transform: capitalize;
font-weight: 500;
}
.woocommerce-cart td {
border: 0;
color: #111;
padding: 1.25em;
}
.woocommerce-cart td:before {
font-weight: 500;
color: #111;
}
.woocommerce-cart tr {
display: block;
position: relative;
margin-bottom: 1em;
background-color: var(--wp--preset--color--color-6);
border-radius: 2px;
}
.woocommerce-cart tr:last-child {
margin-bottom: 0;
}
.woocommerce-cart .woocommerce {
display: flex;
flex-wrap: wrap;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {
margin-bottom: 12px;
font-weight: 500;
font-size: var(--wp--preset--font-size--large);
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .woocommerce-Price-amount {
font-weight: 500;
}
.woocommerce-cart .product-remove {
position: absolute;
right: 0;
top: 0;
}
.woocommerce-cart .product-remove a:hover,
.woocommerce-cart .product-remove a:focus {
fill: var(--wp--preset--color--primary);
}
.woocommerce-cart .product-thumbnail {
text-align: left;
width: 100px;
}
.woocommerce-cart .product-thumbnail:before {
display: none;
}
.woocommerce-cart .quantity {
display: inline-block;
overflow: hidden;
position: relative;
}
.woocommerce-cart .quantity .vastra-qty-minus {
position: absolute;
top: 0;
left: 1px;
padding: 12px;
line-height: 0.5;
font-size: 20px;
border: none;
background-color: transparent;
}
.woocommerce-cart .quantity .vastra-qty-minus:hover {
cursor: pointer;
}
.woocommerce-cart .quantity .vastra-qty-plus {
position: absolute;
top: 0;
right: 1px;
padding: 12px;
line-height: 0.5;
font-size: 20px;
border: none;
background-color: transparent;
}
.woocommerce-cart .quantity .vastra-qty-plus:hover {
cursor: pointer;
}
.woocommerce-cart .qty {
width: 110px;
font-size: var(--wp--preset--font-size--small);
height: 35px;
text-align: center;
border: 1px solid var(--wp--preset--color--color-5);
border-radius: 0;
background-color: var(--wp--preset--color--background);
}
.woocommerce-cart .product-subtotal {
color: var(--wp--preset--color--foreground);
}
.woocommerce-cart .coupon {
display: flex;
gap: 8px;
margin-bottom: 0.75em;
}
.woocommerce-cart .coupon label {
display: none;
}
.woocommerce-cart .coupon .input-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding: 0.5em 1em;
width: 50%;
border: 1px solid var(--wp--preset--color--color-5);
}
.woocommerce-cart .coupon .button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 0.5em;
width: 50%;
background: unset;
}
.woocommerce-cart .actions > .button {
display: block;
width: 100%;
border: 1px solid var(--wp--preset--color--color-5);
background-color: var(--wp--preset--color--color-6);
color: #111;
font-family: var(--wp--preset--font-family--archivo);
text-decoration: none;
border-radius: 0;
padding: 0.75em 1.25em;
line-height: 1.7;
}
.woocommerce-cart .actions > .button:hover, .woocommerce-cart .actions > .button:focus {
text-decoration: underline;
}
.woocommerce-cart .actions > .button[aria-disabled=true] {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
cursor: not-allowed;
padding: 12px 20px;
border-radius: 0;
opacity: 0.3;
line-height: 1.7;
font-size: var(--wp--preset--font-size--small);
}
table.shop_table_responsive {
border: solid 1px var(--wp--preset--color--color-5);
}
table.shop_table_responsive tr td a {
font-size: var(--wp--preset--font-size--medium);
font-weight: 500;
}
table.shop_table_responsive tr td .quantity input {
border: solid 1px var(--wp--preset--color--primary);
border-radius: 0;
}
table.shop_table_responsive tr th {
color: var(--wp--preset--color--foreground);
font-size: var(--wp--preset--font-size--medium);
}
.cart_totals table.shop_table_responsive {
border: none;
}
.cart_totals table tr th {
padding: 20px 0;
}
.cart_totals table tr td {
padding: 20px 0;
text-align: right;
}
table.shop_table_responsive thead tr {
background-color: var(--wp--preset--color--color-1);
}
.woocommerce-notices-wrapper {
flex: 1 1 100%;
color: var(--wp--preset--color--color-6);
}
.woocommerce-notices-wrapper .woocommerce-info {
background-color: var(--wp--preset--color--color-1);
}
.woocommerce-notices-wrapper .restore-item {
color: var(--wp--preset--color--base);
}
.woocommerce-notices-wrapper ul {
list-style: none;
border-radius: 4px;
display: block;
}
.woocommerce-notices-wrapper strong {
font-weight: 500;
}
.woocommerce-cart-form {
flex-basis: 100%;
}
.cart-collaterals {
flex-basis: 100%;
}
.cart-collaterals tr {
margin-bottom: 0;
border-bottom: 1px solid var(--wp--preset--color--color-5);
}
.cart-collaterals tr:last-child {
border-bottom: 0;
}
.cart-collaterals .checkout-button {
display: block;
text-align: center;
border: none;
color: var(--wp--preset--color--color-6);
background-color: var(--wp--preset--color--primary);
border-radius: 0;
padding: 0.75em 1.25em;
text-decoration: none;
margin-top: 15px;
line-height: 1.7;
}
.cart-collaterals .checkout-button:hover {
opacity: 0.9;
}
.cart-collaterals .checkout-button:focus {
background-color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
}
.wc-block-mini-cart__button:hover:not([disabled]) {
opacity: 1;
}
@media screen and (min-width: 48em) {
.woocommerce-cart tr {
display: revert;
}
.woocommerce-cart tbody tr {
border-bottom: 1px solid var(--wp--preset--color--color-5);
}
.woocommerce-cart tbody tr:last-child {
border-bottom: 0;
}
.woocommerce-cart .product-remove {
position: unset;
}
.woocommerce-cart .coupon {
float: left;
margin-bottom: 0;
}
.woocommerce-cart .coupon .input-text {
border-radius: 0;
width: calc(41% - 8px);
padding: 12px 20px;
border: solid 1px var(--wp--preset--color--color-5);
color: var(--wp--preset--color--base);
font-family: var(--wp--preset--font-family--archivo);
font-size: var(--wp--preset--font-size--small);
}
.woocommerce-cart .coupon .button {
border-radius: 0;
border: none;
width: calc(41% - 8px);
padding: 12px 20px;
color: var(--wp--preset--color--base);
font-family: var(--wp--preset--font-family--archivo);
font-size: var(--wp--preset--font-size--small);
border: 1px solid var(--wp--preset--color--primary);
line-height: 1.7;
}
.woocommerce-cart .coupon .button:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
cursor: pointer;
}
.woocommerce-cart .actions > .button {
float: right;
display: unset;
width: unset;
padding: 12px 20px;
border-radius: 0;
cursor: pointer;
font-size: var(--wp--preset--font-size--small);
}
.cart-collaterals {
display: flex;
justify-content: flex-end;
width: 100%;
}
.cart-collaterals .cart_totals {
width: 50%;
}
}
@media screen and (max-width: 48em) {
.coupon .input-text,
.coupon .button {
border-radius: 0;
border: none;
padding: 8px 20px;
width: 100%;
border: solid 1px var(--wp--preset--color--color-1);
color: var(--wp--preset--color--base);
}
.cart_totals {
margin-top: 20px;
}
}
.wc-block-mini-cart__template-part .wc-block-mini-cart__empty-cart-wrapper p {
color: var(--wp--preset--color--base);
}
.wc-block-mini-cart__template-part .wc-block-mini-cart__empty-cart-wrapper .wp-block-woocommerce-mini-cart-shopping-button-block a {
color: var(--wp--preset--color--base);
background-color: transparent;
border-radius: 0;
font-weight: 500;
line-height: 1.7;
border: none;
display: flex;
flex-direction: row-reverse;
padding: 0;
border-bottom: 2px solid currentColor;
}
.wc-block-mini-cart__template-part .wc-block-mini-cart__empty-cart-wrapper .wp-block-woocommerce-mini-cart-shopping-button-block a:hover:before {
transform: translateX(8px);
}
.wc-block-mini-cart__template-part .wc-block-mini-cart__empty-cart-wrapper .wp-block-woocommerce-mini-cart-shopping-button-block a:before {
content: "";
background: url(https://bgross-shop.it/wp-content/themes/vastra/assets/images/arrow-right.svg) no-repeat center center;
background-size: 24px;
width: 20px;
height: 20px;
z-index: 1;
display: block;
top: 4px;
right: -4px;
position: relative;
transition: all 0.5s ease-in-out;
}
.wc-block-mini-cart__template-part .wc-block-mini-cart__empty-cart-wrapper .wp-block-woocommerce-mini-cart-shopping-button-block a:hover {
border-bottom: 2px dashed currentColor;
}
.wc-block-mini-cart__template-part .wc-block-components-product-metadata {
margin: 0;
}
.wc-block-mini-cart__template-part :where(.wp-block-woocommerce-mini-cart-contents) {
background-color: var(--wp--preset--color--color-8);
}
.wc-block-mini-cart__empty-cart-wrapper p {
margin-bottom: 32px;
}
.wc-block-mini-cart__empty-cart-wrapper p strong {
font-weight: 500;
color: var(--wp--preset--color--base);
opacity: 0.5;
}
.wc-block-mini-cart__empty-cart-wrapper p::before {
height: 154px;
width: 154px;
border-radius: 1000px;
margin: 0 auto 24px auto;
background: var(--wp--preset--color--background) url(https://bgross-shop.it/wp-content/themes/vastra/assets/images/shopping-bag.svg);
background-position: right 50% top 50%;
content: "";
display: block;
background-size: 64px;
background-repeat: no-repeat;
opacity: 1;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-mini-cart__title {
font-size: var(--wp--preset--font-size--large);
font-weight: 500;
}
.wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name {
font-weight: 600;
font-size: 18px;
text-decoration: none;
}
.wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-badge {
padding: 4px 10px;
border-color: var(--wp--preset--color--color-5);
border-radius: 0;
margin-top: 12px;
}
.wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-metadata__description {
margin-top: 12px;
font-weight: 400;
}
.wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-price__value {
font-weight: 500;
}
.wc-block-cart-items__row .wc-block-cart-item__product .price {
font-weight: 500;
margin: 0;
}
.wc-block-cart-items__row .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-price {
margin: 0;
}
.wc-block-cart-items__row .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-price span {
font-weight: 500;
}
.wc-block-cart-items__row .wc-block-cart-item__prices {
margin-top: 12px;
}
.wc-block-cart-items__row .wc-block-components-quantity-selector {
margin-bottom: 16px;
border-radius: 0;
}
.wc-block-components-quantity-selector:after {
border: 1px solid;
border-radius: 0;
bottom: 0;
content: "";
left: 0;
opacity: 0.45;
pointer-events: none;
position: absolute;
right: 0;
border-color: var(--wp--preset--color--primary);
top: 0;
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal {
gap: 8px;
margin-bottom: 32px;
}
.wc-block-components-totals-item__label {
font-weight: 600;
font-size: var(--wp--preset--font-size--medium);
color: var(--wp--preset--color--foreground);
}
.wc-block-components-totals-item__value {
font-weight: 600;
font-size: 1.125rem;
color: var(--wp--preset--color--foreground);
}
.wc-block-mini-cart__footer-actions {
flex-direction: column;
}
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-checkout {
order: 1;
line-height: 1.7;
}
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart {
border: none;
border-radius: 0;
background-color: transparent;
color: var(--wp--preset--color--base);
order: 2;
}
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart span {
display: flex !important;
flex-direction: row-reverse;
padding: 0;
color: var(--wp--preset--color--base);
border-bottom: 2px solid currentColor;
}
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart span:hover {
border-bottom: 2px dashed currentColor;
}
.wc-block-mini-cart__footer-actions .wc-block-mini-cart__footer-cart span:before {
content: "";
background: url(https://bgross-shop.it/wp-content/themes/vastra/assets/images/arrow-right.svg) no-repeat center center;
background-size: 24px;
width: 20px;
height: 20px;
z-index: 1;
display: block;
top: -2px;
right: -4px;
position: relative;
}
.wc-block-mini-cart__footer-actions .components-button.wc-block-mini-cart__footer-checkout {
border: none;
border-radius: 0;
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
}
.wc-block-mini-cart__footer-actions .components-button.wc-block-mini-cart__footer-checkout:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button {
font-weight: 500;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined {
background-color: var(--wp--preset--color--color-1);
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:hover, .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:active {
background-color: var(--wp--preset--color--color-1);
color: var(--wp--preset--color--base);
border: none;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:focus {
border-width: 0;
color: var(--wp--preset--color--base);
box-shadow: none;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
font-weight: 500;
}
.wc-block-components-button:not(.is-link).contained,
.wc-block-components-button:not(.is-link).contained:active,
.wc-block-components-button:not(.is-link).contained:focus {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
border: none;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:not(:focus),
.wc-block-components-button:not(.is-link).contained:focus {
box-shadow: inset 0 0 0 0px currentColor;
}
.wc-block-mini-cart__badge {
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--white);
font-size: 10px;
height: 2em;
min-width: 2em;
border-color: var(--wp--preset--color--primary);
}
.wc-block-cart .wc-block-components-totals-coupon__input input {
width: 100%;
padding: 0.5em 1em;
border: 1px solid var(--wp--preset--color--color-5);
border-radius: 0;
outline: none;
}
.wc-block-cart .wc-block-components-totals-coupon__input input:focus {
border: 1px solid var(--wp--preset--color--color-5);
box-shadow: 0 0 0 0px var(--wp--preset--color--color-5);
}
.wc-block-cart input {
padding: 0;
}
.wc-block-cart .wc-block-components-totals-shipping .wc-block-components-totals-shipping__via {
margin-top: 14px;
}
.wc-block-cart .wc-block-components-panel__button {
color: var(--wp--preset--color--foreground);
}
.wc-block-cart .wc-block-components-radio-control .wc-block-components-radio-control__input {
appearance: none;
background: #fff;
border: 2px solid var(--wp--preset--color--color-5);
border-radius: 50%;
display: inline-block;
height: 14px;
left: 0;
min-height: 14px;
min-width: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 14px;
accent-color: var(--wp--preset--color--primary);
}
.wc-block-cart .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background: var(--wp--preset--color--primary);
border-radius: 50%;
content: "";
display: block;
height: 8px;
left: 50%;
margin: 0;
min-height: 8px;
min-width: 8px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 8px;
}
.wc-block-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-container .wc-block-cart__submit-button,
.wc-block-cart .wc-block-components-button:not(.is-link).contained:active,
.wc-block-cart .wc-block-components-button:not(.is-link).contained:focus {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
padding: 8px 20px;
border-radius: 0;
font-weight: 500;
}
.wc-block-cart .wc-block-components-button:not(.is-link).contained:disabled,
.wc-block-cart .wc-block-components-button:not(.is-link).contained {
border: 1px solid var(--wp--preset--color--primary);
background-color: unset;
color: var(--wp--preset--color--base);
}
.wc-block-cart .wc-block-components-button:not(.is-link).contained:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
}
.wp-block-woocommerce-cart .wp-block-image.aligncenter {
display: block;
}
.wp-block-woocommerce-cart .wp-block-product-new {
margin-top: 60px;
margin-bottom: 68px;
}
.wp-block-woocommerce-cart .cross-sells-product .wc-block-components-product-title,
.wp-block-woocommerce-cart .cross-sells-product .wc-block-components-product-price {
text-align: left;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block h3 {
margin-bottom: 60px;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-add-to-cart {
justify-content: start;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button:not(.is-link) {
padding: 0 20px;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product .wc-block-components-product-add-to-cart .wc-block-components-product-add-to-cart-button:not(.is-link):hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
}
@media screen and (min-width: 62em) {
.woocommerce-cart-form {
flex: 1 1 calc(65% - 16px);
margin-right: 2em;
min-width: 540px;
}
.cart-collaterals {
display: unset;
flex: 1 1 calc(35% - 16px);
}
.cart-collaterals .cart_totals {
width: 100%;
}
} .woocommerce-checkout .wp-block-group.has-background {
padding: 1.25em 1em;
}
.woocommerce-checkout .woocommerce-shipping-methods {
text-align: right;
color: var(--wp--preset--color--foreground);
}
.woocommerce-checkout .woocommerce-privacy-policy-text a {
text-decoration: underline;
}
.woocommerce-checkout .woocommerce-privacy-policy-text a:hover {
text-decoration-style: dashed;
}
.woocommerce-checkout .vastra-shopping-icon {
display: none;
}
.woocommerce-checkout::after {
content: "";
clear: both;
display: table;
}
.woocommerce-checkout h3 {
font-size: 1.5rem;
}
.woocommerce-checkout .form-row {
margin-bottom: 1.5em;
}
.woocommerce-checkout .form-row input:not([type=checkbox]) {
width: 100%;
padding: 0.5em 1em;
border: 1px solid var(--wp--preset--color--color-5);
border-radius: 0;
}
.woocommerce-checkout .form-row label {
margin-bottom: 0.25em;
color: var(--wp--preset--color--foreground);
display: block;
font-weight: 500;
}
.woocommerce-checkout .woocommerce-form-login {
padding: 1.5em;
background-color: #FFF;
border-radius: 4px;
width: 100%;
border: 1px solid #CCC;
}
.woocommerce-checkout .woocommerce-form-login button {
width: unset;
margin-top: 0.5em;
}
.woocommerce-checkout .checkout_coupon {
background-color: #FFF;
margin-bottom: 1.25em;
}
.woocommerce-checkout .checkout_coupon .form-row button {
padding: 12px 20px;
border-radius: 0;
border: none;
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--base);
background: transparent;
border: 1px solid var(--wp--preset--color--primary);
}
.woocommerce-checkout .checkout_coupon .form-row button:hover {
cursor: pointer;
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
text-decoration: none;
}
.col2-set {
background: #FFF;
margin-bottom: 2em;
}
.col2-set .col-2 {
margin-top: 2em;
}
.col2-set .shipping_address {
margin-bottom: 2em;
}
.woocommerce-checkout-review-order {
font-size: var(--wp--preset--font-size--medium);
background: var(--wp--preset--color--color-1);
padding: 60px;
border-radius: 0;
}
.woocommerce-checkout-review-order .form-row {
margin-bottom: 0;
}
.woocommerce-checkout-review-order ul {
margin: 0;
list-style: none;
}
.woocommerce-checkout-review-order table thead {
background: unset;
font-weight: 600;
color: var(--wp--preset--color--foreground);
}
.woocommerce-checkout-review-order table .woocommerce-shipping-totals th {
font-weight: 600;
}
.woocommerce-checkout-review-order table .woocommerce-shipping-totals td {
text-align: right;
}
.woocommerce-checkout-review-order table .cart-subtotal td, .woocommerce-checkout-review-order table .order-total td {
text-align: right;
}
.woocommerce-checkout-review-order table .cart-subtotal th, .woocommerce-checkout-review-order table .cart-subtotal bdi, .woocommerce-checkout-review-order table .order-total th, .woocommerce-checkout-review-order table .order-total bdi {
color: var(--wp--preset--color--foreground);
font-weight: 600;
}
.woocommerce-checkout-review-order table th {
font-weight: 500;
border: none;
text-transform: capitalize;
text-align: left;
color: var(--wp--preset--color--foreground);
}
.woocommerce-checkout-review-order table th.product-name {
text-align: left;
padding-bottom: 13px;
color: var(--wp--preset--color--foreground);
}
.woocommerce-checkout-review-order table th.product-total {
text-align: right;
}
.woocommerce-checkout-review-order table tr {
padding-bottom: 13px;
border-bottom: 1px solid var(--wp--preset--color--color-5);
}
.woocommerce-checkout-review-order table tr.cart_item {
border: none;
}
.woocommerce-checkout-review-order table tr.cart_item td {
color: var(--wp--preset--color--foreground);
}
.woocommerce-checkout-review-order table td {
border: none;
padding: 20px 0 20px 0;
}
.woocommerce-checkout-review-order table td.product-name {
text-align: left;
}
.woocommerce-checkout-review-order table td.product-total {
text-align: right;
}
.woocommerce-checkout-review-order table strong {
font-weight: 500;
}
.woocommerce-checkout-review-order ul.wc_payment_methods {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-checkout-review-order ul.wc_payment_methods li {
border-radius: 2px;
margin-bottom: 22px;
}
.woocommerce-checkout-review-order ul.wc_payment_methods li .payment_method_bacs {
margin-top: 10px;
}
.woocommerce-checkout-review-order ul.wc_payment_methods li label {
color: var(--wp--preset--color--foreground);
margin-left: 10px;
}
.woocommerce-checkout-review-order ul.wc_payment_methods .woocommerce-notice--info.woocommerce-notice {
background-color: var(--wp--preset--color--color-1);
margin: 0;
clear: both;
padding: 18px 20px;
border: 2px dashed var(--wp--preset--color--color-5);
}
.woocommerce-checkout-review-order .woocommerce-checkout-payment {
margin-top: 60px;
}
.woocommerce-checkout-review-order .place-order {
margin-top: 16px;
}
.woocommerce-checkout-review-order button {
width: 100%;
margin-top: 1em;
padding: 12px 20px;
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--primary);
border: none;
border-radius: 0;
text-decoration: none;
}
.woocommerce-checkout-review-order button:hover, .woocommerce-checkout-review-order button:focus {
cursor: pointer;
opacity: 0.9;
color: var(--wp--preset--color--color-6);
}
.ws-distraction-free-checkout .site-header .ws-row {
justify-content: center;
}
form.woocommerce-checkout h3 {
font-size: 1.5rem;
margin-bottom: 1.25em;
}
@media screen and (min-width: 48em) {
.col2-set {
float: left;
margin-right: 2em;
width: calc(60% - 2em);
}
#order_review_heading {
float: right;
width: 40%;
clear: right;
}
.woocommerce-checkout-review-order {
float: right;
width: 40%;
}
.woocommerce-form-login button {
width: 100%;
padding: 12px 20px;
border: none;
color: var(--wp--preset--color--color-6);
background-color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--small);
border-radius: 0;
}
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border: solid black;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 2px;
transform: rotate(45deg);
}
.woocommerce-order-received .woocommerce {
display: flex;
flex-wrap: wrap;
flex-direction: unset;
}
.wc-block-checkout .wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block {
background-color: var(--wp--preset--color--color-1);
padding: 40px;
}
.wc-block-checkout .wc-block-components-sidebar {
padding-left: 0;
}
.wc-block-checkout .wc-block-components-totals-wrapper:after {
display: none;
}
.wc-block-checkout .wc-block-components-order-summary__button-text {
color: var(--wp--preset--color--foreground);
font-size: 20px;
}
.wc-block-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input {
appearance: none;
background: #fff;
border: 2px solid var(--wp--preset--color--color-5);
border-radius: 50%;
display: inline-block;
height: 14px;
left: 0;
min-height: 14px;
min-width: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 14px;
accent-color: var(--wp--preset--color--primary);
}
.wc-block-checkout .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background: var(--wp--preset--color--primary);
border-radius: 50%;
content: "";
display: block;
height: 8px;
left: 50%;
margin: 0;
min-height: 8px;
min-width: 8px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 8px;
}
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-checkout .wc-block-components-text-input input[type=email],
.wc-block-checkout .wc-block-components-text-input input[type=number],
.wc-block-checkout .wc-block-components-text-input input[type=tel],
.wc-block-checkout .wc-block-components-text-input input[type=text],
.wc-block-checkout .wc-block-components-text-input input[type=url] {
background-color: #fff;
border: 1px solid var(--wp--preset--color--color-5);
border-radius: 0;
color: var(--wp--preset--color--foreground);
width: 100%;
box-shadow: none;
}
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.wc-block-checkout .wc-block-components-text-input input[type=email]:focus,
.wc-block-checkout .wc-block-components-text-input input[type=number]:focus,
.wc-block-checkout .wc-block-components-text-input input[type=tel]:focus,
.wc-block-checkout .wc-block-components-text-input input[type=text]:focus,
.wc-block-checkout .wc-block-components-text-input input[type=url]:focus {
border: 1px solid var(--wp--preset--color--color-5);
box-shadow: 0 0 0 0px var(--wp--preset--color--color-5);
outline: none;
}
.wc-block-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.wc-block-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],
.wc-block-checkout .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.wc-block-checkout .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true] {
background-color: #fff;
box-shadow: none;
color: var(--wp--preset--color--foreground);
border: 1px solid var(--wp--preset--color--color-5);
outline: 0;
}
.wc-block-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-checkout .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
background: #fff;
border: 1px solid var(--wp--preset--color--color-5);
border-radius: 0;
box-shadow: none;
color: var(--wp--preset--color--foreground);
}
.wc-block-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
outline: 0px solid #50575e;
outline-offset: 0px;
}
.wc-block-checkout .wc-block-components-checkbox .wc-block-components-checkbox__mark {
fill: var(--wp--preset--color--primary);
}
.wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option {
padding-left: 20px;
margin-left: 20px;
}
.wc-block-checkout .wc-block-components-button:not(.is-link).contained {
border-radius: 0;
background-color: var(--wp--preset--color--primary);
}
.wc-block-checkout .wc-block-components-button:not(.is-link).contained:hover {
cursor: pointer;
opacity: 0.9;
}
.wc-block-checkout .wc-block-components-totals-coupon__button.wc-block-components-button:not(.is-link).contained {
background-color: var(--wp--preset--color--color-1);
color: var(--wp--preset--color--base);
padding: 8px 20px;
border-radius: 0;
font-weight: 500;
border: 1px solid var(--wp--preset--color--base);
opacity: 0.9;
}
.wc-block-checkout .wc-block-checkout__sidebar .wc-block-components-product-name {
color: var(--wp--preset--color--foreground);
font-weight: 600;
line-height: 1.7;
}
.wc-block-checkout .wc-block-components-panel__button {
color: var(--wp--preset--color--foreground);
}
.wc-block-checkout .wc-block-components-totals-shipping__via {
margin-top: 14px;
}
.wc-block-checkout .wc-block-components-textarea {
border: 1px solid var(--wp--preset--color--color-5);
}
.wc-block-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
border: 2px solid var(--wp--preset--color--color-5);
}
.wc-block-checkout .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
border-color: var(--wp--preset--color--color-5);
}
.wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option:after,
.wc-block-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option:after {
border-color: var(--wp--preset--color--color-5);
}
.wc-block-checkout .wc-block-components-order-summary-item__quantity {
background: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--color-6);
box-shadow: 0 0 0 0px #fff;
border-color: var(--wp--preset--color--primary);
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block {
border-top: 1px solid var(--wp--preset--color--color-5);
}
.wp-block-woocommerce-checkout-order-summary-shipping-block {
border-bottom: 1px solid var(--wp--preset--color--color-5);
border-top: 1px solid var(--wp--preset--color--color-5);
}
@media screen and (max-width: 48em) {
.woocommerce-checkout-review-order {
padding: 20px;
}
}  .site-header-cart {
display: flex;
position: relative;
margin: 0;
padding: 0;
}
.site-header-cart li {
position: relative;
}
.site-header-cart .cart-contents {
text-decoration: none;
position: relative;
display: flex;
align-items: flex-end;
}
.site-header-cart .cart-contents .cart-icon-holder {
position: relative;
display: flex;
align-items: center;
}
.site-header-cart .cart-contents .count {
position: absolute;
top: calc(-50% - 6px);
right: -100%;
border: 4px solid var(--wp--preset--color--color-6);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
width: 30px;
height: 30px;
line-height: 20px;
text-align: center;
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
font-size: 14px;
}
.site-header-cart .cart-contents .amount {
margin-left: 1.25em;
display: none;
}
@media screen and (min-width: 37.5em) {
.site-header-cart .cart-contents .amount {
display: block;
}
}
.site-header-cart .woocommerce-mini-cart__empty-message {
margin-bottom: 0;
padding: 1.25em;
}
.site-header-cart .total {
display: flex;
justify-content: space-between;
padding: 1.25em;
margin: 0;
}
.site-header-cart .total strong {
font-weight: 500;
}
.site-header-cart .amount {
color: var(--wp--preset--color--primary);
font-weight: 500;
}
.site-header-cart .buttons {
display: flex;
justify-content: space-between;
padding: 0 1.25em 1.25em;
margin: 0;
}
.site-header-cart .button {
padding: 0.625em;
width: calc(50% - 8px);
border: 1px solid #CCC;
text-align: center;
}
.site-header-cart .button:hover, .site-header-cart .button:focus {
background: #EBEBEC;
}
.site-header-cart .button.checkout {
background: var(--wp--preset--color--primary);
border-color: rgba(199, 171, 98, 0.3);
color: var(--wp--preset--color--color-6);
}
.site-header-cart .button.checkout:hover, .site-header-cart .button.checkout:focus {
background: #83483A;
}
.product_list_widget {
margin: 0;
padding: 0;
}
.product_list_widget .mini_cart_item {
padding: 1.25em;
box-shadow: 0 1px 0 #EBEBEC;
display: flex;
align-items: center;
}
.product_list_widget .mini_cart_item a {
color: #111;
font-size: 1.8rem;
}
.product_list_widget .mini_cart_item a:hover, .product_list_widget .mini_cart_item a:focus {
color: var(--wp--preset--color--primary);
}
.product_list_widget .mini_cart_item a:nth-child(2) {
display: flex;
align-items: center;
}
.product_list_widget .mini_cart_item img {
max-width: 90px;
margin-left: 1.875em;
margin-right: 1.875em;
}
.product_list_widget .mini_cart_item .quantity {
margin-left: auto;
color: var(--wp--preset--color--primary);
text-align: right;
}
.product_list_widget .mini_cart_item .ws-icon--close-circle:hover,
.product_list_widget .mini_cart_item .ws-icon--close-circle:focus {
fill: var(--wp--preset--color--primary);
}  .woocommerce .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
order: 3;
}
.woocommerce .star-rating::before {
content: "SSSSS";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
content: "SSSSS";
top: 0;
position: absolute;
left: 0;
color: var(--wp--preset--color--color-3);
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "S";
color: var(--wp--preset--color--color-3);
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "S";
color: var(--wp--preset--color--color-3);
opacity: 0.25;
}
p.stars:hover a::before {
content: "S";
color: var(--wp--preset--color--color-3);
opacity: 1;
}
p.stars.selected a.active::before {
content: "S";
color: var(--wp--preset--color--color-3);
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "S";
color: var(--wp--preset--color--color-3);
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "S";
color: var(--wp--preset--color--color-3);
opacity: 1;
} .woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0;
text-align: left;
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
border-bottom: solid 1px #CCC;
margin: 0 1.875em;
}
@media screen and (min-width: 37.5em) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin: 0 1.875em;
}
}
@media screen and (min-width: 48em) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin: 0 3.75em;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
display: block;
position: relative;
border: none;
background-color: unset;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: block;
color: var(--wp--preset--color--base);
font-size: 18px;
font-weight: 400;
text-decoration: none;
text-align: center;
margin-left: 1.25em;
margin-right: 1.25em;
padding-bottom: 12px;
padding-top: 12px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:not(:last-child) {
margin-bottom: 1em;
}
@media screen and (min-width: 62em) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a:not(:last-child) {
margin-bottom: 0;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
padding-bottom: 12px;
color: var(--wp--preset--color--primary);
border-bottom: 2px solid var(--wp--preset--color--primary);
}
.woocommerce div.product .woocommerce-tabs .panel {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
color: var(--wp--preset--color--base);
margin-top: 1.875em;
}
.woocommerce div.product .woocommerce-tabs .panel h2:first-of-type {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information td,
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information th {
border: 1px solid var(--wp--preset--color--color-5);
text-align: left;
padding: 6px 22px;
font-weight: 500;
}
.woocommerce div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information td {
text-align: left;
padding: 6px 22px;
} .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #00a67e;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #ebebec;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #00a67e;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 var(--wp--preset--color--color-2);
}
.required {
color: var(--wp--preset--color--foreground);
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: var(--wp--preset--color--color-1);
padding: 1rem;
margin: 1rem 0;
clear: both;
border-left: 0.6180469716em solid rgba(0, 0, 0, 0.15);
color: var(--wp--preset--color--base);
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: var(--wp--preset--color--color-1);
}
.woocommerce-error {
background-color: var(--wp--preset--color--color-2);
list-style: none;
color: var(--wp--preset--color--color-6);
}
.woocommerce-message a.button,
.woocommerce-Message a.button {
background-color: var(--wp--preset--color--color-6);
color: var(--wp--preset--color--base) !important;
text-decoration: none;
width: max-content;
padding: 12px 20px;
border-radius: 0;
}
.woocommerce-message a.button:hover,
.woocommerce-Message a.button:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6) !important;
}
.demo_store {
position: fixed;
left: 1em;
bottom: 1em;
right: 0;
margin: 0;
padding: 1em;
color: var(--wp--preset--color--color-6);
background-color: #00a67e;
z-index: 3;
width: calc(100% - 6.25em);
border-radius: none;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
border-left: 0.5em solid rgba(0, 0, 0, 0.15);
}
.demo_store .woocommerce-store-notice__dismiss-link {
color: var(--wp--preset--color--color-6);
font-style: italic;
text-decoration: underline;
font-weight: 500;
}
.skincare-store-notice--right .demo_store {
left: unset;
right: 1em;
border-left: unset;
border-right: 0.5em solid rgba(0, 0, 0, 0.15);
} .skincare-mini-cart {
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(17, 17, 17, 0.7);
visibility: hidden;
position: fixed;
top: 0;
bottom: 0;
right: 0;
z-index: 9999;
overflow-x: hidden;
overflow-y: auto;
transition: 0.35s visibility ease, 0.35s opacity ease;
}
.skincare-mini-cart .widget_shopping_cart {
width: 600px;
margin: 0;
position: absolute;
top: 0;
right: -100%;
margin-left: auto;
min-height: 100%;
display: flex;
flex-direction: column;
background-color: rgba(var(--wp--preset--color--color-6), 0.95);
transition: 0.4s right ease;
}
.skincare-mini-cart--is-opened {
visibility: visible;
opacity: 1;
}
.skincare-mini-cart--is-opened .widget_shopping_cart {
right: 0;
}
.skincare-mini-cart .widgettitle {
margin-top: 0.75em;
margin-left: 1.5rem;
margin-bottom: 1.5em;
text-transform: uppercase;
}
@media screen and (min-width: 37.5em) {
.skincare-mini-cart .widgettitle {
margin-left: 3rem;
margin-top: 0.875em;
margin-bottom: 2em;
}
}
.skincare-mini-cart .product_list_widget {
height: 100%;
position: relative;
max-height: calc(100vh - 330px);
overflow-y: auto;
list-style-type: none;
}
.skincare-mini-cart .product_list_widget .mini_cart_item {
padding: 1em 3.75em 2em 10em;
min-height: 132px;
}
.skincare-mini-cart .product_list_widget .mini_cart_item:nth-child(odd) {
background-color: var(--wp--preset--color--color-6);
}
.skincare-mini-cart .product_list_widget .mini_cart_item a:nth-child(2) {
color: #111;
font-size: 2rem;
width: 100%;
left: 0;
right: 0;
display: inline;
}
.skincare-mini-cart .product_list_widget .mini_cart_item a:nth-child(2) img {
height: 100px;
min-width: 100px;
margin: 0;
display: inline-block;
min-height: 100px;
vertical-align: top;
position: absolute;
left: 30px;
top: 16px;
object-fit: cover;
}
.skincare-mini-cart .product_list_widget .mini_cart_item .quantity {
display: block;
font-weight: 700;
font-size: 1.8rem;
color: var(--wp--preset--color--primary);
}
.skincare-mini-cart .product_list_widget .mini_cart_item a.remove_from_cart_button {
background-color: #EEF0F2;
height: 48px;
width: 48px;
border-radius: 1000px;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
}
.skincare-mini-cart .product_list_widget .mini_cart_item a.remove_from_cart_button .skincare-icon {
height: 20px;
width: 20px;
}
.skincare-mini-cart .product_list_widget .mini_cart_item a.remove_from_cart_button:hover {
background-color: #EBEBEC;
}
.skincare-mini-cart .product_list_widget .mini_cart_item a.remove_from_cart_button:hover .skincare-icon {
fill: var(--wp--preset--color--primary);
}
.skincare-mini-cart .woocommerce-mini-cart__buttons {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
padding: 0 1.875em;
}
.skincare-mini-cart .woocommerce-mini-cart__buttons .button {
display: block;
text-align: center;
border: none;
transition: all 0.3s;
padding: 1em 0;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 1.25em;
}
.skincare-mini-cart .woocommerce-mini-cart__buttons .button.wc-forward {
color: #111;
background-color: #EEF0F2;
}
.skincare-mini-cart .woocommerce-mini-cart__buttons .button.wc-forward:hover, .skincare-mini-cart .woocommerce-mini-cart__buttons .button.wc-forward:focus {
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15);
}
.skincare-mini-cart .woocommerce-mini-cart__buttons .button.checkout {
color: var(--wp--preset--color--color-6);
background-color: var(--wp--preset--color--primary);
}
.skincare-mini-cart .woocommerce-mini-cart__buttons .button.checkout:hover, .skincare-mini-cart .woocommerce-mini-cart__buttons .button.checkout:focus {
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15);
}
.woocommerce-shipping-methods {
list-style: none;
margin: 0;
}
.woocommerce-shipping-methods li label {
margin-left: 10px;
}
@media screen and (min-width: 37.5em) {
.demo_store {
max-width: 400px;
}
}
.select2-container.select2-container--default {
z-index: 9999;
}
.select2-container.select2-container--default .select2-selection--single {
color: #111;
border: 1px solid var(--wp--preset--color--color-5);
border-radius: 0;
min-height: 2.625em;
font-weight: 500;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
position: relative;
top: 7px;
text-align: left;
padding-left: 16px;
color: var(--wp--preset--color--base);
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-40%);
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #111;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__clear {
float: none;
height: 16px;
width: 16px;
border-radius: 100000px;
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: 400;
margin-right: 0.618em;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #CCC;
}
.select2-container.select2-container--default .select2-dropdown {
border-color: #CCC;
}
.select2-container.select2-container--default .select2-selection--multiple {
border-radius: 0;
}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #EEF0F2;
padding: 0.125em 1em;
margin: 0.25em 0.25em 0.25em 0;
border-radius: 50px;
border: none;
color: #111;
display: flex;
align-items: center;
}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: var(--wp--preset--color--color-6);
background-color: var(--wp--preset--color--primary);
border-radius: 1000px;
margin-right: 0.5em;
height: 16px;
width: 16px;
display: flex;
justify-content: center;
align-items: center;
}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: var(--wp--preset--color--color-6);
}
.select2-container.select2-container--multiple {
border-color: #CCC;
}
.woocommerce-input-wrapper .select2-container.select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid var(--wp--preset--color--color-5);
border-radius: 0;
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
}
.widget_price_filter .price_slider_amount .button {
padding: 0.25em 0.5em;
font-size: 1.4rem;
}
.widget_price_filter .price_slider_amount .price_label {
float: left;
background-color: #EEF0F2;
padding: 0 1em;
border-radius: 50px;
font-size: 1.4rem;
}
.widget_price_filter .ui-widget-content {
background-color: rgba(146, 80, 64, 0.2);
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background-color: #FFF;
box-sizing: border-box;
margin-top: -6px;
opacity: 1;
border-radius: 50px;
border: 4px solid #FFF;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.widget_price_filter .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider-handle:hover, .widget_price_filter .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 4px rgba(146, 80, 64, 0.2);
}
.widget_price_filter .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background-color: #925040;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal {
height: 0.25em;
}
.woocommerce .widget_layered_nav_filters ul li {
display: flex;
align-items: center;
}
.woocommerce .widget_layered_nav_filters ul li a:before {
font-family: "WooCommerce";
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "\e013";
text-decoration: none;
color: #C7AB62;
}
.woocommerce .woocommerce-widget-layered-nav-list__item--chosen a:before {
font-family: "WooCommerce";
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "\e013";
text-decoration: none;
color: #C7AB62;
} .woocommerce .product_list_widget {
width: 100%;
}
.woocommerce .product_list_widget li {
padding: 1.25em;
margin: 0;
}
.woocommerce .product_list_widget li::before, .woocommerce .product_list_widget li::after {
content: "";
display: table;
clear: both;
}
.woocommerce .product_list_widget li img {
width: 70px;
float: right;
margin: 0.5em;
}
.woocommerce .product_list_widget li .product-title {
display: flex;
}
.woocommerce .product_list_widget li .star-rating {
margin: 0;
}
.woocommerce .product_list_widget li ins {
background: unset;
} .widget_product_search .woocommerce-product-search {
display: flex;
}
.widget_product_search .search-field {
width: 100%;
padding: 0.5em;
border-radius: 2px 0 0 2px;
}
.widget_product_search button {
padding: 0 1.25em;
border-radius: 0 2px 2px 0;
line-height: 1;
}
.widget_product_search .ws-icon {
height: 16px;
width: 16px;
fill: #FFF;
} .widget_shopping_cart .button {
padding: 0.5em;
color: #111;
background-color: #FFF;
font-weight: 500;
} .woocommerce-account .input-text {
box-sizing: border-box;
width: 100%;
outline: 0;
line-height: 1.5;
padding: 0.5em 1em;
border-radius: 0;
border: 1px solid var(--wp--preset--color--color-5);
}
.woocommerce-account label {
display: block;
font-weight: 500;
margin-bottom: 0.25em;
color: var(--wp--preset--color--foreground);
}
.woocommerce-account .woocommerce-form-login {
background-color: unset;
border-radius: 4px;
width: 100%;
border: 0px solid #CCC;
}
.woocommerce-account .woocommerce-form-login__rememberme {
display: block;
}
.woocommerce-account .woocommerce-form-login__rememberme input[type=checkbox] {
margin-right: 0.5em;
}
.woocommerce-account .woocommerce-form-login button {
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
}
.woocommerce-account .lost_password {
text-align: center;
margin: 0;
}
.woocommerce-account .lost_password a {
text-decoration: underline;
}
.woocommerce-account .woocommerce-ResetPassword {
background: #FFF;
padding: 1.5em;
max-width: 705px;
margin-left: auto;
margin-right: auto;
}
.woocommerce-account .woocommerce-ResetPassword .input-text {
box-sizing: border-box;
width: 100%;
outline: 0;
line-height: 2;
padding: 0.5em;
}
.woocommerce-account .col2-set {
width: 100%;
background: unset;
padding: 0;
}
.woocommerce-account .col2-set button {
width: 159px;
padding: 12px 24px;
}
.woocommerce-account .col2-set .col-1 {
float: left;
width: 100%;
padding: 40px;
background-color: var(--wp--preset--color--color-1);
border-radius: 0;
border: 1px solid var(--wp--preset--color--color-5);
margin-bottom: 1.875em;
}
.woocommerce-account .col2-set .col-1 .woocommerce-form-login {
padding: unset;
border: unset;
}
.woocommerce-account .col2-set .col-1 button {
width: 138px;
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
font-size: var(--wp--preset--font-size--small);
border-radius: 0;
margin-bottom: 0;
}
.woocommerce-account .col2-set .col-1 .input-text {
border: none;
}
.woocommerce-account .col2-set .col-2 {
float: right;
width: 100%;
margin-top: 0;
padding: 40px;
background-color: #FFF;
border-radius: 0;
border: 1px solid var(--wp--preset--color--color-5);
}
.woocommerce-form {
color: var(--wp--preset--color--base);
}
@media screen and (min-width: 48em) {
.woocommerce-account .col2-set {
width: 100%;
margin-right: 0;
}
.woocommerce-account .col2-set .col-1 {
width: calc(50% - 1em);
}
.woocommerce-account .col2-set .col-1 .woocommerce-form-login {
width: 100%;
}
.woocommerce-account .col2-set .col-2 {
width: calc(50% - 1em);
}
.woocommerce-account .woocommerce-form-login button:hover {
opacity: 0.9;
}
.woocommerce-account .woocommerce-form-login button:focus {
color: var(--wp--preset--color--color-6);
}
.woocommerce-account .woocommerce-form-login .lost_password {
text-align: left;
}
.woocommerce-account .woocommerce-form-login::after {
content: "";
clear: both;
display: table;
}
}
.woocommerce-account.logged-in .wp-block-post-content {
padding-right: 15px;
padding-left: 15px;
}
.woocommerce-account.logged-in .wp-block-post-content .woocommerce {
display: flex;
flex-wrap: wrap;
flex-direction: unset;
}
.woocommerce-account .wp-block-group.has-background {
padding: 1.25em 1em;
}
.woocommerce-account .woocommerce-Button {
border-radius: 0;
margin-top: 16px;
color: var(--wp--preset--color--primary);
background-color: transparent;
border: 1px solid var(--wp--preset--color--primary);
padding: 12px 20px;
font-weight: 500;
}
.woocommerce-account .woocommerce-Button:hover {
color: var(--wp--preset--color--color-6);
background-color: var(--wp--preset--color--primary);
}
.woocommerce-account .wp-block-post-content {
padding-right: 15px;
padding-left: 15px;
}
.woocommerce-account .wp-block-post-content .woocommerce {
display: flex;
flex-wrap: wrap;
}
.woocommerce-account .wp-block-post-content .woocommerce h2 {
text-align: center;
font-size: 24px;
margin-bottom: 40px;
}
.woocommerce-account .is-layout-flow .woocommerce {
display: flex;
flex-direction: column;
}
.woocommerce-account .woocommerce-form-login {
padding: 40px;
max-width: 705px;
margin-left: auto;
margin-right: auto;
background-color: var(--wp--preset--color--color-1);
}
.woocommerce-MyAccount-navigation {
margin-bottom: 2em;
width: 100%;
}
.woocommerce-MyAccount-navigation ul {
background: #FFF;
border-radius: 2px;
list-style: none;
margin: 0;
overflow: hidden;
padding-inline-start: 0;
}
.woocommerce-MyAccount-navigation ul li a {
display: flex;
align-items: center;
height: 55px;
padding: 0 1.25em;
font-weight: 500;
color: #111;
border-bottom: 1px solid var(--wp--preset--color--color-1);
}
.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:focus {
background: var(--wp--preset--color--color-5);
opacity: 0.8;
color: var(--wp--preset--color--foreground);
}
.woocommerce-MyAccount-navigation ul li:last-child a {
border-bottom: 0;
}
.woocommerce-MyAccount-navigation ul .is-active a {
color: #FFF;
background: var(--wp--preset--color--primary);
}
.woocommerce-MyAccount-navigation ul .is-active a:hover, .woocommerce-MyAccount-navigation ul .is-active a:focus {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--color-6);
}
.woocommerce-MyAccount-content {
background: #FFF;
padding: 1em;
border-radius: 2px;
}
.woocommerce-MyAccount-content .addresses {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.woocommerce-MyAccount-content .woocommerce-Address {
border: 1px solid #CCC;
margin-bottom: 2em;
padding: 1em;
flex-grow: 1;
}
.woocommerce-MyAccount-content .woocommerce-Address:last-child {
margin-bottom: 0;
}
.woocommerce-MyAccount-content .woocommerce-Address address {
margin: 1em 0 0 0;
}
.woocommerce-MyAccount-content table .button {
padding: 0.25em 1em;
}
.woocommerce-MyAccount-content table .button:visited {
color: #FFF;
}
.woocommerce-MyAccount-content a:visited {
color: var(--wp--preset--color--foreground);
}
.woocommerce-MyAccount-content .button {
margin-top: 1em;
border: none;
padding: 12px 20px;
background-color: var(--wp--preset--color--color-1);
color: var(--wp--preset--color--foreground);
font-family: var(--wp--preset--font-family--archivo);
font-weight: 500;
}
.woocommerce-MyAccount-content .button:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white) !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.no-comments {
clear: none;
display: flex;
flex-direction: column;
padding: 1em;
border-radius: 2px;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-noreviews .button,
.no-comments .button {
order: 1;
color: #FFF;
text-align: center;
margin-top: 1em;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
.no-comments a {
color: var(--wp--preset--color--foreground);
}
.edit-account fieldset {
border: 1px solid #CCC;
border-radius: 2px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
margin-bottom: 60px;
}
.woocommerce-NoticeGroup-checkout ul {
display: block;
}
.woocommerce-NoticeGroup-checkout strong {
font-weight: 500;
}
@media screen and (min-width: 48em) {
.woocommerce-MyAccount-navigation {
float: left;
width: 30%;
padding-right: 1.875em;
margin-bottom: 1.875em;
}
.woocommerce-MyAccount-content {
float: left;
width: 70%;
}
.woocommerce-MyAccount-content .woocommerce-Address {
margin-right: 1em;
margin-bottom: 0;
}
.woocommerce-MyAccount-content .woocommerce-Address:last-child {
margin-right: 0;
margin-top: 0;
}
.woocommerce-message, .woocommerce-error, .woocommerce-noreviews, .woocommerce-info,
.woocommerce .no-comments {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.woocommerce-message .button, .woocommerce-error .button, .woocommerce-noreviews .button, .woocommerce-info .button,
.woocommerce .no-comments .button {
margin-top: 0;
}
.woocommerce-info {
justify-content: unset;
}
.woocommerce-info a {
margin-left: 1em;
}
}
.woocommerce-Address-title h3 {
font-size: 24px;
} .woocommerce-order {
color: var(--wp--preset--color--foreground);
}
.order_details {
margin: 0 0 2.5em;
list-style: none;
background-color: #FFF;
border: 1px solid #CCC;
}
.order_details::before, .order_details::after {
content: "";
display: table;
clear: both;
}
.order_details li {
float: left;
margin-right: 1.25em;
text-transform: uppercase;
line-height: 1;
padding: 1.25em;
border-right: 1px solid #CCC;
}
.order_details li:last-child {
border-right: none;
}
.order_details li strong {
display: block;
text-transform: none;
line-height: 1.5;
padding-top: 1em;
font-weight: 600;
}
.woocommerce-order-details {
margin-top: 2.5em;
}
.woocommerce-order-details table,
.woocommerce-order-details th,
.woocommerce-order-details td {
border: 1px solid #CCC;
margin-bottom: 1.5em;
padding: 1.25em;
background-color: #FFF;
text-align: left;
}
.woocommerce-customer-details {
margin-top: 2.5em;
}
.woocommerce-customer-details .woocommerce-column__title {
margin-bottom: 1.25em;
}
.woocommerce-customer-details address {
font-style: normal;
border: 1px solid #CCC;
text-align: left;
width: 100%;
border-radius: 4px;
padding: 1.25em;
background-color: #FFF;
}
.woocommerce-order-downloads .button {
padding: 0.25em 1em;
} .cart-empty {
width: 100%;
margin: 0;
color: var(--wp--preset--color--base);
background-color: var(--wp--preset--color--color-1);
}
.return-to-shop {
width: 100%;
text-align: center;
}
.return-to-shop .button {
margin-top: 1.25em;
color: var(--wp--preset--color--color-6);
background-color: var(--wp--preset--color--primary);
display: block;
border-radius: 0;
padding: 12px 20px;
}
.return-to-shop .button:hover {
opacity: 0.9;
}
@media screen and (min-width: 37.5em) {
.return-to-shop {
width: unset;
}
} .ws-filter-sidebar {
position: fixed;
top: 0;
left: 0;
width: 300px;
height: 100%;
background: var(--wp--preset--color--color-6);
transform: translateX(-100%);
transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 999;
overflow-x: hidden;
padding-top: 6.25em;
padding-right: 1em;
padding-left: 1em;
}
.ws-filter-sidebar.toggled {
transform: translateX(0%);
}
.ws-filter-sidebar-overlay {
opacity: 0;
visibility: hidden;
background: rgba(24, 24, 24, 0.8);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
transition: opacity 0.3s;
}
.ws-filter-sidebar-overlay.toggled {
opacity: 1;
visibility: visible;
}
.ws-filter-sidebar ul {
margin: 0;
list-style-type: none;
}
.ws-filter-sidebar li {
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.ws-filter-sidebar a {
color: #111;
}
.ws-filter-sidebar a:hover, .ws-filter-sidebar a:focus {
color: var(--wp--preset--color--primary);
}
.ws-filter-sidebar .ws-no-widget a {
color: var(--wp--preset--color--primary);
}
.ws-filter-sidebar .ws-no-widget a:hover, .ws-filter-sidebar .ws-no-widget a:focus {
color: #111;
}
.ws-filter-sidebar .widget {
margin-bottom: 2.5em;
}
.ws-filter-sidebar .widget-title {
text-transform: uppercase;
font-size: 1.6rem;
}
.ws-filter-sidebar li.wc-layered-nav-term {
position: relative;
}
.ws-filter-sidebar li.wc-layered-nav-rating {
position: relative;
text-align: right;
}
.ws-filter-sidebar li.wc-layered-nav-rating .star-rating {
position: absolute;
left: 0;
top: -8%;
}
.ws-filter-sidebar .ws-close-filter-sidebar {
background: var(--wp--preset--color--color-6);
border-radius: 2px;
position: absolute;
top: 24px;
right: 16px;
padding: 1.5em 1em;
}
.widget_layered_nav_filters ul {
display: flex;
flex-wrap: wrap;
}
.widget_layered_nav_filters li.chosen a {
background-color: #EEF0F2;
padding: 0.125em 1em;
margin: 0.25em 0.25em 0.25em 0;
border-radius: 50px;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
outline: 0px solid #50575e;
outline-offset: 2px;
}
.wp-block-woocommerce-filter-wrapper h3 {
font-size: var(--wp--preset--font-size--extra-large);
font-weight: 500;
}
.wc-block-attribute-filter__actions {
justify-content: flex-start;
text-decoration: underline;
}
.wc-block-attribute-filter__actions:hover {
text-decoration-style: dashed;
}
.wc-block-active-filters .wc-block-active-filters__clear-all {
float: left;
}
.wc-block-active-filters .wc-block-active-filters__clear-all .wc-block-active-filters__clear-all span {
text-decoration: underline;
}
.wc-block-active-filters .wc-block-active-filters__clear-all .wc-block-active-filters__clear-all span:hover {
text-decoration-style: dashed;
}
.editor-styles-wrapper .wc-block-grid .wc-block-grid__products .wc-block-grid__product {
margin: 0;
}