* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--background-header: #ffffff;
--background-sale: #ffd365;
--background-whatsapp: #25d366;
--background-flashsale: #000000;
--color-primary: #00c897;
--color-secondary: #ffd365;
--color-text: #212121;
--color-header: #000000;
--color-sale: #ffffff;
--color-flashsale: #ffffff;
--font-family: "Roboto", sans-serif;
--slider-martop: 0;
--slider-marbot: 12px;
--cat-martop: 0;
--cat-marbot: 12px;
--fsale-martop: 0;
--fsale-marbot: 20px;
--latestpro-martop: 0;
--latestpro-marbot: 0;
--testimonial-martop: 0;
--testimonial-marbot: 20px;
--logo-height: 32px;
}
body {
background: #ffffff;
font-family: var(--font-family);
font-size: 16px;
line-height: 1.65em;
color: var(--color-text);
-webkit-tap-highlight-color: transparent;
}
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre {
display: block;
margin: 0 0 20px 0;
}
a {
color: var(--color-primary);
text-decoration: none;
transition: all ease-in-out 0.2s;
}
img {
width: auto;
max-width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
display: block;
font-size: 22px;
line-height: 1.35em;
}
h2 {
font-size: 19px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 17px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 15px;
}
ul,
ol {
padding: 0 0 0 30px;
}
ul li,
ol li {
display: list-item;
margin: 0 0 5px 0;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="submit"],
textarea,
select,
button {
background: #ffffff;
font-family: inherit;
font-size: 14px;
line-height: 1.4em;
border: 1px solid #ededed;
border-radius: 4px;
outline: 0;
padding: 12px 16px;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
border-color: var(--color-text);
box-shadow: 0 0 0 1px var(--color-text);
}
button,
input[type="submit"] {
background: var(--color-primary);
color: #ffffff;
cursor: pointer;
border-color: transparent;
}
label {
display: block;
font-size: 14px;
line-height: 1.3em;
margin: 0 0 4px 0;
}
label > .required {
color: #f44336;
}
select {
-webkit-appearance: none;
background: #ffffff
url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMTEuOTk5NyAxMy4xNzE0TDE2Ljk0OTUgOC4yMjE2OEwxOC4zNjM3IDkuNjM1ODlMMTEuOTk5NyAxNS45OTk5TDUuNjM1NzQgOS42MzU4OUw3LjA0OTk2IDguMjIxNjhMMTEuOTk5NyAxMy4xNzE0WiIgZmlsbD0icmdiYSgzMywzMywzMywxKSI+PC9wYXRoPjwvc3ZnPg==")
no-repeat right 16px top 55%;
padding-right: 40px;
}
blockquote {
display: block;
background: #f5f5f5;
border-left: 4px solid var(--color-primary);
padding: 20px;
}
blockquote > p:last-child {
margin: 0;
}
code {
display: block;
background: #1b1f26;
font-family: monospace;
font-size: 15px;
line-height: 1.4em;
color: #dee2e9;
padding: 20px;
overflow-x: auto;
}
table {
display: table;
width: 100%;
text-align: left;
border-collapse: collapse;
}
table > tbody {
display: table-row-group;
vertical-align: middle;
}
table th,
table td {
border: 1px solid #ededed;
padding: 8px 16px;
}
address {
display: block;
width: 100%;
max-width: 400px;
background: #f5f5f5;
border-radius: 6px;
padding: 20px;
}
address > p:last-child {
margin: 0;
}
.entry-content {
display: block;
}
.entry-content table {
margin: 0 0 20px 0;
}
.entry-content > *:last-child {
margin-bottom: 0;
}
.form-row {
display: inline-block;
position: relative;
width: 100%;
margin: 0 0 20px 0;
}
.form-row > label {
position: absolute;
top: 13.5px;
left: 20px;
background: #ffffff;
color: #757575;
cursor: text;
margin: 0;
z-index: 1;
}
.form-row > label[for="password_current"],
.form-row > label[for="password_1"] {
max-width: calc(100% - 50px);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.form-row.is-focus > label,
.form-row.is-filled > label,
.form-row > label[for="billing_state"],
.form-row > label[for="billing_city"],
.form-row > label[for="billing_address_2"],
.form-row > label[for="shipping_state"],
.form-row > label[for="shipping_city"],
.form-row > label[for="shipping_address_2"],
#cart-destination-field > label {
top: -6px;
transform: none;
font-size: 13px;
padding: 0 8px;
}
.form-row > label[for="billing_biteship_new_district"],
.form-row > label[for="billing_biteship_province"],
.form-row > label[for="billing_biteship_city"],
.form-row > label[for="billing_biteship_district"],
.form-row > label[for="billing_biteship_zipcode"],
.form-row > label[for="shipping_biteship_province"],
.form-row > label[for="shipping_biteship_city"],
.form-row > label[for="shipping_biteship_district"],
.form-row > label[for="shipping_biteship_zipcode"] {
top: -6px !important;
transform: none;
background: #ffffff !important;
font-size: 13px;
padding: 0 8px !important;
}
.form-row > label[for="billing_biteship_new_district"] {
width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.form-row > .woocommerce-input-wrapper > input::placeholder,
.form-row > .woocommerce-input-wrapper > textarea::placeholder {
color: transparent;
}
.form-row.woocommerce-invalid > .woocommerce-input-wrapper > input,
.form-row.woocommerce-invalid > .woocommerce-input-wrapper > textarea {
border-color: #dd1d1d;
box-shadow: 0 0 0 1px #dd1d1d;
}
.form-row > .checkout-inline-error-message {
display: block;
font-size: 14px;
line-height: 1.4em;
color: #dd1d1d;
margin: 4px 0 0 0;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block; }
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .lazy {
opacity: 0.5;
background: linear-gradient(
135deg,
rgba(211, 223, 232, 0.5) 30%,
rgba(169, 184, 197, 0.5) 38%,
rgba(168, 182, 193, 0.6) 41%,
rgba(168, 182, 193, 0.6) 50%,
rgba(168, 182, 193, 0.6) 50%,
rgba(169, 184, 197, 0.6) 51%,
rgba(211, 223, 232, 0.6) 57%,
rgba(211, 223, 232, 0.6) 80%,
rgba(211, 223, 232, 0.6) 80%
);
background-size: 1200% 1200%;
-webkit-animation: lazyAnimation 2s ease infinite reverse;
-moz-animation: lazyAnimation 2s ease infinite reverse;
animation: lazyAnimation 2s ease infinite reverse;
}
@-webkit-keyframes lazyAnimation {
0% {
background-position: 0% 92%;
}
50% {
background-position: 100% 9%;
}
100% {
background-position: 0% 92%;
}
}
@-moz-keyframes lazyAnimation {
0% {
background-position: 0% 92%;
}
50% {
background-position: 100% 9%;
}
100% {
background-position: 0% 92%;
}
}
@keyframes lazyAnimation {
0% {
background-position: 0% 92%;
}
100% {
background-position: 100% 9%;
}
}
.lazy.loaded {
opacity: 1;
background: none;
background-size: auto;
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
.container {
display: block;
width: 800px;
max-width: calc(100% - 30px);
margin: 0 auto;
}
.header-wrapper {
display: block;
width: 100%;
height: 64px;
margin: 0 0 20px 0;
}
.site-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 64px;
background: var(--background-header);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
z-index: 44;
}
.site-branding {
float: left;
position: relative;
width: calc(100% - 148px);
height: 64px;
}
.site-branding > .custom-logo-link {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.site-branding > .custom-logo-link > img {
display: block;
width: auto;
height: var(--logo-height);
}
.site-branding > .site-title {
display: block;
font-size: 24px;
font-weight: bold;
line-height: 64px;
margin: 0;
}
.site-branding > .site-title > a {
color: var(--color-text);
}
.site-branding > .custom-logo-link ~ .site-title,
.site-branding > .site-description {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
.menu-toggle,
.search-toggle,
.site-header .cart-toggle {
float: right;
cursor: pointer;
padding: 22px 12px;
}
.site-header .cart-toggle {
padding-right: 22px;
}
.menu-toggle > svg,
.search-toggle > svg,
.site-header .cart-toggle > .cart-contents > .icon > svg {
display: block;
width: 20px;
height: 20px;
fill: var(--color-header);
}
.site-header .cart-toggle > .cart-contents > .icon {
display: block;
position: relative;
}
.site-header .cart-toggle > .cart-contents > .icon > .fill-icon,
.site-header .cart-toggle > .cart-contents > .text {
display: none;
}
.site-header .cart-toggle > .cart-contents > .icon > .count {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 16px;
height: 16px;
background: var(--color-secondary);
font-size: 10px;
line-height: 16px;
color: #fff;
text-align: center;
border-radius: 100%;
margin-left: 18px;
}
.section-wrapper {
display: block;
margin: 0 0 20px 0;
}
.featured-slider-wrapper {
margin-top: var(--slider-martop);
margin-bottom: var(--slider-marbot);
}
.categories-wrapper {
margin-top: var(--cat-martop);
margin-bottom: var(--cat-marbot);
}
.flash-sale-wrapper {
margin-top: var(--fsale-martop);
margin-bottom: var(--fsale-marbot);
}
.latest-products-wrapper {
margin-top: var(--latestpro-martop);
margin-bottom: var(--latestpro-marbot);
}
.testimonial-wrapper {
margin-top: var(--testimonial-martop);
margin-bottom: var(--testimonial-marbot);
}
.main-wrapper {
display: block;
margin: 0 0 20px 0;
}
.featured-slider > .slick-prev,
.featured-slider > .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #ffffff;
border-radius: 100%;
opacity: 0;
padding: 8px;
z-index: 1;
transition: all ease-in-out 0.2s;
}
.featured-slider > .slick-prev {
left: 0;
}
.featured-slider > .slick-next {
right: 0;
}
.featured-slider:hover > .slick-prev {
left: 40px;
opacity: 1;
}
.featured-slider:hover > .slick-next {
right: 40px;
opacity: 1;
}
.featured-slider > .slick-prev > svg,
.featured-slider > .slick-next > svg {
display: block;
width: 20px;
height: 20px;
fill: #757575;
}
.featured-slider > ul.slick-dots {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
list-style: none;
margin: 0;
padding: 0;
z-index: 1;
}
.featured-slider > ul.slick-dots > li {
display: inline-block;
margin: 0;
}
.featured-slider > ul.slick-dots > li > button {
display: block;
background: rgba(0, 0, 0, 0.15);
font-size: 0;
line-height: 0;
border: 0;
border-radius: 100%;
outline: 0;
margin: 0 4px;
padding: 5px;
transition: all ease-in-out 0.2s;
}
.featured-slider > ul.slick-dots > li.slick-active > button {
background: #ffffff;
}
.featured-slider .slick-slide img {
width: 100%;
height: 300px;
border-radius: 12px;
}
.mobcat-wrapper {
display: block;
position: relative;
}
.mobcat-wrapper::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 100%;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease;
background: linear-gradient(to right, #ffffff, transparent);
z-index: 1;
}
.mobcat-wrapper.is-end::before {
opacity: 1;
}
.mobcat-wrapper::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 100%;
pointer-events: none;
opacity: 0;
transition: opacity .2s ease;
background: linear-gradient(to right, transparent, #ffffff);
z-index: 1;
}
.mobcat-wrapper.is-start::after {
opacity: 1;
}
ul.mobcat-list {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc(100% / 8);
gap: 0;
list-style: none;
padding: 0;
margin: 0;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
}
ul.mobcat-list::-webkit-scrollbar {
display: none;
}
ul.mobcat-list > li {
width: 100%;
scroll-snap-align: start;
}
ul.mobcat-list li > a {
display: block;
text-align: center;
padding: 8px 0;
user-select: none;
}
ul.mobcat-list li > a > img {
display: block;
width: auto;
max-width: 100%;
height: 42px;
margin: 0 auto 6px auto;
user-select: none;
}
ul.mobcat-list li > a > span {
display: block;
font-size: 14px;
line-height: 1em;
color: var(--color-text);
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
overflow: hidden;
}
.mobcat-nav {
position: absolute;
left: 0;
top: 0;
display: flex;
height: 100%;
align-items: center;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: all ease-in-out .2s;
z-index: 2;
}
.mobcat-nav.visible {
opacity: 1;
visibility: visible;
}
.mobcat-nav-next {
left: auto;
right: 0;
}
.mobcat-nav > svg {
display: block;
width: 16px;
height: 16px;
fill: rgba(0, 0, 0, 0.4);
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
}
.star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #ffde65;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: #404040;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #ffde65;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #ffde65;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #ffde65;
opacity: 1;
}
ul.products {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
width: calc(100% + 20px);
list-style: none;
margin: 0 0 0 -10px;
padding: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
ul.products li {
float: left;
position: relative;
width: calc(25% - 20px);
margin: 0 10px 20px 10px;
padding: 0 0 60px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
ul.flash-sale-products {
display: block;
}
ul.flash-sale-products li {
min-height: 340px;
margin-bottom: 3px;
}
ul.products li .onsale {
position: absolute;
top: 15px;
right: 15px;
background: var(--background-sale);
font-size: 13px;
line-height: 1em;
color: var(--color-sale);
border-radius: 4px;
padding: 6px 12px;
z-index: 1;
}
ul.products li .outofstock {
position: absolute;
top: 25px;
left: -40px;
width: 160px;
background: rgba(238, 67, 45, 0.5);
font-size: 14px;
font-weight: normal;
line-height: 1em;
color: #ffffff;
text-align: center;
transform: rotate(315deg);
padding: 8px 16px;
z-index: 1;
}
ul.products li img {
display: block;
width: 100%;
height: auto;
margin: 0 0 10px 0;
}
ul.products li .woocommerce-loop-product__title {
display: block;
display: -webkit-box;
font-size: 15px;
font-weight: normal;
line-height: 1.35em;
color: var(--color-text);
margin: 0 0 6px 0;
padding: 0 15px;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
ul.products li .star-rating {
position: absolute;
top: 155px;
left: 15px;
font-size: 14px;
z-index: 1;
}
ul.products li .price {
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
color: var(--color-text);
padding: 0 15px;
}
ul.products li .price > del {
display: block;
font-size: 14px;
font-weight: normal;
opacity: 0.5;
}
ul.products li .price > ins {
text-decoration: none;
}
ul.products li .button {
position: absolute;
bottom: 15px;
left: 15px;
width: calc(100% - 30px);
background: var(--color-primary);
font-size: 14px;
line-height: 1em;
color: #ffffff;
text-align: center;
border-radius: 4px;
padding: 8px 0;
transition: all ease-in-out 0.2s;
}
ul.products li .button.loading,
form.cart .single_add_to_cart_button.loading,
form.cart .single_add_to_cart_button.disabled {
opacity: 0.5;
cursor: default;
}
ul.products li .button::after,
form.cart .single_add_to_cart_button::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMTEgMTFWNUgxM1YxMUgxOVYxM0gxM1YxOUgxMVYxM0g1VjExSDExWiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwxKSI+PC9wYXRoPjwvc3ZnPg==");
display: inline-block;
width: 16px;
height: 16px;
margin: 0 0 0 8px;
vertical-align: middle;
}
ul.products li .button.added::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMTAuMDAwNyAxNS4xNzA5TDE5LjE5MzEgNS45Nzg1MkwyMC42MDczIDcuMzkyNzNMMTAuMDAwNyAxNy45OTkzTDMuNjM2NzIgMTEuNjM1NEw1LjA1MDkzIDEwLjIyMTJMMTAuMDAwNyAxNS4xNzA5WiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwxKSI+PC9wYXRoPjwvc3ZnPg==");
}
ul.products li.outofstock .button::after,
ul.products li .button.product_type_variable::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLjAwMDMgM0MxNy4zOTI0IDMgMjEuODc4NCA2Ljg3OTc2IDIyLjgxODkgMTJDMjEuODc4NCAxNy4xMjAyIDE3LjM5MjQgMjEgMTIuMDAwMyAyMUM2LjYwODEyIDIxIDIuMTIyMTUgMTcuMTIwMiAxLjE4MTY0IDEyQzIuMTIyMTUgNi44Nzk3NiA2LjYwODEyIDMgMTIuMDAwMyAzWk0xMi4wMDAzIDE5QzE2LjIzNTkgMTkgMTkuODYwMyAxNi4wNTIgMjAuNzc3NyAxMkMxOS44NjAzIDcuOTQ4MDMgMTYuMjM1OSA1IDEyLjAwMDMgNUM3Ljc2NDYgNSA0LjE0MDIyIDcuOTQ4MDMgMy4yMjI3OCAxMkM0LjE0MDIyIDE2LjA1MiA3Ljc2NDYgMTkgMTIuMDAwMyAxOVpNMTIuMDAwMyAxNi41QzkuNTE0OTggMTYuNSA3LjUwMDI2IDE0LjQ4NTMgNy41MDAyNiAxMkM3LjUwMDI2IDkuNTE0NzIgOS41MTQ5OCA3LjUgMTIuMDAwMyA3LjVDMTQuNDg1NSA3LjUgMTYuNTAwMyA5LjUxNDcyIDE2LjUwMDMgMTJDMTYuNTAwMyAxNC40ODUzIDE0LjQ4NTUgMTYuNSAxMi4wMDAzIDE2LjVaTTEyLjAwMDMgMTQuNUMxMy4zODEgMTQuNSAxNC41MDAzIDEzLjM4MDcgMTQuNTAwMyAxMkMxNC41MDAzIDEwLjYxOTMgMTMuMzgxIDkuNSAxMi4wMDAzIDkuNUMxMC42MTk2IDkuNSA5LjUwMDI2IDEwLjYxOTMgOS41MDAyNiAxMkM5LjUwMDI2IDEzLjM4MDcgMTAuNjE5NiAxNC41IDEyLjAwMDMgMTQuNVoiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMSkiPjwvcGF0aD48L3N2Zz4=");
}
ul.products li .button.loading::after,
form.cart .single_add_to_cart_button.loading::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMTguMzY0IDUuNjM2MDRMMTYuOTQ5NyA3LjA1MDI1QzE1LjY4MyA1Ljc4MzUgMTMuOTMzIDUgMTIgNUM4LjEzNDAxIDUgNSA4LjEzNDAxIDUgMTJDNSAxNS44NjYgOC4xMzQwMSAxOSAxMiAxOUMxNS44NjYgMTkgMTkgMTUuODY2IDE5IDEySDIxQzIxIDE2Ljk3MDYgMTYuOTcwNiAyMSAxMiAyMUM3LjAyOTQ0IDIxIDMgMTYuOTcwNiAzIDEyQzMgNy4wMjk0NCA3LjAyOTQ0IDMgMTIgM0MxNC40ODUzIDMgMTYuNzM1MyA0LjAwNzM2IDE4LjM2NCA1LjYzNjA0WiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwxKSI+PC9wYXRoPjwvc3ZnPg==");
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
ul.products li .added_to_cart {
display: none;
}
.flash-sale-products > .slick-prev,
.flash-sale-products > .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #ffffff;
border-radius: 100%;
padding: 8px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
z-index: 1;
transition: all ease-in-out 0.2s;
}
.flash-sale-products > .slick-prev {
left: -10px;
}
.flash-sale-products > .slick-next {
right: -10px;
}
.flash-sale-products > .slick-disabled {
opacity: 0;
cursor: default;
}
.flash-sale-products > .slick-prev > svg,
.flash-sale-products > .slick-next > svg {
display: block;
width: 20px;
height: 20px;
fill: #757575;
}
.flash-sale-header,
.latest-products-header {
display: block;
position: relative;
margin: 0 0 20px 0;
}
.flash-sale-header > .flash-sale-title,
.latest-products-header > .latest-products-title {
display: inline-block;
font-size: 21px;
font-weight: bold;
line-height: 1em;
vertical-align: middle;
margin: 0;
}
.flash-sale-header > .flash-sale-timer {
display: inline-block;
margin: 0 0 0 12px;
vertical-align: middle;
}
.flash-sale-header > .flash-sale-timer > span {
display: inline-block;
background: var(--background-flashsale);
font-size: 14px;
line-height: 1em;
color: var(--color-flashsale);
border-radius: 4px;
margin: 0 6px 0 0;
padding: 6px 10px;
}
.latest-products-header > .latest-products-link {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 1;
}
.latest-products-header > .latest-products-link > svg {
display: block;
width: 20px;
height: 20px;
fill: var(--color-primary);
}
.featured-slider {
display: block;
position: relative;
width: calc(100% + 20px);
margin: 0 0 0 -10px;
}
.featured-slider a {
float: left;
position: relative;
width: calc(100% - 20px);
margin: 0 10px;
}
.testimonial-slider {
display: block;
position: relative;
width: calc(100% + 20px);
margin: 0 0 0 -10px;
padding: 0;
}
.testimonial-slider .testimonial {
display: block;
width: 100%;
height: 200px;
background: #f5f5f5;
border-radius: 12px;
margin: 0 10px;
padding: 20px 25px;
}
.testimonial-slider .testimonial > .testimonial-rating {
display: block;
margin: 0 0 8px 0;
}
.testimonial-slider .testimonial > .testimonial-rating > svg {
display: inline-block;
width: 16px;
height: 16px;
fill: #ffde65;
vertical-align: middle;
}
.testimonial-slider .testimonial > .message {
display: block;
display: -webkit-box;
font-size: 16px;
font-weight: 400;
line-height: 1.4em;
color: var(--color-text);
margin: 0 0 15px 0;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.testimonial-slider .testimonial > .author {
display: block;
overflow: hidden;
}
.testimonial-slider .testimonial > .author > .image {
float: left;
width: 42px;
height: 42px;
border-radius: 50%;
margin: 0 15px 0 0;
}
.testimonial-slider .testimonial > .author > .name {
display: block;
font-size: 16px;
font-weight: 700;
line-height: 1.2em;
margin: 0 0 4px 0;
}
.testimonial-slider .testimonial > .author > .occupation {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.2em;
color: rgba(0, 0, 0, 0.4);
margin: 0;
}
ul.breadcrumbs {
display: block;
list-style: none;
font-size: 15px;
line-height: 1em;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 0 15px 0;
padding: 0;
overflow: hidden;
}
.woocommerce-account ul.breadcrumbs {
display: none;
}
ul.breadcrumbs > li {
display: inline-block;
margin: 0 6px 0 0;
vertical-align: middle;
}
ul.breadcrumbs > li > a {
color: var(--color-text);
}
ul.breadcrumbs > li > svg {
display: inline-block;
width: 15px;
height: 15px;
fill: var(--color-text);
vertical-align: middle;
}
.entry-header {
display: block;
margin: 0 0 20px 0;
}
.entry-header > .entry-title {
display: block;
margin: 0;
}
.entry-header > .promo-meta {
display: block;
position: relative;
font-size: 13px;
line-height: 1em;
}
.entry-header > .promo-meta > .exp-date > .expdate-title {
display: block;
margin: 0 0 8px 0;
}
.entry-header > .promo-meta > .exp-date > .expdate-time {
display: block;
}
.entry-header > .promo-meta > .exp-date > .expdate-time > span {
display: inline-block;
background: #f5f5f5;
font-size: 14px;
line-height: 1em;
border-radius: 4px;
margin: 0 6px 0 0;
padding: 6px 12px;
}
.entry-header > .promo-meta > .exp-date > .expdate-time > span:last-child {
margin: 0;
}
.entry-header > .promo-meta > .exp-date > .expdate-time > .expired {
background: #ffebee;
color: #b71c1c;
}
.entry-header > .promo-meta > .detail-button {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: var(--color-primary);
font-size: 14px;
line-height: 1em;
color: #ffffff;
border-radius: 4px;
padding: 8px 16px;
z-index: 1;
}
.gridpost-wrapper,
.gridpromo-wrapper {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
width: calc(100% + 20px);
list-style: none;
margin: 0 0 0 -10px;
padding: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gridpost-wrapper > .post,
.gridpromo-wrapper > .promo {
float: left;
position: relative;
width: calc(33.33% - 20px);
margin: 0 10px 20px 10px;
padding: 0 0 15px 0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.gridpromo-wrapper > .promo {
width: calc(50% - 20px);
}
.gridpost-wrapper > .post > .post-thumbnail,
.gridpromo-wrapper > .promo > .post-thumbnail {
display: block;
margin: 0 0 10px 0;
}
.gridpost-wrapper > .post > .post-thumbnail > img,
.gridpromo-wrapper > .promo > .post-thumbnail > img {
display: block;
width: 100%;
height: auto;
}
.gridpost-wrapper > .post > .entry-header,
.gridpromo-wrapper > .promo > .entry-header {
display: block;
margin: 0;
padding: 0 15px;
}
.gridpost-wrapper > .post > .entry-header > .entry-title,
.gridpromo-wrapper > .promo > .entry-header > .entry-title {
display: block;
display: -webkit-box;
font-size: 16px;
font-weight: bold;
line-height: 1.35em;
color: var(--color-text);
margin: 0 0 8px 0;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.gridpost-wrapper > .post > .entry-header > .entry-title > a,
.gridpromo-wrapper > .promo > .entry-header > .entry-title > a {
color: var(--color-text);
}
.post > .entry-header > .entry-meta {
display: block;
font-size: 14px;
line-height: 1em;
}
.post > .entry-header > .entry-title ~ .entry-meta {
margin-top: 8px;
}
.post > .entry-header > .entry-meta a {
color: var(--color-text);
}
.post > .entry-header > .entry-meta > .posted-by {
display: inline-block;
margin: 0 12px 0 0;
}
.post > .entry-header > .entry-meta > .posted-by > a {
display: block;
background: var(--color-primary);
color: #ffffff;
border-radius: 4px;
padding: 6px 12px;
}
.single-post-thumbnail {
display: block;
margin: 0 0 20px 0;
}
.single-post-thumbnail > img {
display: block;
width: 100%;
border-radius: 6px;
margin: 0;
}
.promo-chip {
display: block;
max-width: 600px;
background: var(--color-primary);
font-size: 14px;
line-height: 1em;
color: rgba(255, 255, 255, 0.65);
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2) inset;
margin: 0 auto 20px auto;
padding: 20px;
overflow: hidden;
}
.promo-chip > .coupon-code {
float: left;
position: relative;
}
.promo-chip > .exp-date {
float: right;
text-align: right;
}
.promo-chip > .coupon-code > .label,
.promo-chip > .exp-date > .label {
display: block;
font-size: 14px;
line-height: 1em;
margin: 0 0 8px 0;
}
.promo-chip > .coupon-code > .input-couponcode {
display: block;
width: 100%;
max-width: 240px;
background: #ffffff;
padding-right: 50px;
}
.promo-chip > .coupon-code > .copy-coupon {
position: absolute;
bottom: 10px;
right: 16px;
background: transparent;
border-radius: 0;
padding: 0;
z-index: 1;
}
.promo-chip > .coupon-code > .copy-coupon > svg {
display: block;
width: 24px;
height: 24px;
fill: var(--color-primary);
}
.promo-chip > .exp-date > .expdate-time {
display: block;
}
.promo-chip > .exp-date > .expdate-time > span {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
font-size: 15px;
line-height: 1.5em;
color: #ffffff;
border-radius: 4px;
margin: 0 6px 0 0;
padding: 10px 16px;
}
.promo-chip > .exp-date > .expdate-time > span:last-child {
margin: 0;
}
.footer-wrapper {
display: block;
position: relative;
width: 100%;
background: #f5f5f5;
margin: 40px 0 0 0;
overflow: hidden;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) inset;
}
.footer-rows {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
position: relative;
width: 100%;
list-style: none;
margin: 0;
padding: 40px 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-rows > .footer-col {
float: left;
position: relative;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
transition: all ease-in-out 0.2s;
}
.footer-rows > .footer-1 {
width: 40%;
padding: 0 20px 0 0;
}
.footer-rows > .footer-2,
.footer-rows > .footer-3 {
width: 16%;
padding: 0 10px 0 0;
}
.footer-rows > .footer-4 {
width: 28%;
}
.footer-credit {
display: block;
font-size: 15px;
line-height: 1.4em;
text-align: center;
border-top: 1px solid rgba(0, 0, 0, 0.04);
margin: 0;
padding: 15px;
}
.footer-credit a {
color: var(--color-text);
text-decoration: none;
text-decoration-line: underline;
text-decoration-style: dotted;
}
.widget {
display: block;
margin: 0 0 20px 0;
}
.footer-col > .widget:last-child {
margin: 0;
}
.widget > .wp-block-heading {
display: block;
font-size: 17px;
font-weight: 700;
line-height: 1.2em;
color: var(--color-text);
margin: 0;
}
.widget ul,
.widget ol {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.widget ul > li,
.widget ol > li {
display: block;
margin: 0 0 6px 0;
}
.widget ul > li:last-child,
.widget ol > li:last-child {
margin: 0;
}
.widget ul > li > a,
.widget ol > li > a {
color: var(--color-text);
}
.widget p {
display: block;
font-size: 15px;
line-height: 1.4em;
}
.widget > ul.wp-block-social-links {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.widget > ul.wp-block-social-links > li {
display: inline-block;
margin: 0 8px 0 0 !important;
}
.widget > ul.wp-block-social-links > li:last-child {
margin: 0 !important;
}
.widget > ul.wp-block-social-links > li:hover {
transform: none;
}
.widget > ul.wp-block-social-links > li > a {
display: block;
background: var(--color-primary);
border-radius: 50%;
padding: 8px;
}
.widget > ul.wp-block-social-links > li.wp-social-link-facebook > a {
background: #1877f2;
}
.widget > ul.wp-block-social-links > li.wp-social-link-x > a {
background: #000000;
}
.widget > ul.wp-block-social-links > li.wp-social-link-instagram > a {
background: #f9ce34;
background: linear-gradient(
145deg,
rgba(249, 206, 52, 1) 0%,
rgba(238, 42, 123, 1) 50%,
rgba(98, 40, 215, 1) 100%
);
}
.widget > ul.wp-block-social-links > li.wp-social-link-tiktok > a {
background: #000000;
}
.widget > ul.wp-block-social-links > li.wp-social-link-youtube > a {
background: #cd201f;
}
.widget > ul.wp-block-social-links > li > a > svg {
display: block;
width: 20px;
height: 20px;
fill: #ffffff;
}
.footer-2 .widget img {
display: block;
max-width: 210px;
height: auto;
margin: 0 auto;
}
.scroll-to-top {
position: fixed;
bottom: 100px;
right: 40px;
display: none;
background: rgba(0, 0, 0, 0.06);
border-radius: 50%;
cursor: pointer;
padding: 8px;
z-index: 1;
}
.scroll-to-top > svg {
display: block;
width: 20px;
height: 20px;
fill: rgba(0, 0, 0, 0.6);
}
.floating-whatsapp-button {
position: fixed;
bottom: 30px;
right: 30px;
background: #25d366;
border-radius: 50%;
cursor: pointer;
padding: 12px;
z-index: 1;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.floating-whatsapp-button > svg {
display: block;
width: 32px;
height: 32px;
fill: #ffffff;
}
.woocommerce-message,
ul.woocommerce-error,
.woocommerce-info {
display: block;
position: relative;
list-style: none;
background: #e5f6fd;
font-size: 15px;
line-height: 1.4em;
color: #014361;
text-align: left;
border: 0 !important;
border-radius: 4px;
outline: 0 !important;
margin: 0 0 20px 0;
padding: 15px 20px 15px 54px;
box-shadow: none !important;
}
ul.woocommerce-error {
background: #fdeded;
color: #5f2120;
}
ul.woocommerce-error > li:last-child {
margin: 0;
}
.woocommerce-message::before,
ul.woocommerce-error::before,
.woocommerce-info::before {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyWk0xMiAyMEMxNi40MTgzIDIwIDIwIDE2LjQxODMgMjAgMTJDMjAgNy41ODE3MiAxNi40MTgzIDQgMTIgNEM3LjU4MTcyIDQgNCA3LjU4MTcyIDQgMTJDNCAxNi40MTgzIDcuNTgxNzIgMjAgMTIgMjBaTTExIDdIMTNWOUgxMVY3Wk0xMSAxMUgxM1YxN0gxMVYxMVoiIGZpbGw9InJnYmEoMiwxMzYsMjA5LDEpIj48L3BhdGg+PC9zdmc+");
position: absolute;
top: 15px;
left: 20px;
width: 24px;
height: 24px;
}
ul.woocommerce-error::before {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyWk0xMiAyMEMxNi40MTgzIDIwIDIwIDE2LjQxODMgMjAgMTJDMjAgNy41ODE3MiAxNi40MTgzIDQgMTIgNEM3LjU4MTcyIDQgNCA3LjU4MTcyIDQgMTJDNCAxNi40MTgzIDcuNTgxNzIgMjAgMTIgMjBaTTExIDE1SDEzVjE3SDExVjE1Wk0xMSA3SDEzVjEzSDExVjdaIiBmaWxsPSJyZ2JhKDIxMSw0Nyw0NywxKSI+PC9wYXRoPjwvc3ZnPg==");
}
.woocommerce-message a,
ul.woocommerce-error a,
.woocommerce-info a {
color: #263238;
text-decoration: underline;
}
ul.woocommerce-error a {
color: #b71c1c;
}
.woocommerce-info a {
color: #014361;
}
table.cart th,
table.cart td {
padding: 10px 16px;
}
table.cart td.product-remove > .remove {
display: inline-block;
width: 18px;
height: 18px;
background: #f75c5c;
font-size: 0;
line-height: 0;
color: #ffffff;
text-align: center;
border-radius: 100%;
padding: 2px 0 0 0;
}
table.cart td.product-thumbnail img {
display: inline-block;
width: 64px;
height: auto;
}
table.cart td.product-name a {
display: block;
font-size: 15px;
line-height: 1.4em;
color: var(--color-text);
}
table.cart td.product-quantity input.qty {
display: inline-block;
max-width: 80px;
text-align: center;
}
table.cart td > .coupon {
display: inline-block;
margin: 0 4px 8px 0;
}
table.cart td > .coupon > label[for="coupon_code"] {
display: none;
}
table.cart td > .coupon > .button {
background: var(--color-secondary);
}
.cart-collaterals {
display: block;
margin: 20px 0 0 0;
}
.cart-collaterals h2 {
display: block;
font-size: 18px;
font-weight: bold;
line-height: 1.3em;
}
.cart-collaterals table {
margin: 0 0 15px 0;
}
.cart-collaterals table .shipping-calculator-button {
display: inline-block;
background: transparent;
font-size: 14px;
line-height: 1.3em;
color: var(--color-primary);
text-align: center;
border: 1px solid var(--color-primary);
border-radius: 4px;
margin: 4px 0 0 0;
padding: 8px 16px;
}
.cart-collaterals table .shipping-calculator-form {
display: block;
margin: 12px 0 0 0;
}
.cart-collaterals table .shipping-calculator-form > p.form-row {
display: block;
margin: 0 0 12px 0;
}
.cart-collaterals table .shipping-calculator-form > p > input[type="text"] {
display: block;
width: 100%;
}
.cart-collaterals table ul.woocommerce-shipping-methods {
display: block;
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}
.cart-collaterals
table
ul.woocommerce-shipping-methods
> li
> input[type="radio"] {
float: left;
margin: 0 6px 0 0;
}
.cart-collaterals table .woocommerce-shipping-destination {
display: block;
font-size: 15px;
line-height: 1.4em;
margin: 0 0 12px 0;
}
.cart-collaterals .wc-proceed-to-checkout .button,
.return-to-shop .wc-backward {
display: inline-block;
background: var(--color-primary);
font-size: 15px;
line-height: 1.5em;
color: #ffffff;
border: 0;
border-radius: 4px;
padding: 10px 16px;
}
.woocommerce-account .entry-content > .woocommerce {
display: block;
text-align: center;
overflow: hidden;
}
.woocommerce-account
.entry-content
> .woocommerce
> .woocommerce-notices-wrapper
~ h2 {
font-size: 22px;
margin-top: 40px;
}
.woocommerce-form-login,
.woocommerce-form-register {
display: block;
width: 100%;
max-width: 300px;
text-align: left;
margin: 0 auto;
}
.woocommerce-password-strength {
display: block;
background: #f5f5f5;
font-size: 15px;
line-height: 1.4em;
color: #263238;
border-radius: 4px;
margin: 12px 0 0 0;
padding: 12px 20px;
}
.woocommerce-password-strength.bad {
background: #ffebee;
color: #b71c1c;
}
.woocommerce-password-strength.good {
background: #f1f8e9;
color: #33691e;
}
.woocommerce-password-strength.strong {
background: #e8eaf6;
color: #1a237e;
}
.woocommerce-password-strength ~ .woocommerce-password-hint {
display: block;
font-size: 14px;
line-height: 1.4em;
margin: 12px 0 0 0;
}
.woocommerce-form-login .woocommerce-form-login__rememberme {
display: block;
color: var(--color-text);
margin: 0 0 12px 0;
}
.woocommerce-account .woocommerce-form-login__rememberme {
text-align: left;
}
.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-register .woocommerce-form-register__submit {
display: block;
width: 100%;
}
#customer_login > .u-column1 > h2,
#customer_login > .u-column2 > h2 {
font-size: 22px;
margin-top: 40px;
}
#customer_login > .u-column2 {
display: none;
}
.myaccount-link-toggle {
display: none;
}
.col2-set ~ .myaccount-link-toggle {
display: block;
max-width: 300px;
border-top: 1px dashed #ddd;
margin: 0 auto;
padding: 15px 0 0 0;
}
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="password"] {
display: block;
width: 100%;
}
.woocommerce-form-login .show-password-input,
.woocommerce-form-register .show-password-input,
.create-account .show-password-input,
.edit-account .show-password-input {
position: absolute;
top: 14.5px;
right: 16px;
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
z-index: 1;
}
.woocommerce-form-login .show-password-input::before,
.woocommerce-form-register .show-password-input::before,
.create-account .show-password-input::before,
.edit-account .show-password-input::before {
content: "";
display: block;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='currentColor'%3E%3Cpath d='M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z'%3E%3C/path%3E%3C/svg%3E");
opacity: 0.6;
}
.woocommerce-form-login .show-password-input.display-password::before,
.woocommerce-form-register .show-password-input.display-password::before,
.create-account .show-password-input.display-password::before,
.edit-account .show-password-input.display-password::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='currentColor'%3E%3Cpath d='M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z'%3E%3C/path%3E%3C/svg%3E");
}
.woocommerce-ResetPassword > .form-row-first {
display: block;
max-width: 300px;
margin: 0 auto 20px auto;
}
.woocommerce-ResetPassword input[type="text"] {
display: block;
width: 300px;
max-width: 100%;
}
.woocommerce-form-login .woocommerce-form-login__rememberme {
position: relative;
display: block;
width: max-content;
top: auto !important;
left: auto !important;
font-size: 14px !important;
line-height: 1em;
margin: 0 0 20px 0;
padding: 0 !important;
}
.woocommerce-form-login
.woocommerce-form-login__rememberme
> input[type="checkbox"],
.form-row.create-account > label > input[type="checkbox"] {
width: 0;
height: 0;
opacity: 0;
}
.woocommerce-form-login .woocommerce-form-login__rememberme > span,
.form-row.create-account > label > span {
display: inline-block;
cursor: pointer;
padding: 0 0 0 38px;
}
.woocommerce-form-login .woocommerce-form-login__rememberme > span::before,
.form-row.create-account > label > span::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 30px;
height: 16px;
border: 1px solid #ededed;
border-radius: 24px;
vertical-align: bottom;
margin: 0 8px 0 0;
}
.woocommerce-form-login .woocommerce-form-login__rememberme > span::after,
.form-row.create-account > label > span::after {
content: "";
position: absolute;
top: 50%;
left: 4px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background: #bebebe;
border-radius: 50%;
transition: all ease-in-out 0.2s;
}
.woocommerce-form-login
.woocommerce-form-login__rememberme
> input[type="checkbox"]:checked
~ span::after,
.form-row.create-account
> label
> input[type="checkbox"]:checked
~ span::after {
left: 18px;
background: var(--color-primary);
}
.woocommerce-form-register > .vendor-customer-registration {
display: block;
}
.woocommerce-form-register > .vendor-customer-registration > label {
display: inline-block;
position: relative;
top: auto;
left: auto;
padding: 0;
}
.woocommerce-form-register
> .vendor-customer-registration
> label
> input[type="radio"] {
margin: 0 4px 0 0;
}
.woocommerce-form-register > .show_if_seller > .form-row > #url-alart-mgs {
position: absolute;
top: -6px;
right: 10px;
background: #ffffff;
font-size: 13px;
line-height: 1em;
padding: 0 6px;
cursor: default;
}
.woocommerce-form-register
> .show_if_seller
> .form-row
> #url-alart-mgs.text-danger {
color: #5f2120;
}
.woocommerce-form-register
> .show_if_seller
> .form-row
> input[name="shopurl"]
~ small {
position: absolute;
bottom: -4px;
right: 10px;
background: #ffffff;
font-size: 13px;
line-height: 1em;
padding: 0 6px;
cursor: default;
}
.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle {
display: block;
max-width: 460px;
background: #f5f5f5;
margin: 0 0 20px 0;
padding: 12px 20px;
}
.woocommerce-form-login-toggle > .woocommerce-info,
.woocommerce-form-coupon-toggle > .woocommerce-info {
display: block;
background: transparent;
line-height: 1.4em;
color: var(--color-text);
margin: 0;
padding: 0;
}
.woocommerce-form-login-toggle > .woocommerce-info::before,
.woocommerce-form-coupon-toggle > .woocommerce-info::before {
display: none;
}
.woocommerce-form-login-toggle > .woocommerce-info > a,
.woocommerce-form-coupon-toggle > .woocommerce-info > a {
color: var(--color-text);
text-decoration: underline;
text-decoration-style: dotted;
}
.woocommerce-form-login-toggle ~ .woocommerce-form-login {
display: block;
max-width: 300px;
margin: 0;
}
.woocommerce-form-login-toggle ~ .woocommerce-form-login > p:first-child {
display: block;
font-size: 14px;
line-height: 1.4em;
color: var(--color-text);
}
.woocommerce-form-coupon {
display: inline-block;
width: 100%;
max-width: 390px;
margin: 0 0 20px 0;
}
.woocommerce-form-coupon > p {
display: block;
font-size: 15px;
line-height: 1.4em;
margin: 0 0 12px 0;
}
.woocommerce-form-coupon > p.form-row-first {
float: left;
width: calc(100% - 195px);
margin: 0;
}
.woocommerce-form-coupon > p.form-row-last {
float: right;
width: 180px;
margin: 0;
}
.woocommerce-form-coupon > p > .input-text,
.woocommerce-form-coupon > p > .button {
display: block;
width: 100%;
background: #ffffff;
}
.woocommerce-form-coupon > p > .button {
background: var(--color-secondary);
}
form.checkout {
display: inline-block;
width: 100%;
}
form.checkout > #customer_details {
float: left;
width: calc(100% - 410px);
}
form.checkout > #customer_details input[type="text"],
form.checkout > #customer_details input[type="tel"],
form.checkout > #customer_details input[type="email"],
form.checkout > #customer_details input[type="password"],
form.checkout > #customer_details select,
form.checkout > #customer_details textarea,
.woocommerce-address-fields__field-wrapper > p input[type="text"],
.woocommerce-address-fields__field-wrapper > p input[type="tel"],
.woocommerce-address-fields__field-wrapper > p input[type="email"] {
display: block;
width: 100%;
}
form.checkout > #order_review_heading,
form.checkout > #order_review {
float: right;
width: 370px;
}
form.checkout > #customer_details .address-field strong,
.woocommerce-address-fields__field-wrapper
> p
> .woocommerce-input-wrapper
> strong {
display: block;
width: 100%;
background: #ffffff;
font-family: inherit;
font-weight: normal;
font-size: 15px;
line-height: 1.5em;
border: 1px solid #ededed;
border-radius: 4px;
outline: 0;
padding: 10px 16px;
}
form.checkout
> #customer_details
.woocommerce-account-fields
> .create-account
> label {
display: block;
position: relative;
top: auto;
left: auto;
width: fit-content;
font-size: 14px;
line-height: 1em;
color: var(--color-text);
cursor: pointer;
padding: 0;
}
form.checkout > #customer_details #ship-to-different-address > label {
display: block;
display: flex;
width: fit-content;
font-size: 14px;
line-height: 1em;
cursor: pointer;
}
form.checkout > #customer_details #ship-to-different-address > label input {
opacity: 0;
width: 0;
height: 0;
}
form.checkout > #customer_details #ship-to-different-address > label span {
display: block;
position: relative;
padding: 0 0 0 42px;
}
form.checkout
> #customer_details
#ship-to-different-address
> label
span::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 30px;
height: 16px;
border: 1px solid #ededed;
border-radius: 24px;
vertical-align: bottom;
margin: 0 8px 0 0;
}
form.checkout
> #customer_details
#ship-to-different-address
> label
span::after {
content: "";
position: absolute;
top: 50%;
left: 4px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background: #bebebe;
border-radius: 50%;
transition: all ease-in-out 0.2s;
}
form.checkout
> #customer_details
#ship-to-different-address
> label
input:checked
~ span::after {
left: 18px;
background: var(--color-primary);
}
table.woocommerce-checkout-review-order-table {
font-size: 15px;
line-height: 1.4em;
margin: 0 0 20px 0;
}
table.woocommerce-checkout-review-order-table th,
table.woocommerce-checkout-review-order-table td {
border: 0;
border-bottom: 1px solid #ededed;
padding: 8px 0;
}
table.woocommerce-checkout-review-order-table thead th {
padding-top: 0;
}
table.woocommerce-checkout-review-order-table th:first-child,
table.woocommerce-checkout-review-order-table td:first-child {
padding-right: 12px;
}
table.woocommerce-checkout-review-order-table td:last-child {
padding-right: 0;
}
table.woocommerce-checkout-review-order-table td.product-name {
font-size: 14px;
line-height: 1.4em;
}
table.woocommerce-checkout-review-order-table tr.shipping td {
min-width: 180px;
}
table.woocommerce-checkout-review-order-table ul.woocommerce-shipping-methods {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
table.woocommerce-checkout-review-order-table
ul.woocommerce-shipping-methods
> li {
display: block;
margin: 0 0 8px 0;
overflow: hidden;
}
table.woocommerce-checkout-review-order-table
ul.woocommerce-shipping-methods
> li:last-child {
margin: 0;
}
table.woocommerce-checkout-review-order-table
ul.woocommerce-shipping-methods
> li
> input[type="radio"] {
position: absolute;
width: 0;
height: 0;
}
table.woocommerce-checkout-review-order-table
ul.woocommerce-shipping-methods
> li
> label {
display: block;
position: relative;
width: 100%;
font-size: 14px;
line-height: 1.3em;
cursor: pointer;
margin: 0;
padding: 0 0 0 22px;
overflow: hidden;
}
table.woocommerce-checkout-review-order-table
ul.woocommerce-shipping-methods
> li
> label::before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 14px;
height: 14px;
border: 1px solid #ededed;
border-radius: 50%;
margin: 0 8px 0 0;
vertical-align: middle;
}
table.woocommerce-checkout-review-order-table
ul.woocommerce-shipping-methods
> li
> label::after {
content: "";
position: absolute;
top: 6px;
left: 4px;
width: 8px;
height: 8px;
background: var(--color-primary);
border-radius: 50%;
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.2s;
}
table.woocommerce-checkout-review-order-table
ul.woocommerce-shipping-methods
> li
> input[type="radio"]:checked
~ label::after {
opacity: 1;
visibility: visible;
}
table.woocommerce-checkout-review-order-table
ul.woocommerce-shipping-methods
> li
> label
> .amount {
font-weight: bold;
}
table.woocommerce-checkout-review-order-table label[for="insurance_checkbox"] {
display: inline-block;
margin: 0 0 0 6px;
vertical-align: text-top;
}
.woo-variation-swatches.wvs-show-label .variations th {
padding: 0 0 4px 0;
}
.woo-variation-swatches.wvs-show-label .variations td {
padding: 0;
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item) {
margin: 4px 6px;
padding: 3px 8px;
box-shadow: 0 0 0 1px #ededed;
}
.woo-variation-swatches
.variable-items-wrapper
.color-variable-item:not(.radio-variable-item) {
padding: 2px;
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).button-variable-item {
font-size: 14px;
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item):focus,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item):hover {
box-shadow: 0 0 0 2px #ededed;
}
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches
.variable-items-wrapper
.variable-item:not(.radio-variable-item).selected:hover {
box-shadow: 0 0 0 2px var(--color-primary);
}
.wvs-has-image-tooltip:before,
[data-wvstooltip]:before {
width: auto;
height: auto;
min-width: auto;
font-size: 13px;
line-height: 1em;
padding: 6px 12px;
}
.woocommerce-checkout-payment > ul.payment_methods {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-checkout-payment > ul.payment_methods > li {
display: block;
position: relative;
margin: 0 0 20px 0;
}
.woocommerce-checkout-payment > ul.payment_methods > li > input[type="radio"] {
position: absolute;
width: 0;
height: 0;
opacity: 0;
cursor: pointer;
}
.woocommerce-checkout-payment > ul.payment_methods > li > label {
display: block;
position: relative;
font-size: 16px;
font-weight: bold;
line-height: 1em;
cursor: pointer;
padding: 0 0 0 28px;
}
.woocommerce-checkout-payment > ul.payment_methods > li > label::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 18px;
height: 18px;
border: 1px solid #ededed;
border-radius: 50%;
}
.woocommerce-checkout-payment > ul.payment_methods > li > label::after {
content: "";
position: absolute;
top: 50%;
left: 5px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background: var(--color-primary);
border-radius: 50%;
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.2s;
}
.woocommerce-checkout-payment
> ul.payment_methods
> li
> input[type="radio"]:checked
~ label::after {
opacity: 1;
visibility: visible;
}
.woocommerce-checkout-payment > ul.payment_methods > li > label > img {
display: inline-block;
width: auto;
max-width: 140px;
height: auto;
margin: 0 0 0 8px;
vertical-align: middle;
}
.woocommerce-checkout-payment > ul.payment_methods > li > .payment_box {
display: block;
position: relative;
background: #f5f5f5;
font-size: 14px;
line-height: 1.5em;
color: #263238;
border-radius: 6px;
margin: 20px 0 0 0;
padding: 12px 20px;
}
.woocommerce-checkout-payment > ul.payment_methods > li > .payment_box::before {
content: "";
position: absolute;
top: -10px;
left: 16px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 10px 8px;
border-color: transparent transparent #f5f5f5 transparent;
}
.woocommerce-checkout-payment > ul.payment_methods > li > .payment_box > p {
margin: 0;
}
.place-order > #mailpoet_woocommerce_checkout_optin_present_field {
display: block;
height: 0;
margin: 0;
overflow: hidden;
}
.place-order > .woocommerce-form__label-for-checkbox {
display: block;
position: relative;
top: auto;
left: auto;
transform: none;
background: transparent;
color: var(--color-text);
margin: 0 0 15px 0;
}
.place-order > .woocommerce-form__label-for-checkbox > input[type="checkbox"] {
margin: 0 4px 0 0;
}
.place-order > .woocommerce-terms-and-conditions-wrapper,
.woocommerce-form-register .woocommerce-privacy-policy-text {
display: block;
background: #fff4e5;
font-size: 14px;
line-height: 1.5em;
color: #663c00;
border-radius: 6px;
margin: 0 0 20px 0;
padding: 15px 20px;
}
.place-order > .woocommerce-terms-and-conditions-wrapper p,
.woocommerce-form-register .woocommerce-privacy-policy-text p {
margin: 0;
}
.place-order > .woocommerce-terms-and-conditions-wrapper a,
.woocommerce-form-register .woocommerce-privacy-policy-text a {
color: #663c00;
text-decoration: underline;
}
.place-order > .button {
display: block;
width: 100%;
font-size: 16px;
padding: 12px 20px;
}
.select2-dropdown {
border: 1px solid var(--color-text);
box-shadow: 0 1px 0 1px var(--color-text);
}
.select2-search--dropdown {
padding: 12px 16px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
background: #f2f2f2;
border: 0;
padding: 8px 16px;
box-shadow: none;
}
.select2-container--default .select2-selection--single {
background: #ffffff;
border: 1px solid #ededed;
}
.select2-container--open .select2-selection--single {
border-color: var(--color-text);
box-shadow: 0 0 0 1px var(--color-text);
}
.select2-container--open .select2-dropdown--below {
margin-top: 0 !important;
}
.select2-container--default.select2-container--disabled
.select2-selection--single {
opacity: 0.5;
}
.select2-container .select2-selection--single {
height: 48px;
}
.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
font-size: 14px;
color: var(--color-text);
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 16px;
padding-right: 30px;
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
font-size: 14px;
line-height: 48px;
color: var(--color-text);
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
right: 12px;
height: 48px;
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
background-color: #eeeeee;
}
.select2-container--default
.select2-results__option--highlighted[aria-selected],
.select2-container--default
.select2-results__option--highlighted[data-selected] {
background-color: #f5f5f5;
color: var(--color-text);
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
border-color: #757575 transparent transparent transparent;
}
.select2-results__option {
font-size: 14px;
margin: 0;
padding: 8px 16px;
}
ul.woocommerce-order-overview {
display: block;
list-style: none;
padding: 0;
}
.woocommerce-bacs-bank-details {
display: block;
margin: 0 0 20px 0;
}
.woocommerce-bacs-bank-details > h3 {
display: block;
font-size: 16px;
margin: 0 0 12px 0;
}
.woocommerce-bacs-bank-details > ul {
display: block;
list-style: none;
background: #f5f5f5;
border-left: 2px solid var(--color-primary);
margin: 0 0 20px 0;
padding: 10px 20px;
}
.woocommerce-bacs-bank-details > ul > li:last-child {
margin: 0;
}
.woocommerce-order-details {
display: block;
margin: 0 0 20px 0;
}
.woocommerce-order-details > table.order_details th,
.woocommerce-order-details > table.order_details td {
border: 0;
border-bottom: 1px solid #ededed;
padding: 8px 0;
}
.woocommerce-order-details > table.order_details td.product-name {
font-size: 15px;
line-height: 1.4em;
}
.woocommerce-order-details > table.order_details td.product-name > a {
color: var(--color-text);
}
p.order-again {
margin-top: 15px;
}
p.order-again > .button {
display: inline-block;
background: var(--color-primary);
color: #ffffff;
border-radius: 4px;
padding: 10px 16px;
}
.woocommerce-MyAccount-navigation {
float: left;
width: 180px;
background: var(--color-primary);
text-align: left;
border-radius: 6px;
overflow: hidden;
}
.woocommerce-MyAccount-content {
float: right;
width: calc(100% - 210px);
text-align: left;
}
.woocommerce-MyAccount-navigation > ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-MyAccount-navigation > ul > li {
margin: 0;
}
.woocommerce-MyAccount-navigation > ul > li > a {
display: block;
line-height: 1em;
color: #ffffff;
padding: 15px 20px;
}
.woocommerce-MyAccount-navigation > ul > li.is-active > a {
background: rgba(0, 0, 0, 0.12);
}
table.woocommerce-orders-table td,
table.woocommerce-table--order-downloads td {
font-size: 15px;
line-height: 1.4em;
}
table.woocommerce-orders-table td a,
table.woocommerce-table--order-downloads td a {
color: var(--color-text);
}
table.woocommerce-orders-table td a.button,
table.woocommerce-table--order-downloads td a.button {
display: block;
background: var(--color-primary);
font-size: 13px;
line-height: 1em;
color: #ffffff;
text-align: center;
border-radius: 4px;
margin: 0 0 4px 0;
padding: 6px 12px;
}
table.woocommerce-orders-table td a.button:last-child,
table.woocommerce-table--order-downloads td a.button:last-child {
margin: 0;
}
.woocommerce-MyAccount-content > .woocommerce-pagination {
display: block;
margin: 15px 0 0 0;
}
.col2-set.addresses {
display: block;
width: 100%;
overflow: hidden;
}
.col2-set.addresses > .col-1,
.col2-set.addresses > .col-2 {
float: left;
width: calc(50% - 20px);
}
.col2-set.addresses > .col-2 {
float: right;
}
.col2-set.addresses > .col-1 h3,
.col2-set.addresses > .col-2 h3 {
display: inline-block;
margin: 0;
}
.col2-set.addresses > .col-1 > .title > h2,
.col2-set.addresses > .col-2 > .title h2 {
margin: 0;
}
.col2-set.addresses > .col-1 > .title > a,
.col2-set.addresses > .col-2 > .title a {
display: inline-block;
background: var(--color-primary);
font-size: 13px;
line-height: 1em;
color: #ffffff;
border-radius: 4px;
margin: 5px 0 0 0;
padding: 4px 8px;
}
.col2-set.addresses > .col-1 > address,
.col2-set.addresses > .col-2 > address {
display: block;
background: #f5f5f5;
font-size: 15px;
line-height: 1.4em;
border-radius: 6px;
margin: 12px 0 0 0;
padding: 12px 20px;
}
.woocommerce-EditAccountForm > p > input[type="text"],
.woocommerce-EditAccountForm > p > input[type="email"] {
display: block;
width: 100%;
}
.woocommerce-EditAccountForm > p > span {
display: block;
font-size: 14px;
line-height: 1.2em;
margin: 6px 0 0 0;
}
.woocommerce-EditAccountForm > fieldset {
display: block;
border: 1px solid #ededed;
margin: 0 0 20px 0;
padding: 20px;
}
.woocommerce-EditAccountForm > fieldset > legend {
font-size: 17px;
font-weight: bold;
padding: 0 8px;
}
.woocommerce-EditAccountForm > fieldset > p:last-child {
margin: 0;
}
.woocommerce-EditAccountForm > fieldset > p > .password-input {
display: block;
}
.woocommerce-EditAccountForm
> fieldset
> p
> .password-input
> input[type="password"],
.woocommerce-EditAccountForm
> fieldset
> p
> .password-input
> input[type="text"] {
display: block;
width: 100%;
}
.woocommerce-products-header {
display: block;
margin: 0 0 12px 0;
}
.woocommerce-products-header > h1 {
display: block;
margin: 0;
}
.woocommerce-products-header > .term-description {
display: block;
margin: 6px 0 0 0;
}
.woocommerce-products-header > .term-description > p {
display: block;
color: #757575;
}
.woocommerce-result-count,
.woocommerce-ordering {
float: left;
width: calc(100% - 230px);
line-height: 40px;
margin: 0 0 20px 0;
}
.woocommerce-ordering {
float: right;
width: 210px;
}
.woocommerce-ordering > select {
display: block;
width: 100%;
background: #f5f5f5
url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMjEgNFY2SDIwTDE1IDEzLjVWMjJIOVYxMy41TDQgNkgzVjRIMjFaTTYuNDAzNyA2TDExIDEyLjg5NDRWMjBIMTNWMTIuODk0NEwxNy41OTYzIDZINi40MDM3WiIgZmlsbD0icmdiYSgzMywzMywzMywxKSI+PC9wYXRoPjwvc3ZnPg==")
no-repeat right 16px top 52%;
border: 0;
box-shadow: none;
}
.paginate-numbers,
.woocommerce-pagination {
display: block;
text-align: center;
overflow: hidden;
}
.woocommerce-pagination > ul.page-numbers {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-pagination > ul.page-numbers > li {
display: inline-block;
}
.paginate-numbers > .page-numbers,
.woocommerce-pagination > ul.page-numbers > li > .page-numbers,
.woocommerce-MyAccount-content > .woocommerce-pagination > a {
display: inline-block;
font-size: 14px;
line-height: 1em;
color: #9e9e9e;
border: 2px solid #ededed;
border-radius: 4px;
margin: 0 3px 4px 3px;
padding: 8px 16px;
transition: all ease-in-out 0.2s;
}
.paginate-numbers > .page-numbers:hover,
.paginate-numbers > .page-numbers.current,
.woocommerce-pagination > ul.page-numbers > li > .page-numbers:hover,
.woocommerce-pagination > ul.page-numbers > li > .page-numbers.current,
.woocommerce-MyAccount-content > .woocommerce-pagination > a:hover {
color: var(--color-primary);
border-color: var(--color-primary);
}
.fixed-nav-wrapper,
.fixed-cart-wrapper,
.fixed-search-wrapper,
.whatsapp-order-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 64;
transition: all ease-in-out 0.2s;
}
.fixed-search-wrapper {
z-index: 34;
}
.fixed-nav-wrapper.show,
.fixed-cart-wrapper.show,
.fixed-search-wrapper.show,
.whatsapp-order-wrapper.show {
opacity: 1;
visibility: visible;
}
.fixed-nav-wrapper > .nav-wrapper {
position: fixed;
top: 0;
left: -280px;
width: 280px;
height: 100%;
background: #ffffff;
z-index: 65;
transition: all ease-in-out 0.2s;
}
.fixed-nav-wrapper.show > .nav-wrapper {
left: 0;
}
.nav-wrapper > .site-navigation {
display: block;
height: 100%;
overflow-y: auto;
}
.site-navigation > ul.primary-menu {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.site-navigation > ul.primary-menu li {
display: block;
margin: 0;
}
.site-navigation > ul.primary-menu li a {
display: block;
position: relative;
font-size: 15px;
line-height: 1.3em;
color: var(--color-text);
border-bottom: 1px solid #ededed;
padding: 12px 20px;
}
.site-navigation > ul.primary-menu li.menu-item-has-children > a {
padding-right: 40px;
}
.site-navigation > ul.primary-menu li.current-menu-item > a {
color: var(--color-primary);
}
.site-navigation > ul.primary-menu li a > .sub-toggle {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
text-align: center;
}
.site-navigation > ul.primary-menu li a > .sub-toggle > svg {
display: block;
width: 16px;
height: 16px;
transition: all ease-in-out 0.2s;
}
.site-navigation > ul.primary-menu li a > .sub-toggle.up > svg {
transform: rotate(180deg);
}
.site-navigation > ul.primary-menu li > ul.sub-menu {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.site-navigation > ul.primary-menu li > ul.sub-menu li a {
font-size: 14px;
padding: 10px 20px 10px 30px;
}
.site-navigation > ul.primary-menu li > ul.sub-menu li ul.sub-menu li a {
padding-left: 40px;
}
.fixed-nav-wrapper > .nav-wrapper > .my-account {
position: absolute;
left: 20px;
bottom: 20px;
width: calc(100% - 40px);
background: var(--color-primary);
font-size: 16px;
line-height: 1em;
color: #ffffff;
text-align: center;
border-radius: 6px;
padding: 12px 20px;
}
.fixed-nav-wrapper > .nav-wrapper > .my-account > span {
display: inline-block;
vertical-align: middle;
}
.fixed-nav-wrapper > .nav-wrapper > .my-account > .icon > svg {
display: block;
width: 18px;
height: 18px;
fill: #ffffff;
margin: 0 8px 0 0;
}
.fixed-cart-wrapper > .cart-wrapper {
position: fixed;
top: 0;
right: -320px;
width: 320px;
height: 100%;
background: #ffffff;
z-index: 65;
transition: all ease-in-out 0.2s;
}
.fixed-cart-wrapper.show > .cart-wrapper {
right: 0;
}
.fixed-cart-wrapper > .cart-wrapper > .cart-title {
display: block;
font-size: 21px;
font-weight: bold;
line-height: 1em;
border-bottom: 1px solid #ededed;
margin: 0;
padding: 12px 20px;
}
.fixed-cart-wrapper > .cart-wrapper > .widget_shopping_cart_content {
display: block;
width: 100%;
height: calc(100% - 48px);
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> .loading-wrapper {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.6);
cursor: progress;
z-index: 2;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> .woocommerce-mini-cart__empty-message {
display: block;
color: #757575;
text-align: center;
margin: 0;
padding: 20px;
}
.fixed-cart-wrapper > .cart-wrapper > .widget_shopping_cart_content > ul {
display: block;
width: 100%;
height: calc(100% - 100px);
list-style: none;
margin: 0;
padding: 20px;
overflow-y: auto;
}
.fixed-cart-wrapper > .cart-wrapper > .widget_shopping_cart_content > ul > li {
display: block;
position: relative;
width: 100%;
min-height: 64px;
border-bottom: 1px solid #ededed;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
overflow: hidden;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> ul
> li:last-child {
margin: 0;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> ul
> li
> .remove {
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 18px;
background: #f75c5c;
font-size: 0;
line-height: 0;
color: #ffffff;
text-align: center;
border-radius: 100%;
padding: 2px 0 0 0 !important;
z-index: 1;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> ul
> li
> .remove::before,
table.cart td.product-remove > .remove::before {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0Ij48cGF0aCBkPSJNMTIuMDAwNyAxMC41ODY1TDE2Ljk1MDQgNS42MzY3MkwxOC4zNjQ2IDcuMDUwOTNMMTMuNDE0OSAxMi4wMDA3TDE4LjM2NDYgMTYuOTUwNEwxNi45NTA0IDE4LjM2NDZMMTIuMDAwNyAxMy40MTQ5TDcuMDUwOTMgMTguMzY0Nkw1LjYzNjcyIDE2Ljk1MDRMMTAuNTg2NSAxMi4wMDA3TDUuNjM2NzIgNy4wNTA5M0w3LjA1MDkzIDUuNjM2NzJMMTIuMDAwNyAxMC41ODY1WiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwxKSI+PC9wYXRoPjwvc3ZnPg==");
display: inline-block;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> ul
> li
> a {
display: block;
font-size: 14px;
line-height: 1.3em;
color: var(--color-text);
padding: 0 28px 0 0;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> ul
> li
> a
> img {
float: left;
width: 64px;
height: 64px;
border-radius: 6px;
margin: 0 8px 0 0;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> ul
> li
> .variation {
display: none;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> ul
> li
> .quantity {
display: block;
font-size: 14px;
line-height: 1em;
color: #757575;
margin: 4px 0 0 0;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> ul
> li
> .quantity
> .amount {
font-weight: bold;
color: var(--color-text);
}
.fixed-cart-wrapper > .cart-wrapper > .widget_shopping_cart_content > .total {
display: block;
font-size: 18px;
font-weight: normal;
line-height: 1em;
color: #757575;
margin: 0;
padding: 12px 20px;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> .total
> strong {
font-weight: normal;
margin: 0 8px 0 0;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> .total
> .amount {
float: right;
font-weight: bold;
}
.fixed-cart-wrapper > .cart-wrapper > .widget_shopping_cart_content > .buttons {
display: block;
width: 100%;
margin: 0;
padding: 0 20px;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> .buttons
> .wc-forward {
display: none;
}
.fixed-cart-wrapper
> .cart-wrapper
> .widget_shopping_cart_content
> .buttons
> .wc-forward.checkout {
display: block;
background: var(--color-primary);
line-height: 1em;
color: #ffffff;
text-align: center;
border-radius: 6px;
padding: 15px 20px;
}
.fixed-search-wrapper > .search-wrapper {
display: block;
width: 100%;
background: #ffffff;
transition: all ease-in-out 0.2s;
}
.fixed-search-wrapper.show > .search-wrapper {
transform: translateY(64px);
}
.fixed-search-wrapper > .search-wrapper form {
display: block;
position: relative;
}
.fixed-search-wrapper > .search-wrapper form label {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
cursor: text;
}
.fixed-search-wrapper > .search-wrapper form label > svg {
display: block;
width: 20px;
height: 20px;
fill: #757575;
}
.fixed-search-wrapper > .search-wrapper form input[type="search"] {
display: block;
width: 100%;
border: 0;
padding: 18px 0 18px 32px;
box-shadow: none;
}
.fixed-search-wrapper
> .search-wrapper
form
input[type="search"]::-webkit-search-decoration,
.fixed-search-wrapper
> .search-wrapper
form
input[type="search"]::-webkit-search-cancel-button,
.fixed-search-wrapper
> .search-wrapper
form
input[type="search"]::-webkit-search-results-button,
.fixed-search-wrapper
> .search-wrapper
form
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.whatsapp-order-wrapper > .whatsapp-order {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 380px;
max-width: calc(100% - 40px);
background: #ffffff;
border-radius: 6px;
margin: -40px 0 0 0;
overflow: hidden;
z-index: 65;
transition: all ease-in-out 0.2s;
}
.whatsapp-order-wrapper.show > .whatsapp-order {
margin: 0;
}
.whatsapp-order-wrapper > .whatsapp-order > .order-heading {
display: block;
background: var(--background-whatsapp);
padding: 15px 20px;
}
.whatsapp-order-wrapper > .whatsapp-order > .order-heading > h1 {
display: block;
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
color: #ffffff;
margin: 0;
}
.whatsapp-order-wrapper > .whatsapp-order > .order-form {
display: block;
padding: 20px;
}
.whatsapp-order-wrapper > .whatsapp-order > .order-form > p:last-child {
margin: 0;
}
.whatsapp-order-wrapper > .whatsapp-order > .order-form > p > input,
.whatsapp-order-wrapper > .whatsapp-order > .order-form > p > textarea,
.whatsapp-order-wrapper > .whatsapp-order > .order-form > p > button {
display: block;
width: 100%;
}
.whatsapp-order-wrapper > .whatsapp-order > .order-form > p > textarea {
min-width: 100%;
max-width: 100%;
}
.whatsapp-order-wrapper > .whatsapp-order > .order-form > p > button {
background: var(--background-whatsapp);
padding: 12px 20px;
}
ul.tags-links {
display: block;
list-style: none;
margin: 12px 0;
padding: 0;
}
ul.tags-links li {
display: inline-block;
margin: 0 6px 4px 0;
}
ul.tags-links li a {
display: block;
background: #f5f5f5;
font-size: 14px;
line-height: 1em;
color: var(--color-text);
border-radius: 4px;
padding: 8px 14px;
}
.woocommerce-breadcrumb {
display: block;
width: 100%;
font-size: 14px;
line-height: 1em;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 0 20px 0;
overflow: hidden;
}
.woocommerce-breadcrumb > a {
color: var(--color-text);
text-decoration: none;
}
.woocommerce-breadcrumb > svg {
display: inline-block;
width: 14px;
height: 14px;
vertical-align: middle;
fill: var(--color-text);
}
.single .product {
display: block;
position: relative;
}
.product-summary {
display: inline-block;
position: relative;
width: 100%;
margin: 0 0 20px 0;
}
.product-summary > .woocommerce-product-gallery {
float: left;
position: relative;
width: 400px;
}
.product-summary > .entry-summary {
float: right;
position: relative;
width: calc(100% - 430px);
}
.woocommerce-product-gallery > .woocommerce-product-gallery__trigger {
display: none;
}
.woocommerce-product-gallery
> .woocommerce-product-gallery__wrapper
> .woocommerce-product-gallery__image
> a
> img {
display: block;
width: 100%;
height: auto;
}
.woocommerce-product-gallery > .flex-viewport {
display: block;
width: 100%;
overflow: hidden;
}
.woocommerce-product-gallery
> .flex-viewport
> .woocommerce-product-gallery__wrapper {
display: block;
position: relative;
overflow: hidden;
}
.woocommerce-product-gallery
> .woocommerce-product-gallery__wrapper
.woocommerce-product-gallery__image,
.woocommerce-product-gallery
> .flex-viewport
> .woocommerce-product-gallery__wrapper
.woocommerce-product-gallery__image {
display: block;
border-radius: 6px;
overflow: hidden;
}
.woocommerce-product-gallery
> .flex-viewport
> .woocommerce-product-gallery__wrapper
a {
display: block;
position: relative;
}
.woocommerce-product-gallery
> .flex-viewport
> .woocommerce-product-gallery__wrapper
a
> img {
display: block;
position: relative;
width: 100%;
height: auto;
}
.woocommerce-product-gallery > ol.flex-control-nav {
display: block;
width: calc(100% + 10px);
list-style: none;
margin: 15px 0 0 -5px;
padding: 0;
overflow: hidden;
}
.woocommerce-product-gallery > ol.flex-control-nav > li {
float: left;
width: 20%;
padding: 0 5px;
}
.woocommerce-product-gallery > ol.flex-control-nav > li > img {
display: block;
width: 100%;
height: auto;
cursor: pointer;
border: 2px solid transparent;
border-radius: 6px;
transition: all ease-in-out 0.2s;
}
.woocommerce-product-gallery > ol.flex-control-nav > li > img.flex-active {
-webkit-filter: brightness(0.6);
filter: brightness(0.6);
}
.entry-summary > .onsale {
display: inline-block;
background: var(--background-sale);
font-size: 13px;
line-height: 1em;
color: var(--color-sale);
border-radius: 4px;
margin: 0 0 12px 6px;
padding: 6px 12px;
vertical-align: middle;
}
.entry-summary > .entry-title {
display: block;
font-size: 20px;
font-weight: normal;
line-height: 1.3em;
margin: 0 0 8px 0;
padding: 0;
}
.entry-summary > .woocommerce-product-rating {
display: block;
margin: 0 0 8px 0;
}
.entry-summary > .woocommerce-product-rating > .star-rating {
display: inline-block;
margin: 0 4px 0 0;
vertical-align: middle;
}
.entry-summary > .price {
display: inline-block;
font-size: 24px;
font-weight: bold;
line-height: 1em;
margin: 0 0 12px 0;
vertical-align: middle;
}
.entry-summary > .price > del {
display: inline-block;
font-size: 16px;
font-weight: normal;
opacity: 0.5;
margin: 0 6px 0 0;
vertical-align: middle;
}
.entry-summary > .price > ins {
display: inline-block;
text-decoration: none;
vertical-align: middle;
}
.entry-summary > .woocommerce-product-details__short-description {
display: block;
display: -webkit-box;
font-size: 14px;
line-height: 1.4em;
color: #757575;
margin: 0 0 12px 0;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.entry-summary > .woocommerce-product-details__short-description p:last-child {
margin: 0;
}
.entry-summary .out-of-stock {
position: absolute;
top: 25px;
right: -40px;
width: 160px;
background: rgba(238, 67, 45, 0.5);
font-size: 14px;
line-height: 1em;
color: #ffffff;
text-align: center;
transform: rotate(45deg);
padding: 8px 16px;
z-index: 1;
}
form.cart {
display: block;
margin: 0;
}
form.cart table.variations {
margin: 0 0 12px 0;
}
form.cart table.variations th,
form.cart table.variations td {
position: relative;
border: 0;
padding: 8px 0;
}
form.cart table.variations th {
padding-right: 8px;
}
form.cart table.variations td select {
width: 180px;
}
form.cart table.variations td a.reset_variations {
position: absolute;
top: 50%;
left: 192px;
transform: translateY(-50%);
visibility: hidden;
font-size: 14px;
line-height: 1em;
color: #f75c5c;
transition: all ease-in-out 0.2s;
}
form.cart table.variations td .variable-items-wrapper ~ a.reset_variations {
position: relative;
top: auto;
left: auto;
transform: none;
display: none;
margin: 0 0 0 6px;
}
form.cart .woocommerce-variation-price .price {
display: block;
margin: 0 0 15px 0;
}
form.cart .woocommerce-variation-price .price {
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1em;
}
form.cart .woocommerce-variation-price .price > del {
display: inline-block;
font-size: 14px;
font-weight: normal;
opacity: 0.5;
margin: 0 6px 0 0;
vertical-align: middle;
}
form.cart .woocommerce-variation-price .price > ins {
display: inline-block;
text-decoration: none;
vertical-align: middle;
}
form.cart .woocommerce-variation-description {
display: block;
font-size: 14px;
line-height: 1.4em;
color: #757575;
margin: 0 0 15px 0;
}
form.cart .woocommerce-variation-description > p {
display: block;
margin: 0 0 12px 0;
}
form.cart .woocommerce-variation-description > p:last-child {
margin: 0;
}
form.cart .woocommerce-variation-availability {
display: block;
margin: 0 0 15px 0;
}
form.cart .woocommerce-variation-availability .in-stock {
display: inline-block;
background: #f5f5f5;
font-size: 14px;
line-height: 1em;
border-radius: 4px;
margin: 0;
padding: 6px 8px;
}
form.cart .input-quantity {
display: block;
margin: 0 0 15px 0;
overflow: hidden;
}
form.cart .input-quantity > .minus,
form.cart .input-quantity > .quantity,
form.cart .input-quantity > .plus {
float: left;
}
form.cart .input-quantity > .minus,
form.cart .input-quantity > .plus {
background: #ededed;
color: var(--color-text);
border-radius: 4px 0 0 4px;
padding: 8px 16px;
}
form.cart .input-quantity > .plus {
border-radius: 0 4px 4px 0;
}
form.cart .input-quantity > .quantity > input[type="number"] {
-moz-appearance: textfield;
width: 40px;
background: #ffffff;
text-align: center;
border: 1px solid #ededed;
border-radius: 0;
padding: 8px 0;
box-shadow: none;
}
form.cart
.input-quantity
> .quantity
> input[type="number"]::-webkit-outer-spin-button,
form.cart
.input-quantity
> .quantity
> input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
form.cart .added_to_cart {
display: none;
}
form.cart .single_add_to_cart_button {
float: left;
width: 180px;
height: 48px;
max-width: 100%;
margin: 0;
}
form.cart .wa-order-btn {
float: left;
width: 180px;
max-width: 100%;
height: 48px;
background: var(--background-whatsapp);
font-size: 14px;
line-height: 1.4em;
color: #ffffff;
text-align: center;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
margin: 0 0 0 10px;
padding: 12px 0;
}
form.cart .wa-order-btn > svg {
display: inline-block;
width: 18px;
height: 18px;
fill: #ffffff;
margin: 0 8px 0 0;
vertical-align: middle;
}
form.cart .wa-order-btn > span {
display: inline-block;
vertical-align: middle;
}
form.cart .order-viamarketplace {
float: left;
width: 100%;
margin: 15px 0 0 0;
overflow: hidden;
}
form.cart .order-viamarketplace > .order-label {
display: block;
font-size: 15px;
line-height: 1em;
margin: 0;
padding: 0;
}
form.cart .order-viamarketplace > ul.marketplace-list {
display: block;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0 0 0 -6px;
padding: 0;
overflow: hidden;
}
form.cart .order-viamarketplace > ul.marketplace-list > li {
float: left;
width: calc(33.33% - 12px);
margin: 12px 6px 0 6px;
}
form.cart .order-viamarketplace > ul.marketplace-list > li > a {
display: block;
border: 1px solid #ededed;
border-radius: 4px;
padding: 6px 8px;
}
form.cart .order-viamarketplace > ul.marketplace-list > li > a > img {
display: block;
width: 96px;
height: 24px;
margin: 0 auto;
}
.entry-summary > .product_meta {
display: inline-block;
position: relative;
width: 100%;
border-bottom: 1px solid #ededed;
margin: 15px 0 0 0;
padding: 0 25px 10px 0;
}
.entry-summary > .product_meta > .sku_wrapper,
.entry-summary > .product_meta > .posted_in,
.entry-summary > .product_meta > .tagged_as {
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.3em;
margin: 0 0 6px 0;
}
.entry-summary > .product_meta > .sku_wrapper > .sku,
.entry-summary > .product_meta > .posted_in > a,
.entry-summary > .product_meta > .tagged_as > a {
font-weight: normal;
color: var(--color-text);
}
.entry-summary > .product_meta > .share_on {
position: absolute;
bottom: 15px;
right: 0;
}
.entry-summary > .product_meta > .share_on > .share-toggle {
display: block;
position: relative;
cursor: pointer;
}
.entry-summary > .product_meta > .share_on > .share-toggle > svg {
display: block;
width: 20px;
height: 20px;
fill: var(--color-text);
}
.entry-summary > .product_meta > .share_on > ul.share-list {
position: absolute;
top: 36px;
right: 0;
list-style: none;
width: 112px;
background: #ffffff;
border-radius: 6px;
margin: 0;
padding: 8px;
z-index: 1;
opacity: 0;
visibility: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
transition: all ease-in-out 0.2s;
}
.entry-summary > .product_meta > .share_on > ul.share-list.show {
top: 28px;
opacity: 1;
visibility: visible;
}
.entry-summary > .product_meta > .share_on > ul.share-list > li {
float: left;
margin: 0 8px 0 0;
}
.entry-summary > .product_meta > .share_on > ul.share-list > li:last-child {
margin: 0;
}
.entry-summary > .product_meta > .share_on > ul.share-list > li > a {
display: block;
}
.entry-summary > .product_meta > .share_on > ul.share-list > li > a > svg {
display: block;
width: 18px;
height: 18px;
fill: var(--color-text);
}
.entry-summary
> .product_meta
> .share_on
> ul.share-list
> li
> a.facebook
> svg {
fill: #1877f2;
}
.entry-summary
> .product_meta
> .share_on
> ul.share-list
> li
> a.twitter
> svg {
fill: #000000;
}
.entry-summary
> .product_meta
> .share_on
> ul.share-list
> li
> a.whatsapp
> svg {
fill: #25d366;
}
.entry-summary
> .product_meta
> .share_on
> ul.share-list
> li
> a.pinterest
> svg {
fill: #bd081c;
}
.product-content {
display: block;
width: 100%;
margin: 0 0 20px 0;
}
.product-content > .additional-information {
display: block;
margin: 0 0 20px 0;
}
.product-content > .entry-content {
overflow: hidden;
}
.product-content > .additional-information > h2,
.product-content > .entry-content > h2:first-child {
display: none;
}
.product-content > .additional-information > table > tbody > tr {
border-bottom: 1px solid #ededed;
}
.product-content > .additional-information > table > tbody > tr > th,
.product-content > .additional-information > table > tbody > tr > td {
border: 0;
}
.product-content > .additional-information > table > tbody > tr > th {
width: 35%;
padding: 8px 0;
}
.product-content
> .additional-information
> table
> tbody
> tr
> td
> p:last-child {
margin: 0;
}
.product-content > .product-reviews {
display: block;
margin: 20px 0 0 0;
}
.product-content > .product-reviews > .review-heading {
display: block;
margin: 0 0 20px 0;
}
.product-content > .product-reviews > .review-heading > .review-title {
display: inline-block;
font-size: 21px;
font-weight: bold;
line-height: 1em;
margin: 0;
vertical-align: middle;
}
.product-content > .product-reviews > .review-heading > .add-review {
display: inline-block;
background: var(--color-primary);
font-size: 13px;
line-height: 1em;
color: #ffffff;
border-radius: 4px;
margin: 0 0 0 12px;
padding: 6px 12px;
vertical-align: middle;
}
.product-content > .product-reviews > .woocommerce-Reviews {
display: block;
}
.product-content > .product-reviews .woocommerce-Reviews-title {
display: none;
}
.single-share {
display: block;
border-radius: 4px;
margin: 20px 0;
overflow: hidden;
}
.single-share > a {
float: left;
width: 25%;
background: var(--color-primary);
font-size: 15px;
line-height: 1em;
color: #ffffff;
text-align: center;
padding: 10px 16px;
}
.single-share > .facebook {
background: #1877f2;
}
.single-share > .twitter {
background: #1da1f2;
}
.single-share > .whatsapp {
background: #25d366;
}
.single-share > .pinterest {
background: #bd081c;
}
.single-share > a > svg {
display: inline-block;
width: 20px;
height: 20px;
fill: #ffffff;
margin: 0 12px 0 0;
vertical-align: middle;
}
.single-share > a > .text {
display: inline-block;
vertical-align: middle;
}
.related.products {
display: block;
margin: 30px 0 0 0;
}
.related-posts,
.related-promo {
display: block;
margin: 20px 0 0 0;
}
.comments-area {
display: block;
margin: 20px 0 0 0;
}
.comments-area > .comments-title {
display: block;
font-weight: normal;
}
.comments-area > .comments-title > span {
font-weight: bold;
}
ol.commentlist,
ol.comment-list {
display: block;
list-style: none;
background: #f5f5f5;
margin: 0;
padding: 20px;
}
ol.commentlist li,
ol.comment-list li {
display: block;
margin: 0 0 20px 0;
}
ol.commentlist > li:last-child,
ol.comment-list > li:last-child {
margin: 0;
}
ol.commentlist li ul.children,
ol.comment-list li ul.children,
ol.commentlist li ol.children,
ol.comment-list li ol.children {
margin: 20px 0 0 0;
}
ol.commentlist li ul.children > li:last-child,
ol.comment-list li ul.children > li:last-child,
ol.commentlist li ol.children > li:last-child,
ol.comment-list li ol.children > li:last-child {
margin: 0;
}
ol.commentlist li.review .comment_container,
ol.comment-list li.comment .comment-body {
display: block;
background: #ffffff;
border-radius: 6px;
margin: 0;
padding: 15px 20px;
}
ol.commentlist li.review:last-child .comment_container,
ol.comment-list li.comment:last-child .comment-body {
margin: 0;
}
ol.commentlist li.review .comment_container img.avatar,
ol.comment-list li.comment .comment-body img.avatar {
float: left;
width: 42px;
height: 42px;
border-radius: 100%;
margin: 0 12px 0 0;
}
ol.commentlist li.review .comment_container .meta {
display: block;
font-size: 15px;
line-height: 1.3em;
margin: 0;
}
ol.comment-list li.comment .comment-body .comment-metadata {
display: block;
font-size: 14px;
}
ol.comment-list li.comment .comment-body .comment-metadata a {
color: var(--color-text);
}
ol.commentlist li.review .comment_container .description,
ol.comment-list li.comment .comment-body .comment-content {
display: inline-block;
width: 100%;
font-size: 15px;
line-height: 1.4em;
margin: 12px 0 0 0;
}
ol.commentlist li.review .comment_container .description p,
ol.comment-list li.comment .comment-body .comment-content p {
display: block;
margin: 0 0 12px 0;
}
ol.commentlist li.review .comment_container .description p:last-child,
ol.comment-list li.comment .comment-body .comment-content p:last-child {
margin: 0;
}
ol.comment-list li.comment .comment-body .reply {
display: block;
margin: 12px 0 0 0;
}
ol.comment-list li.comment .comment-body .reply .comment-reply-link {
display: inline-block;
background: #f5f5f5;
font-size: 14px;
line-height: 1em;
color: var(--color-text);
border-radius: 4px;
padding: 6px 12px;
}
.comment-respond {
display: block;
margin: 20px 0 0 0;
}
ol.comment-list li .comment-respond {
margin-bottom: 20px;
}
.comment-respond > .comment-reply-title {
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1.35em;
margin: 0 0 15px 0;
}
.comment-respond > .comment-reply-title small {
display: inline-block;
margin: 0 0 0 12px;
}
ol.comment-list li .comment-respond .comment-form {
display: block;
background: #ffffff;
padding: 20px;
}
.comment-respond > .comment-form > .comment-notes {
display: block;
font-size: 15px;
line-height: 1.5em;
}
.comment-respond > .comment-form > .comment-form-rating {
display: block;
margin: 0 0 15px 0;
}
.comment-respond > .comment-form > .comment-form-rating > .stars,
.comment-respond > .comment-form > .form-submit {
margin: 0;
}
.comment-respond > .comment-form > .comment-form-author,
.comment-respond > .comment-form > .comment-form-email {
float: left;
width: calc(50% - 10px);
}
.comment-respond > .comment-form > .comment-form-author {
margin-right: 20px;
}
.comment-respond > .comment-form > .comment-form-rating > label {
display: block;
margin: 0 0 8px 0;
}
.comment-respond > .comment-form > .comment-form-comment > textarea,
.comment-respond > .comment-form > .comment-form-author > input[type="text"],
.comment-respond > .comment-form > .comment-form-email > input[type="email"],
.comment-respond > .comment-form > .comment-form-url > input[type="url"] {
display: block;
width: 100%;
}
.comment-respond > .comment-form > .comment-form-cookies-consent {
position: relative;
}
.comment-respond > .comment-form > .comment-form-cookies-consent > input[type="checkbox"] {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
.comment-respond > .comment-form > .comment-form-cookies-consent > label {
display: inline-block;
position: relative;
cursor: pointer;
margin: 0;
padding: 0 0 0 42px;
}
.comment-respond > .comment-form > .comment-form-cookies-consent > label::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 30px;
height: 16px;
border: 1px solid #ededed;
border-radius: 24px;
vertical-align: bottom;
margin: 0 8px 0 0;
}
.comment-respond > .comment-form > .comment-form-cookies-consent > label::after {
content: "";
position: absolute;
top: 50%;
left: 4px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background: #bebebe;
border-radius: 50%;
transition: all ease-in-out 0.2s;
}
.comment-respond > .comment-form > .comment-form-cookies-consent > input[type="checkbox"]:checked ~ label::after {
left: 18px;
background: var(--color-primary);
}
.not-found-wrapper {
display: block;
text-align: center;
padding: 40px 20px;
}
.not-found-wrapper > img {
display: block;
width: 265px;
height: auto;
margin: 0 auto 20px auto;
}
.not-found-wrapper > h2 {
display: block;
margin: 0 0 12px 0;
}
.load-latestpro {
display: block;
width: 100%;
text-align: center;
margin: 10px 0 0 0;
overflow: hidden;
}
.load-latestpro .loadmore-button {
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 1em;
color: #9e9e9e;
border: 2px solid #ededed;
border-radius: 4px;
margin: 0 0 10px 0;
padding: 10px 18px;
cursor: pointer;
transition: all ease-in-out 0.2s;
}
.load-latestpro .loadmore-button:hover {
color: var(--color-primary);
border-color: var(--color-primary);
} .lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 45px;
}
.lds-ellipsis div {
position: absolute;
top: 18px;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--color-primary);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
.load-latestpro.loaded .lds-ellipsis {
display: none;
}
.load-latestpro .no-more {
display: block;
padding: 12px 0;
color: #9e9e9e;
}
.load-latestpro.loading .no-more {
display: none;
}
.fixbot-menu-wrapper {
display: none;
width: 800px;
max-width: 100%;
height: 51px;
margin: 0 auto;
overflow: hidden;
}
.fixbot-menu {
position: fixed;
bottom: 0;
left: 50%;
width: 800px;
max-width: 100%;
transform: translateX(-50%);
background: #fff;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.08);
z-index: 12;
}
.fixbot-menu .fixbot-menu-item {
float: left;
width: 25%;
}
.fixbot-menu .fixbot-menu-item a {
display: block;
position: relative;
font-size: 13px;
line-height: 1em;
color: #212324;
text-decoration: none;
text-align: center;
padding: 8px 0;
}
.fixbot-menu .fixbot-menu-item.active a {
color: var(--color-primary);
}
.fixbot-menu .fixbot-menu-item a .icon {
display: block;
position: relative;
margin: 0 0 4px 0;
}
.fixbot-menu .fixbot-menu-item a .icon svg {
display: block;
width: 18px;
height: 18px;
fill: #212324;
margin: 0 auto;
}
.fixbot-menu .fixbot-menu-item.active a .icon svg {
display: none;
}
.fixbot-menu .fixbot-menu-item a .icon svg.fill-icon {
display: none;
}
.fixbot-menu .fixbot-menu-item.active a .icon svg.fill-icon {
display: block;
fill: var(--color-primary);
}
.fixbot-menu > .fixbot-menu-item > a > .icon > .count {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 16px;
height: 16px;
background: var(--color-secondary);
font-size: 10px;
line-height: 16px;
color: #fff;
text-align: center;
border-radius: 100%;
margin-left: 18px;
}
.popup-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 44;
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.2s;
}
.popup-wrapper.show {
opacity: 1;
visibility: visible;
}
.popup-wrapper > .popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: -20px 0 0 0;
z-index: 45;
transition: all ease-in-out 0.2s;
}
.popup-wrapper.show > .popup-content {
margin: 0;
}
.popup-wrapper > .popup-content > a {
display: block;
margin: 0;
padding: 0;
}
.popup-wrapper > .popup-content > a > img {
display: block;
width: auto;
max-width: calc(100vw - 60px);
height: auto;
margin: 0;
padding: 0;
}
.popup-wrapper > .popup-content > .popup-close {
position: absolute;
top: -32px;
right: 0;
background: #263238;
border-radius: 100%;
text-align: center;
cursor: pointer;
padding: 4px;
}
.popup-wrapper > .popup-content > .popup-close > svg {
display: block;
width: 16px;
height: 16px;
fill: #ffffff;
margin: 0;
}
.popup-wrapper > .popup-content > .dontshow-again {
position: absolute;
top: -28px;
right: 38px;
font-size: 15px;
line-height: 1em;
color: #ffffff;
cursor: pointer;
} .wp-block-woocommerce-checkout {
padding-top: 0 !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
width: calc(100% - 360px) !important;
padding-right: 0 !important;
}
.wc-block-components-sidebar {
width: 360px !important;
padding-left: 40px !important;
}
.wc-block-components-checkout-step--with-step-number
.wc-block-components-checkout-step__title:before {
content: " " counter(checkout-step) "." !important;
content: " " counter(checkout-step) "."/"" !important;
}
.wc-block-components-state-input .components-base-control__label {
top: 50% !important;
left: 16px !important;
transform: translateY(-50%) !important;
font-size: 14px !important;
line-height: 1em !important;
cursor: text;
}
.wc-block-components-checkout-step__heading {
margin: 0 0 12px 0 !important;
}
.wc-block-checkout__contact-fields .wc-block-components-checkout-step__heading {
margin-top: 0 !important;
}
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-textarea {
border: 1px solid #ededed !important;
font-size: 14px !important;
padding: 12px 16px !important;
}
.wc-block-components-text-input.is-active input[type="text"],
.wc-block-components-text-input.is-active input[type="email"],
.wc-block-components-text-input.is-active input[type="tel"],
.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:focus,
.wc-block-components-textarea:focus {
border-color: var(--color-text) !important;
padding: 12px 16px !important;
box-shadow: 0 0 0 1px var(--color-text) !important;
}
.wc-block-components-text-input.has-error input[type="text"],
.wc-block-components-text-input.has-error input[type="email"],
.wc-block-components-text-input.has-error input[type="tel"] {
border-color: #cc1818 !important;
box-shadow: 0 0 0 1px #cc1818 !important;
}
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
left: 16px !important;
background: #ffffff !important;
font-size: 14px !important;
}
.wc-block-components-form .wc-block-components-text-input.is-active label,
.wc-block-components-text-input.is-active label,
.wc-block-components-combobox.is-active
.wc-block-components-combobox-control
label.components-base-control__label,
.wc-block-components-form
.wc-block-components-combobox.is-active
.wc-block-components-combobox-control
label.components-base-control__label {
top: -6px !important;
transform: none !important;
background: #ffffff;
font-size: 13px !important;
padding: 0 8px !important;
}
.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 {
border: 1px solid #ededed !important;
padding: 12px 16px !important;
}
.wc-block-checkout__sidebar .wc-block-components-product-name {
font-size: 14px !important;
line-height: 1.3em !important;
}
.wc-block-checkout__shipping-option .wc-block-components-radio-control__option,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option {
padding-left: 28px !important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input {
left: 0 !important;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control {
border: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
}
.wc-block-components-order-summary
.wc-block-components-order-summary-item__image {
padding-bottom: 0 !important;
}
.wc-block-components-totals-discount .wc-block-components-totals-item__value {
color: var(--color-primary) !important;
}
.wc-block-components-shipping-rates-control__package:last-child {
margin-bottom: 0 !important;
}
.wc-block-checkout__payment-method
.wc-block-components-radio-control-accordion-option:last-child:after,
.wc-block-checkout__payment-method
.wc-block-components-radio-control__option:last-child:after {
display: none !important;
}
.wc-block-checkout__payment-method
.wc-block-components-radio-control-accordion-option {
margin: 0 0 15px 0 !important;
}
.wc-block-checkout__payment-method
.wc-block-components-radio-control-accordion-option:last-child {
margin: 0 !important;
padding-bottom: 0 !important;
}
.wc-block-components-combobox
.wc-block-components-combobox-control
.components-form-token-field__suggestions-list
.components-form-token-field__suggestion,
.wc-block-components-form
.wc-block-components-combobox
.wc-block-components-combobox-control
.components-form-token-field__suggestions-list
.components-form-token-field__suggestion {
font-size: 14px !important;
color: var(--color-text) !important;
}
.wc-block-components-combobox
.wc-block-components-combobox-control
.components-form-token-field__suggestions-list
.components-form-token-field__suggestion:hover,
.wc-block-components-form
.wc-block-components-combobox
.wc-block-components-combobox-control
.components-form-token-field__suggestions-list
.components-form-token-field__suggestion:hover {
background: #f5f5f5 !important;
}
.is-large .wc-block-checkout__actions {
padding: 20px 0 !important;
}
.wc-block-components-radio-control-accordion-content {
display: block;
position: relative;
background: #f5f5f5;
font-size: 14px;
line-height: 1.5em;
color: #263238;
border-radius: 6px;
margin: 15px 0 0 0;
padding: 12px 20px !important;
}
.wc-block-components-radio-control-accordion-content::before {
content: "";
position: absolute;
top: -10px;
left: 30px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 10px 8px;
border-color: transparent transparent #f5f5f5 transparent;
}
.wc-block-components-checkout-return-to-cart-button {
display: none !important;
}
.wc-block-checkout__actions_row
.wc-block-components-checkout-place-order-button {
display: block !important;
width: 100% !important;
box-shadow: none !important;
}
.wc-block-components-radio-control--highlight-checked
div.wc-block-components-radio-control-accordion-option:after {
display: none;
}
.wc-block-checkout__payment-method
.wc-block-components-radio-control-accordion-option
.wc-block-components-radio-control__label
> div {
display: inherit;
}
.wc-block-components-validation-error {
font-size: 14px !important;
line-height: 1.3em !important;
}
.wc-block-components-order-summary
.wc-block-components-order-summary-item__description {
padding-bottom: 0 !important;
}
.wc-block-components-product-metadata__description {
display: none;
}
.wc-block-components-order-summary
.wc-block-components-order-summary-item__individual-prices {
line-height: 1em;
}
.wc-block-checkout__payment-method
.wc-block-components-radio-control-accordion-option:first-child {
padding-top: 0 !important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input {
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
min-height: 16px !important;
}
.wc-block-components-radio-control
.wc-block-components-radio-control__input:checked:before {
width: 8px !important;
height: 8px !important;
min-width: 8px !important;
min-height: 8px !important;
}
.wc-block-components-totals-coupon__content .wc-block-components-button {
background: var(--color-secondary);
cursor: pointer;
}
.wc-block-components-totals-coupon {
font-size: 15px;
line-height: 1em;
}
.wc-block-components-form .wc-block-components-checkout-step,
.wc-block-components-form
.wc-block-checkout__order-notes.wc-block-components-checkout-step {
margin: 0 0 20px 0 !important;
}
.wc-block-checkout__terms {
display: block;
background: #fff4e5;
font-size: 14px;
line-height: 1.5em;
color: #663c00;
border: 0 !important;
border-radius: 6px;
margin: 0 !important;
padding: 15px 20px !important;
}
.wc-block-checkout__add-note {
margin: 0 0 20px 0 !important;
}
.wc-block-components-totals-coupon__form
.wc-block-components-totals-coupon__button {
border: 0 !important;
padding: 12px 16px !important;
}
.is-large .wc-block-components-sidebar .wc-block-components-panel,
.is-large .wc-block-components-sidebar .wc-block-components-totals-coupon,
.is-large .wc-block-components-sidebar .wc-block-components-totals-item,
.is-medium
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-totals-wrapper,
.is-mobile
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-totals-wrapper,
.is-small
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-totals-wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wc-block-components-address-form__address_2-toggle {
font-size: 14px !important;
color: var(--color-text) !important;
text-align: center !important;
border: 1px solid #ededed !important;
}
.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 {
box-shadow: none !important;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__option,
.wc-block-checkout__payment-method
.wc-block-components-radio-control__option:first-child,
.wc-block-checkout__payment-method
.wc-block-components-radio-control__option:last-child {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.wc-block-components-radio-control--highlight-checked:after {
border: 0 !important;
}
.is-large .wp-block-woocommerce-checkout-order-summary-block {
border: 0 !important;
} .dokan-btn-theme,
a.dokan-btn-theme,
.dokan-dashboard .dokan-dash-sidebar,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu {
background: var(--color-primary) !important;
border-color: var(--color-primary) !important;
}
.dokan-single-store .profile-frame {
background-color: #ffffff !important;
}
.dokan-single-store .profile-frame .profile-info-box {
height: 382px;
}
.dokan-single-store
.profile-frame
.profile-info-box.profile-layout-default
.profile-info-summery-wrapper {
position: absolute !important;
}
.dokan-single-store
.profile-frame
.profile-info-box
.profile-info-summery-wrapper
.profile-info-summery
.profile-info
li {
padding-bottom: 4px !important;
}
.dokan-store-wrap {
display: block !important;
}
.dokan-store-products-filter-area .orderby-search {
padding: 8px 16px;
}
.dokan-dashboard .dokan-dash-sidebar {
flex: auto !important;
width: 180px !important;
}
.dokan-dashboard .dokan-dash-sidebar,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu {
border-radius: 6px;
}
.dokan-dashboard .dokan-dashboard-content {
width: calc(100% - 210px) !important;
flex: auto !important;
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover {
background: transparent !important;
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active,
.dokan-dashboard
.dokan-dash-sidebar
ul.dokan-dashboard-menu
li.dokan-common-links
a:hover {
background: rgba(0, 0, 0, 0.12) !important;
}
.wpcf7-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
margin: 0;
}
.wpcf7-form label > .wpcf7-form-control-wrap {
margin: 8px 0 0 0;
}
.wpcf7-form .wpcf7-form-control-wrap > input[type="text"],
.wpcf7-form .wpcf7-form-control-wrap > input[type="email"],
.wpcf7-form .wpcf7-form-control-wrap > input[type="tel"],
.wpcf7-form .wpcf7-form-control-wrap > input[type="number"],
.wpcf7-form .wpcf7-form-control-wrap > textarea {
display: block;
width: 100%;
margin: 0;
}
.wpcf7-form .wpcf7-form-control-wrap > .wpcf7-not-valid-tip {
display: block;
font-size: 13px;
line-height: 1.3em;
margin: 4px 0 0 0;
}
.wpcf7-form > .wpcf7-response-output {
display: block;
font-size: 15px;
line-height: 1.4em;
margin: 0 !important;
padding: 8px 12px !important;
}
@media screen and (max-width: 872px) {
.flash-sale-products > .slick-prev {
left: -3px;
}
.flash-sale-products > .slick-next {
right: -3px;
}
}
@media screen and (max-width: 768px) {
.featured-slider .slick-slide img {
height: 288px;
}
ul.flash-sale-products li {
min-height: 320px;
}
ul.products li .star-rating {
top: 140px;
}
ul.products li .button::after {
display: none;
}
.product-summary > .woocommerce-product-gallery {
width: 370px;
}
.product-summary > .entry-summary {
width: calc(100% - 390px);
}
table.cart,
table.woocommerce-orders-table,
table.woocommerce-table--order-downloads {
border: 1px solid #ededed;
}
table.cart > thead,
table.woocommerce-orders-table > thead,
table.woocommerce-table--order-downloads > thead {
display: none;
}
table.cart tr,
table.woocommerce-orders-table tr,
table.woocommerce-table--order-downloads tr {
border-bottom: 1px solid #ededed;
}
table.cart td,
table.woocommerce-orders-table td,
table.woocommerce-table--order-downloads td {
display: block;
text-align: right;
border: 0;
clear: both;
}
table.cart td::before,
table.woocommerce-orders-table td::before,
table.woocommerce-table--order-downloads td::before {
content: attr(data-title) ": ";
float: left;
}
table.cart td.product-remove::before,
table.cart td.product-thumbnail::before,
table.cart td.actions::before {
display: none;
}
table.cart td.product-name a {
padding-left: 80px;
}
table.cart td > .coupon {
display: block;
margin: 0 0 8px 0;
}
table.woocommerce-orders-table td a.button,
table.woocommerce-table--order-downloads td a.button {
display: inline-block;
margin: 0 4px;
}
form.checkout > #customer_details,
form.checkout > #order_review_heading,
form.checkout > #order_review {
float: none;
display: block;
width: 100%;
}
.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar {
width: 100% !important;
padding: 0 !important;
}
}
@media screen and (max-width: 600px) {
.featured-slider .slick-slide img {
height: 225px;
}
.featured-slider > ul.slick-dots {
bottom: 15px;
}
ul.mobcat-list {
grid-template-rows: repeat(2, auto);
grid-auto-columns: calc(100% / 4);
}
ul.mobcat-list li > a > img {
height: 36px;
}
.mobcat-nav {
display: none;
}
ul.products li {
width: calc(33.33% - 20px);
}
.product-summary > .woocommerce-product-gallery,
.product-summary > .entry-summary {
float: none;
display: block;
width: 100%;
}
.product-summary > .woocommerce-product-gallery {
margin: 0 0 20px 0;
}
table.cart td > .coupon > input[name="coupon_code"] {
width: 120px;
}
.gridpromo-wrapper {
display: block;
width: 100%;
margin: 0;
}
.gridpost-wrapper > .post {
width: calc(50% - 20px);
}
.gridpromo-wrapper > .promo {
float: none;
display: block;
width: 100%;
margin: 0 0 20px 0;
}
.promo-chip > .coupon-code,
.promo-chip > .exp-date {
float: none;
display: block;
width: 100%;
text-align: left;
margin: 0 0 12px 0;
}
.promo-chip > .exp-date {
margin: 0;
}
.promo-chip > .coupon-code > .input-couponcode {
max-width: initial;
}
.footer-wrapper {
margin: 30px 0 0 0;
}
.footer-rows {
text-align: center;
}
.footer-rows > .footer-1,
.footer-rows > .footer-2,
.footer-rows > .footer-3,
.footer-rows > .footer-4 {
width: 100%;
margin: 0 0 30px 0;
padding: 0;
}
.footer-rows > .footer-4 {
margin: 0;
}
.footer-rows > .footer-4 img {
max-width: 210px;
}
.single-share > a {
padding: 8px 16px;
}
.single-share > a > svg {
margin: 0;
}
.single-share > a > .text {
display: none;
}
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
float: none;
display: block;
width: 100%;
}
.woocommerce-MyAccount-navigation {
margin: 0 0 20px 0;
}
.woocommerce-MyAccount-navigation > ul > li {
float: left;
width: 33.33%;
text-align: center;
}
.dokan-dashboard .dokan-dash-sidebar,
.dokan-dashboard .dokan-dashboard-content {
width: 100% !important;
}
}
@media screen and (max-width: 420px) {
.featured-slider .slick-slide img {
height: 155px;
}
ul.mobcat-list li > a > img {
height: 30px;
}
.woocommerce-shop .woocommerce-breadcrumb {
text-align: center;
}
ul.products li {
width: calc(50% - 20px);
}
.site-header .cart-toggle {
display: none;
}
.fixbot-menu-wrapper {
display: block;
}
.fixed-nav-wrapper > .nav-wrapper > .my-account {
display: none;
}
form.cart .single_add_to_cart_button,
form.cart .wa-order-btn {
width: 100%;
}
form.cart .wa-order-btn {
margin: 12px 0 0 0;
}
form.cart .order-viamarketplace {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
table.cart td > .coupon > input[name="coupon_code"],
table.cart td > .coupon > .button,
table.cart td > button[name="update_cart"],
.cart-collaterals .wc-proceed-to-checkout .button {
width: 100%;
text-align: center;
}
table.cart td > .coupon > input[name="coupon_code"] {
margin: 0 0 6px 0;
}
.cart-collaterals table th {
display: none;
}
.cart-collaterals table tr.cart-subtotal > td,
.cart-collaterals table tr.order-total > td {
text-align: right;
}
.cart-collaterals table tr.cart-subtotal > td::before,
.cart-collaterals table tr.order-total > td::before {
content: attr(data-title) ": ";
float: left;
}
.woocommerce-form-coupon > p.form-row-first,
.woocommerce-form-coupon > p.form-row-last {
float: none;
display: block;
width: 100%;
}
.woocommerce-form-coupon > p.form-row-first {
margin: 0 0 8px 0;
}
.gridpost-wrapper {
display: block;
width: 100%;
margin: 0;
}
.gridpost-wrapper > .post {
float: none;
display: block;
width: 100%;
margin: 0 0 20px 0;
}
.woocommerce-products-header {
text-align: center;
}
.woocommerce-result-count,
.woocommerce-ordering {
float: none;
display: block;
width: 100%;
line-height: 1.3em;
text-align: center;
}
.woocommerce-result-count {
margin: 0 0 8px 0;
}
form.cart .order-viamarketplace > ul.marketplace-list > li > a > img {
width: 86px;
height: 20px;
}
.scroll-to-top {
right: 26px;
bottom: 114px;
padding: 6px;
}
.scroll-to-top > svg {
width: 16px;
height: 16px;
}
.floating-whatsapp-button {
right: 20px;
bottom: 64px;
padding: 8px;
}
.floating-whatsapp-button > svg {
width: 24px;
height: 24px;
}
.woocommerce-MyAccount-navigation > ul {
display: block;
white-space: nowrap;
overflow-x: auto;
}
.woocommerce-MyAccount-navigation > ul > li {
float: none;
display: inline-block;
width: auto;
}
.woocommerce-MyAccount-navigation > ul > li > a {
font-size: 15px;
padding: 12px 20px;
}
.col2-set.addresses > .col-1,
.col2-set.addresses > .col-2 {
float: none;
display: block;
width: 100%;
}
.col2-set.addresses > .col-1 {
margin: 0 0 20px 0;
}
.dokan-dashboard .dokan-dash-sidebar {
padding: 8px 0 !important;
}
.dokan-dashboard .dokan-dash-sidebar #dokan-navigation #mobile-menu-icon {
margin-right: 8px;
}
}
@media screen and (max-width: 384px) {
.featured-slider .slick-slide img {
height: 145px;
}
form.cart .order-viamarketplace > ul.marketplace-list > li > a > img {
width: 73px;
height: 17px;
}
ul.products li .star-rating {
top: 125px;
}
.comment-respond > .comment-form > .form-submit > input[type="submit"] {
width: 100%;
}
}
@media screen and (max-width: 360px) {
.featured-slider .slick-slide img {
height: 135px;
}
ul.products li {
min-height: 300px;
}
ul.products li .star-rating {
top: 125px;
}
.fixed-cart-wrapper > .cart-wrapper {
right: -300px;
width: 300px;
}
}