/*
Theme Name: Blaq Lite
Description: Blaq is a clean, modern and highly versatile WooCommerce theme designed for fashion and apparel stores. It features a minimalist black-and-white aesthetic with bold typography, built for brands that want a premium, editorial feel.
Version: 1.0.0
Author: WP Custom Themes
Author URI: https://wpcustomthemes.com
Theme URI: https://wpcustomthemes.com/wordpress/themes/blaq
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blaq-lite
Tags: e-commerce, blog, one-column, full-site-editing, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, wide-blocks, threaded-comments, translation-ready
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
WC requires at least: 7.0
WC tested up to: 10.9.3
Blaq Lite WordPress Theme, Copyright 2026 WP Custom Themes
Blaq Lite is distributed under the terms of the GNU General Public License v2.0 or later.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .
*/
/*--------------------------------------------------------------
# Mixin
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
/* --- Block Styles
-------------------------------------------------------- */
/* --- Block Styles
-------------------------------------------------------- */
/* --- WP Block Group Style
-------------------------------------------------------- */
.wp-block-section.is-style-padding-0 {
padding-bottom: 0;
padding-top: 0;
}
/* --- WP Block Columns Style
-------------------------------------------------------- */
.wp-block-columns.is-style-have-gap-0 {
gap: 0;
}
/* --- WP Block Button Style
-------------------------------------------------------- */
.wp-block-button .wp-block-button__link,
.wp-block-post-excerpt__more-link {
text-decoration: none;
position: relative;
width: auto;
}
.block-editor-block-list__block.wp-block-button:not(.is-style-outline):not(.is-style-plain) .wp-element-button:not(.has-dark-color) {
color: var(--wp--preset--color--light) !important;
}
.wp-block-button.is-style-plain,
.wp-block-post-excerpt__more-link {
text-decoration: underline;
position: relative;
color: var(--wp--preset--color--button-color);
padding-right: 25px;
transition: all 0.4s;
display: inline-block;
cursor: pointer;
}
.wp-block-button.is-style-plain:hover,
.wp-block-post-excerpt__more-link:hover {
text-decoration: none;
}
.wp-block-button.is-style-plain:after,
.wp-block-button.is-style-plain:before,
.wp-block-post-excerpt__more-link:after,
.wp-block-post-excerpt__more-link:before {
content: "";
transition: 0.3s;
position: absolute;
opacity: 1;
right: 0;
}
.wp-block-button.is-style-plain:hover::after,
.wp-block-button.is-style-plain:hover::before,
.wp-block-post-excerpt__more-link:hover::after,
.wp-block-post-excerpt__more-link:hover::before {
right: -8px;
}
.wp-block-button.is-style-plain:after,
.wp-block-post-excerpt__more-link:after {
display: inline-block;
width: 8px;
height: 8px;
border: 0.125rem solid var(--wp--preset--color--button-color);
border-bottom: 0;
border-left: 0;
border-radius: 1px;
margin-left: 10px;
margin-bottom: 2px;
top: 10px;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.block-editor-block-list__block .wp-block-post-excerpt__more-link:after,
.block-editor-block-list__block .wp-block-post-excerpt__more-link::before {
display: none;
}
.wp-block-buttons>.wp-block-button {
height: 60px;
}
.wp-block-buttons>.wp-block-button.is-style-plain {
height: auto;
}
.wp-block-button.is-style-plain .wp-block-button__link {
border: none;
color: var(--wp--preset--color--button-color);
position: relative;
padding: 0;
padding-bottom: 3px;
background-color: transparent;
border-bottom: 2px solid var(--wp--preset--color--dark);
}
.wp-block-button.is-style-plain .wp-block-button__link:hover,
.wp-block-button.is-style-plain .wp-block-button__link:focus {
border-bottom: 2px solid transparent;
}
.wp-block-button.is-style-plain .wp-block-button__link.has-title-color::before {
background-color: var(--wp--preset--color--title);
}
.wp-block-button.is-style-plain .wp-block-button__link.has-title-color:hover::before {
background-color: var(--wp--preset--color--button-color) !important;
}
.wp-block-button.is-style-plain .wp-block-button__link.has-title-color:hover {
color: var(--wp--preset--color--button-color) !important;
}
.wp-block-button.is-style-plain:has(.has-background-color)::before,
.wp-block-button.is-style-plain:has(.has-light-color)::before {
background-color: var(--wp--preset--color--light);
}
.wp-block-button.is-style-plain:has(.has-background-color)::after,
.wp-block-button.is-style-plain:has(.has-light-color)::after {
border: 0.125rem solid var(--wp--preset--color--light);
border-bottom: 0;
border-left: 0;
}
.wp-block-button.is-style-plain:has(.has-title-color):before {
background-color: var(--wp--preset--color--title);
}
.wp-block-button.is-style-plain:has(.has-title-color):hover:before {
background-color: var(--wp--preset--color--button-color);
}
.wp-block-button.is-style-plain:has(.has-title-color):after {
border: 0.125rem solid var(--wp--preset--color--title);
border-bottom: 0;
border-left: 0;
}
.wp-block-button.is-style-plain:has(.has-title-color):hover:after {
border: 0.125rem solid var(--wp--preset--color--button-color);
border-bottom: 0;
border-left: 0;
}
.wp-block-button.is-style-plain .wp-block-button__link .wp-block-button.is-style-plain .has-text-color:hover,
.wp-block-button.is-style-plain .has-text-color:focus {
color: var(--wp--preset--color--link-color) !important;
}
.style-guide-btn .wp-block-button {
display: flex;
align-items: center;
border-bottom: 1px dashed;
padding: 0;
text-decoration: none;
}
.style-guide-btn .wp-block-button:hover::before {
right: auto;
}
.style-guide-btn .wp-block-button::after {
display: none;
}
.style-guide-btn .wp-block-button::before {
content: "";
display: inline-block;
width: 21px;
height: 9px;
margin-right: 8px;
vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 9'%3E%3Cpath fill='currentColor' d='M18.5625 7.875C18.8789 7.875 19.125 7.62891 19.125 7.3125V1.6875C19.125 1.37109 18.8789 1.125 18.5625 1.125H16.875V3.9375C16.875 4.25391 16.6289 4.5 16.3125 4.5C15.9961 4.5 15.75 4.25391 15.75 3.9375V1.125H13.7812V2.8125C13.7812 3.12891 13.5352 3.375 13.2188 3.375C12.9023 3.375 12.6562 3.12891 12.6562 2.8125V1.125H10.6875V3.9375C10.6875 4.25391 10.4414 4.5 10.125 4.5C9.80859 4.5 9.5625 4.25391 9.5625 3.9375V1.125H7.59375V2.8125C7.59375 3.12891 7.34766 3.375 7.03125 3.375C6.71484 3.375 6.46875 3.12891 6.46875 2.8125V1.125H4.5V3.9375C4.5 4.25391 4.25391 4.5 3.9375 4.5C3.62109 4.5 3.375 4.25391 3.375 3.9375V1.125H1.6875C1.37109 1.125 1.125 1.37109 1.125 1.6875V7.3125C1.125 7.62891 1.37109 7.875 1.6875 7.875H18.5625ZM3.9375 0H18.5625C19.5117 0 20.25 0.773438 20.25 1.6875V7.3125C20.25 8.26172 19.5117 9 18.5625 9H1.6875C0.773438 9 0 8.26172 0 7.3125V1.6875C0 0.773438 0.773438 0 1.6875 0H3.9375Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: transparent;
position: relative;
top: 0;
margin-right: 13px;
}
.style-guide-btn .wp-block-button .wp-block-button__link {
padding-inline: 0;
border: none;
}
.style-guide-btn .wp-block-button .wp-block-button__link:hover,
.style-guide-btn .wp-block-button .wp-block-button__link:focus {
border: none;
}
.wp-block-buttons.style-guide-btn+div {
margin-top: 28px;
}
.wp-element-button,
.wc_forward,
.wp-block-button .wp-block-button__link,
.wp-block-post-excerpt__more-link {
position: relative;
overflow: hidden;
display: inline-block;
color: transparent !important;
}
.block-editor-block-list__block .wp-block-button .wp-element-button,
.block-editor-block-list__block .wp-block-button.is-style-plain .wp-block-button__link.has-background-color,
.block-editor-block-list__block .wp-block-button.is-style-plain .wp-block-button__link.has-light-color,
.block-editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link.has-background-color,
.block-editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link.has-light-color,
.block-editor-block-list__block .wp-block-post-excerpt__more-link.has-background-color,
.block-editor-block-list__block .wp-block-post-excerpt__more-link.has-light-color,
.block-editor-block-list__block .wp-block-button .wp-block-button__link.has-light-color,
.block-editor-block-list__block .wc_forward,
.block-editor-block-list__block .wp-block-button .wp-block-button__link,
.block-editor-block-list__block .wp-block-post-excerpt__more-link {
color: #fff !important;
}
.block-editor-block-list__block .wp-block-button .wp-element-button.has-dark-color {
color: #000 !important;
}
:root :where(.wp-element-button, .wp-block-button__link) {
background-color: var(--wp--preset--color--button-color);
}
/* hover text */
.wc_forward::after,
.wp-element-button::after,
.wp-block-button .wp-block-button__link::after,
.wp-block-post-excerpt__more-link::after {
content: attr(data-hover);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, 20%);
opacity: 0;
transition: transform 0.35s ease, opacity 0.35s ease;
white-space: nowrap;
color: var(--wp--preset--color--light);
}
.woocommerce .wp-block-add-to-cart-form:not(#\0) .single_add_to_cart_button::after,
.wp-block-button.wp-block-woocommerce-product-button .wp-block-button__link::after {
content: attr(data-hover);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, 20%);
padding-right: 30px;
/* space for icon */
background-image: url("assets/images/cart-icon.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 19px 24px;
color: var(--wp--preset--color--light);
box-sizing: content-box;
}
.wp-element-button:hover::after,
.wc_forward:hover::after,
.woocommerce .wp-block-add-to-cart-form:not(#\0) .single_add_to_cart_button:hover::after,
.wp-block-button.wp-block-woocommerce-product-button .wp-block-button__link:hover::after,
.wp-block-button:not(.wp-block-woocommerce-product-button):hover .wp-block-button__link::after,
.wp-block-post-excerpt__more-link:hover::after {
transform: translate(-50%, -50%);
opacity: 1;
}
/* recreate original text */
.wp-element-button::before,
.wc_forward::before,
.wp-block-button .wp-block-button__link::before,
.wp-block-post-excerpt__more-link::before {
content: attr(data-hover);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: transform 0.35s ease;
white-space: nowrap;
color: var(--wp--preset--color--light);
opacity: 1;
transition: all 0.4s;
}
/* animation */
.wp-element-button:hover::before,
.wc_forward:hover::before,
.wp-block-button.wp-block-woocommerce-product-button .wp-block-button__link:hover::before,
.woocommerce .wp-block-add-to-cart-form:not(#\0) .single_add_to_cart_button:hover::before,
.wp-block-button:not(.wp-block-woocommerce-product-button):hover .wp-block-button__link::before,
.wp-block-post-excerpt__more-link:hover::before {
transform: translate(-50%, -120%);
opacity: 0;
}
.woocommerce .wp-block-add-to-cart-form:not(#\0) .single_add_to_cart_button::before,
.wp-block-button.wp-block-woocommerce-product-button .wp-block-button__link::before {
content: attr(data-hover);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding-right: 30px;
background-image: url("assets/images/cart-icon.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 19px 24px;
color: var(--wp--preset--color--light);
white-space: nowrap;
box-sizing: content-box;
transition: all 0.4s;
}
.wp-filter-button .wp-block-button {
position: relative;
}
.wp-filter-button .wp-block-button::before {
padding-left: 20px;
background-image: url(assets/images/filter-icon.svg);
background-repeat: no-repeat;
position: absolute;
left: 20px;
top: 20px;
content: '';
width: 20px;
height: 20px;
}
.wp-filter-button .wp-block-button .wp-block-button__link {
padding-left: 70px;
}
.wp-filter-button .wp-block-button .wp-block-button__link::after,
.wp-filter-button .wp-block-button .wp-block-button__link::before {
left: 62%;
}
.wp-block-button .wp-block-button__link.has-background-background-color,
.wp-block-button .wp-block-button__link.has-light-background-color {
border: 1px solid var(--wp--preset--color--light) !important;
}
.wp-block-button .wp-block-button__link.has-background-background-color:after,
.wp-block-button .wp-block-button__link.has-background-background-color::before,
.wp-block-button .wp-block-button__link.has-light-background-color:after,
.wp-block-button .wp-block-button__link.has-light-background-color::before {
color: var(--wp--preset--color--button-color);
}
.is-style-outline>.wp-block-button__link {
border-radius: 0;
border: 1px solid var(--wp--preset--color--button-color);
color: var(--wp--preset--color--button-color);
overflow: hidden;
position: relative;
background: transparent;
}
.is-style-outline>.wp-block-button__link.has-background-color,
.is-style-outline>.wp-block-button__link.has-light-color {
border: 1px solid var(--wp--preset--color--light);
}
.wp-block-button.is-style-plain .wp-block-button__link.has-background-color,
.wp-block-button.is-style-plain .wp-block-button__link.has-light-color,
.wp-block-button.is-style-outline .wp-block-button__link.has-background-color,
.wp-block-button.is-style-outline .wp-block-button__link.has-light-color,
.wp-block-post-excerpt__more-link.has-background-color,
.wp-block-post-excerpt__more-link.has-light-color {
color: transparent !important;
}
.wp-block-button.is-style-plain .wp-block-button__link.has-background-color::before,
.wp-block-button.is-style-plain .wp-block-button__link.has-background-color::after,
.wp-block-button.is-style-plain .wp-block-button__link.has-light-color::before,
.wp-block-button.is-style-plain .wp-block-button__link.has-light-color::after,
.wp-block-button.is-style-outline .wp-block-button__link.has-background-color::before,
.wp-block-button.is-style-outline .wp-block-button__link.has-background-color::after,
.wp-block-button.is-style-outline .wp-block-button__link.has-light-color::before,
.wp-block-button.is-style-outline .wp-block-button__link.has-light-color::after,
.wp-block-post-excerpt__more-link.has-background-color::before,
.wp-block-post-excerpt__more-link.has-background-color::after,
.wp-block-post-excerpt__more-link.has-light-color::before,
.wp-block-post-excerpt__more-link.has-light-color::after {
color: var(--wp--preset--color--light);
}
.wp-block-button.is-style-plain .wp-block-button__link::before,
.wp-block-button.is-style-outline .wp-block-button__link::before,
.wp-block-post-excerpt__more-link::before {
color: var(--wp--preset--color--button-color);
opacity: 1;
}
.wp-block-button.is-style-plain .wp-block-button__link:hover::before,
.wp-block-button.is-style-outline .wp-block-button__link:hover::before,
.wp-block-post-excerpt__more-link:hover::before {
opacity: 0;
}
.wp-block-button.is-style-plain:hover .wp-block-button__link::before {
opacity: 0;
}
.wp-block-button.is-style-plain .wp-block-button__link::after,
.wp-block-button.is-style-outline .wp-block-button__link::after {
color: var(--wp--preset--color--button-color);
}
/* --- WP Block Post Comments Style
-------------------------------------------------------- */
.wp-post-author-card,
.wp-block-group.post-navigation-link-container,
.wp-block-comments {
max-width: 780px;
}
.wp-block-comments .wp-block-comments-title {
font-size: clamp(24px, 2.85vw, 36px);
margin-top: 0;
}
.wp-block-comments .wp-block-comment-author-name {
color: var(--wp--preset--color--secondary-text);
}
.wp-block-comments .wp-block-comment-author-name a {
text-decoration: none;
}
.wp-block-comments .wp-block-comment-content {
margin-top: 14px;
}
.wp-block-comments .wp-block-comment-content p {
color: var(--wp--preset--color--body-text);
font-size: var(--wp--preset--font-size--body-default) !important;
}
.wp-block-comments .wp-block-comment-edit-link a,
.wp-block-comments .wp-block-comment-reply-link a {
color: var(--wp--preset--color--body-text);
}
.wp-block-comments .wp-block-comment-edit-link a:hover,
.wp-block-comments .wp-block-comment-edit-link a:focus,
.wp-block-comments .wp-block-comment-reply-link a:hover,
.wp-block-comments .wp-block-comment-reply-link a:focus {
color: var(--wp--preset--color--link-color);
}
.wp-block-comment-template ol,
.wp-block-comment-template li:not(:first-child) {
margin-top: 42px;
}
.wp-block-post-comments .commentlist>li>.children>li article,
.comment article,
.wp-block-post-comments .commentlist>li>.children>li article,
.wp-block-post-comments .commentlist>li>article {
padding-bottom: var(--wp--custom--spacing--wp-block-navigation-block);
}
.wp-block-post-comments .commentlist>li>article {
padding-top: 0;
}
.wp-block-post-comments .commentlist .comment-body>*:last-child,
.wp-block-post-comments .comment-respond>*:last-child,
.wp-block-post-comments .comment-respond .comment-form>*:last-child,
.wp-block-post-comments .comment-respond .comment-form>P:last-of-type,
.wp-block-post-comments .commentlist .comment-body>*:last-child,
.wp-block-post-comments .comment-respond>*:last-child,
.wp-block-post-comments .comment-respond .comment-form>*:last-child,
.wp-block-post-comments .comment-respond .comment-form>P:last-of-type {
margin-bottom: 0;
}
.wp-block-post-comments .comment-author,
.wp-block-post-comments .comment-author {
color: var(--wp--preset--color--foreground);
font-size: var(--wp--preset--font-size--normal);
font-weight: var(--wp--custom--typography--font-weight--bold);
line-height: 1.75;
margin-bottom: 7px;
}
.wp-block-post-comments .comment-content,
.wp-block-post-comments .comment-content {
margin-top: 20px;
}
.wp-block-group.wp-block-post-meta {
gap: 0.5rem 1.5rem;
}
.wp-block-post-meta .wp-block-post-author {
background-color: transparent;
padding: 0;
color: inherit;
}
.wp-block-group.post-navigation-link-container {
margin-top: var(--wp--custom--spacing--wp-block-navigation-widget);
margin-bottom: var(--wp--custom--spacing--wp-block-navigation-block);
}
.wp-block-post-comments .comment-metadata,
.wp-block-post-comments .comment-metadata {
color: var(--wp--preset--color--body-text);
font-size: var(--wp--preset--font-size--medium);
line-height: 1.62;
}
.wp-block-post-comments .comment-metadata a,
.wp-block-post-comments .comment-metadata a {
text-decoration: none;
}
.wp-block-post-comments .comment-author .avatar {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
height: 65px;
float: left;
margin-right: 21px;
overflow: hidden;
width: 65px;
}
.wp-block-post-author__avatar img {
border-radius: 50%;
height: clamp(85px, 8vw, 125px);
width: clamp(85px, 8vw, 125px);
}
.wp-block-post-author__avatar {
margin-right: clamp(21px, 3vw, 35px);
}
.wp-block-post-comments .comment-meta .fn {
text-transform: uppercase;
}
.comment-metadata,
.comment-metadata .edit-link {
font-size: var(--wp--preset--font-size--tiny);
margin-top: 8px;
}
.comment-reply-title {
font-size: var(--wp--preset--font-size--heading-5);
font-weight: 600;
margin: 0 0 21px !important;
display: block;
}
.comment-form-rating {
margin-bottom: 21px;
}
label {
font-size: var(--wp--preset--font-size--paragraph-medium);
margin-bottom: 7px !important;
display: block;
font-weight: 500 !important;
}
p.logged-in-as {
color: var(--wp--preset--color--title);
margin-bottom: 28px;
}
.wp-block-post-comments #comments {
font-size: var(--wp--preset--font-size--extra-large);
margin-top: var(--wp--custom--spacing--wp-block-navigation-widget);
margin-bottom: var(--wp--custom--spacing--wp-block-navigation-block);
}
.wp-block-post-comments ul,
.wp-block-post-comments ol {
list-style-type: none;
}
.commentlist {
margin-top: 0;
}
.wp-block-post-comments .comment-metadata>*:not(:last-child),
.wp-block-post-comments .comment-metadata>*:not(:last-child) {
padding-right: 10px;
}
.wp-block-post-comments .reply,
.wp-block-post-comments .reply {
font-size: var(--wp--preset--font-size--small);
}
.wp-block-post-comments .reply a,
.wp-block-post-comments .reply a {
font-weight: var(--wp--custom--typography--font-weight--bold);
text-decoration: none;
text-transform: uppercase;
}
.wp-block-post-comments .comment-respond,
.wp-block-post-comments .comment-respond {
margin-top: var(--wp--custom--spacing--normal);
}
.wp-block-post-comments .comment-respond .comment-form,
.wp-block-post-comments .comment-respond .comment-form {
font-size: var(--wp--preset--font-size--upper-heading);
}
.wp-block-post-comments .comment-respond .comment-form a,
.wp-block-post-comments .comment-respond .comment-form .logged-in-as,
.wp-block-post-comments .comment-respond .comment-form .comment-notes,
.wp-block-post-comments .comment-respond .comment-form .comment-form-cookies-consent,
.wp-block-post-comments .comment-respond .comment-form a,
.wp-block-post-comments .comment-respond .comment-form .logged-in-as,
.wp-block-post-comments .comment-respond .comment-form .comment-notes,
.wp-block-post-comments .comment-respond .comment-form .comment-form-cookies-consent {
font-size: var(--wp--preset--font-size--extra-small);
text-decoration: none;
}
/* --- WP Block Latest Comments Style
-------------------------------------------------------- */
.wp-block-latest-comments,
.wp-block-latest-comments {
margin-top: 0;
padding: 0;
}
.wp-block-latest-comments a,
.wp-block-latest-comments a {
text-decoration: none;
}
.wp-block-latest-comments .wp-block-latest-comments__comment,
.wp-block-latest-comments .wp-block-latest-comments__comment {
border-bottom: 1px solid var(--wp--preset--color--border-primary);
margin-bottom: 0;
padding-bottom: var(--wp--custom--spacing--normal);
padding-top: var(--wp--custom--spacing--normal);
}
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt>*:last-child,
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt>*:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-top: 20px;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 4.25em;
}
.comment-body a {
text-decoration: none;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
height: 65px;
width: 65px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date,
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date {
font-size: var(--wp--preset--font-size--tiny);
margin-top: 7px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-author,
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-author {
color: var(--wp--preset--color--foreground);
font-weight: var(--wp--custom--typography--font-weight--bold);
line-height: 1.75;
}
/* --- WP Block Quote Style
-------------------------------------------------------- */
.wp-block-quote p,
.wp-block-quote p {
color: var(--wp--preset--color--foreground);
font-size: var(--wp--custom--typography--font-size--heading-four);
font-weight: var(--wp--custom--typography--font-weight--semi-bold);
line-height: 1.4;
margin-top: 0;
}
.wp-block-quote.is-style-default,
.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-quote:not(.is-style-plain) {
background-color: var(--wp--preset--color--primary);
border-left: 5px solid var(--wp--preset--color--dark);
position: relative;
padding: 35px;
position: relative;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
}
.wp-block-pullquote.alignright.has-text-align-left,
.wp-block-pullquote.alignright.has-text-align-right {
border: 0;
}
.wp-block-pullquote.has-text-align-right:not(blockquote) {
border: 0;
border-right: 4px solid;
}
.wp-block-quote.has-text-align-right:before,
.wp-block-quote.has-text-align-right.is-style-large:not(.is-style-plain):before,
.wp-block-quote.has-text-align-right:not(.is-style-plain):before {
left: auto;
right: var(--wp--custom--spacing--section-heading-gap);
}
figure.wp-block-pullquote.alignleft:not(.has-text-align-center) blockquote,
figure.wp-block-pullquote.has-text-align-left blockquote {
margin: 0;
text-align: left;
}
figure.wp-block-pullquote.alignright:not(.has-text-align-center) blockquote,
figure.wp-block-pullquote.has-text-align-right blockquote {
margin: 0;
text-align: right;
}
figure.wp-block-pullquote.aligncenter blockquote,
figure.wp-block-pullquote.has-text-align-center blockquote {
text-align: center;
}
.wp-block-quote {
text-align: left;
}
.wp-block-quote.has-text-align-right {
text-align: right;
border-left: 0;
border-right: 0;
}
.wp-block-quote.has-text-align-center {
text-align: center;
}
.wp-block-quote.has-text-align-center:before,
.wp-block-quote.has-text-align-center.is-style-large:not(.is-style-plain):before,
.wp-block-quote.has-text-align-center:not(.is-style-plain):before,
.wp-block-quote.is-style-default:not(.has-text-align-left):not(.has-text-align-right):before {
left: 50%;
transform: translateX(-50%);
}
.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-quote cite,
.wp-block-quote footer {
font-size: var(--wp--preset--font-size--small);
}
.wp-block-quote.is-style-large,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.is-large {
color: var(--wp--preset--color--foreground);
}
/* --- WP Block Seperator Style
-------------------------------------------------------- */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
opacity: 1;
width: 80px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots).is-style-default {
width: 80px;
}
.section-heading .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
margin-left: 0;
}
.section-heading .wp-block-separator:not(.is-style-wide):not(.is-style-dots).is-style-default {
margin-left: 0;
margin-top: 30px;
}
/* --- WP Block Pullquote Style
-------------------------------------------------------- */
.wp-block-pullquote p {
color: var(--wp--preset--color--foreground);
font-size: var(--wp--custom--typography--font-size--heading-four);
line-height: 1.4;
margin-top: 0;
}
.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-pullquote .wp-block-pullquote__citation {
font-size: var(--wp--preset--font-size---medium-small);
text-transform: none;
}
.wp-block-pullquote {
padding-top: 35px;
padding-bottom: 35px;
border-top: 5px solid var(--wp--preset--color--dark);
border-bottom: 5px solid var(--wp--preset--color--dark);
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block[data-align="left"] .wp-block-pullquote,
.wp-block[data-align="right"] .wp-block-pullquote {
border: none;
position: relative;
}
.wp-block-pullquote.alignleft blockquote,
.wp-block-pullquote.alignright blockquote,
.wp-block[data-align="left"] .wp-block-pullquote blockquote,
.wp-block[data-align="right"] .wp-block-pullquote blockquote {
margin: 0;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.has-text-align-left,
.wp-block[data-align="left"] .wp-block-pullquote {
margin-right: 0;
padding-right: 35px;
padding-left: 20px;
}
.wp-block-pullquote.alignright,
.wp-block-pullquote.has-text-align-right,
.wp-block[data-align="right"] .wp-block-pullquote {
margin-left: 0;
padding-left: 35px;
padding-right: 20px;
}
/* --- WP Block Table Style
-------------------------------------------------------- */
.wp-block-table td,
.wp-block-table th,
.wp-block-table td,
.wp-block-table th {
border-color: var(--wp--preset--color--border-primary);
padding: 0.5em 1.4em;
}
.wp-block-table th:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center),
.wp-block-table th:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center) {
text-align: left;
}
.wp-block-table thead,
.wp-block-table thead {
border-bottom-color: var(--wp--preset--color--border-primary);
}
.wp-block-table tfoot {
border-top-color: var(--wp--preset--color--border-primary);
}
.wp-block-table th,
.wp-block-table th {
font-weight: var(--wp--custom--typography--font-weight--semi-bold);
color: var(--wp--preset--color--foreground);
}
.wp-block-table table,
.wp-block-table table {
border: 1px solid var(--wp--preset--color--border-primary);
}
/* --- WP Block Preformatted and Verse Style
-------------------------------------------------------- */
.wp-block-preformatted,
.wp-block-preformatted,
.wp-block-verse {
background-color: var(--wp--preset--color--primary);
box-sizing: border-box;
font-family: "Courier Prime", monospace;
overflow: auto;
padding: var(--wp--custom--spacing--extra-small);
word-wrap: break-word;
}
/* --- WP Column Block Style
-------------------------------------------------------- */
.wp-block-column {
box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center !important;
}
/* --- WP Block Search Style
-------------------------------------------------------- */
.wp-block-navigation__submenu-container {
display: none;
}
button[aria-expandd="true"] .wp-block-navigation__submenu-container {
display: block;
}
.wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
width: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-site-blocks>*+* {
margin-block-start: 0;
}
.has-box-shadow {
box-shadow: 0px 0px 90px 20px #E4E4E4;
}
/* --- Block Theme
-------------------------------------------------------- */
/* --- BASE STYLE
-------------------------------------------------------- */
html {
scroll-behavior: smooth;
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration-thickness: 1px;
text-underline-offset: 0.25ch;
text-decoration: underline;
}
a:hover,
a:focus {
text-decoration: none;
}
.wp-block-navigation:where(:not([class*="has-text-decoration"])) a {
text-decoration: none;
}
a:where(:not(.wp-element-button)) {
color: var(--wp--preset--color--link-color);
}
/*
* Search and File Block button styles.
*/
.wp-block-column-sidebar .wp-block-sidebar {
padding: 28px;
position: relative;
z-index: 9;
}
.wp-block-sidebar.product-sidebar .wp-block-widget {
background-color: transparent;
padding: 0;
}
/*
* Responsive menu container padding.
*/
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open {
padding: 20px 35px;
background-color: var(--wp--preset--color--dark);
}
.wp-block-post-template .wp-block-post-featured-image {
margin: 0;
}
.wp-block-post-author__content .wp-block-post-author__name a {
text-decoration: none;
}
.wp-block-post-author__content .wp-block-post-author__name a:hover,
.wp-block-post-author__content .wp-block-post-author__name a:focus {
color: var(--wp--preset--color--link-color);
}
.feature-content-section .wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
gap: var(--wp--custom--spacing--section-heading);
}
pre {
white-space: pre-wrap;
padding: 25px;
box-sizing: border-box;
}
.no-sidebar-full-width .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--wide-size);
}
.wp-block-sidebar-on-left .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.wp-block-sidebar-on-right .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 100%;
}
.no-sidebar-medium-width .wp-block-header-media :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--wide-size) !important;
}
/* --- Theme Style
-------------------------------------------------------- */
a,
.content>.video-play:hover span,
.content>.video-play svg,
a svg.icon,
#myBtn:after,
ins,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce button,
.swiper-pagination-bullet,
.wc-block-mini-cart__button,
svg,
.team-section .wp-block-column,
.wp-block-button__link,
.woocommerce ul.products li.product .button,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-post-excerpt__more-link,
.tnp.tnp-subscription .tnp-field input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"],
header svg,
.wp-block-social-links a,
.header svg,
.wp-block-search__button,
.wc-block-product-search .wc-block-product-search__button,
.wc-block-components-button:not(.is-link).outlined,
.woocommerce ul.products li.product a h2,
.wp-block-navigation__responsive-container,
.services .wp-block-columns .wp-block-column:not(.section-heading),
.servicess .wp-block-columns .wp-block-column:not(.section-heading),
.wc-block-components-pagination__page,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-post-excerpt__more-link,
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
.post-navigation-link__label,
.swiper-pagination span,
.slider-content *,
.wp-block-navigation .wp-block-navigation__submenu-container,
.wp-block-button .wp-block-button__link:before,
.wp-block-navigation .wp-block-navigation-item,
.service-section .wp-block-column,
.team-section .wp-block-column figure:before,
.team-section .plus-icon,
.social-lists,
.gallery-section .container--tabs .nav-tabs li a:before,
.wp-block-navigation .has-child .wp-block-navigation__submenu-container,
.wp-block-post-excerpt__more-link:before,
.wp-block-navigation .wp-block-navigation__submenu-container li a:before,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-post-featured-image img {
-moz-transition: 0.4s all;
-o-transition: 0.4s all;
-webkit-transition: 0.4s all;
transition: 0.4s all;
}
pre {
background-color: var(--wp--preset--color--secondary);
}
.wp-block-columns>.wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-post-header {
padding-top: var(--wp--custom--spacing--main-block-gap);
padding-bottom: var(--wp--custom--spacing--wp-block-post);
}
.wp-site-blocks main {
padding-bottom: var(--wp--custom--spacing--main-block-gap);
padding-top: var(--wp--custom--spacing--main-block-gap);
}
.wp-block-post-header+.wp-block-section,
.wp-block-post-header+main {
padding-top: var(--wp--custom--spacing--wp-block-post);
}
.wp-block-post-header+.wp-block-section.wp-block-featured-articles {
padding-top: 0;
padding-bottom: var(--wp--custom--spacing--wp-block-post);
}
.wp-site-blocks main {
padding-top: 0;
padding-bottom: 0;
}
body:not(.home) .wp-site-blocks main:has(.wp-block-post-content > .wp-block-section:last-child) {
padding-bottom: 0;
}
.page-template-page-no-title .wp-site-blocks main,
.wp-block-post-header+main .wp-block-featured-articles {
padding-top: 0 !important;
}
.wp-block-table,
.wp-block-audio,
.wp-block-pullquote {
margin-top: var(--wp--style--block-gap);
}
.wp-block-latest-posts li a {
text-decoration: none;
}
.wp-block-latest-posts.is-grid li {
margin-bottom: 0;
}
.wp-block-categories__list a,
.wp-block-categories-list a,
.wp-block-archives-list a {
text-decoration: none;
}
.wp-block-section .wp-block-columns .wp-block-columns {
margin-bottom: 0;
}
body.page-template-blank .wp-site-blocks main {
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
.wp-block-columns.wp-block-sidebar-on-left,
.wp-block-columns.wp-block-sidebar-on-right {
gap: var(--wp--custom--spacing--wp-block-sidebar);
justify-content: space-between;
}
.wp-block-group-heading {
margin-top: 0;
margin-bottom: var(--wp--custom--spacing--wp-block-post);
position: relative;
}
.wp-block-group-heading.wp-archive-heading {
max-width: 1000px;
}
.wp-block-group-heading.wp-archive-heading p {
max-width: 780px;
}
.wp-block-group-heading .wp-block-query-title {
margin-bottom: 0;
}
.is-layout-constrained>.alignwide.no-sidebar-medium,
.no-sidebar-medium .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.no-sidebar-medium.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--custom--layout--medium-size) !important;
}
.is-root-container.alignwide:where(.is-layout-flow)> :not(.alignleft):not(.alignright) {
max-width: 780px;
}
/* --- WP Block Site title Style
-------------------------------------------------------- */
.wp-block-site-title a {
text-decoration: none;
}
/* --- WP Block Navigation Main
-------------------------------------------------------- */
.wp-block-navigation .wp-block-navigation-item__content:not(.wp-block-navigation__submenu-container .wp-block-navigation-item__content):hover:after,
.wp-block-navigation .wp-block-navigation-item__content:not(.wp-block-navigation__submenu-container .wp-block-navigation-item__content):focus:after,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content:not(.wp-block-navigation__submenu-container .wp-block-navigation-item__content):after {
width: calc(100% - 10px);
left: 5px;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
text-decoration: none;
}
.wp-footer-widgets .wp-block-navigation .wp-block-navigation-item a:hover,
.wp-footer-widgets .wp-block-navigation .wp-block-navigation-item a:focus {
text-decoration: none;
}
.wp-block-buttons-header .wp-block-buttons .wp-block-button .wp-block-button__link {
margin-top: 0;
}
.wp-block-group .header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content:before {
opacity: 1;
}
.wp-block-group .header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container {
padding: 7px 10px;
}
.wp-block-group .header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item a {
position: relative;
}
.wp-block-group .header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item a:before {
content: "";
height: 1px;
left: 0;
position: absolute;
top: 50%;
right: auto;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
}
.wp-block-group .header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover {
-moz-transform: translateX(10px);
-o-transform: translateX(10px);
-ms-transform: translateX(10px);
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.wp-block-group .header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover:before {
width: 9px;
}
.wp-block-group .header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item a:before {
width: 9px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
border: 0;
}
.wp-block-navigation .wp-block-navigation__submenu-container a {
font-weight: var(--wp--custom--font-weight--normal);
text-transform: capitalize;
}
.wp-block-centered-menu .wp-block-navigation {
text-align: center;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
width: 12px;
height: 12px;
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
height: .8em;
margin-left: .45em;
width: .8em;
}
/* --- WP Block Button
-------------------------------------------------------- */
.comment-content,
.comment-metadata,
.reply {
padding-left: clamp(82px, 8vw, 128px);
}
.comment-metadata {
font-size: var(--wp--preset--font-size--tiny);
}
.wp-block-post-comments .commentlist .depth-1.parent {
padding-left: 0;
}
.wp-block-post-comments input[type="submit"] {
border: 0;
margin-top: clamp(18px, 3.5vw, 24px);
}
.wp-block-post-comments input[type="submit"]:focus,
.wp-block-post-comments input[type="submit"]:hover {
outline-color: transparent;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: var(--wp--preset--color--button-color);
border-radius: 0;
border-color: var(--wp--preset--color--button-color);
border-width: 1px;
border-style: solid;
color: var(--wp--preset--color--light);
font-size: var(--wp--preset--font-size--paragraph-medium);
font-weight: var(--wp--custom--font-weight--medium);
line-height: 1.5;
padding-top: clamp(12px, 2.5vw, 16px);
padding-right: clamp(21px, 2.5vw, 35px);
padding-bottom: clamp(12px, 2.5vw, 16px);
padding-left: clamp(21px, 2.5vw, 35px);
cursor: pointer;
margin-top: 0.8rem;
}
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: transparent;
box-shadow: none;
color: var(--wp--preset--color--button-color);
transform: none;
}
body .wp-block-button input[type="button"],
body .wp-block-button input[type="reset"],
body .wp-block-button input[type="submit"] {
color: var(--wp--preset--color--light) !important;
}
body .wp-block-button input[type="button"]:hover,
body .wp-block-button input[type="button"]:focus,
body .wp-block-button input[type="reset"]:hover,
body .wp-block-button input[type="reset"]:focus,
body .wp-block-button input[type="submit"]:hover,
body .wp-block-button input[type="submit"]:focus {
color: var(--wp--preset--color--dark) !important;
}
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
cursor: pointer;
line-height: 60px;
position: relative;
text-decoration: none;
height: 60px;
padding-inline: 15px;
color: var(--wp--preset--color--link-color);
}
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-previous:focus,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-next:focus {
color: var(--wp--preset--color--link-color);
}
.wp-block-post-excerpt__more-link {
text-transform: capitalize;
}
.contact-section.wp-block-section {
padding-bottom: 0;
}
.header-light .wp-block-button__link:hover:after,
.header-light .wp-block-button__link:focus:after,
.wp-block-button__link:hover:after,
.wp-block-button__link:focus:after {
outline-color: transparent;
}
form p {
margin: 7px 0 28px;
}
/* --- WP Block Query Pagination
-------------------------------------------------------- */
.wp-block-query-pagination {
margin-top: var(--wp--custom--spacing--group-heading-bottom-gap);
}
.wp-block-query-pagination>.wp-block-query-pagination-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-wrap: wrap;
}
.wp-block-query-pagination-numbers .page-numbers {
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 60px;
text-decoration: none;
text-align: center;
width: 60px;
color: var(--wp--preset--color--link-color);
}
.wp-block-query-pagination-numbers .page-numbers:not(.dots):hover,
.wp-block-query-pagination-numbers .page-numbers:not(.dots):focus {
background-color: var(--wp--preset--color--secondary);
}
.wp-block-query-pagination-numbers .page-numbers:not(.dots).current {
color: var(--wp--preset--color--light);
background-color: var(--wp--preset--color--button-color);
}
/* --- WP Block Post Terms( WP Block Post Meta)
-------------------------------------------------------- */
.taxonomy-category.wp-block-post-terms>a,
.taxonomy-post_tag.wp-block-post-terms>a,
.wp-block-post-date a {
font-size: var(--wp--preset--font-size--medium-small);
text-decoration: none;
text-transform: capitalize;
}
.wp-block-post-wrapper .taxonomy-category.wp-block-post-terms>a {
color: var(--wp--preset--color--title);
background-color: var(--wp--preset--color--light);
border: 1px solid var(--wp--preset--color--light);
display: inline-block;
margin-right: 7px;
margin-bottom: 7px;
padding: 0.25rem 0.65rem;
text-transform: capitalize;
}
.wp-block-post-wrapper .taxonomy-category.wp-block-post-terms>a:hover,
.wp-block-post-wrapper .taxonomy-category.wp-block-post-terms>a:focus {
border-color: 1px solid var(--wp--preset--color--link-color);
background-color: transparent;
color: var(--wp--preset--color--link-color);
}
.wp-block-post-wrapper .taxonomy-category.wp-block-post-terms .wp-block-post-terms__separator {
display: none;
}
.single .taxonomy-category.wp-block-post-terms>.wp-block-post-terms__separator,
.single .taxonomy-post_tag.wp-block-post-terms>.wp-block-post-terms__separator {
display: none;
}
/* --- WP Block Post Navigation Link
-------------------------------------------------------- */
.wp-block-post-navigation-link .post-navigation-link__label {
display: block;
font-weight: var(--wp--custom--font-weight--regular);
font-size: var(--wp--preset--font-size--small);
line-height: var(--wp--custom--typography--line-height--extra-small);
margin-bottom: 7px;
text-transform: uppercase;
}
.wp-block-post-navigation-link .post-navigation-link__label svg {
width: 7px;
}
.post-navigation-link-next {
margin-top: 21px;
}
.wp-block-post-navigation-link a {
text-decoration: none;
}
.wp-block-post-navigation-link a:hover,
.wp-block-post-navigation-link a:focus {
color: var(--wp--preset--color--link-color);
}
/* --- WP Block Post Template(wp-block-post)
-------------------------------------------------------- */
.is-root-container.wp-block-post-content-is-layout-flow {
padding-left: var(--wp--custom--spacing--outer);
padding-right: var(--wp--custom--spacing--outer);
}
.wp-block-post-wrapper {
height: 100%;
}
.editor-styles-wrapper .is-root-container.alignwide {
max-width: var(--wp--style--global--content-size);
}
body:not(.home) .wp-site-blocks main .wp-block-post-header {
padding-top: 0;
}
.wc-block-product .wp-block-post-title a,
.wp-block-post .wp-block-post-title a {
text-decoration: none;
display: inline;
padding-bottom: .02em;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 98%;
color: var(--mbf-color-primary);
transition: 0.4s;
text-decoration: none;
}
.wc-block-product:hover a,
.wc-block-product:focus a,
.wp-block-post:hover a,
.wp-block-post:focus a {
color: var(--wp--preset--color--link-color);
background-size: 100% 1px;
}
.wc-block-product:hover .wp-block-post-title a {
background-size: 100% 1px;
}
.wp-block-post-template .wp-block-post-meta>* {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
svg.icon {
fill: var(--wp--preset--color--body-text);
height: 14px;
margin-right: 7px;
position: relative;
top: 2px;
width: 14px;
}
svg.icon.icon-calendar,
svg.icon.icon-user {
width: 24px;
height: 24px;
top: 4px;
margin-right: 3px;
}
.archive svg.icon.icon-user {
top: 5px;
}
svg.icon.icon-calendar {
top: 6px;
}
.wp-block-post-navigation-link svg.icon {
display: none;
}
.post-navigation-link-next svg.icon {
padding-left: 7px;
}
.post-navigation-link-previous svg.icon {
padding-right: 7px;
}
a svg.icon {
fill: var(--wp--preset--color--foreground);
}
.wp-block-post-excerpt>*:last-child {
margin-bottom: 0;
}
.search-results .wp-block-post-template>li {
box-shadow: none;
background: transparent !important;
position: relative;
}
.search-results .wp-block-post-template>li::before {
display: none;
}
.search-results .wp-block-post-template>li:last-child>div {
border: none;
}
.search-results .wp-block-post-template>li .wp-block-post-excerpt {
margin-block-start: 14px;
}
.wp-block-post-featured-image {
overflow: hidden;
}
.post:hover:hover .wp-block-post-featured-image a img {
transform: scale(1.05);
}
.wp-block-post-comments ul,
.wp-block-post-comments ol {
list-style-type: none;
padding: 0;
}
figure.wp-block-post-featured-image a {
position: relative;
}
figure.wp-block-post-featured-image a:before {
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
filter: blur(2px);
}
.post:hover figure.wp-block-post-featured-image a::before {
-webkit-animation: shine 0.75s;
animation: shine 0.75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.wp-block-post-author {
text-transform: capitalize;
}
.wp-block-group-heading .wp-block-post-author {
background-color: transparent;
width: 100%;
align-items: center;
}
p.wp-block-post-author__bio:empty {
display: none;
}
.wp-block-group-heading .wp-post-author-card {
max-width: 1040px;
}
.wp-block-post-author__bio {
margin-top: 28px;
font-size: var(--wp--preset--font-size--paragraph-medium);
}
.wp-block-post-content .wp-block-post-author {
background-color: transparent;
}
/* --- WP Block Quote
-------------------------------------------------------- */
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
text-align: left;
}
.wp-block-quote.has-text-align-left.is-style-large cite,
.wp-block-quote.has-text-align-left.is-style-large footer,
.wp-block-quote.has-text-align-left.is-large cite,
.wp-block-quote.has-text-align-left.is-large footer {
text-align: left;
}
.wp-block-quote.has-text-align-right.is-style-large cite,
.wp-block-quote.has-text-align-right.is-style-large footer,
.wp-block-quote.has-text-align-right.is-large cite,
.wp-block-quote.has-text-align-right.is-large footer {
text-align: right;
}
.wp-block-quote.has-text-align-center.is-style-large cite,
.wp-block-quote.has-text-align-center.is-style-large footer,
.wp-block-quote.has-text-align-center.is-large cite,
.wp-block-quote.has-text-align-center.is-large footer {
text-align: center;
}
.wp-block-quote.is-style-plain,
.wp-block-quote.is-style-large,
.wp-block-quote.is-large {
padding: 0;
}
.wp-block-quote cite,
.wp-block-pullquote cite,
.wp-block-quote footer,
.wp-block-quote.is-style-large cite {
color: var(--wp--preset--color--title);
font-weight: var(--wp--custom--font-weight--regular);
font-size: var(--wp--preset--font-size--medium-small);
}
/* --- WP Block Table
-------------------------------------------------------- */
.wp-block-table.is-style-stripes tbody tr:nth-child(2n + 1) {
background-color: var(--wp--preset--color--secondary);
}
.wp-block-table.is-style-stripes {
border-bottom: 0;
}
.wp-block-table.is-style-stripes thead {
border: 0;
color: var(--wp--preset--color--color-light);
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
padding: 0.65em 1.4em;
}
.wp-block-table.is-style-stripe th:not(.has-text-align-left):not(.has-text-align-right):not(.has-text-align-center) {
text-align: left;
}
/* --- WP Block Search
-------------------------------------------------------- */
.wp-block-search {
background-color: transparent;
}
.wp-block-search .wp-block-search__inside-wrapper,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background-color: var(--wp--preset--color--background);
box-sizing: border-box;
padding: 5px;
border: none;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 0 20px;
border: none;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input:focus,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
cursor: pointer;
margin: 0;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
body.search .wp-block-woocommerce-product-collection .wp-block-search__input {
border-bottom: 1px solid var(--wp--preset--color--border-primary);
padding-inline: 0;
font-size: var(--wp--preset--font-size--paragraph-large);
margin-right: 25px;
}
.wp-block-header .wp-block-search .wp-block-search__inside-wrapper,
.wp-block-header .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
height: 40px;
}
.wp-block-header .wp-block-search .wp-block-search__inside-wrapper input,
.wp-block-header .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper input {
font-size: var(--wp--preset--font-size--paragraph-medium);
background: transparent;
padding-right: 0;
}
.wp-block-header .wp-block-search .wp-block-search__inside-wrapper button,
.wp-block-header .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button {
margin: 0;
border: none;
height: auto !important;
padding: 0;
padding-left: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23000' d='M448 272C448 174.8 369.2 96 272 96C174.8 96 96 174.8 96 272C96 369.2 174.8 448 272 448C369.2 448 448 369.2 448 272zM407.3 430C371 461.2 323.7 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272C480 323.7 461.2 371 430 407.3L571.3 548.7C577.5 554.9 577.5 565.1 571.3 571.3C565.1 577.5 554.9 577.5 548.7 571.3L407.3 430z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 7px center;
background-size: 18px;
}
.wp-block-search-wrapper .wp-block-search__inside-wrapper {
position: relative;
padding: 0;
border-radius: 0;
margin-top: 28px;
}
.wp-block-search-wrapper .wp-block-search__inside-wrapper::before {
position: absolute;
left: 22px;
top: 19px;
content: '';
background: url(assets/images/search.svg) no-repeat;
width: 20px;
height: 24px;
background-size: 100%;
}
.wp-block-search-wrapper .wp-block-search__inside-wrapper .wp-block-search__input {
padding-left: 60px;
height: 60px;
font-size: var(--wp--preset--font-size--normal);
}
.wp-block-search-wrapper .wp-block-search__inside-wrapper .wp-block-search__button {
border-radius: 0;
padding-inline: 30px;
}
.wp-block-search-wrapper .wp-block-query {
max-width: 1020px;
margin: var(--wp--custom--spacing--section-block-bottom) auto 0 !important;
}
/* --- WP Block Form and Input Fields
-------------------------------------------------------- */
.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url],
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true],
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background-color: var(--wp--preset--color--input-bg);
border: 1px solid var(--wp--preset--color--border-primary);
box-sizing: border-box;
font-family: var(--wp--preset--font-family--pretendard-std-variable);
border-radius: 0;
color: var(--wp--preset--color--body-text);
font-size: var(--wp--preset--font-size--normal);
font-weight: var(--wp--custom--font-weight--normal);
line-height: var(--wp--custom--typography--line-height--heading-six);
padding: calc(0.667em + 2px);
outline: none;
width: 100%;
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:hover,
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=number]:hover,
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:hover,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=text]:hover,
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=url]:hover,
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.wc-block-components-text-input input[type=email]:hover,
.wc-block-components-text-input input[type=email]:focus,
.wc-block-components-text-input input[type=number]:hover,
.wc-block-components-text-input input[type=number]:focus,
.wc-block-components-text-input input[type=tel]:hover,
.wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-text-input input[type=text]:hover,
.wc-block-components-text-input input[type=text]:focus,
.wc-block-components-text-input input[type=url]:hover,
.wc-block-components-text-input input[type=url]:focus,
.woocommerce form .form-row .input-text:hover,
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:hover,
.woocommerce form .form-row select:focus,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true]:hover,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true]:focus,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:hover,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:hover,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
input[type="date"]:hover,
input[type="date"]:focus,
input[type="time"]:hover,
input[type="time"]:focus,
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="week"]:hover,
input[type="week"]:focus,
input[type="month"]:hover,
input[type="month"]:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
textarea:hover,
textarea:focus {
border: 1.5px solid var(--wp--preset--color--button-color);
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus-visible,
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus-visible,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus-visible,
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus-visible,
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus-visible,
.wc-block-components-text-input input[type=email]:focus-visible,
.wc-block-components-text-input input[type=number]:focus-visible,
.wc-block-components-text-input input[type=tel]:focus-visible,
.wc-block-components-text-input input[type=text]:focus-visible,
.wc-block-components-text-input input[type=url]:focus-visible,
.woocommerce form .form-row .input-text:focus-visible,
.woocommerce form .form-row select:focus-visible,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true]:focus-visible,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus-visible,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus-visible,
input[type="date"]:focus-visible,
input[type="time"]:focus-visible,
input[type="datetime-local"]:focus-visible,
input[type="week"]:focus-visible,
input[type="month"]:focus-visible,
input[type="text"]:focus-visible,
input[type="email"]:focus-visible,
input[type="url"]:focus-visible,
input[type="password"]:focus-visible,
input[type="search"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="number"]:focus-visible,
textarea:focus-visible {
border: 2px solid var(--wp--preset--color--button-color);
}
.wc-block-components-form .wc-block-components-text-input input[type=email]::placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=number]::placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=tel]::placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=text]::placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=url]::placeholder,
.wc-block-components-text-input input[type=email]::placeholder,
.wc-block-components-text-input input[type=number]::placeholder,
.wc-block-components-text-input input[type=tel]::placeholder,
.wc-block-components-text-input input[type=text]::placeholder,
.wc-block-components-text-input input[type=url]::placeholder,
.woocommerce form .form-row .input-text::placeholder,
.woocommerce form .form-row select::placeholder,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true]::placeholder,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input::placeholder,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input::placeholder,
input[type="date"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="week"]::placeholder,
input[type="month"]::placeholder,
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
font-size: var(--wp--preset--font-size--body-small);
}
.wp-block-post-comments input:not([type="submit"]) {
border: 1px solid transparent;
background-color: var(--wp--preset--color--foreground);
}
textarea {
font-family: var(--wp--preset--font-family--pretendard-std-variable);
max-height: 150px;
resize: none;
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=number]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=text]:focus,
.wc-block-components-form .wc-block-components-text-input input[type=url]:focus,
.wc-block-components-text-input input[type=email]:focus,
.wc-block-components-text-input input[type=number]:focus,
.wc-block-components-text-input input[type=tel]:focus,
.wc-block-components-text-input input[type=text]:focus,
.wc-block-components-text-input input[type=url]:focus,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
border-color: var(--wp--preset--color--link-color);
box-shadow: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: 10px;
background: transparent;
min-width: 40px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button svg {
fill: var(--wp--preset--color--foreground);
}
.wp-block-search__button .search-icon {
display: none;
}
.wp-block-search__button {
padding-left: 60px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M14.375 8.125C14.375 5.89844 13.1641 3.86719 11.25 2.73438C9.29688 1.60156 6.91406 1.60156 5 2.73438C3.04688 3.86719 1.875 5.89844 1.875 8.125C1.875 10.3906 3.04688 12.4219 5 13.5547C6.91406 14.6875 9.29688 14.6875 11.25 13.5547C13.1641 12.4219 14.375 10.3906 14.375 8.125ZM13.1641 14.5312C11.7578 15.625 10 16.25 8.125 16.25C3.63281 16.25 0 12.6172 0 8.125C0 3.67188 3.63281 0 8.125 0C12.5781 0 16.25 3.67188 16.25 8.125C16.25 10.0391 15.5859 11.7969 14.4922 13.2031L19.7266 18.3984C20.0781 18.7891 20.0781 19.375 19.7266 19.7266C19.3359 20.1172 18.75 20.1172 18.3984 19.7266L13.1641 14.5312Z' fill='white'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 20px center;
background-size: 18px;
height: 54px !important;
font-size: var(--wp--preset--font-size--paragraph-large) !important;
}
.wp-block-search__button::before {
left: 50px;
top: 50%;
transform: translateY(-50%) !important;
}
.wp-block-search__button:hover::before {
transform: translateY(-120%) !important;
}
.wp-block-search__button:after {
left: 50px;
transform: translateY(20%) !important;
}
.wp-block-search__button:hover::after {
transform: translateY(-50%) !important;
}
/* --- WP Block Embed
-------------------------------------------------------- */
.wp-block-embed {
margin-top: var(--wp--style--block-gap);
}
/* --- WP Block Image
-------------------------------------------------------- */
.wp-block-image .alignleft {
margin-right: 2em;
}
.wp-block-image .alignright {
margin-left: 2em;
}
/* --- Block Widget
-------------------------------------------------------- */
.wp-block-widget-area * {
margin: 0;
}
.wp-block-widget-area a {
text-decoration: none;
transition: all 0.2s;
}
.wp-block-widget-area h2 {
font-weight: var(--wp--custom--font-weight--bold);
text-transform: capitalize;
line-height: 1.65;
}
span.wc-block-product-filter-checkbox-list__text-wrapper {
position: relative;
top: 2px;
}
.wp-block-post-excerpt__more-text {
margin-top: 1.05rem;
}
.wp-block-tag-cloud>a {
display: inline-block;
margin-bottom: 7px;
padding: 4px 14px;
text-decoration: none;
font-size: 14px !important;
background-color: var(--wp--preset--color--primary);
border: 1px solid var(--wp--preset--color--primary);
}
.wp-block-tag-cloud>a:hover,
.wp-block-tag-cloud>a:focus {
background-color: transparent;
border: 1px solid var(--wp--preset--color--border-primary);
}
.wp-block-widget-area ul {
list-style: none;
padding-left: 0;
}
ul.wp-block-categories-list.wp-block-categories li:not(:last-child) {
margin-bottom: 0.5rem;
}
.wp-block-widget-area li {
margin-bottom: 14px;
}
.wp-block-widget-area li:before,
.wp-block-widget-area li:after {
content: "";
display: table;
table-layout: fixed;
}
.wp-block-widget-area .wp-block-latest-posts li {
padding: 0;
line-height: 1.45;
}
.wp-block-widget-area .wp-block-latest-posts li::before {
opacity: 0;
}
.wp-block-widget-area li:after {
clear: both;
}
.wp-block-sidebar .wp-block-archives-list>li,
.wp-block-sidebar .wp-block-categories-list>li {
text-align: right;
position: relative;
}
.about .is-style-outline>.wp-block-button__link:not(.has-text-color) {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
}
.wp-block-archives-list>li>a,
.wp-block-categories-list>li>a {
float: left;
}
/* --- Block Widget Sidebar
-------------------------------------------------------- */
.wp-block-sidebar .wp-block-latest-posts__list>li:not(:last-child) {
margin-bottom: 21px;
}
.wp-block-widget-area a {
color: var(--wp--preset--color--title);
}
.wp-block-widget-area a:hover,
.wp-block-widget-area a:focus {
color: var(--wp--preset--color--link-color);
}
.wp-block-sidebar .wp-block-latest-posts__post-excerpt {
padding-left: 75px;
}
.wp-block-widget-area .wp-block-latest-posts__post-author,
.wp-block-widget-area .wp-block-latest-posts__post-date {
font-size: var(--wp--preset--font-size--small);
line-height: 1.62;
margin-top: 7px;
color: var(--wp--preset--color--secondary-text);
}
.wp-block-widget-area .wp-block-latest-posts__featured-image~.wp-block-latest-posts__post-author,
.wp-block-widget-area .wp-block-latest-posts__featured-image~.wp-block-latest-posts__post-date {
margin-left: 91px;
}
/* --- WP Block Sections
-------------------------------------------------------- */
.wp-block-section,
.wp-block-section.has-secondary-background-color+.wp-block-section,
.wp-block-section.has-primary-background-color+.wp-block-section {
margin-block-start: 0;
padding-top: var(--wp--custom--spacing--section-block-bottom);
padding-bottom: var(--wp--custom--spacing--section-block-bottom);
z-index: 2;
}
.wp-block-section+.wp-block-section {
padding-top: 0;
}
.wp-block-section.wp-cta-section {
padding: 0 !important;
}
.wp-block-section+.wp-block-section.has-primary-background-color,
.wp-block-section+.wp-block-section.has-secondary-background-color,
.wp-block-section+.wp-block-section.has-dark-background-color,
.wp-block-store-features+.wp-block-section,
.wp-cta-section+.wp-block-section {
padding-top: var(--wp--custom--spacing--section-block-bottom);
}
.wp-block-store-features .wp-site-icon-holder img {
display: block;
}
.wp-block-section.wp-block-header-media {
padding-top: var(--wp--custom--spacing--main-block-gap-medium);
}
body:not(.home) .wp-site-blocks main {
padding-bottom: var(--wp--custom--spacing--main-block-gap);
padding-top: var(--wp--custom--spacing--main-block-gap);
margin-top: 0;
}
/* --- Drop Cap
-------------------------------------------------------- */
.has-drop-cap:not(:focus)::first-letter {
color: var(--wp--preset--color--title-color);
font-weight: var(--wp--custom--font-weight--bold);
font-size: 5em;
margin: 0.15em 0.15em 0 -0.07em;
}
/* --- WP Block Image
-------------------------------------------------------- */
.wp-block-image figure.alignright,
.wp-block-image figure.alignleft,
.wp-block[data-align="left"] .wp-block-image,
.wp-block[data-align="right"] .wp-block-image,
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block[data-align="left"]>.wp-block-pullquote,
.wp-block[data-align="right"]>.wp-block-pullquote,
[data-align="left"]>.wp-block-cover,
[data-align="right"]>.wp-block-cover,
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align="left"]>.wp-block-embed,
.wp-block[data-align="right"]>.wp-block-embed {
max-width: 390px;
width: 100%;
}
.wp-block-cover.alignleft,
[data-align="left"]>.wp-block-cover,
.wp-block-embed.alignleft,
.wp-block[data-align="left"]>.wp-block-embed {
margin-right: 2em !important;
margin-bottom: 1.5em;
}
.wp-block-cover.alignright,
[data-align="right"]>.wp-block-cover,
.wp-block-embed.alignright,
.wp-block[data-align="right"]>.wp-block-embed {
margin-left: 2em !important;
margin-bottom: 1.5em;
}
.wp-block-cover.alignfull.wp-block-inner-header-media {
min-height: 430px;
}
/* --- WP Block Code
-------------------------------------------------------- */
.wp-block-code>code {
border-color: var(--wp--preset--color--border-primary);
}
/* --- WP Block Firgcaption
-------------------------------------------------------- */
.wp-site-blocks figure figcaption,
figure figcaption {
font-size: var(--wp--preset--font-size--medium);
line-height: 1.75;
font-style: italic;
}
/* --- WP Block Cover
-------------------------------------------------------- */
.wp-block-cover {
padding: var(--wp--custom--spacing--section-block-bottom) var(--wp--style--root--padding-right);
}
/* -- 404 Page -- */
.error-search-form .wp-block-search input {
background: transparent;
border-bottom: 1px solid var(--wp--preset--color--border-primary) !important;
font-size: var(--wp--preset--font-size--paragraph-extra-large);
}
.error-search-form .wp-block-search .wp-element-button {
border-radius: 0;
height: 52px;
margin-left: 20px;
padding-inline: 20px;
padding-left: 100px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M19.8047 18.9453C20.0391 19.1797 20.0391 19.6094 19.8047 19.8438C19.6875 19.9609 19.5312 20 19.375 20C19.1797 20 19.0234 19.9609 18.8672 19.8438L13.3594 14.2969C11.9141 15.5469 10.0781 16.25 8.08594 16.25C3.63281 16.25 0 12.6172 0 8.125C0 3.67188 3.59375 0 8.08594 0C12.5391 0 16.2109 3.67188 16.2109 8.125C16.2109 10.1562 15.5078 11.9922 14.2578 13.4375L19.8047 18.9453ZM8.125 15C11.9141 15 15 11.9531 15 8.125C15 4.33594 11.9141 1.25 8.125 1.25C4.29688 1.25 1.25 4.33594 1.25 8.125C1.25 11.9141 4.29688 15 8.125 15Z' fill='white'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 30px center;
background-size: 21px 20px;
}
.error-search-form .wp-block-search .wp-element-button::before {
left: 65px;
top: 50%;
transform: translateY(-50%) !important;
}
.error-search-form .wp-block-search .wp-element-button:hover::before {
transform: translateY(-120%) !important;
}
.error-search-form .wp-block-search .wp-element-button:after {
left: 65px;
transform: translateY(20%) !important;
}
.error-search-form .wp-block-search .wp-element-button:hover::after {
transform: translateY(-50%) !important;
}
.error-search-form .wp-block-search .wp-element-button.has-icon::after {
content: "Search";
margin-left: 5px;
}
.error-search-form .wp-block-search .wp-element-button svg {
transform: rotate(275deg);
}
/* --- Block Woocommerce
-------------------------------------------------------- */
.wc-block-mini-cart__badge {
font-size: var(--wp--preset--font-size--paragraph-extra-small);
color: var(--wp--preset--color--light) !important;
margin-left: -20%;
margin-top: -30%;
}
.wp-block-breadcrumbs a,
.woocommerce .woocommerce-breadcrumb a {
font-weight: 600;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 20%;
/* 3.2px */
text-underline-position: from-font;
}
/** Product Listing Page **/
.wc-block-components-product-sale-badge {
background: var(--wp--preset--color--red);
border: none;
color: var(--wp--preset--color--background);
border-radius: 0;
padding: 3px 12px;
display: flex;
justify-content: center;
align-items: center;
left: auto;
margin: 0;
right: 12px !important;
top: auto !important;
transition: all 0.4s;
}
.wc-block-components-product-sale-badge span.wc-block-components-product-sale-badge__text:after {
content: '!';
}
form.woocommerce-ordering {
display: flex;
align-items: center;
}
.woocommerce .woocommerce-ordering>label {
margin-right: .25rem;
display: inline-block;
margin: 0 5px 0 0 !important;
color: var(--wp--preset--color--secondary-text);
font-size: var(--wp--preset--font-size--paragraph-small);
}
.woocommerce .woocommerce-ordering>label::after {
content: ':';
}
.wp-product-category-with-sidebar {
justify-content: space-between;
}
.woocommerce.wc-block-catalog-sorting form {
position: relative;
margin: 0;
}
.wc-block-catalog-sorting form select::picker-icon {
display: none;
}
.wc-block-catalog-sorting form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,");
background-size: 16px 6px;
background-repeat: no-repeat;
background-position: right 8px center;
cursor: pointer;
border: none;
-webkit-tap-highlight-color: transparent;
border-radius: 8px;
font-weight: 500;
color: var(--wp--preset--color--dark) !important;
padding-right: 35px;
min-height: 32px;
font-size: var(--wp--preset--font-size--paragraph-small) !important;
}
.wc-block-catalog-sorting form select:hover,
.wc-block-catalog-sorting form select:focus {
background-color: var(--wp--preset--color--secondary);
}
select option::checkmark {
content: '';
background: transparent;
width: 6px;
height: 11px;
border-bottom: 1.5px solid var(--wp--preset--color--dark);
border-right: 1.5px solid var(--wp--preset--color--dark);
transform: rotate(45deg);
position: relative;
top: -2px;
}
.wc-block-catalog-sorting form select,
.wc-block-catalog-sorting form select::picker(select) {
appearance: base-select;
}
.wc-block-catalog-sorting form select::picker(select) {
appearance: base-select;
padding: 11px;
border-radius: 8px;
border: 0.5px solid #AAAAAA;
box-shadow: 4px 0px 20px 0px #0000000F;
}
.wc-block-catalog-sorting form select option {
min-width: 180px;
text-indent: initial;
color: #fff;
padding: 7px 15px;
border-radius: 8px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
box-sizing: border-box;
font-weight: 400;
}
.wc-block-catalog-sorting form select option:focus,
.wc-block-catalog-sorting form select option:hover,
.wc-block-catalog-sorting form select option[selected="selected"] {
background-color: var(--wp--preset--color--secondary);
color: var(--wp--preset--color--dark);
}
.wc-block-components-sort-select__select option,
.wc-block-components-product-sort-select option,
.woocommerce .woocommerce-ordering select option,
.value #pa_color option,
.value #pa_size option,
.value #logo option {
color: var(--wp--preset--color--secondary-text);
font-size: var(--wp--preset--font-size--extra-small);
}
.wc-block-product-template li {
position: relative;
}
/** Product Sidebar **/
.wp-block-sidebar .wp-filter-title {
position: relative;
text-transform: initial;
}
.wp-block-sidebar .wp-filter-title::before {
background-image: url(assets/images/filter-icon.svg);
background-repeat: no-repeat;
content: '';
width: 20px;
height: 14px;
background-size: contain;
display: inline-block;
margin-right: 12px;
}
.wp-block-sidebar .wp-block-widget .wp-sidebar-content.is-open {
overflow: hidden;
padding-top: 20px;
}
.wp-block-sidebar .wp-block-widget .wp-sidebar-title {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}
.wp-block-sidebar .wc-block-product-filters__overlay-content {
gap: 3rem;
}
.wp-block-sidebar .wp-block-widget .wp-sidebar-content.wc-block-product-filter-price-slider.is-open {
overflow: hidden;
padding-top: 35px;
}
.wc-block-product-filters,
.wc-block-product-filters button {
width: 100%;
}
.wc-block-product-filters__open-overlay span {
font-size: 0;
position: relative;
padding: 0;
border: 1px solid;
padding: 12px 20px;
margin-bottom: 10px;
width: 100%;
}
.wc-block-product-filters__open-overlay span::before {
background-image: url(assets/images/filter-icon.svg);
background-repeat: no-repeat;
content: '';
width: 20px;
height: 14px;
background-size: contain;
display: inline-block;
margin-right: 12px;
}
.wc-block-product-filters__open-overlay span::after {
content: "Filter by:";
font-size: 16px;
font-family: var(--wp--preset--font-family--pretendard-std-variable);
font-weight: 500;
}
button.wc-block-product-filters__open-overlay svg {
display: none;
}
.wp-block-woocommerce-product-filter-price-slider.wc-block-product-filter-price-slider.wp-sidebar-content {
padding-inline: 5px;
}
.wc-block-product-filter-price-slider__range .range-bar,
.wc-block-product-filter-price-slider__range {
height: 2px;
margin-bottom: 10px !important;
top: -3px;
}
.wc-block-product-filter-price-slider__range:before {
top: -3px;
}
.wc-block-price-filter {
padding: 7px;
}
.wp-block-woocommerce-product-filter-clear-button button {
width: max-content !important;
padding: 8px 20px !important;
height: auto;
font-size: 14px;
height: 32px;
}
.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item .wc-block-product-filter-removable-chips__remove {
align-items: center;
background-color: var(--wp--preset--color--dark);
border: none;
color: #fff;
cursor: pointer;
display: flex;
margin: 0;
padding: 0;
border-radius: 50%;
width: 20px;
height: 20px;
}
.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item .wc-block-product-filter-removable-chips__remove:hover {
color: var(--wp--preset--color--dark);
background-color: #fff;
}
.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
font-size: 14px;
background: var(--wp--preset--color--primary);
border-radius: 32px;
border: none;
height: 32px;
margin-bottom: 5px;
}
.wp-block-woocommerce-product-filter-clear-button {
margin-top: 5px;
height: 35px;
}
ul.wc-block-product-filter-removable-chips__items {
padding-top: 35px;
}
body .wc-block-product-filter-price-slider .text input[type=text],
.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
max-width: 60px;
text-align: center;
background: transparent;
border-radius: 0;
border: 1px solid var(--wp--preset--color--ash-grey) !important;
}
.wc-block-components-price-slider__label {
font-size: 14px;
order: 1;
text-align: center;
}
.wc-block-price-filter__controls.wc-block-components-price-slider__controls {
margin-top: 20px;
}
.wp-sidebar-popup .wp-block-sidebar {
position: fixed;
top: 0px;
left: -100px;
background: var(--wp--preset--color--background);
height: 100%;
padding: var(--wp--preset--spacing--58);
box-shadow: 0px 0px 80px -15px #8E848526;
border-radius: 10px;
z-index: 20;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
overflow: auto;
width: 100%;
}
body.sidebar-open::before {
width: 100%;
height: 100%;
background-color: rgba(236, 236, 236, 0.8);
background-image: none !important;
opacity: 1;
position: fixed;
backdrop-filter: blur(5px);
content: '';
left: 0;
top: 0;
z-index: 10;
}
.wp-block-button.wp-sidebar-close-btn a {
display: inline-block;
width: 45px;
height: 45px;
border: none !important;
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-color: var(--wp--preset--color--primary) !important;
background-position: center;
background-size: 28px;
text-indent: -9999px;
border: none;
overflow: hidden;
position: absolute;
padding: 0;
right: 20px;
top: 30px;
}
.wp-block-button.wp-sidebar-close-btn a:hover,
.wp-block-button.wp-sidebar-close-btn a:focus {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-color: var(--wp--preset--color--dark) !important;
background-position: center;
background-size: 28px;
}
.wc-block-product-categories ul.wc-block-product-categories-list li a::before {
position: absolute;
left: 0;
top: -3px;
width: 15px;
height: 15px;
border-radius: 50%;
border: 2px solid var(--wp--preset--color--dark);
content: "";
transition: all 0.4s;
}
.wc-block-product-categories ul.wc-block-product-categories-list li a {
position: relative;
padding-left: 35px;
}
.wc-block-product-categories ul.wc-block-product-categories-list li a::after {
position: absolute;
left: 4px;
top: 1px;
content: "";
display: inline-block;
content: "";
vertical-align: -.125em;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
height: 11px;
width: 11px;
opacity: 0;
}
.wc-block-product-filter-checkbox-list__input-wrapper:before {
border: 2px solid var(--wp--preset--color--dark);
background-color: transparent;
width: 15px;
height: 15px;
border-radius: 50%;
opacity: 1;
top: -1px;
}
input[type=checkbox].wc-block-product-filter-checkbox-list__input {
border-radius: 50%;
height: 15px;
margin: 0;
width: 15px;
position: relative;
left: 2px;
top: 1px;
}
.wc-block-product-filter-checkbox-list__item:hover .wc-block-product-filter-checkbox-list__input-wrapper:before {
background-color: var(--wp--preset--color--dark);
}
input[type=checkbox].wc-block-product-filter-checkbox-list__input:checked+.wc-block-product-filter-checkbox-list__mark,
.wc-block-product-filter-checkbox-list__item:hover .wc-block-product-filter-checkbox-list__mark {
display: block;
}
.wc-block-product-filter-checkbox-list__label {
gap: 1.25em;
}
.wc-block-product-filter-checkbox-list__text {
font-weight: 400;
}
svg.wc-block-product-filter-checkbox-list__mark {
height: 1em;
left: 1px;
top: 1px;
width: 1em;
color: var(--wp--preset--color--light);
background-color: var(--wp--preset--color--dark);
border-radius: 50%;
}
.wc-block-product-categories ul.wc-block-product-categories-list li a:hover::after,
.wc-block-product-categories ul.wc-block-product-categories-list li a.active::after {
opacity: 1;
}
.wc-block-product-categories ul.wc-block-product-categories-list li a.active {
color: var(--wp--preset--color--dark);
}
.wc-block-product-categories ul.wc-block-product-categories-list li a:hover::before,
.wc-block-product-categories ul.wc-block-product-categories-list li a.active::before {
background-color: var(--wp--preset--color--dark);
border: 2px solid var(--wp--preset--color--dark);
}
.wc-block-components-price-slider__range-input-progress {
--range-color: var(--wp--preset--color--dark);
height: 2px;
top: 0;
}
.wc-block-components-price-slider__range-input-wrapper:before {
background-color: var(--wp--preset--color--background);
opacity: 1;
top: 0;
height: 2px;
border-radius: 5px;
box-shadow: inset 0 -1px 0 0 rgba(173, 173, 173, 0.3);
}
.wc-block-components-price-slider__range-input-wrapper {
background-color: var(--wp--preset--color--secondary);
margin: 5px 0 22px;
}
input[type="range" i]:focus,
input[type="range" i]:focus-visible,
input[type="range" i] {
color: var(--wp--preset--color--dark) !important;
background-color: var(--wp--preset--color--dark) !important;
}
input[type="range"]::-webkit-slider-thumb {
box-shadow: none;
border-radius: 50%;
background-color: var(--wp--preset--color--background);
border: 2px solid var(--wp--preset--color--dark);
cursor: ew-resize;
height: 20px;
position: relative;
width: 20px;
z-index: 999;
top: -5px;
}
input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]::-webkit-slider-thumb:focus {
border-color: 2px solid var(--wp--preset--color--background) !important;
background-color: var(--wp--preset--color--dark) !important;
}
.wc-block-price-filter__range-input-wrapper.wc-block-components-price-slider__range-input-wrapper:hover {
cursor: ew-resize;
}
.wp-product-category-with-sidebar .wp-block-button.wp-sidebar-close-btn {
height: auto;
display: none;
}
/** Product Single Page **/
.wc-block-components-notice-banner {
font-size: var(--wp--preset--font-size--normal);
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
align-items: center;
display: flex;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
}
.woocommerce-notices-wrapper {
z-index: 9;
position: relative;
}
.woocommerce-notices-wrapper:focus,
.woocommerce-notices-wrapper:focus-visible {
outline: none;
}
.woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success {
background-color: #ECF6E6;
}
.wc-block-components-notice-banner:focus-visible {
outline: none;
}
.woocommerce .wp-block-woocommerce-product-collection>h2,
.wp-block-woocommerce-product-details .woocommerce-Tabs-panel h2 {
font-size: var(--wp--preset--font-size--post-title);
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
z-index: 3 !important;
}
.wp-block-woocommerce-product-meta .wp-block-post-terms {
margin-top: 14px;
}
.wp-block-woocommerce-product-meta .wp-block-post-terms .wp-block-post-terms__prefix {
font-weight: 500;
}
.wp-block-woocommerce-product-meta .wp-block-post-terms a:hover {
color: var(--wp--preset--color--button-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: var(--wp--preset--font-size--medium);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color: var(--wp--preset--color--button-color) !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
max-width: 900px;
}
.wp-block-table p,
.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars {
margin: 0;
}
.wp-block-woocommerce-accordion-item {
margin: 0 !important;
}
.accordion-item__toggle {
margin-block-start: 0;
padding: 14px !important;
font-weight: 500;
}
.accordion-item__toggle:hover {
background-color: var(--wp--preset--color--secondary);
}
.accordion-item__toggle:focus-within,
.accordion-item__toggle:focus-visible {
background-color: var(--wp--preset--color--border-light);
}
.wp-block-woocommerce-accordion-panel {
padding: 0 14px;
transition: all 0.4s;
}
.is-open .wp-block-woocommerce-accordion-panel {
padding: 10px 14px 20px;
}
.wp-block-woocommerce-product-gallery {
position: sticky;
top: 80px;
z-index: 3;
align-items: flex-start;
}
.wp-block-woocommerce-product-gallery .wc-block-next-previous-buttons {
align-items: end;
padding: 15px;
box-sizing: border-box;
}
.wc-block-product-gallery-thumbnails {
max-width: 100px;
}
.wp-block-woocommerce-product-reviews .wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars {
font-size: var(--wp--preset--font-size--display-24);
color: var(--wp--preset--color--secondary-text);
}
.wp-block-woocommerce-product-reviews .wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before {
color: var(--wp--preset--color--yellow);
}
body .block-editor-block-list__block button.single_add_to_cart_button.alt.wp-element-button,
body .block-editor-block-list__block .review-form input.wp-block-button__link.wp-element-button {
color: #fff !important;
}
.wp-block-woocommerce-product-review-content {
margin-top: 28px;
}
.size-active .wp-block-group.wp-block-size-guide {
opacity: 1;
visibility: visible;
}
.wp-block-group.wp-block-size-guide {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
min-height: 100vh;
height: 100%;
background: #ffffff56;
backdrop-filter: blur(30px);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
margin: 0;
padding-top: var(--wp--custom--spacing--section-block-bottom);
padding-bottom: var(--wp--custom--spacing--section-block-bottom);
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper {
background: var(--wp--preset--color--background);
padding: 42px;
position: relative;
box-shadow: 0px 0px 80px -15px #8E848526;
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-block-button.size-guide-close {
position: absolute;
right: 20px;
top: 15px;
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-block-button.size-guide-close .wp-element-button {
width: 38px;
height: 38px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: none;
background-color: var(--wp--preset--color--secondary);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' d='M13.3784 14.4304L7.34098 8.34723L1.2578 14.4304C0.983372 14.7048 0.52599 14.7048 0.205822 14.4304C-0.0686073 14.1102 -0.0686073 13.6529 0.205822 13.3784L6.28901 7.29525L0.205822 1.2578C-0.0686073 0.983372 -0.0686073 0.52599 0.205822 0.205822C0.52599 -0.0686073 0.983372 -0.0686073 1.2578 0.205822L7.34098 6.28901L13.3784 0.205822C13.6529 -0.0686073 14.1102 -0.0686073 14.4304 0.205822C14.7048 0.52599 14.7048 0.983372 14.4304 1.2578L8.34723 7.29525L14.4304 13.3784C14.7048 13.6529 14.7048 14.1102 14.4304 14.4304C14.1102 14.7048 13.6529 14.7048 13.3784 14.4304Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px;
transition: transform 0.3s ease;
font-size: 0;
line-height: 0;
color: transparent;
/* space for icon */
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-block-button.size-guide-close .wp-element-button::before,
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-block-button.size-guide-close .wp-element-button::after {
display: none;
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-block-button.size-guide-close .wp-element-button:hover {
transform: rotate(90deg);
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-size-guide {
margin-bottom: 28px;
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-size-guide table {
font-size: var(--wp--preset--font-size--paragraph-extra-small);
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-size-guide table th {
text-transform: uppercase;
background-color: var(--wp--preset--color--dark);
font-size: var(--wp--preset--font-size--paragraph-extra-small);
color: var(--wp--preset--color--light);
font-weight: bold;
letter-spacing: 1px;
text-align: center;
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-size-guide table tr td {
border-bottom: 1px solid var(--wp--preset--color--border-primary);
text-align: center;
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper .wp-size-guide table tr td:first-child {
font-weight: bold;
}
@media (max-width: 767px) {
.wp-block-group.wp-block-size-guide {
align-items: flex-start;
overflow-y: auto;
}
.wp-block-group.wp-block-size-guide .wp-block-group.size-guide-wrapper {
width: 100%;
max-width: 100%;
padding: 20px;
margin: auto;
}
.wp-block-group.wp-block-size-guide .wp-size-guide {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.wp-block-group.wp-block-size-guide .wp-size-guide table {
min-width: 550px;
width: 100%;
}
.wp-block-group.wp-block-size-guide .wp-size-guide th,
.wp-block-group.wp-block-size-guide .wp-size-guide td {
white-space: nowrap;
padding: 10px 12px;
font-size: 13px;
}
.wp-block-group.wp-block-size-guide .wp-block-button.size-guide-close {
top: 10px;
right: 10px;
}
.wp-block-group.wp-block-size-guide .wp-block-button.size-guide-close .wp-element-button {
width: 34px;
height: 34px;
}
}
.wp-block-woocommerce-add-to-cart-form .variations_button,
.wp-block-woocommerce-add-to-cart-form form.cart {
display: flex;
flex-wrap: wrap;
row-gap: 1rem;
}
.woocommerce div.product form.cart table.variations td select {
font-size: 16px;
}
/** Mini Cart CSS **/
.wp-block-woocommerce-mini-cart-contents {
background-color: var(--wp--preset--color--background);
}
h2.wc-block-mini-cart__title {
color: var(--wp--preset--color--link-color);
margin: 21px 30px -32px;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices ins,
.wc-block-mini-cart__drawer .wc-block-components-product-price ins {
color: var(--wp--preset--color--dark);
background: var(--wp--preset--color--pastel-green);
line-height: 1;
padding: 3px;
}
.wc-block-cart__main .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
background-color: var(--wp--preset--color--border-light);
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
background-color: var(--wp--preset--color--border-primary);
border-left: 1px solid var(--wp--preset--color--border-primary);
border-radius: 0;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus {
border-left: none;
border-right: 1px solid var(--wp--preset--color--border-primary);
width: 35px;
}
.wp-block-term-description p {
line-height: 1.5;
}
.wp-single-product-column .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
background-color: transparent;
}
.wp-block-group.wp-shopping-features-list,
.wp-block-woocommerce-product-meta>.wp-block-group {
row-gap: 0.5rem;
}
.wp-single-product-column .wp-block-woocommerce-product-meta .wp-block-post-terms {
margin-top: 0;
}
.wc-block-components-quantity-selector {
border-radius: 0;
overflow: hidden;
margin-right: 20px !important;
border: 1px solid var(--wp--preset--color--border-primary);
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
width: 54px !important;
font-size: var(--wp--preset--font-size--paragraph-large) !important;
}
.wc-block-components-product-badge {
border: none;
background: var(--wp--preset--color--light-mint) !important;
border-radius: 10px;
padding: 3px 10px;
font-weight: normal;
text-transform: uppercase;
margin-top: 5px;
}
.wc-block-components-product-badge span {
font-weight: 600;
}
.wc-block-mini-cart__drawer .wc-block-cart-item__prices {
margin-top: 7px;
}
body .wc-block-mini-cart__drawer .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
padding: .5em 0;
font-size: 16px !important;
}
.wc-block-components-quantity-selector:after {
border: none !important;
}
button.wc-block-components-quantity-selector__button:hover,
button.wc-block-components-quantity-selector__button:focus {
outline: none;
box-shadow: none;
background-color: var(--wp--preset--color--border-primary);
}
.wp-block-product-of-month .wp-block-woocommerce-single-product .wc-block-components-quantity-selector {
margin-right: 0 !important;
}
.wp-block-product-of-month .wp-block-woocommerce-single-product .wp-block-button.wc-block-components-product-button .wp-element-button {
width: 250px;
max-width: 100%;
}
.woocommerce div.product form.cart button.single_add_to_cart_button {
display: inline-block;
float: none;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
word-break: normal;
width: 356px;
max-width: 100%;
background: var(--wp--preset--color--button-color);
}
button.single_add_to_cart_button.button.alt.wp-element-button.disabled.wc-variation-selection-needed {
cursor: no-drop;
}
button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus:hover,
button.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--minus:focus {
outline: none;
box-shadow: none;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-mini-cart__footer .wc-block-components-formatted-money-amount {
font-size: var(--wp--preset--font-size--paragraph-large);
}
.wp-block-woocommerce-related-products {
margin-top: var(--wp--custom--spacing--wp-block-sidebar);
}
.wc-block-components-button.wc-block-components-drawer__close {
background-color: var(--wp--preset--color--border-primary) !important;
padding: 0.45em !important;
right: 20px;
top: 30px;
border-radius: 50%;
opacity: 1;
margin: 0;
border: none !important;
}
.wc-block-components-button.wc-block-components-drawer__close:hover {
background-color: var(--wp--preset--color--button-color) !important;
}
.wc-block-components-button.wc-block-components-drawer__close:hover svg {
fill: var(--wp--preset--color--light);
}
.wc-block-mini-cart__items .wc-block-mini-cart__products-table .wc-block-cart-items__row:not(:last-child) {
border-bottom: 1px solid var(--wp--preset--color--border-primary) !important;
padding-bottom: 21px;
margin-bottom: 21px;
}
.wc-block-mini-cart__items {
padding: 16px 30px 0;
box-shadow: 0px 0px 80px -15px #8E848526;
}
.wc-block-mini-cart__footer {
padding: 30px;
border: none;
}
.wc-block-mini-cart__footer:after {
border: none;
}
.wc-block-components-drawer {
background-color: transparent;
border-left: none;
}
.wp-block-woocommerce-mini-cart-contents {
overflow: hidden;
box-shadow: 0 0 80px -15px rgba(142, 132, 133, 0.15);
background-color: var(--wp--preset--color--background) !important;
}
.wc-block-components-drawer:after {
opacity: 0;
}
.wc-block-components-product-price {
display: block;
font-weight: 500;
line-height: 1.5;
}
.wc-block-components-product-price del {
opacity: 0.5;
}
.wc-block-cart-item__total .wc-block-components-product-price {
line-height: 1.4;
}
button.wc-block-cart-item__remove-link {
text-decoration: none !important;
}
button.wc-block-cart-item__remove-link:hover {
color: var(--wp--preset--color--link-color) !important;
opacity: 0.7;
}
button.wc-block-cart-item__remove-link::before {
content: "Remove Item";
display: inline-block;
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2213%22%20viewBox%3D%220%200%2011%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.9375%2010.625C6.82031%2010.625%206.75%2010.5547%206.75%2010.4375V4.0625C6.75%203.96875%206.82031%203.875%206.9375%203.875H7.3125C7.40625%203.875%207.5%203.96875%207.5%204.0625V10.4375C7.5%2010.5547%207.40625%2010.625%207.3125%2010.625H6.9375ZM3.1875%2010.625C3.07031%2010.625%203%2010.5547%203%2010.4375V4.0625C3%203.96875%203.07031%203.875%203.1875%203.875H3.5625C3.65625%203.875%203.75%203.96875%203.75%204.0625V10.4375C3.75%2010.5547%203.65625%2010.625%203.5625%2010.625H3.1875ZM10.3125%202C10.4062%202%2010.5%202.09375%2010.5%202.1875V2.5625C10.5%202.67969%2010.4062%202.75%2010.3125%202.75H9.75V11.375C9.75%2012.0078%209.23438%2012.5%208.625%2012.5H1.875C1.24219%2012.5%200.75%2012.0078%200.75%2011.375V2.75H0.1875C0.0703125%202.75%200%202.67969%200%202.5625V2.1875C0%202.09375%200.0703125%202%200.1875%202H2.625L3.39844%200.96875C3.60938%200.6875%203.9375%200.5%204.3125%200.5H6.1875C6.53906%200.5%206.86719%200.6875%207.07812%200.96875L7.875%202H10.3125ZM4.00781%201.41406L3.5625%202H6.9375L6.46875%201.41406C6.39844%201.32031%206.30469%201.27344%206.1875%201.25H4.3125C4.17188%201.27344%204.07812%201.32031%204.00781%201.41406ZM9%2011.375V2.75H1.5V11.375C1.5%2011.5859%201.66406%2011.75%201.875%2011.75H8.625C8.8125%2011.75%209%2011.5859%209%2011.375ZM5.0625%2010.625C4.94531%2010.625%204.875%2010.5547%204.875%2010.4375V4.0625C4.875%203.96875%204.94531%203.875%205.0625%203.875H5.4375C5.53125%203.875%205.625%203.96875%205.625%204.0625V10.4375C5.625%2010.5547%205.53125%2010.625%205.4375%2010.625H5.0625Z%22%20fill%3D%22black%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
margin-right: 7px;
position: relative;
top: 0;
font-size: 14px;
padding-left: 20px;
display: flex;
align-items: center;
margin-left: 7px;
}
body .wc-block-components-drawer__screen-overlay {
background-color: rgba(236, 236, 236, 0.8);
backdrop-filter: blur(15px);
}
body .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
padding: .3em 0;
}
/** Cart page CSS **/
button.wc-block-cart-item__remove-link svg {
display: none;
}
.wc-block-cart .wc-block-components-sidebar {
margin-top: 0;
background: #fff;
height: max-content;
padding: clamp(30px, 2.5vw, 42px);
box-shadow: 0px 0px 80px -15px #8E848526;
}
.wc-block-cart__main .wc-block-cart-items tr:first-child td {
border-top: none;
}
.woocommerce-cart .wc-block-components-product-name {
font-size: var(--wp--preset--font-size--normal);
}
.wc-block-cart .wc-block-cart__totals-title,
thead th {
font-size: var(--wp--preset--font-size--body-small);
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
margin: 0 !important;
padding: 10px 15px !important;
font-size: 16px;
}
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product,
.wp-block-header .wc-block-mini-cart.wp-block-woocommerce-mini-cart {
visibility: visible !important;
}
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product span {
opacity: 0;
}
.wp-block-woocommerce-cart-items-block table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
font-size: var(--wp--preset--font-size--paragraph-large);
text-decoration: none;
font-weight: 500;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 98%;
color: var(--mbf-color-primary);
transition: 0.4s;
text-decoration: none;
display: inline;
font-weight: 500;
}
.wp-block-woocommerce-cart-items-block table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name:hover {
background-size: 100% 1px;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:hover,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus {
border: none;
outline: none;
box-shadow: none;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
font-weight: 500;
text-transform: capitalize;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
font-weight: 600;
}
.wc-block-cart .wc-block-cart-items .wc-block-cart-items__header {
background-color: var(--wp--preset--color--dark);
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row {
padding: 16px 20px;
}
.is-medium .wc-block-mini-cart__template-part table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile .wc-block-mini-cart__template-part table.wc-block-cart-items .wc-block-cart-items__row,
.is-small .wc-block-mini-cart__template-part table.wc-block-cart-items .wc-block-cart-items__row {
padding-inline: 0px;
}
.wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title {
display: block !important;
margin-top: 0;
}
.wc-block-cart .wc-block-cart-items tbody {
background-color: var(--wp--preset--color--background);
}
.wc-block-components-sidebar-layout .wc-block-components-main table {
overflow: hidden;
box-shadow: 0px 0px 40px -10px #6F6F6F1A;
align-self: baseline;
}
.wc-block-cart table.wc-block-cart-items {
margin: 0;
}
.wp-block-group.alignwide.wp-block-cart-header {
flex-wrap: wrap;
gap: 0 2.5rem;
}
.wp-block-cart-header p {
position: relative;
padding-left: 35px;
line-height: 1.35;
}
.wc-block-components-sidebar-layout>.block-editor-inner-blocks>.block-editor-block-list__layout {
justify-content: space-between;
}
.wp-block-cart-header p::before {
content: '';
width: 32px;
height: 32px;
background: url(assets/images/security-icon.svg) no-repeat;
background-size: 100%;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
margin-right: 7px;
transform: translateY(-50%);
}
.is-large.wc-block-cart .wc-block-cart-items {
border-bottom: none !important;
}
.is-large.wc-block-cart .wc-block-cart-items td {
padding: 28px 0 28px 30px;
vertical-align: top;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
width: 70px;
aspect-ratio: 3 / 4;
object-fit: cover;
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
color: var(--wp--preset--color--secondary-text);
font-size: 12px;
}
.is-large.wc-block-cart .wc-block-cart-items th {
padding: 8px 16px 8px 0;
font-weight: 500;
text-transform: capitalize;
font-size: 16px;
background: var(--wp--preset--color--border-primary) !important;
color: var(--wp--preset--color--secondary-text);
}
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image {
width: 120px;
padding-right: 0;
}
.wc-block-components-sidebar-layout.wc-block-cart {
justify-content: space-between;
}
.is-large.wc-block-cart .wc-block-cart-items td:last-child,
.is-large.wc-block-cart .wc-block-cart-items th:last-child {
padding-right: 30px;
}
.wc-block-cart table.wc-block-cart-items,
.wc-block-cart table.wc-block-cart-items td,
.wc-block-cart table.wc-block-cart-items th {
margin: 0 0 0px;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
font-size: var(--wp--preset--font-size--display-24);
text-transform: capitalize;
font-weight: 600;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
font-size: var(--wp--preset--font-size--paragraph-medium);
font-weight: 500;
margin-top: 7px;
}
.wp-block-woocommerce-cart-cross-sells-block {
margin-top: clamp(35px, 4.5vw, 70px);
display: block;
}
.wc-block-components-main table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
font-size: var(--wp--preset--font-size--paragraph-medium);
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices ins {
background: var(--wp--preset--color--light-mint);
color: var(--wp--preset--color--dark);
}
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
border-bottom: none;
}
h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
font-size: var(--wp--preset--font-size--paragraph-extra-small);
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
font-size: 20px;
background-color: currentColor;
content: "";
display: block;
height: 5em;
margin: 0 auto1 0.2em;
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMTkgMEM4LjUwNCAwIDAgOC41MDQgMCAxOXM4LjUwNCAxOSAxOSAxOSAxOS04LjUwNCAxOS0xOVMyOS40OTYgMCAxOSAwWm02LjEyOSAxMi44NzFhMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTEgMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTJaTTExLjY0NSAzMS4yNThjLTIuMDMgMC0zLjY3Ny0xLjYwOS0zLjY3Ny0zLjYgMC0xLjUzMyAyLjE4My00LjYyOCAzLjE4Ny01Ljk2MWEuNjEuNjEgMCAwIDEgLjk4IDBjMS4wMDQgMS4zMzMgMy4xODggNC40MjggMy4xODggNS45NiAwIDEuOTkyLTEuNjQ4IDMuNjAxLTMuNjc4IDMuNjAxWm0xLjIyNi0xMy40ODRhMi40NDkgMi40NDkgMCAwIDEtMi40NTItMi40NTEgMi40NDkgMi40NDkgMCAwIDEgMi40NTItMi40NTIgMi40NDkgMi40NDkgMCAwIDEgMi40NTIgMi40NTIgMi40NDkgMi40NDkgMCAwIDEtMi40NTIgMi40NTFabTEzLjA0IDExLjgxNEE4Ljk4OSA4Ljk4OSAwIDAgMCAxOSAyNi4zNTVjLTEuNjI0IDAtMS42MjQtMi40NTIgMC0yLjQ1MmExMS40IDExLjQgMCAwIDEgOC43ODggNC4xMjJjMS4wNTcgMS4yNTctLjg1OSAyLjc5Ni0xLjg3OCAxLjU2M1oiLz48L3N2Zz4=);
mask-position: center;
mask-repeat: no-repeat;
mask-size: 5em;
width: 5em;
}
.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),
.wc-block-grid__product .wc-block-grid__product-title {
margin: 0 0 12px;
font-size: var(--wp--preset--font-size--medium) !important;
font-weight: 500;
width: 100%;
}
.wp-block-product-new .wc-block-grid__product .wc-block-grid__product-price {
margin: 0 auto 12px;
font-size: 18px;
padding: 0 25px;
}
.wp-block-product-new .wc-block-grid__product .wc-block-grid__product-title {
padding: 0 25px;
}
.wp-block-product-new.wp-block-woocommerce-product-new li.wc-block-grid__product {
text-align: left;
}
.wp-block-product-new.wp-block-woocommerce-product-new .wc-block-grid__product .wc-block-grid__product-add-to-cart {
position: absolute;
width: 100%;
bottom: 0;
margin: 0;
}
.wp-block-product-new.wp-block-woocommerce-product-new .wc-block-grid__product .wc-block-grid__product-add-to-cart a {
width: 100%;
border-radius: 0;
}
.wp-block-woocommerce-empty-cart-block .wp-block-product-new.wp-block-woocommerce-product-new .wc-block-grid__product .wc-block-grid__product-add-to-cart {
position: relative;
}
.wp-block-woocommerce-product-collection,
.wp-block-woocommerce-cart {
margin: 0;
}
.wp-block-woocommerce-empty-cart-block {
padding-top: var(--wp--custom--spacing--outer);
}
.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale {
background: var(--wp--preset--color--red);
border: none;
border-radius: 0;
color: var(--wp--preset--color--light);
display: inline-block;
font-size: 14px;
font-weight: 500;
left: auto;
padding: .25em .75em;
position: absolute;
right: 20px;
text-align: center;
text-transform: none;
top: 20px;
width: auto;
z-index: 9;
}
.wc-block-grid__product .wc-block-grid__product-image,
.wc-block-grid__product .wc-block-grid__product-link {
text-decoration: none;
}
.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block) .wp-block-inner-page-title {
display: none;
}
.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block) .wp-site-blocks main {
padding-top: 0;
}
.wp-block-woocommerce-empty-cart-block h2 {
font-size: var(--wp--preset--font-size--section-title);
margin-bottom: 21px;
}
/** Checkout Page Css **/
.woocommerce-checkout .wp-site-blocks main {
padding-top: 0 !important;
}
.woocommerce-checkout header {
padding-top: 20px !important;
}
.woocommerce-checkout .wp-site-blocks {
overflow-x: hidden;
}
.woocommerce-checkout.page::before {
display: none;
}
.wc-block-components-sidebar-layout {
justify-content: space-between;
}
.wc-blocks-components-select .wc-blocks-components-select__select:focus-visible,
.wc-blocks-components-select .wc-blocks-components-select__select:focus {
border-color: var(--wp--preset--color--button-color) !important;
border-width: 1px !important;
outline: none;
}
wc-block-cart-items .wc-block-components-product-metadata,
body .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
body .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data {
color: var(--wp--preset--color--secondary-text);
font-size: var(--wp--preset--font-size--medium-small);
margin: 7px 0 12px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item {
font-size: var(--wp--preset--font-size--paragraph-extra-small);
font-weight: var(--wp--custom--font-weight--medium);
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
border: 1px solid var(--wp--preset--color--border-primary);
}
.wc-block-components-checkout-return-to-cart-button {
font-weight: 500;
font-size: var(--wp--preset--font-size--paragraph-medium);
}
.wc-block-components-checkout-return-to-cart-button:hover,
.wc-block-components-checkout-return-to-cart-button:focus {
text-decoration: underline;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: 20%;
/* 3.2px */
text-underline-position: from-font;
}
.wc-block-components-checkout-return-to-cart-button:hover {
color: var(--wp--preset--color--button-color);
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
outline: none;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
width: 64px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
max-width: 70px;
width: 70px;
object-fit: cover;
aspect-ratio: 3 / 4;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
background-color: var(--wp--preset--color--dark);
color: var(--wp--preset--color--light);
min-width: 20px;
height: 20px;
border: none;
padding: 0;
text-align: center;
padding: 5px;
box-sizing: border-box;
box-shadow: none;
}
.wc-block-components-title.wc-block-components-title {
border: 0;
font-size: var(--wp--preset--font-size--display-32);
font-weight: 600;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
border-radius: 4px;
box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--border-primary);
}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
background-color: var(--wp--preset--color--body-background);
margin-top: 14px;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-checkout-order-summary__title-price {
font-size: var(--wp--preset--font-size--display-24);
font-weight: var(--wp--custom--font-weight--bold);
}
.wp-block-woocommerce-checkout-order-summary-block span.wc-block-components-checkout-order-summary__title-icon {
display: flex;
align-items: center;
margin-left: 10px;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
padding: 0 0 10px;
}
.wp-block-woocommerce-checkout-order-summary-block span.wc-block-components-checkout-order-summary__title-icon {
display: none;
}
.wc-blocks-components-select .wc-blocks-components-select__select {
border: 1px solid var(--wp--preset--color--border-primary);
border-radius: 0;
}
.wc-block-components-textarea {
border: 1px solid var(--wp--preset--color--border-primary);
}
.wc-block-checkout__add-note .wc-block-components-textarea:focus {
box-shadow: none;
color: inherit;
border: 1px solid var(--wp--preset--color--border-primary);
}
.wp-block-woocommerce-checkout-order-summary-block {
border: none;
}
.wc-block-checkout__sidebar .wc-block-components-product-name {
font-size: var(--wp--preset--font-size--paragraph-extra-small);
font-weight: var(--wp--custom--font-weight--medium);
line-height: 1.5;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
font-size: var(--wp--preset--font-size--display-24);
font-weight: var(--wp--custom--font-weight--semi-bold);
text-transform: capitalize;
}
.wc-blocks-components-select .wc-blocks-components-select__container {
height: 60px;
}
.select2-container .select2-selection--single {
height: 60px;
display: block;
border: 1px solid var(--wp--preset--color--border-primary);
}
.select2-container .select2-dropdown,
.select2-container .select2-selection {
border: 1px solid var(--wp--preset--color--border-primary);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--wp--preset--color--button-color);
}
.select2-container .select2-selection--single .select2-selection__rendered {
color: var(--wp--preset--color--body-text);
}
.wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill {
background-color: #fff;
}
.woocommerce-page .select2-container .select2-results__option {
font-size: 16px;
}
.woocommerce-page form .form-row .select2-container .select2-selection--single .select2-selection__rendered {
padding: 1.25rem 1.1rem;
height: 60px;
font-size: 16px;
}
.wc-block-components-button.wc-block-components-drawer__close svg {
fill: var(--wp--preset--color--dark);
}
.wp-block-woocommerce-mini-cart-footer-block .wp-block-woocommerce-mini-cart-cart-button-block {
box-shadow: none !important;
transition: all 0.4s !important;
border-radius: 0;
border: 1px solid var(--wp--preset--color--dark);
}
.wp-block-woocommerce-mini-cart-footer-block .wp-block-woocommerce-mini-cart-cart-button-block:hover,
.wp-block-woocommerce-mini-cart-footer-block .wp-block-woocommerce-mini-cart-cart-button-block:focus {
background: transparent !important;
}
.wp-block-woocommerce-mini-cart-footer-block .wp-block-woocommerce-mini-cart-cart-button-block:after,
.wp-block-woocommerce-mini-cart-footer-block .wp-block-woocommerce-mini-cart-cart-button-block:before {
color: var(--wp--preset--color--dark);
transition: all 0.4s;
}
.wp-block-woocommerce-mini-cart-footer-block .wp-block-woocommerce-mini-cart-cart-button-block .wc-block-components-button__text {
color: transparent;
}
.wp-block-woocommerce-mini-cart-footer-block .wc-block-mini-cart__footer-checkout .wc-block-components-button__text {
color: transparent;
}
.wp-block-woocommerce-mini-cart-footer-block .wc-block-mini-cart__footer-checkout:after,
.wp-block-woocommerce-mini-cart-footer-block .wc-block-mini-cart__footer-checkout:before {
transition: all 0.4s;
}
.wp-block-post-title {
margin-block-start: 0 !important;
}
.wc-blocks-components-select .wc-blocks-components-select__label {
top: 0.52em;
left: 1.265em;
}
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
top: 1.85rem;
left: .9625em;
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url],
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-form .wc-block-components-text-input.is-active input[type=email],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=number],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=password],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=tel],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
.wc-block-components-form .wc-block-components-text-input.is-active input[type=url],
.wc-block-components-text-input input:-webkit-autofill,
body .wc-block-components-text-input.is-active input[type=text]:focus,
body .wc-block-components-text-input.is-active input[type=email],
body .wc-block-components-text-input.is-active input[type=email]:focus,
body .wc-block-components-text-input.is-active input[type=number],
body .wc-block-components-text-input.is-active input[type=number]:focus,
body .wc-block-components-text-input.is-active input[type=password],
body .wc-block-components-text-input.is-active input[type=password]:focus,
body .wc-block-components-text-input.is-active input[type=tel],
body .wc-block-components-text-input.is-active input[type=tel]:focus,
body .wc-block-components-text-input.is-active input[type=text],
body .wc-block-components-text-input.is-active input[type=url],
body .wc-block-components-text-input.is-active input[type=url]:focus,
body .wc-blocks-components-select .wc-blocks-components-select__select {
padding-inline: .9625em !important;
height: 60px;
background: var(--wp--preset--color--background);
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {
font-size: var(--wp--preset--font-size--paragraph-large);
width: 300px;
max-width: 100%;
}
.wc-block-order-confirmation-billing-address,
.wc-block-order-confirmation-totals table,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-blocks-components-select .wc-blocks-components-select__container,
.wc-block-components-address-card {
border-radius: 0;
}
.wc-block-components-text-input.wc-block-components-address-form__email {
margin-top: 32px !important;
}
/** Order Confirmation Page **/
.woocommerce-order-received main::before {
display: none !important;
}
.wp-block-woocommerce-order-confirmation-status h1 {
margin: 0 0 7px;
}
.wc-block-order-confirmation-summary ul li>.wc-block-order-confirmation-summary-list-item__key {
font-weight: 600;
}
.wc-block-order-confirmation-totals table thead th {
border-top: 0;
background-color: var(--wp--preset--color--primary);
font-weight: 500;
}
.wc-block-order-confirmation-totals table tfoot th,
.wc-block-order-confirmation-totals table thead {
font-weight: 500;
}
td.wc-block-order-confirmation-totals__product a:hover {
color: var(--wp--preset--color--link-color);
}
.wc-block-order-confirmation-totals table td,
.wc-block-order-confirmation-totals table th {
padding: 16px 30px;
}
.wc-block-order-confirmation-status::before {
content: "";
display: inline-block;
width: 78px;
height: 78px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='78' viewBox='0 0 78 78' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.3125 39C7.3125 21.4987 21.4987 7.3125 39 7.3125C56.5013 7.3125 70.6875 21.4987 70.6875 39C70.6875 56.5013 56.5013 70.6875 39 70.6875C21.4987 70.6875 7.3125 56.5013 7.3125 39ZM50.7325 33.1045C50.9275 32.8447 51.0686 32.5485 51.1475 32.2333C51.2264 31.9182 51.2415 31.5905 51.1919 31.2694C51.1423 30.9483 51.0291 30.6404 50.8588 30.3638C50.6885 30.0871 50.4646 29.8473 50.2003 29.6584C49.936 29.4695 49.6366 29.3353 49.3198 29.2637C49.0029 29.1922 48.6749 29.1847 48.355 29.2418C48.0352 29.2988 47.73 29.4192 47.4574 29.5958C47.1848 29.7725 46.9502 30.0019 46.7675 30.2705L36.2505 44.993L30.9725 39.715C30.5104 39.2844 29.8993 39.05 29.2678 39.0612C28.6363 39.0723 28.0338 39.3281 27.5872 39.7747C27.1406 40.2213 26.8848 40.8238 26.8737 41.4553C26.8625 42.0868 27.0969 42.6979 27.5275 43.16L34.84 50.4725C35.0902 50.7225 35.3918 50.9151 35.724 51.0368C36.0561 51.1586 36.4107 51.2066 36.7632 51.1775C37.1158 51.1485 37.4577 51.043 37.7654 50.8685C38.0731 50.694 38.3391 50.4546 38.545 50.167L50.7325 33.1045Z' fill='%23009145'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
/** Search Result Page **/
.search-results .woocommerce .woocommerce-ordering select {
top: 0;
}
.search .wp-block-query-title,
.search-no-results .wp-block-query-title,
.search-results .wp-block-query-title {
position: relative;
}
.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb {
font-size: 16px;
position: relative;
margin-bottom: 7px;
}
.search-no-results .wp-block-search {
max-width: 1000px;
}
.search-no-results .wp-block-woocommerce-product-collection-no-results,
.search-no-results .wp-block-woocommerce-product-collection {
margin-top: 0;
}
.search :where(.wp-block-query-title) {
margin-bottom: var(--wp--custom--spacing--wp-block-post);
}
/** My Account Page **/
.woocommerce form.woocommerce-ResetPassword .form-row-first {
margin: 0 auto 14px !important;
width: 100%;
max-width: 500px;
float: none;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: none;
padding: clamp(28px, 5vw, 42px);
margin: 2em 0;
text-align: left;
border-radius: 5px;
background: var(--wp--preset--color--primary);
}
.woocommerce form.login {
padding: clamp(28px, 5vw, 56px);
}
.woocommerce form.login,
.woocommerce form.register {
max-width: 480px;
}
.woocommerce-account.woocommerce-page:not(.logged-in) main {
text-align: center;
background: var(--wp--preset--color--primary);
}
.woocommerce-account.woocommerce-page.logged-in main,
.woocommerce-account.woocommerce-page.woocommerce-dashboard main {
text-align: left;
}
.woocommerce-Address {
border: 1px solid var(--wp--preset--color--border-primary-light);
padding: 30px;
box-sizing: border-box;
}
header.woocommerce-Address-title.title h2 {
margin-top: 0;
}
form.woocommerce-form.woocommerce-form-login.login {
margin: 0 auto;
background-color: #fff;
border: none;
box-shadow: 0 0 80px -15px rgba(142, 132, 133, 0.15);
}
header.woocommerce-Address-title.title h2 {
font-size: var(--wp--preset--font-size--post-title);
line-height: 1.38;
font-family: var(--wp--preset--font-family--switzer);
}
.logged-in .wp-account-login-title,
.logged-in .wp-login-form-image-col {
display: none;
}
.logged-in .wp-block-group.wp-custom-my-account.wp-block-section .wp-block-group.wp-login-form {
margin-top: 0;
}
.wp-block-group.wp-custom-my-account.wp-block-section .wp-block-group.wp-login-form {
position: relative;
z-index: 99;
}
.wp-login-form-image-col+.wp-block-column .block-editor-warning {
display: none;
}
.woocommerce-account .addresses .title .edit {
float: none;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
margin-top: 25px;
}
.woocommerce-account main .wp-block-post-title,
.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
max-width: var(--wp--style--global--wide-size);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
border: 1px solid var(--wp--preset--color--dark);
}
.woocommerce table.my_account_orders .button {
white-space: nowrap;
max-width: max-content;
border-radius: 32px !important;
padding: 0.75rem 1rem;
line-height: 1;
box-sizing: border-box;
margin: 0 !important;
display: inline-block;
font-size: 15px;
}
.woocommerce-page table.shop_table td,
.woocommerce-page table.shop_table th {
padding: 1em 30px;
}
.woocommerce table.shop_table thead th {
font-weight: 500;
}
.wc-block-components-notice-banner.is-info {
background-color: #fff;
}
.woocommerce-account:not(.logged-in) .wp-block-post-title {
display: none;
}
.woocommerce-account.logged-in .wp-block-post-title {
display: block;
}
.woocommerce-account:not(.logged-in) .wp-block-post-content h2,
.woocommerce-account:not(.logged-in) .wp-block-post-content {
margin-top: 0;
margin-block-start: 0;
}
.out-of-stock-wrapper {
display: flex;
align-items: center;
color: #f11e1e;
}
.out-of-stock-wrapper::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
margin-right: 8px;
vertical-align: middle;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,");
}
/** Woocommerce Filter Color **/
.wp-filter-by-size .wc-block-attribute-filter li input:checked~.wc-block-components-checkbox__label::before,
.wp-filter-by-color .wc-block-attribute-filter li input:checked~.wc-block-components-checkbox__label::before {
border: 2px solid var(--wp--preset--color--dark);
background: var(--wp--preset--color--dark);
}
.wp-filter-by-size .wc-block-attribute-filter li .wc-block-components-checkbox__label,
.wp-filter-by-color .wc-block-attribute-filter li .wc-block-components-checkbox__label {
margin-left: 35px;
}
.wp-filter-by-size .wc-block-attribute-filter li .wc-block-components-checkbox__label:before,
.wp-filter-by-color .wc-block-attribute-filter li .wc-block-components-checkbox__label:before {
position: relative;
width: 28px;
height: 28px;
border: 2px solid var(--wp--preset--color--dark);
transition: all 0.4s;
display: block;
border-radius: 50%;
}
.wp-filter-by-size .wc-block-attribute-filter li .wc-block-components-checkbox__label::after,
.wp-filter-by-color .wc-block-attribute-filter li .wc-block-components-checkbox__label::after {
position: absolute;
left: 4px;
top: 1px;
content: "";
display: inline-block;
content: "";
vertical-align: -.125em;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
height: 11px;
width: 11px;
opacity: 0;
}
.wc-block-attribute-filter.style-list {
padding-top: 4px;
}
.wp-filter-by-size .wc-block-attribute-filter li:hover .wc-block-components-checkbox__label::after,
.wp-filter-by-color .wc-block-attribute-filter li:hover .wc-block-components-checkbox__label::after,
.wp-filter-by-size .wc-block-attribute-filter li input:checked~.wc-block-components-checkbox__label::after,
.wp-filter-by-color .wc-block-attribute-filter li input:checked~.wc-block-components-checkbox__label::after {
opacity: 1;
}
.wp-filter-by-color .wc-block-attribute-filter li .wc-block-components-checkbox__label:hover:before {
background: var(--wp--preset--color--dark);
}
.wp-filter-by-size .wc-block-attribute-filter li .wc-block-components-checkbox__label::before,
.wp-filter-by-color .wc-block-attribute-filter li .wc-block-components-checkbox__label::before {
position: absolute;
width: 15px;
height: 15px;
content: "";
left: 0;
top: -3px;
background: var(--wp--preset--color--background);
font-size: 16px;
font-weight: 600;
color: var(--wp--preset--color--foreground);
text-indent: 0;
text-align: center;
padding: 0;
border-radius: 50%;
}
.wp-block-widget-area .wc-block-components-checkbox {
margin-top: 0;
}
/** custom login page **/
.woocommerce-account:not(.logged-in) .wp-block-group.wp-custom-my-account.wp-block-section .wp-login-form .woocommerce h2 {
display: none;
}
.woocommerce-page form .form-row label {
margin-bottom: 5px;
font-size: 16px;
font-weight: 500;
}
.woocommerce-account.logged-in .wp-block-post-title,
.wp-block-group.wp-custom-my-account.wp-block-section h2.wp-block-heading.has-huge-post-title-font-size {
font-size: clamp(26px, 3.5vw, 48px) !important;
font-weight: 700 !important;
}
.wp-block-group.wp-custom-my-account.wp-block-section {
padding-top: var(--wp--custom--spacing--section-block-bottom) !important;
}
.wp-block-group.wp-custom-my-account.wp-block-section br {
display: none;
}
.wp-block-group.wp-custom-my-account.wp-block-section .wp-login-form form.woocommerce-form.woocommerce-form-login.login {
margin: 0;
background-color: transparent;
border: none;
padding: 0;
}
.wp-block-group.wp-custom-my-account.wp-block-section button.woocommerce-button.button.woocommerce-form-login__submit.wp-element-button {
width: 100%;
line-height: 1;
border-radius: 32px;
min-height: 55px;
max-height: 60px;
}
.wp-block-group.wp-custom-my-account.wp-block-section figure.wp-block-image.size-full.wp-account-login-image img {
box-shadow: 0px 0px 80px 0px #55505040;
border-radius: 10px;
}
.wp-block-group.wp-custom-my-account.wp-block-section .wp-account-login-image {
padding-right: 40px;
position: relative;
}
.wp-block-group.wp-custom-my-account.wp-block-section .wp-account-login-image::before {
content: '';
width: 160px;
height: 160px;
background: url(assets/images/login-shape.svg) no-repeat;
background-size: 100%;
position: absolute;
bottom: -40px;
right: 0;
}
.wp-block-group.wp-custom-my-account.wp-block-section .wp-block-group.wp-login-form {
margin-top: 50px;
}
.wp-block-woocommerce-mini-cart-contents table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
font-size: var(--wp--preset--font-size--paragraph-medium);
text-decoration: none;
}
.wp-block-woocommerce-mini-cart-contents table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name:hover {
text-decoration: underline;
}
.wp-block-product-new .wc-block-grid__products .wc-block-grid__product-image img,
.cross-sells-product .wc-block-components-product-image img {
aspect-ratio: 3 / 4;
object-fit: cover;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
list-style: none;
padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
text-decoration: none;
background-color: var(--wp--preset--color--dark);
color: var(--wp--preset--color--light);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:hover::before,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
filter: invert(1);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
display: block;
padding: 12px 30px;
font-size: var(--wp--preset--font-size--paragraph-medium);
font-weight: 500;
position: relative;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li a:focus {
background-color: var(--wp--preset--color--primary);
text-decoration: none;
}
.wp-block-latest-product-slider .is-product-collection-layout-carousel .wc-block-product {
min-width: 46.5%;
}
.wc-block-components-sidebar .wc-block-components-totals-coupon .wc-block-components-panel__button {
font-size: var(--wp--preset--font-size--paragraph-extra-large);
font-weight: 500;
}
.wp-block-woocommerce-product-collection:has(.is-product-collection-layout-carousel) :where(.wc-block-next-previous-buttons.wc-block-next-previous-buttons) {
display: flex;
gap: 1rem;
}
.wc-block-components-panel__button,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value,
.wc-block-featured-category__title {
font-size: var(--wp--preset--font-size--paragraph-extra-large);
}
.wc-block-featured-category__description p {
line-height: 1.5;
}
.wc-block-featured-category__title,
.wc-block-featured-category__description {
color: inherit;
max-width: 768px;
}
.wc-block-next-previous-buttons {
margin-top: -20px !important;
position: relative;
z-index: 3;
}
.wc-block-grid__product .wc-block-grid__product-title {
font-size: var(--wp--preset--font-size--medium);
font-weight: 500;
}
.wc-block-grid__product .wc-block-grid__product-title:hover,
.wc-block-grid__product .wc-block-grid__product-title:focus {
color: var(--wp--preset--color--link-color);
}
.wc-block-grid__product .wc-block-grid__product-link {
text-decoration: none;
}
.wc-block-product-new .wc-block-grid__product-price {
font-size: 18px;
}
.wp-block-woocommerce-product-meta .wp-block-post-terms a {
margin: 0 3px;
}
/** Mini Cart Drawer **/
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before,
.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__empty-cart-wrapper p::before {
content: "";
display: block;
width: 100px;
height: 100px;
margin: 0 auto 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85 85'%3E%3Cpath d='M34.177 26.0316V23.5524H50.8228V26.0316H34.177ZM22.7994 72.4717C21.8845 71.5568 21.427 70.4205 21.427 69.0628C21.427 67.7052 21.8845 66.5689 22.7994 65.654C23.7143 64.739 24.8506 64.2816 26.2083 64.2816C27.5659 64.2816 28.7022 64.739 29.6171 65.654C30.532 66.5689 30.9895 67.7052 30.9895 69.0628C30.9895 70.4205 30.532 71.5568 29.6171 72.4717C28.7022 73.3866 27.5659 73.8441 26.2083 73.8441C24.8506 73.8441 23.7143 73.3866 22.7994 72.4717ZM55.3827 72.4717C54.4678 71.5568 54.0103 70.4205 54.0103 69.0628C54.0103 67.7052 54.4678 66.5689 55.3827 65.654C56.2977 64.739 57.4339 64.2816 58.7916 64.2816C60.1492 64.2816 61.2855 64.739 62.2004 65.654C63.1154 66.5689 63.5728 67.7052 63.5728 69.0628C63.5728 70.4205 63.1154 71.5568 62.2004 72.4717C61.2855 73.3866 60.1492 73.8441 58.7916 73.8441C57.4339 73.8441 56.2977 73.3866 55.3827 72.4717ZM8.14575 11.8649V9.38574H15.9374L30.2812 39.4899H53.3905C53.9218 39.4899 54.394 39.3571 54.8072 39.0915C55.2204 38.8258 55.5746 38.4569 55.8697 37.9847L67.8228 16.4691H70.6562L57.9062 39.4899C57.4339 40.2573 56.8289 40.8623 56.0911 41.305C55.3532 41.7477 54.5416 41.9691 53.6562 41.9691H28.6874L24.2603 50.1149C23.7881 50.8232 23.7734 51.5906 24.2161 52.417C24.6588 53.2434 25.3228 53.6566 26.2083 53.6566H63.5728V56.1357H26.2083C24.3194 56.1357 22.9175 55.3536 22.0025 53.7894C21.0876 52.2252 21.0728 50.6462 21.9583 49.0524L27.4478 39.3128L14.3437 11.8649H8.14575Z' fill='%231F1F1F'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
mask-image: none;
background-color: transparent;
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__empty-cart-wrapper p {
font-size: var(--wp--preset--font-size--display-32);
letter-spacing: -2%;
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__empty-cart-wrapper p strong:after {
content: 'Looks like you haven’t added anything to your cart yet. ';
font-size: 14px;
display: block;
font-weight: normal;
color: var(--wp--preset--color--secondary-text);
margin-top: 7px;
letter-spacing: normal;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button__link,
.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__shopping-button {
min-width: 215px;
box-sizing: border-box;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button__link::after,
.wp-block-woocommerce-empty-cart-block .wp-block-button__link::before,
.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__shopping-button::after,
.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__shopping-button::before {
padding-right: 40px;
background-image: url(assets/images/submenu-arrow.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 24px;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
color: transparent !important;
border-bottom: 1px solid var(--wp--preset--color--dark);
opacity: 1;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover,
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus {
border-bottom: 1px solid transparent;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:before,
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:after {
color: var(--wp--preset--color--dark);
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* ---
-------------------------------------------------------- */
.wp-cta-section .wp-block-media-text {
max-width: 100% !important;
}
.wp-cta-section .wp-block-media-text .wp-block-media-text__media {
height: 100% !important;
}
.wp-cta-section .wp-block-media-text .wp-block-media-text__media img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
}
.wp-cta-section .wp-block-media-text .wp-block-media-text__content {
padding: var(--wp--custom--spacing--outer);
max-width: 860px;
}
/* ---
-------------------------------------------------------- */
.wp-block-group.wp-block-site-logo-wrapper {
gap: 1rem;
}
.wp-block-header-top-info a {
text-decoration: none;
position: relative;
padding: 3px 0;
}
.wp-block-header-top-info a::before {
content: "";
border-bottom: 1px solid var(--wp--preset--color--dark);
position: absolute;
bottom: 0;
width: 0;
transition: all 0.4s;
height: 1px;
}
.wp-block-header-top-info a:hover::before {
width: 100%;
}
.wp-block-header {
z-index: 9;
position: relative;
}
.wp-block-header .wp-block-header-right {
margin-left: auto;
}
.wp-block-search-toggle .wp-block-button {
height: 42px !important;
}
.wp-block-search-toggle .wp-block-button .wp-element-button {
background: url(assets/images/search.svg) no-repeat;
text-indent: -99999px;
padding: 0;
width: 20px;
height: 20px;
padding: 20px;
background-position: center;
}
.wp-block-woocommerce-customer-account.is-style-custom-account a {
background: url(assets/images/user-thin.svg) no-repeat;
background-size: 20px;
background-position: center;
padding: 6px;
}
.wp-block-woocommerce-customer-account.is-style-custom-account a svg {
opacity: 0;
}
.wp-block-woocommerce-customer-account.is-style-custom-account a span {
display: none;
}
.wc-block-mini-cart.is-style-custom-cart .wc-block-mini-cart__button {
background: url(assets/images/shopping-cart.svg) no-repeat;
background-size: 30px;
background-position: center;
padding: 6px;
}
.wc-block-mini-cart.is-style-custom-cart .wc-block-mini-cart__button svg {
opacity: 0;
}
.wp-block-navigation__container .wp-block-navigation-item:hover>.wp-block-navigation-item__content {
color: inherit;
}
.wp-block-navigation-submenu:hover .wp-block-navigation__submenu-icon svg,
.wp-block-navigation-submenu:focus .wp-block-navigation__submenu-icon svg {
transform: rotate(180deg);
}
.wp-block-header-right .wp-block-woocommerce-customer-account:hover,
.wp-block-header-right .wp-block-woocommerce-mini-cart:hover,
.wp-block-header-right .wp-header-phone a:hover {
animation: pulse 0.6s ease;
animation-iteration-count: 1;
transform-origin: center;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.block-editor-block-list__block.wp-header-page-top {
opacity: 0;
height: 0;
}
.wp-block-header-top-info .wp-block-image img {
display: block;
}
/** header search CSS **/
.search-active .wp-primary-search {
opacity: 1;
visibility: visible;
top: 0;
}
.search-active.admin-bar .wp-primary-search {
top: 32px;
}
.wp-block-group.wp-header-pdt-search {
max-width: 260px;
padding: 0;
}
.wp-primary-search {
position: fixed;
background: var(--wp--preset--color--background);
width: 100%;
height: auto;
top: -30px;
left: 0;
padding-top: var(--wp--style--root--padding-right);
padding-bottom: var(--wp--style--root--padding-right);
opacity: 0;
z-index: 99;
visibility: hidden;
transition: all 0.4s;
}
.wp-primary-search .wp-block-search .wp-block-search__inside-wrapper {
padding: 0;
}
.wp-primary-search .wp-block-search input {
background-color: transparent;
margin-right: 15px;
padding: 0 10px !important;
border-bottom: 1px solid var(--wp--preset--color--border-primary) !important;
}
.wp-primary-search .wp-primary-search-close-btn .wp-block-button {
position: relative;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
padding-right: 30px;
}
.wp-primary-search .wp-primary-search-close-btn .wp-block-button::before,
.wp-primary-search .wp-primary-search-close-btn .wp-block-button::after {
content: "";
position: absolute;
width: 20px;
height: 2px;
top: 15px;
right: 0;
margin-left: -10px;
background: var(--wp--preset--color--dark);
border: none;
border-radius: 4px;
}
.wp-primary-search .wp-primary-search-close-btn .wp-block-button::before {
transform: rotate(45deg);
}
.wp-primary-search .wp-primary-search-close-btn .wp-block-button::after {
transform: rotate(-45deg);
}
.wp-primary-search .wp-primary-search-close-btn .wp-block-button:hover::before {
transform: rotate(-45deg);
}
.wp-primary-search .wp-primary-search-close-btn .wp-block-button:hover::after {
transform: rotate(45deg);
}
.wp-primary-search .wp-primary-search-close-btn .wp-block-button .wp-element-button {
border-bottom: none;
padding-bottom: 0;
font-size: clamp(18px, 2.5vw, 22px) !important;
}
.wp-block-buttons.wp-primary-search-close-btn {
justify-content: flex-end;
}
body:after {
position: fixed;
width: 100%;
height: 100%;
content: '';
background-color: #ECECECCC;
backdrop-filter: blur(30px);
top: 0;
left: 0;
z-index: 9;
transition: all 0.4s;
opacity: 0;
visibility: hidden;
}
body.search-active::after {
opacity: 1;
visibility: visible;
}
.wp-primary-search.block-editor-block-list__block {
visibility: visible;
opacity: 1;
top: 0;
}
header .wp-primary-search.block-editor-block-list__block {
visibility: hidden;
opacity: 0;
display: none;
}
/* ---
-------------------------------------------------------- */
.wp-footer-widgets {
padding-top: var(--wp--custom--spacing--block-footer-gap);
padding-bottom: var(--wp--custom--spacing--block-footer-gap);
}
.wp-footer-widgets .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
position: relative;
padding: 5px 0;
}
.wp-block-footer.wp-block-site-generator {
font-size: var(--wp--preset--font-size--extra-small);
margin-top: 0;
padding-top: var(--wp--custom--spacing--block-footer-gap);
position: relative;
}
.wp-block-footer.wp-block-site-generator:before {
content: "";
background: var(--wp--preset--color--dark-color);
height: 1px;
left: 0;
opacity: 0.1;
position: absolute;
top: 0;
width: 100%;
}
.wp-block-footer.wp-block-site-generator a {
text-decoration: none;
}
.wp-block-footer.wp-block-site-generator a:hover,
.wp-block-footer.wp-block-site-generator a:focus {
color: var(--wp--preset--color--link-color);
}
.wp-block-footer .wp-block-widget:not(:last-child),
.wp-block-footer .wp-block-widget>*:not(:last-child),
.wp-block-footer .wp-block-latest-posts__list>li:not(:last-child) {
margin-bottom: var(--wp--custom--spacing--extra-small);
}
.wp-block-widget-area .wp-block-widget figure {
line-height: 0;
margin-bottom: 0;
}
.wp-footer-widgets .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
color: var(--wp--preset--color--title);
}
.wp-footer-widgets .wp-block-navigation {
margin-block-start: 0.5rem;
}
.wp-footer-widgets .wp-block-navigation.is-vertical {
gap: 0.45rem;
}
.wp-footer-widgets .wp-block-navigation.is-horizontal {
gap: 2.45rem;
}
.wp-block-html .newsletter-form .wp-block-button button.wp-block-button__link {
background-color: var(--wp--preset--color--footer-button) !important;
color: var(--wp--preset--color--light) !important;
}
.wp-block-newsletter form {
display: flex;
}
.wp-block-newsletter form input {
background-color: var(--wp--preset--color--secondary-text);
border: 1px solid var(--wp--preset--color--secondary-text);
color: var(--wp--preset--color--light);
border-radius: 0;
height: 50px;
}
.wp-block-newsletter form input::placeholder {
color: var(--wp--preset--color--light);
opacity: 0.3;
}
.wp-block-newsletter form button {
background-color: var(--wp--preset--color--footer-button) !important;
color: var(--wp--preset--color--light);
border: none;
border-radius: 0;
height: 50px;
min-width: 120px;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
}
.wp-block-footer:not(.bottom-footer).wp-block-site-generator>div {
gap: 0.25rem 0.5rem;
}
.block-editor-block-list__block .back-to-top .wp-block-button .wp-block-button__link {
padding: 27px 3px 4px 14px;
}
.wp-block-footer-phone,
.wp-block-footer-location {
display: flex;
}
.wp-block-footer-phone svg,
.wp-block-footer-location svg {
width: 38px;
flex-shrink: 0;
margin-right: 21px !important;
height: 38px;
}
.wp-block-footer-phone .wp-text-group,
.wp-block-footer-location .wp-text-group {
flex: 1;
margin: 0;
}
.wp-block-footer-phone svg {
position: relative;
top: -4px;
}
.wc-block-components-sidebar .wp-block-footer-payment {
justify-content: center;
margin: 42px 0 14px;
}
/* ---
-------------------------------------------------------- */
/* --- Header Media
-------------------------------------------------------- */
.wp-block-hero-banner .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left: 0;
padding-top: var(--wp--custom--spacing--tiny);
padding-bottom: var(--wp--custom--spacing--tiny);
}
.wp-block-hero-banner .wp-block-media-text>.wp-block-media-text__media {
opacity: 0;
visibility: hidden;
}
.wp-block-header .block-editor-block-list__block.wp-block-search .wp-block-search__inside-wrapper button svg {
display: none;
}
.wp-primary-search.block-editor-block-list__block .block-editor-rich-text__editable.wp-block-search__button {
color: #fff !important;
padding-left: 54px;
height: 55px !important;
}
/* ---
-------------------------------------------------------- */
.wp-block-latest-product-slider .is-product-collection-layout-carousel .wc-block-product {
min-width: 46.5%;
}
.wc-block-featured-category__title {
font-size: var(--wp--preset--font-size--extra-large);
}
.wc-block-featured-category__description p {
line-height: 1.5;
}
.wc-block-featured-category__title,
.wc-block-featured-category__description {
color: inherit;
max-width: 768px;
}
.wp-block-button.wc-block-components-product-button {
flex-direction: row;
display: block;
transition: all 0.4s;
}
.wp-block-button.wc-block-components-product-button .added_to_cart,
.wp-block-button.wc-block-components-product-button .wp-element-button {
height: 44px;
}
a.added_to_cart.wc_forward {
background-color: var(--wp--preset--color--footer-button);
color: var(--wp--preset--color--light);
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
margin: 0;
padding: 0;
display: none;
}
a.added_to_cart.wc_forward:hover {
color: var(--wp--preset--color--chocolate-dim);
}
.wc-block-components-product-price ins {
color: var(--wp--preset--color--red);
}
.wp-block-latest-product-slider .wc-block-next-previous-buttons button {
width: 50px;
height: 50px;
border: 1px solid var(--wp--preset--color--dark);
border-radius: 50%;
opacity: 0.6;
transition: all 0.4s;
position: relative;
}
.wp-block-latest-product-slider .wc-block-next-previous-buttons button::before {
position: absolute;
content: '';
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-mask: url("assets/images/next.svg") no-repeat center;
mask: url("assets/images/next.svg") no-repeat center;
-webkit-mask-size: 25px;
mask-size: 25px;
background-color: var(--wp--preset--color--dark);
background-size: 25px;
background-position: center;
width: 30px;
height: 30px;
}
.wp-block-latest-product-slider .wc-block-next-previous-buttons button:hover {
opacity: 1;
background-color: var(--wp--preset--color--dark);
}
.wp-block-latest-product-slider .wc-block-next-previous-buttons button:hover::before {
background-color: var(--wp--preset--color--light);
}
.wp-block-latest-product-slider .wc-block-next-previous-buttons button svg {
opacity: 0;
}
.wp-block-latest-product-slider .wc-block-next-previous-buttons button[aria-label="Previous products"] {
transform: rotate(180deg);
}
.wp-block-latest-product-slider .wc-block-next-previous-buttons button[aria-disabled="true"] {
opacity: 0.2;
}
.block-editor-block-list__block .wp-block-latest-product-slider .wc-block-next-previous-buttons button:first-child {
transform: rotate(180deg);
}
.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block) .wp-block-inner-page-title {
display: none;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
font-size: 20px;
}
h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
font-size: var(--wp--preset--font-size--extra-large);
}
.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block) .wp-site-blocks main {
padding-top: 0;
}
.wc-block-grid__product .wc-block-grid__product-link {
text-decoration: none;
width: 100%;
}
.wc-block-product-new .wc-block-grid__product-price {
font-size: 18px;
}
.wp-block-woocommerce-product-meta .wp-block-post-terms a {
margin: 0;
text-decoration: none;
}
.wp-shopping-features img {
height: auto;
max-width: 100%;
display: block;
}
/** featured categories **/
.wp-block-featured-categories .wp-block-column .wp-block-cover {
padding: var(--wp--style--root--padding-right);
}
.wp-block-featured-categories .wp-block-column .wp-block-cover,
.wp-block-featured-categories .wp-block-column .wc-block-featured-category {
min-height: 360px !important;
align-content: flex-end;
}
.wp-block-featured-categories .wp-block-column .wp-block-cover .wc-block-featured-category__wrapper,
.wp-block-featured-categories .wp-block-column .wc-block-featured-category .wc-block-featured-category__wrapper {
align-content: flex-end;
}
.wp-block-featured-categories .wp-block-column .wp-block-cover .wc-block-featured-category__wrapper .wc-block-featured-category__inner-blocks,
.wp-block-featured-categories .wp-block-column .wc-block-featured-category .wc-block-featured-category__wrapper .wc-block-featured-category__inner-blocks {
padding-bottom: 35px;
}
.wp-block-featured-categories .wp-block-column .wp-block-cover .wc-block-featured-category__wrapper .wc-block-featured-category__inner-blocks .wp-block-woocommerce-category-title,
.wp-block-featured-categories .wp-block-column .wc-block-featured-category .wc-block-featured-category__wrapper .wc-block-featured-category__inner-blocks .wp-block-woocommerce-category-title {
font-size: var(--wp--preset--font-size--display-24);
margin-bottom: 0;
}
.wp-block-featured-categories .wp-block-column:not(:last-child) .wp-block-cover,
.wp-block-featured-categories .wp-block-column:not(:last-child) .wc-block-featured-category {
height: 100%;
}
.wc-carousel-progress {
width: 100%;
height: 2px;
background: rgba(0, 0, 0, 0.1);
margin-top: 1rem;
overflow: hidden;
border-radius: 999px;
}
.wc-carousel-progress__fill {
height: 100%;
width: 0;
background: currentColor;
transition: width .3s ease;
border-radius: inherit;
}
/******* featured category *********/
.wp-block-featured-categories .wp-block-cover .wp-block-cover__gradient-background,
.wp-block-featured-categories .wp-block-cover .wp-block-cover__image-background {
transition: all 0.4s;
}
.wp-block-featured-categories .wp-block-cover:hover .wp-block-cover__image-background {
transform: scale(1.05);
}
.wp-block-featured-categories .wp-block-cover:hover .wp-block-cover__gradient-background {
opacity: 1;
}
.wp-block-featured-categories .wp-element-button {
padding-right: 50px;
background-image: url(assets/images/angle-right.svg);
background-repeat: no-repeat;
background-position: right 30px center;
background-size: 8px;
}
.wp-block-featured-categories .wp-element-button:hover {
background-position: right 23px center;
}
.wp-block-featured-categories .wp-element-button::before {
left: 30px;
top: 50%;
transform: translateY(-50%) !important;
}
.wp-block-featured-categories .wp-element-button:hover::before {
transform: translateY(-120%) !important;
}
.wp-block-featured-categories .wp-element-button::after {
left: 30px;
transform: translateY(20%) !important;
}
.wp-block-featured-categories .wp-element-button:hover::after {
transform: translateY(-50%) !important;
}
/** up sells products **/
.upsells.products {
margin-top: var(--wp--preset--spacing--42);
}
.upsells.products h2 {
font-size: var(--wp--preset--font-size--paragraph-extra-large);
font-weight: 600;
}
.upsells.products li .button {
display: inline-block;
margin-top: 1em;
height: auto;
box-sizing: border-box;
font-size: var(--wp--preset--font-size--paragraph-small);
margin: 7px 0 0 !important;
display: none;
padding: 14px 20px;
line-height: 1;
}
.upsells.products li .attachment-woocommerce_thumbnail {
aspect-ratio: 3 / 4;
object-fit: cover;
margin: 0 0 7px !important;
}
.upsells.products li .onsale {
background: var(--wp--preset--color--red);
border: none;
color: var(--wp--preset--color--background);
border-radius: 0;
font-size: var(--wp--preset--font-size--paragraph-extra-small) !important;
font-weight: 500;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
left: auto;
margin: 0 !important;
right: 12px !important;
top: 8px !important;
transition: all 0.4s;
min-height: auto;
}
.upsells.products li .woocommerce-loop-product__title {
font-size: var(--wp--preset--font-size--paragraph-small) !important;
font-weight: 400;
text-decoration: none;
transition: 0.4s;
text-decoration: none;
line-height: 1.5;
margin: 0 0 7px;
}
.upsells.products li .woocommerce-loop-product__title:hover {
text-decoration: underline;
}
.upsells.products li .price {
font-size: var(--wp--preset--font-size--paragraph-extra-small) !important;
font-weight: 500;
}
.upsells.products li .price ins {
color: var(--wp--preset--color--red);
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin-bottom: 35px;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product {
text-align: left;
}
.wp-block-woocommerce-cart-cross-sells-block {
margin-top: clamp(35px, 3.5vw, 70px) !important;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading {
margin-bottom: 24px;
font-size: var(--wp--preset--font-size--display-32) !important;
color: var(--wp--preset--color--secondary-text);
}
.cross-sells-product>div:first-child {
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas: "image image" "title price" "rating rating";
}
.cross-sells-product .wc-block-components-product-image {
grid-area: image;
}
.cross-sells-product .wc-block-components-product-title {
grid-area: title;
margin: 0;
}
.cross-sells-product .wc-block-components-product-price {
grid-area: price;
justify-self: end;
margin: 4px 0 0;
font-size: var(--wp--preset--font-size--paragraph-extra-small);
}
.cross-sells-product .wc-block-components-product-rating {
grid-area: rating;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-name,
.wp-block-product-new .wc-block-grid__product .wc-block-grid__product-title {
font-size: var(--wp--preset--font-size--paragraph-small) !important;
padding-inline: 0;
background: linear-gradient(to right, currentcolor 0%, currentcolor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 98%;
color: var(--mbf-color-primary);
transition: 0.4s;
text-decoration: none;
display: inline;
font-weight: 400;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-name:hover,
.wp-block-product-new .wc-block-grid__product .wc-block-grid__product-title:hover {
background-size: 100% 1px;
}
.wp-block-product-new .wc-block-grid__product .wc-block-grid__product-price {
padding: 0;
font-size: var(--wp--preset--font-size--paragraph-extra-small);
font-weight: 500 !important;
margin-top: 7px;
}
ins {
text-decoration: none;
color: var(--wp--preset--color--red);
}
.wc-block-components-product-rating .wc-block-components-product-rating__container>* {
font-size: 16px;
}
.wc-block-product-template .wc-block-product:hover .attachment-woocommerce_single {
transform: scale(1.05);
}
.wc-block-product-template .wc-block-product .wc-block-components-product-image {
overflow: hidden;
}
.wc-block-product-template .wc-block-product .wc-block-components-product-image .attachment-woocommerce_single {
transition: all 0.4s;
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > 480px
-------------------------------------------------------- */
/* --- > 1365px
-------------------------------------------------------- */
@media screen and (max-width: 85.3125em) {
.wp-block-group.wp-header-pdt-search {
padding: 0;
}
.wp-block-group.wp-header-pdt-search .wp-block-search .wp-block-search__inside-wrapper {
padding: 0;
background: transparent;
}
.wp-block-group.wp-header-pdt-search .wp-block-search .wp-block-search__inside-wrapper input {
display: none;
}
.wp-block-group.wp-header-pdt-search .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
padding: 0;
filter: invert(1);
background-position: center;
background-size: 26px;
}
.wp-block-group.wp-header-pdt-search .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button::before {
filter: invert(1);
background-color: transparent;
}
}
/* --- > 1199px
-------------------------------------------------------- */
@media screen and (max-width: 74.9375em) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: block;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
.wp-block-header .wp-block-navigation {
order: 1;
margin-left: 0;
width: 126px;
}
.wp-block-header .wp-block-header-right {
margin-left: 0;
margin-right: 0;
order: 3;
width: 126px;
}
.wp-block-woocommerce-customer-account.is-style-custom-account a {
background-size: 18px;
padding: 6px;
}
.wc-block-mini-cart.is-style-custom-cart .wc-block-mini-cart__button {
background-size: 22px;
padding: 6px;
}
.wp-block-group.wp-block-site-logo-wrapper {
order: 2;
}
.wp-block-header>.wp-block-group {
justify-content: space-between !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container li {
padding: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
padding-top: 7px;
}
.search-active .wp-block-search {
opacity: 1;
}
}
/* --- > 991px
-------------------------------------------------------- */
@media screen and (max-width: 991px) {
.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
box-sizing: border-box;
margin: 0;
padding-right: 0;
width: 100%;
}
.wc-block-components-sidebar {
padding-left: 0;
width: 100%;
}
.wp-block-store-features {
border-bottom-right-radius: 42px !important;
}
.wp-block-store-features .wp-block-group.alignwide.is-layout-flex {
gap: 1rem 3rem;
}
.wp-block-columns.upper-footer {
gap: 2.5rem;
}
.wp-footer-widgets .wp-block-columns {
flex-wrap: wrap !important;
}
.wp-footer-widgets .wp-block-columns .wp-block-column.footer-contact {
width: 100% !important;
flex-basis: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
}
.wp-block-sidebar-on-left.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,
.wp-block-sidebar-on-right.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100% !important;
}
.wp-block-sidebar-on-right.wp-block-columns,
.wp-block-sidebar-on-left.wp-block-columns {
flex-wrap: wrap !important;
}
}
@media screen and (max-width: 758px) {
.wp-block-sidebar-on-left .wp-block-column.wp-block-column-sidebar {
order: 2;
}
.wp-block-cover.wp-block-hero-banner {
flex-direction: column;
padding: 0;
}
.wp-block-cover.wp-block-hero-banner .wp-block-cover__image-background {
position: relative;
}
.wp-block-cover.wp-block-hero-banner .wp-block-cover__inner-container {
background-color: var(--wp--preset--color--dark);
}
.wp-block-cover.wp-block-hero-banner .wp-block-cover__inner-container .wp-block-media-text__content {
padding: var(--wp--custom--spacing--section-block-bottom) var(--wp--style--root--padding-right);
}
div:has(.wp-block-woocommerce-product-reviews) {
margin: 0;
}
.wp-block-cover.wp-block-hero-banner .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
}
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
}
.wp-block-header-top-info {
display: none;
}
}
/* --- > 640px
-------------------------------------------------------- */
@media screen and (max-width: 40em) {
.wp-block-buttons>.wp-block-button {
height: 50px;
}
.wp-block-buttons>.wp-block-button .wp-block-button__link {
font-size: var(--wp--preset--font-size--paragraph-small) !important;
}
.wp-block-buttons.is-layout-flex {
gap: 1rem;
}
}
/* --- > 600px
-------------------------------------------------------- */
@media screen and (max-width: 37.5em) {
.wp-block-site-logo+.wp-block-site-identity {
display: none;
}
.wp-block-group.wp-filter-catalog-wrap.is-content-justification-right {
justify-content: space-between;
}
.wp-block-columns.alignwide.wp-product-category-with-sidebar {
gap: 0.5rem;
}
body:not(.home) .wp-site-blocks main {
padding-top: var(--wp--custom--spacing--block-content-gap);
}
.wp-block-button.wc-block-components-product-button {
width: 100%;
}
.wc-block-product:hover .wp-block-button.wc-block-components-product-button {
bottom: 0;
}
.wp-block-group.wp-header-pdt-search .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
background-size: 22px;
}
:where(.wc-block-product-filters) .wc-block-product-filters__overlay-content .wp-block-group>div {
margin: 0;
}
:where(.wc-block-product-filters) .wc-block-product-filters__overlay-content {
padding: 0 30px;
}
:where(.wc-block-product-filters) .wc-block-product-filters__overlay-footer {
padding: 30px;
}
.wp-block-sidebar .wp-filter-title {
display: none;
}
.wc-block-mini-cart__badge {
margin-left: -45%;
margin-top: -20%;
}
.wp-block-woocommerce-customer-account.is-style-custom-account a {
background-size: 16px;
padding: 3px;
}
.wc-block-mini-cart.is-style-custom-cart .wc-block-mini-cart__button {
background-size: 20px;
padding: 3px;
}
.error-search-form .wp-block-search__inside-wrapper {
display: block;
}
.error-search-form .wp-block-search .wp-element-button {
margin-left: 0;
margin-top: 21px;
}
.error-search-form .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 5px 0px;
border: none;
}
.wc-block-product-gallery-thumbnails {
max-width: initial;
}
.wp-block-store-features .wp-block-group.alignwide.is-layout-flex {
gap: 0.75rem 3rem;
}
.woocommerce div.product form.cart button.single_add_to_cart_button {
width: 200px;
}
.wc-block-product-template.is-flex-container>li {
width: calc(50% - .6275em);
}
.wp-primary-search .wp-block-search .wp-block-search__inside-wrapper {
padding: 0;
flex-direction: column;
gap: 1rem;
margin-top: 35px;
}
.wp-primary-search .wp-block-search__button::before {
left: 50%;
transform: translate(-50%, -50%) !important;
}
.wp-primary-search .wp-block-search__button:hover::before {
transform: translate(-50%, -120%) !important;
}
.wp-primary-search .wp-block-search__button::after {
left: 50%;
transform: translate(-50%, 20%) !important;
}
.wp-primary-search .wp-block-search__button:hover::after {
transform: translate(-50%, -50%) !important;
}
.wp-product-grids {
justify-content: end;
}
.wp-product-grids .wp-block-button {
width: 22px !important;
height: 22px !important;
border-radius: 4px;
}
.wp-product-grids .wp-element-button {
text-indent: -99999px;
width: 22px;
height: 22px;
border: none;
background-image: url("assets/images/grid-1.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
padding: 0;
opacity: 0.3;
border-radius: 2px;
background-color: transparent !important;
}
background-color .wp-product-grids .wp-element-button::before,
.wp-product-grids .wp-element-button::after {
display: none;
}
.wp-product-grids .is-active .wp-element-button {
opacity: 1;
}
.wp-product-grids .wp-grid-two .wp-element-button {
background-image: url("assets/images/grid-2.jpg");
}
.wp-product-grids .wp-grid-three .wp-element-button {
background-image: url("assets/images/grid-3.jpg");
}
.grid-three .wc-block-product-template>li {
width: calc(33.333% - .835em);
}
.grid-three .wc-block-product-template>li .wc-block-components-product-button__button {
font-size: 14px !important;
}
.grid-three .wc-block-product-template>li .wp-block-button__link::before {
background-size: 16px 25px;
padding-right: 20px;
}
.grid-three .wc-block-product-template>li .wc-block-components-product-image__inner-container,
.grid-three .wc-block-product-template>li .wp-product-info {
display: none;
}
.grid-two .wc-block-product-template>li {
width: calc(50% - .6275em);
}
.grid-two .wc-block-product-template>li .wc-block-components-product-button__button {
font-size: 14px !important;
}
.grid-two .wc-block-product-template>li .wp-block-button__link::before {
background-size: 16px 25px;
padding-right: 20px;
}
.grid-one .wc-block-product-template>li {
width: 100%;
}
.wp-block-query-pagination-numbers .page-numbers {
width: 45px;
height: 45px;
font-size: var(--wp--preset--font-size--paragraph-small);
}
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
line-height: 45px;
height: 45px;
padding-inline: 10px;
font-size: var(--wp--preset--font-size--paragraph-small);
}
.wp-block-query-pagination-numbers .page-numbers.dots {
width: 30px;
}
.upper-footer :where(.is-layout-flow)>* {
margin-block-start: 1rem;
}
.wp-footer-widgets .wp-block-navigation.is-horizontal {
gap: 2.45rem;
margin-bottom: 21px;
}
.wp-block-group.wp-star-reviews {
gap: 0.5rem;
}
.wp-block-group.wp-star-reviews p {
font-size: var(--wp--preset--font-size--medium-small) !important;
}
.wp-block-group.wp-star-reviews .wp-block-star-ratings img {
width: 90px !important;
}
.wp-block-site-logo img {
height: 60px;
/* object-fit: contain; */
width: auto;
}
.wp-block-header>.is-layout-flex {
gap: 1rem;
flex-wrap: nowrap !important;
}
.wp-block-header-media .wp-block-buttons {
gap: 0.5rem 1.5rem;
}
.wp-post-author-card .wp-block-post-author {
flex-direction: column;
gap: 1rem;
}
.wp-block-site-info {
gap: 1.5rem;
}
.wc-block-components-drawer {
left: 100%;
}
}
/* --- > 601px
-------------------------------------------------------- */
@media screen and (min-width: 37.5625em) {
.wp-block-latest-product-slider .wc-block-product-template.wc-block-product-template {
margin: 0;
}
.wp-block-latest-product-slider .is-product-collection-layout-carousel .wc-block-product {
min-width: 48%;
}
.has-4-col.wp-block-columns {
flex-wrap: wrap !important;
}
.has-4-col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: unset;
flex: 0 0 calc(50% - 0.75em) !important;
}
.columns-4.wp-block-post-template {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wp-product-grids {
display: none !important;
}
.wc-block-product-template.is-flex-container.is-flex-container.columns-4>li {
width: calc(33.333% - .9375em);
}
}
/* --- > 782px
-------------------------------------------------------- */
@media screen and (min-width: 48.875em) {
body.sidebar-open::before {
width: 100%;
height: 100%;
background-color: rgba(236, 236, 236, 0.8);
z-index: 10;
background-image: none !important;
opacity: 1;
position: fixed;
backdrop-filter: blur(5px);
content: '';
left: 0;
top: 0;
}
.wc-block-cart__main .wc-block-cart-items td {
border-top: 1px solid var(--wp--preset--color--border-light);
}
.wp-primary-search .wp-block-search input {
min-width: 360px;
}
.wp-primary-search .wp-primary-search-close-btn .wp-block-button::before,
.wp-primary-search .wp-primary-search-close-btn .wp-block-button::after {
width: 24px;
top: 17px;
}
.wp-primary-search .wp-primary-search-close-btn .wp-block-button {
padding-right: 40px;
}
.wp-block-group.alignwide.wp-inner-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
}
.search-active.admin-bar .wp-primary-search {
top: 32px;
display: flex;
align-items: center;
}
.wp-block-buttons.wp-primary-search-close-btn {
justify-content: flex-end;
margin: 0 !important;
margin-left: auto !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 65%;
}
.wp-sidebar-popup .wp-block-group.wp-block-widget-area.wp-block-sidebar {
max-width: 435px;
top: 30px;
height: calc(100% - 60px);
}
.sidebar-open .wp-sidebar-popup .wp-block-group.wp-block-widget-area.wp-block-sidebar {
opacity: 1;
visibility: visible;
left: 30px;
top: 30px;
}
.wp-block-latest-product-slider .is-product-collection-layout-carousel .wc-block-product {
min-width: 31%;
}
.has-4-col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex: 0 0 calc(50% - 1em) !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
display: none;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before {
width: 100%;
background: #fff;
}
}
@media screen and (min-width: 48.875em) and (max-width: 61.9375em) {
.wp-footer-widgets .wp-block-columns .wp-block-column {
flex-basis: 45% !important;
}
.wp-block-featured-categories .wp-block-columns {
flex-wrap: wrap !important;
}
.wp-block-featured-categories .wp-block-columns .wp-block-column {
flex-basis: 47%;
}
}
/* --- > 992px
-------------------------------------------------------- */
@media screen and (min-width: 992px) {
.wp-block-group.wp-block-newsletter {
padding-right: var(--wp--custom--spacing--wp-block-sidebar);
}
.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block {
width: 35%;
box-sizing: border-box;
padding-left: 5%;
position: relative;
padding-top: 0 !important;
}
}
/* --- > 1024px
-------------------------------------------------------- */
@media screen and (min-width: 64em) {
.wp-block-newsletter form input {
max-width: 300px;
}
.wp-block-latest-product-slider .is-product-collection-layout-carousel .wc-block-product {
min-width: 23.4%;
}
.wp-block-column-sidebar .wp-block-sidebar {
padding: 42px;
}
.columns-4.wp-block-post-template {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
/* --- > 1200px
-------------------------------------------------------- */
@media screen and (min-width: 75em) {
.wp-block-cover {
min-height: 520px;
}
.wp-block-group.wp-header-pdt-search .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
background-size: 28px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100% !important;
top: 0;
border-radius: 12px !important;
box-shadow: 0px 24px 26px -12px #4F4C4C57 !important;
}
.wc-block-product-template.is-flex-container.is-flex-container.columns-4>li {
width: calc(25% - .9375em);
}
.wp-block-buttons.wp-block-search-toggle {
display: none;
}
.wp-block-header .wp-block-navigation__container {
gap: 3rem;
}
.back-to-top {
position: absolute !important;
right: 7% !important;
bottom: auto;
top: var(--wp--custom--spacing--block-footer-gap);
}
.wp-block-header-right {
gap: 0.5rem;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
position: relative;
padding: 5px 0;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content::before {
content: "";
border-bottom: 1.5px solid var(--wp--preset--color--light);
position: absolute;
bottom: 0;
width: 0;
transition: all 0.4s;
height: 2px;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover::before,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus::before {
width: 100%;
}
.wp-block-navigation__submenu-container {
position: relative;
border-radius: 5px !important;
box-shadow: 0px 24px 26px -12px #4F4C4C57;
min-width: 270px !important;
left: 0 !important;
z-index: 10;
padding: 0;
}
.wp-block-navigation__submenu-container::before {
content: '';
position: absolute;
inset: 0;
background: white;
/* or match your background */
border-radius: 12px;
z-index: -1;
pointer-events: none;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item {
padding-inline: 15px !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item:first-child {
padding-top: 15px;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
padding-bottom: 15px;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: 10px 50px 10px 15px !important;
border-radius: 5px;
position: relative;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content::before {
position: absolute !important;
left: auto !important;
top: 50% !important;
width: 24px !important;
height: 15px !important;
content: '' !important;
transition: all 0.4s !important;
transform: translateY(-50%) !important;
right: 25px !important;
opacity: 0;
transition: all 0.4s;
background: url(assets/images/submenu-arrow.svg) no-repeat;
background-size: 100%;
display: block;
opacity: 0;
border: none !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
color: var(--wp--preset--color--light) !important;
background-color: var(--wp--preset--color--dark);
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover::before,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover::after,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus::before,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus::after {
opacity: 1;
right: 15px !important;
}
.wp-block-header>.wp-block-group {
gap: 3rem;
}
}
/* --- > 1366px
-------------------------------------------------------- */
@media screen and (min-width: 85.375em) {
.wp-block-latest-product-slider .is-product-collection-layout-carousel .wc-block-product {
min-width: 18.55%;
}
.wp-block-group.wp-header-pdt-search .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
background-size: 24px;
}
.wp-block-group.wp-header-pdt-search {
margin-right: 2rem;
}
.wp-block-header>.wp-block-group {
gap: 4.5rem;
}
.wp-block-header .wp-block-search {
margin-right: 35px;
}
.wp-block-product-of-month .wp-block-woocommerce-single-product .is-layout-flex.wp-block-columns {
gap: 4.5rem !important;
margin: 0;
}
.back-to-top {
right: 10% !important;
}
.wp-block-header-media .wp-block-buttons {
gap: 2rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 22%;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 70%;
}
}
/* --- > 1400px
-------------------------------------------------------- */
/* --- > 1600px
-------------------------------------------------------- */
@media screen and (min-width: 100em) {
.wp-block-header .wp-block-navigation {
margin-left: 20px;
}
.wp-block-header .wp-block-navigation__container {
gap: 3.5rem;
}
.wp-block-header-right {
gap: 1rem;
}
.back-to-top {
right: 15% !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
width: 62%;
}
}
/* --- > 1824px
-------------------------------------------------------- */
/* --- > 1920px
-------------------------------------------------------- */