@-webkit-keyframes dot-keyframes {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes dot-keyframes {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}  :root {
--color-white: #FFFFFF;
--color-black: #020617;
--color-slate-50: #f8fafc;
--color-slate-100: #f1f5f9;
--color-slate-200: #e2e8f0;
--color-slate-300: #cbd5e1;
--color-slate-400: #94a3b8;
--color-slate-500: #64748b;
--color-slate-600: #475569;
--color-slate-700: #334155;
--color-slate-800: #1e293b;
--color-slate-900: #0f172a;
--color-slate-950: #020617;
--color-gray-50: #f9fafb;
--color-gray-100: #f3f4f6;
--color-gray-200: #e5e7eb;
--color-gray-300: #d1d5db;
--color-gray-400: #9ca3af;
--color-gray-500: #6b7280;
--color-gray-600: #4b5563;
--color-gray-700: #374151;
--color-gray-800: #1f2937;
--color-gray-900: #111827;
--color-gray-950: #030712;
--color-red-50: #fef2f2;
--color-red-100: #fee2e2;
--color-red-200: #fecaca;
--color-red-300: #fca5a5;
--color-red-400: #f87171;
--color-red-500: #ef4444;
--color-red-600: #dc2626;
--color-red-700: #b91c1c;
--color-red-800: #991b1b;
--color-red-900: #7f1d1d;
--color-red-950: #450a0a;
--color-orange-50: #fff7ed;
--color-orange-100: #ffedd5;
--color-orange-200: #fed7aa;
--color-orange-300: #fdba74;
--color-orange-400: #fb923c;
--color-orange-500: #f97316;
--color-orange-600: #ea580c;
--color-orange-700: #c2410c;
--color-orange-800: #9a3412;
--color-orange-900: #7c2d12;
--color-orange-950: #431407;
--color-yellow-50: #fefce8;
--color-yellow-100: #fef9c3;
--color-yellow-200: #fef08a;
--color-yellow-300: #fde047;
--color-yellow-400: #facc15;
--color-yellow-500: #eab308;
--color-yellow-600: #ca8a04;
--color-yellow-700: #a16207;
--color-yellow-800: #854d0e;
--color-yellow-900: #713f12;
--color-yellow-950: #422006;
--color-green-50: #f0fdf4;
--color-green-100: #dcfce7;
--color-green-200: #bbf7d0;
--color-green-300: #86efac;
--color-green-400: #4ade80;
--color-green-500: #22c55e;
--color-green-600: #16a34a;
--color-green-700: #15803d;
--color-green-800: #166534;
--color-green-900: #14532d;
--color-green-950: #052e16;
--color-cyan-50: #ecfeff;
--color-cyan-100: #cffafe;
--color-cyan-200: #a5f3fc;
--color-cyan-300: #67e8f9;
--color-cyan-400: #22d3ee;
--color-cyan-500: #06b6d4;
--color-cyan-600: #0891b2;
--color-cyan-700: #0e7490;
--color-cyan-800: #155e75;
--color-cyan-900: #164e63;
--color-cyan-950: #083344;
--color-blue-50: #eff6ff;
--color-blue-100: #dbeafe;
--color-blue-200: #bfdbfe;
--color-blue-300: #93c5fd;
--color-blue-400: #60a5fa;
--color-blue-500: #3b82f6;
--color-blue-600: #2563eb;
--color-blue-700: #1d4ed8;
--color-blue-800: #1e40af;
--color-blue-900: #1e3a8a;
--color-blue-950: #172554;
--color-indigo-50: #eef2ff;
--color-indigo-100: #e0e7ff;
--color-indigo-200: #c7d2fe;
--color-indigo-300: #a5b4fc;
--color-indigo-400: #818cf8;
--color-indigo-500: #6366f1;
--color-indigo-600: #4f46e5;
--color-indigo-700: #4338ca;
--color-indigo-800: #3730a3;
--color-indigo-900: #312e81;
--color-indigo-950: #1e1b4b;
--color-violet-50: #f5f3ff;
--color-violet-100: #ede9fe;
--color-violet-200: #ddd6fe;
--color-violet-300: #c4b5fd;
--color-violet-400: #a78bfa;
--color-violet-500: #8b5cf6;
--color-violet-600: #7c3aed;
--color-violet-700: #6d28d9;
--color-violet-800: #5b21b6;
--color-violet-900: #4c1d95;
--color-violet-950: #2e1065;
}
:root {
--theme-site-width: 1440px;
--theme-site-gutter: 1.875rem;
--theme-site-border-radius: 0.375rem;
--theme-site-brand-height: 2.125rem;
--theme-site-brand-mobile-height: 1.875rem;
--theme-body-font: Inter, sans-serif;
--theme-body-font-size: 16px;
--theme-body-font-weight: 400;
--theme-body-letter-spacing: -0.02em;
--theme-body-line-height: 1.5;
--theme-body-text-align: left;
--theme-body-color: #030712;
--theme-body-background: #FFFFFF;
--theme-heading-font: Inter, sans-serif;
--theme-heading-font-weight: 700;
--theme-heading-letter-spacing: -0.02em;
--theme-main-menu-font: Inter, sans-serif;
--theme-main-menu-font-size: 0.938rem;
--theme-main-menu-font-weight: 600;
--theme-main-menu-letter-spacing: -0.02em;
--theme-product-title-font: Inter, sans-serif;
--theme-product-title-font-size: 0.875rem;
--theme-product-title-font-weight: 500;
--theme-product-title-letter-spacing: -0.02em;
--theme-product-price-font: Barlow, sans-serif;
--theme-product-price-font-size: 1.375rem;
--theme-product-price-font-weight: 700;
--theme-product-price-letter-spacing: -0.02em;
--theme-text-excerpt-font-size: 0.875rem;
--theme-text-description-font-size: 1rem;
--theme-text-teaser-font-size: 1.125rem;
--theme-form-input-font: Inter, sans-serif;
--theme-form-input-font-size: 0.875rem;
--theme-form-input-font-weight: 500;
--theme-form-input-letter-spacing: -0.02em;
--theme-form-input-height: 2.625rem;
--theme-form-button-font: Inter, sans-serif;
--theme-form-button-font-size: 0.875rem;
--theme-form-button-font-weight: 700;
--theme-form-button-letter-spacing: -0.02em;
--theme-form-button-height: 2.625rem;
--theme-primary-color: #634C9F;
--theme-primary-active-color: #39245F;
--theme-secondary-color: #FFD200;
--theme-secondary-active-color: #F3C901;
--theme-transition: cubic-bezier(0.75, 0.155, 0.525, 0.875);
}  body {
font-family: var(--theme-body-font);
font-size: var(--theme-body-font-size);
font-weight: var(--theme-body-font-weight);
line-height: var(--theme-body-line-height);
letter-spacing: var(--theme-body-letter-spacing);
text-align: var(--theme-body-text-align);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
overscroll-behavior-y: contain;
color: var(--theme-body-color);
background-color: var(--theme-body-background);
} h1, h2, h3, h4, h5, h6 {
font-family: var(--theme-heading-font);
font-weight: var(--theme-heading-font-weight);
letter-spacing: var(--theme-heading-letter-spacing);
} img {
max-width: 100%;
height: auto;
image-rendering: -webkit-optimize-contrast;
} .lh-1-1 {
line-height: 1.1 !important;
} .lt-base {
letter-spacing: var(--theme-body-letter-spacing) !important;
}
.lt-tighter {
letter-spacing: -0.04em !important;
}
.lt-spacing-05 {
letter-spacing: 0.5px !important;
}
.lt-spacing-1 {
letter-spacing: 1px !important;
}
.lt-spacing-2 {
letter-spacing: 2px !important;
}
.lt-spacing-3 {
letter-spacing: 3px !important;
} .border, .border-top, .border-end, .border-bottom, .border-start {
border-color: transparent;
} .filtered-sidebar-active, .share-buttons-active {
overflow: hidden;
}
.filtered-sidebar-active .main-content, .share-buttons-active .main-content {
z-index: unset !important;
} .container, .site-slider.full-width .slider-item .entry-wrapper {
--bs-gutter-x: var(--theme-site-gutter);
max-width: var(--theme-site-width);
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1280px) {
.container, .site-slider.full-width .slider-item .entry-wrapper {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
} @media screen and (min-width: 992px) {
.content-wrapper:not(.row-reverse) #sidebar {
padding-left: calc(var(--theme-site-gutter) / 2 + 0.9375rem);
}
}
.content-wrapper.row-reverse {
gap: 1.25rem;
}
@media screen and (min-width: 992px) {
.content-wrapper.row-reverse {
gap: 0;
}
.content-wrapper.row-reverse #sidebar {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-right: calc(var(--theme-site-gutter) / 2 + 0.9375rem);
}
.content-wrapper.row-reverse #primary {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
} .row {
--bs-gutter-x: var(--theme-site-gutter);
} .rounded-base {
border-radius: var(--theme-site-border-radius);
}
.rounded-2xbase {
border-radius: calc(var(--theme-site-border-radius) + 0.125rem);
} @media screen and (min-width: 1200px) {
.custom-padding-left-330 {
padding-left: 20.625rem;
}
} .max-w-920 {
max-width: 57.5rem;
}
.max-w-780 {
max-width: 48.75rem;
}
.max-w-660 {
max-width: 41.25rem;
}
.max-w-520 {
max-width: 32.5rem;
}
.max-w-345 {
max-width: 21.5625rem;
}
.max-w-50 {
max-width: 50%;
}
.max-w-60 {
max-width: 60%;
}
.max-w-70 {
max-width: 70%;
}
.max-w-80 {
max-width: 80%;
}
.max-w-90 {
max-width: 90%;
}
.max-w-100 {
max-width: 100%;
}
@media screen and (min-width: 576px) {
.sm-max-w-50 {
max-width: 50%;
}
.sm-max-w-60 {
max-width: 60%;
}
.sm-max-w-70 {
max-width: 70%;
}
.sm-max-w-80 {
max-width: 80%;
}
.sm-max-w-90 {
max-width: 90%;
}
.sm-max-w-100 {
max-width: 100%;
}
}
@media screen and (min-width: 992px) {
.md-max-w-50 {
max-width: 50%;
}
.md-max-w-60 {
max-width: 60%;
}
.md-max-w-70 {
max-width: 70%;
}
.md-max-w-80 {
max-width: 80%;
}
.md-max-w-90 {
max-width: 90%;
}
.md-max-w-100 {
max-width: 100%;
}
}
@media screen and (min-width: 1200px) {
.lg-max-w-50 {
max-width: 50%;
}
.lg-max-w-60 {
max-width: 60%;
}
.lg-max-w-70 {
max-width: 70%;
}
.lg-max-w-80 {
max-width: 80%;
}
.lg-max-w-90 {
max-width: 90%;
}
.lg-max-w-100 {
max-width: 100%;
}
} .gap-0-5 {
gap: 0.15rem;
} .entry-excerpt {
font-size: var(--theme-text-excerpt-font-size);
} .entry-description {
font-size: var(--theme-text-description-font-size);
} .entry-teaser {
font-size: var(--theme-text-teaser-font-size);
} .entry-media > img, .entry-media > iframe, .entry-media > video {
width: 100%;
} .flex-auto {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
} .opacity-10 {
opacity: 0.1;
}
.opacity-20 {
opacity: 0.2;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-40 {
opacity: 0.4;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-60 {
opacity: 0.6;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-80 {
opacity: 0.8;
}
.opacity-90 {
opacity: 0.9;
} .strech {
width: 100%;
height: 100%;
top: 0;
left: 0;
} .site-scroll {
position: relative;
width: 100%;
height: 100%;
overflow: auto;
}
.site-scroll.scrollbar-active {
padding-right: 0.625rem !important;
}  .overlay-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
} .global-notification {
color: #fff;
background-color: var(--theme-primary-color);
}
.global-notification p {
margin-bottom: 0;
}
.global-notification .site-countdown .countdown-item > div {
width: 1.375rem;
} .site-loader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
.site-loader.dots-animation {
gap: 0.125rem;
}
.loader-dot {
display: block;
width: 0.3125rem;
height: 0.3125rem;
background-color: var(--theme-primary-color);
border-radius: 0.375rem;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-animation: dot-keyframes 1.2s infinite ease-in-out;
animation: dot-keyframes 1.2s infinite ease-in-out;
}
.loader-dot:nth-of-type(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.loader-dot:nth-of-type(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.loader-dot:nth-of-type(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.loader-dot:nth-of-type(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.loader-default::after {
content: "";
position: absolute;
width: 2.25rem;
height: 2.25rem;
border: 1px solid transparent;
border-left-color: var(--color-gray-900);
border-radius: 50%;
vertical-align: middle;
-webkit-animation: rotate 450ms infinite linear;
animation: rotate 450ms infinite linear;
} .site-menu ul {
list-style: none;
margin: 0;
}
.site-menu ul a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: currentColor;
}
.site-menu.horizontal ul {
padding: 0;
}
.site-menu.horizontal ul:not(.sub-menu) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.site-menu.horizontal ul li {
white-space: nowrap;
}
.site-menu.horizontal ul a {
-webkit-transition: all 0.1s var(--theme-transition);
transition: all 0.1s var(--theme-transition);
}
.site-menu.horizontal ul .sub-menu a {
color: var(--color-gray-900);
}
.site-menu.horizontal ul .menu-item-has-children {
position: relative;
}
.site-menu.horizontal ul .menu-item-has-children > a::after {
font-family: "klbtheme";
font-size: 78%;
font-weight: 700;
content: "\e8e7";
margin-left: 0.4375rem;
text-shadow: 0 0 currentColor;
}
.site-menu.horizontal ul .menu-item-has-children > .sub-menu {
position: absolute;
top: 100%;
left: 0;
background-color: #FFFFFF;
border: 1px solid #f3f4f6;
border-bottom-left-radius: calc(var(--theme-site-border-radius) + 2px);
border-bottom-right-radius: calc(var(--theme-site-border-radius) + 2px);
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.15s var(--theme-transition);
transition: all 0.15s var(--theme-transition);
}
.site-menu.horizontal ul .menu-item-has-children > .sub-menu a {
height: auto;
}
.site-menu.horizontal ul .menu-item-has-children:not(.mega-menu) .sub-menu .sub-menu {
left: 100%;
top: 0;
}
.site-menu.horizontal ul .menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-menu.horizontal.menu-shadow .menu-item-has-children > .sub-menu {
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
}
.site-menu.vertical > ul {
padding: 0;
}
.site-menu.vertical > ul li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.site-menu.vertical > ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
font-size: 0.9375rem;
font-weight: 600;
max-height: 2.75rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.site-menu.vertical > ul li .menu-dropdown {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 2rem;
height: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
cursor: pointer;
}
.site-menu.vertical > ul li .menu-dropdown svg {
width: 1.25rem;
pointer-events: none;
-webkit-transition: all 0.2s var(--theme-transition);
transition: all 0.2s var(--theme-transition);
}
.site-menu.vertical > ul li .sub-menu {
position: relative;
width: 100%;
padding-left: 0.9375rem;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.site-menu.vertical > ul li .sub-menu > li:last-child {
padding-bottom: 0.9375rem;
}
.site-menu.vertical > ul li .sub-menu li a {
font-size: 0.875rem;
font-weight: 400;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
}
.site-menu.vertical > ul li .sub-menu .sub-menu > li:first-child {
padding-top: 0.625rem;
}
.site-menu.vertical > ul li .sub-menu .sub-menu > li:last-child {
padding-bottom: 0.625rem;
}
.site-menu.vertical > ul li.active > .menu-dropdown svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
} .site-categories {
position: absolute;
border: 1px solid var(--color-gray-200);
border-bottom-left-radius: calc(var(--theme-site-border-radius) + 2px);
border-bottom-right-radius: calc(var(--theme-site-border-radius) + 2px);
}
.site-categories > ul > li > a {
position: relative;
background-color: var(--color-white);
overflow: hidden;
-webkit-transition: none;
transition: none;
}
.site-categories > ul > li > a::before {
content: "";
position: absolute;
width: 0.125rem;
height: 100%;
top: 0;
left: 0;
background-color: var(--theme-primary-color);
opacity: 0;
}
.site-categories > ul > li > a:hover {
background-color: var(--color-gray-50);
}
.site-categories > ul > li > a:hover::before {
opacity: 1;
}
.site-categories > ul > li:last-child > a {
border-bottom-left-radius: calc(var(--theme-site-border-radius) + 2px);
border-bottom-right-radius: calc(var(--theme-site-border-radius) + 2px);
}
.site-categories > ul > li .sub-menu {
position: absolute;
width: 100%;
height: calc(100% + 0.0625rem);
top: 0;
left: 100%;
padding: 1.125rem 1.625rem;
background-color: var(--color-white);
border-right: 1px solid var(--color-gray-200);
border-left: 1px solid var(--color-gray-200);
border-bottom: 1px solid var(--color-gray-200);
border-bottom-right-radius: calc(var(--theme-site-border-radius) + 2px);
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.site-categories > ul > li .sub-menu li + li {
margin-top: 0.3125rem;
}
.site-categories > ul > li .sub-menu li a {
font-size: 0.875rem;
text-decoration-color: transparent;
text-underline-offset: 0.3125rem;
color: currentColor;
-webkit-transition: text-decoration-color 0.05s var(--theme-transition);
transition: text-decoration-color 0.05s var(--theme-transition);
}
.site-categories > ul > li .sub-menu li a:hover {
text-decoration-color: currentColor;
}
.site-categories > ul > li.menu-item-has-children > a::after {
font-family: "klbtheme";
font-size: 75%;
font-weight: 700;
content: "\e8ef";
margin-left: auto;
margin-right: 0.125rem;
text-shadow: 0 0 0 currentColor;
}
.site-categories > ul > li.menu-item-has-children:hover > a {
background-color: var(--color-gray-50);
}
.site-categories > ul > li.menu-item-has-children:hover > a::before {
opacity: 1;
}
.site-categories > ul > li.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .site-brand {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.site-brand a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.875rem;
font-weight: 700;
text-decoration: none;
color: currentColor;
}
.site-brand a .brand-text {
line-height: 1;
}
.site-brand a img {
height: var(--theme-site-brand-mobile-height);
}
@media screen and (min-width: 1200px) {
.site-brand a img {
height: var(--theme-site-brand-height);
}
} .search-form {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-form input {
height: 3rem !important;
}
.search-form button {
position: absolute;
font-size: 1.375rem;
width: 2.375rem;
height: 100%;
right: 0;
background-color: transparent;
border-radius: var(--theme-site-border-radius);
}
@media screen and (min-width: 1200px) {
.search-form button {
font-size: 1.625rem;
width: 2.625rem;
}
}
.search-form button i {
font-size: inherit;
} .badge {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.625rem;
height: 1.25rem;
border-radius: 0.25rem;
}
.badge.xs {
font-size: 0.6875rem;
height: 1.5rem;
} .site-mobile-navbar {
position: fixed;
display: block;
width: 100%;
bottom: 0;
left: 0;
z-index: 100;
padding-left: calc(var(--theme-site-gutter) / 2);
padding-right: calc(var(--theme-site-gutter) / 2);
background-color: var(--color-white);
border-top: 1px solid var(--color-gray-100);
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
color: var(--color-black);
-webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.0235294118);
box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.0235294118);
padding-top: 0.375rem;
padding-bottom: 0.25rem;
}
@media screen and (min-width: 1200px) {
.site-mobile-navbar {
display: none;
}
}
.site-mobile-navbar ul {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0.625rem;
}
.site-mobile-navbar ul li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.site-mobile-navbar ul li a {
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 2.875rem;
height: 2.875rem;
-webkit-transition: all 0.2s var(--theme-transition);
transition: all 0.2s var(--theme-transition);
}
.site-mobile-navbar ul li a::before {
content: "";
position: absolute;
width: 2.875rem;
height: 2.875rem;
background-color: var(--theme-primary-color);
border-radius: var(--theme-site-border-radius);
opacity: 0;
-webkit-transition: all 0.2s var(--theme-transition);
transition: all 0.2s var(--theme-transition);
}
.site-mobile-navbar ul li a i {
font-size: 1.5rem;
line-height: 1.5rem;
-webkit-transition: all 0.2s var(--theme-transition);
transition: all 0.2s var(--theme-transition);
}
.site-mobile-navbar ul li a .count {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.625rem;
font-weight: 600;
line-height: 1.0625rem;
min-width: 1.0625rem;
height: 1.0625rem;
padding-left: 0.0625rem;
padding-right: 0.0625rem;
border-radius: 50%;
color: var(--color-red-50);
background-color: var(--color-red-600);
top: -0.0625rem;
margin-left: 1.25rem;
-webkit-transition: all 0.2s var(--theme-transition);
transition: all 0.2s var(--theme-transition);
}
.site-mobile-navbar ul li a .menu-text {
display: block;
font-size: 0.5625rem;
font-weight: 600;
line-height: 1;
color: var(--color-gray-400);
margin-top: 0.375rem;
opacity: 0.7;
-webkit-transition: all 0.2s var(--theme-transition);
transition: all 0.2s var(--theme-transition);
}
.site-mobile-navbar ul li a.active {
color: var(--theme-primary-color);
}
.site-mobile-navbar ul li a.active::before {
opacity: 0.15;
}
.site-mobile-navbar ul li a.active i {
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.site-mobile-navbar ul li a.active .menu-text {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .close-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.close-button a {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1rem;
text-decoration: none;
color: var(--color-gray-500);
width: 1.75rem;
height: 1.75rem;
border-radius: 50%;
-webkit-transition: all 0.35s var(--theme-transition);
transition: all 0.35s var(--theme-transition);
}
@media screen and (min-width: 1200px) {
.close-button a {
font-size: 1.125rem;
width: 2rem;
height: 2rem;
}
}
.close-button a::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: var(--color-gray-200);
border-radius: 50%;
opacity: 0.7;
}
.close-button a i {
position: relative;
font-weight: 700;
line-height: 1.375rem;
text-shadow: 0 0 0 currentColor;
z-index: 1;
}
.close-button a:hover {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} .site-modal {
position: fixed;
z-index: 100;
padding-left: calc(var(--theme-site-gutter) / 2);
padding-right: calc(var(--theme-site-gutter) / 2);
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-modal-overlay {
background-color: rgba(0, 0, 0, 0.3);
}
.site-modal-body {
min-width: 17.5rem;
border-radius: calc(var(--theme-site-border-radius) + 2px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.site-modal.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-modal.active .site-modal-body {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
} .modal-location .close-button {
position: absolute;
top: 0.5rem;
right: 0.5rem;
}
@media screen and (min-width: 1200px) {
.modal-location .close-button {
top: 0.75rem;
right: 0.75rem;
}
}
.modal-location .site-modal-body {
max-width: 30rem;
width: 100%;
}
.modal-location .site-modal-body .entry-text {
line-height: 1.3;
}
@media screen and (min-width: 1200px) {
.modal-location .site-modal-body .entry-text {
line-height: 1.4;
}
}
.modal-location .site-modal-body .search-wrapper i {
left: 0.625rem;
}
.modal-location .site-modal-body .search-wrapper input {
height: 2.75rem;
padding-left: 2.375rem;
border-width: 0.125rem;
}
.modal-location .site-modal-body .search-wrapper input:focus {
outline: none;
border-color: var(--theme-primary-color);
}
@media screen and (min-width: 1200px) {
.modal-location .site-modal-body .search-wrapper input {
height: 3rem;
padding-left: 2.5rem;
}
}
.modal-location .site-modal-body .search-wrapper .site-loader {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
right: 0.9375rem;
opacity: 0;
}
.modal-location .site-modal-body .search-wrapper.loading .site-loader {
opacity: 1;
}
.modal-location .site-modal-body .location-items ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
max-height: 13.5625rem;
overflow: auto;
}
@media screen and (min-width: 1200px) {
.modal-location .site-modal-body .location-items ul {
max-height: 18.75rem;
}
}
.modal-location .site-modal-body .location-items ul li {
position: relative;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.modal-location .site-modal-body .location-items ul li + li {
border-top: 1px solid var(--color-gray-100);
}
.modal-location .site-modal-body .location-items ul li:first-child {
padding-top: 0;
}
.modal-location .site-modal-body .location-items ul li:last-child {
padding-bottom: 0;
}
.modal-location .site-modal-body .location-items ul li label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
cursor: pointer;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal-location .site-modal-body .location-items ul li label i {
position: relative;
font-size: 1rem;
line-height: 0.875rem;
}
@media screen and (min-width: 1200px) {
.modal-location .site-modal-body .location-items ul li label i {
font-size: 1.125rem;
line-height: 1.375rem;
}
}
.modal-location .site-modal-body .location-items ul li label i::before {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.125rem;
height: 1.125rem;
border-radius: 50%;
}
@media screen and (min-width: 1200px) {
.modal-location .site-modal-body .location-items ul li label i::before {
width: 1.375rem;
height: 1.375rem;
}
}
.modal-location .site-modal-body .location-items ul li label .location-detail .location-col {
line-height: 1.2;
}
.modal-location .site-modal-body .location-items ul li label:hover .entry-title {
color: var(--theme-primary-color);
}
.modal-location .site-modal-body .location-items ul li input {
position: absolute;
left: -9999px;
opacity: 0;
}
.modal-location .site-modal-body .location-items ul li input:checked + label .entry-title {
color: var(--theme-primary-color);
}
.modal-location .site-modal-body .location-items ul li input:checked + label i::before {
content: "\e8b7";
font-size: 0.875rem;
color: var(--color-white);
background-color: var(--theme-primary-color);
}
.modal-location .site-modal-body .btn {
height: 2.75rem;
}
@media screen and (min-width: 1200px) {
.modal-location .site-modal-body .btn {
height: 3rem;
}
} .site-drawer {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 99;
}
.site-drawer .site-drawer-row {
padding-left: calc(var(--theme-site-gutter) / 2);
padding-right: calc(var(--theme-site-gutter) / 2);
}
.site-drawer .site-drawer-inner {
position: relative;
width: 100%;
height: 100%;
background-color: var(--color-white);
padding-right: 0 !important;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 1;
}
@media screen and (min-width: 1200px) {
.site-drawer .site-drawer-inner {
width: 21.25rem;
}
}
.site-drawer .site-drawer-overlay {
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
} .site-categories {
width: 100%;
top: 100%;
left: 0;
}
.site-categories ul {
list-style: none;
padding: 0;
margin: 0;
}
.site-categories > ul > li + li {
border-top: 1px solid var(--color-gray-200);
}
.site-categories > ul > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
font-weight: 500;
text-decoration: none;
max-height: 2.875rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1.125rem;
padding-right: 1.125rem;
color: currentColor;
-webkit-transition: all 0.15s var(--theme-transition);
transition: all 0.15s var(--theme-transition);
}
.site-categories > ul > li > a:hover {
background-color: var(--color-gray-50);
}
.site-categories > ul > li > a img, .site-categories > ul > li > a svg {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.9375rem;
}
.site-categories > ul > li > a i {
font-size: 1.25rem;
width: 1.25rem;
margin-right: 0.9375rem;
}
.site-categories > ul > li > a i::before {
margin: 0;
}
.site-categories > ul > li > a span {
font-size: 0.6875rem;
font-weight: 600;
color: var(--color-gray-400);
margin-left: auto;
} .banner-badge {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.6875rem;
font-weight: 600;
color: var(--color-gray-900);
background: rgb(156, 163, 175);
background: -webkit-gradient(linear, left top, right top, from(rgb(156, 163, 175)), color-stop(60%, rgba(156, 163, 175, 0)));
background: linear-gradient(90deg, rgb(156, 163, 175) 0%, rgba(156, 163, 175, 0) 60%);
padding-left: 0.375rem;
padding-right: 0.375rem;
height: 1.375rem;
border-radius: var(--theme-site-border-radius);
}
@media screen and (min-width: 992px) {
.banner-badge {
font-size: 0.75rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
height: 1.75rem;
}
}
.banner-badge.green {
color: var(--color-green-800);
background: rgb(22, 163, 74);
background: -webkit-gradient(linear, left top, right top, from(rgba(22, 163, 74, 0.5)), color-stop(60%, rgba(34, 197, 94, 0)));
background: linear-gradient(90deg, rgba(22, 163, 74, 0.5) 0%, rgba(34, 197, 94, 0) 60%);
}
.banner-badge.red {
color: var(--color-red-900);
background: rgb(220, 38, 38);
background: -webkit-gradient(linear, left top, right top, from(rgba(220, 38, 38, 0.5)), color-stop(60%, rgba(239, 68, 68, 0)));
background: linear-gradient(90deg, rgba(220, 38, 38, 0.5) 0%, rgba(239, 68, 68, 0) 60%);
}
.banner-badge.orange {
color: var(--color-orange-800);
background: rgb(234, 88, 12);
background: -webkit-gradient(linear, left top, right top, from(rgba(234, 88, 12, 0.5)), color-stop(60%, rgba(249, 115, 22, 0)));
background: linear-gradient(90deg, rgba(234, 88, 12, 0.5) 0%, rgba(249, 115, 22, 0) 60%);
} .border-block {
position: relative;
}
.border-block::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 1px solid var(--color-gray-200);
border-radius: calc(var(--theme-site-border-radius) + 0.125rem);
pointer-events: none;
} .site-progress-bar {
position: relative;
width: 100%;
height: 0.375rem;
background-color: var(--color-gray-200);
border-radius: 0.875rem;
}
.site-progress-bar span {
display: block;
height: 100%;
border-radius: 0.875rem;
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0);
mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
mask: linear-gradient(#fff 0 0);
}
.site-progress-bar span::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: -webkit-gradient(linear, left top, right top, from(#FFD200), to(#DC2626));
background-image: linear-gradient(to right, #FFD200, #DC2626);
} .mobile-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 3;
opacity: 0;
visibility: hidden;
} .page-header {
position: relative;
}
.page-header.with-image {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media screen and (min-width: 576px) {
.page-header.with-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 26.25rem;
padding-top: 0;
padding-bottom: 0;
}
}
.page-header.with-image .container {
position: relative;
color: var(--color-white);
z-index: 2;
}
.page-header.with-image .page-header-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.page-header.with-image .page-header-image::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--color-gray-950);
opacity: 0.35;
z-index: 1;
}
.page-header.with-image .page-header-image img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
} .site-gdpr {
position: fixed;
width: 100%;
bottom: 0;
color: var(--color-white);
background-color: var(--color-gray-900);
padding: 0.9375rem;
will-change: opacity, transform;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
z-index: 999;
}
.site-gdpr-inner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
width: 100%;
}
@media screen and (min-width: 576px) {
.site-gdpr-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.site-gdpr-inner p {
font-size: 0.8125rem;
}
@media screen and (min-width: 576px) {
.site-gdpr-inner p {
margin-bottom: 0;
margin-right: 1.25rem;
}
}
.site-gdpr-inner .btn {
font-size: 0.75rem;
height: 2.375rem;
}  input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, select, .form-control, .form-select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: var(--theme-form-input-font);
font-size: var(--theme-form-input-font-size);
font-weight: var(--theme-form-input-font-weight);
letter-spacing: var(--theme-form-input-letter-spacing);
line-height: var(--theme-form-input-height);
width: 100%;
height: var(--theme-form-input-height);
border-radius: calc(var(--theme-site-border-radius) + 2px);
-webkit-transition: all 0.05s var(--theme-transition);
transition: all 0.05s var(--theme-transition);
}
input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder {
font-weight: 400;
color: var(--color-gray-400);
}
input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder {
font-weight: 400;
color: var(--color-gray-400);
}
input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder {
font-weight: 400;
color: var(--color-gray-400);
}
input[type=color]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder, input[type=datetime]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=month]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=time]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=week]::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder {
font-weight: 400;
color: var(--color-gray-400);
}
input[type=color]::placeholder, input[type=date]::placeholder, input[type=datetime-local]::placeholder, input[type=datetime]::placeholder, input[type=email]::placeholder, input[type=month]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder, textarea::placeholder, select::placeholder, .form-control::placeholder, .form-select::placeholder {
font-weight: 400;
color: var(--color-gray-400);
}
input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus, select:focus, .form-control:focus, .form-select:focus {
border-color: var(--theme-primary-color);
outline: 2px solid var(--theme-primary-color);
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input[type=color]:not(.filled), input[type=date]:not(.filled), input[type=datetime-local]:not(.filled), input[type=datetime]:not(.filled), input[type=email]:not(.filled), input[type=month]:not(.filled), input[type=number]:not(.filled), input[type=password]:not(.filled), input[type=search]:not(.filled), input[type=tel]:not(.filled), input[type=text]:not(.filled), input[type=time]:not(.filled), input[type=url]:not(.filled), input[type=week]:not(.filled), textarea:not(.filled), select:not(.filled), .form-control:not(.filled), .form-select:not(.filled) {
color: var(--color-black);
background-color: var(--color-white);
border-color: var(--color-gray-300);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
}
input[type=color]:not(.filled):hover, input[type=date]:not(.filled):hover, input[type=datetime-local]:not(.filled):hover, input[type=datetime]:not(.filled):hover, input[type=email]:not(.filled):hover, input[type=month]:not(.filled):hover, input[type=number]:not(.filled):hover, input[type=password]:not(.filled):hover, input[type=search]:not(.filled):hover, input[type=tel]:not(.filled):hover, input[type=text]:not(.filled):hover, input[type=time]:not(.filled):hover, input[type=url]:not(.filled):hover, input[type=week]:not(.filled):hover, textarea:not(.filled):hover, select:not(.filled):hover, .form-control:not(.filled):hover, .form-select:not(.filled):hover {
border-color: var(--color-gray-400);
}
input[type=color].primary, input[type=date].primary, input[type=datetime-local].primary, input[type=datetime].primary, input[type=email].primary, input[type=month].primary, input[type=number].primary, input[type=password].primary, input[type=search].primary, input[type=tel].primary, input[type=text].primary, input[type=time].primary, input[type=url].primary, input[type=week].primary, textarea.primary, select.primary, .form-control.primary, .form-select.primary {
border-color: var(--theme-primary-color);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0980392157);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0980392157);
}
input[type=color].primary::-webkit-input-placeholder, input[type=date].primary::-webkit-input-placeholder, input[type=datetime-local].primary::-webkit-input-placeholder, input[type=datetime].primary::-webkit-input-placeholder, input[type=email].primary::-webkit-input-placeholder, input[type=month].primary::-webkit-input-placeholder, input[type=number].primary::-webkit-input-placeholder, input[type=password].primary::-webkit-input-placeholder, input[type=search].primary::-webkit-input-placeholder, input[type=tel].primary::-webkit-input-placeholder, input[type=text].primary::-webkit-input-placeholder, input[type=time].primary::-webkit-input-placeholder, input[type=url].primary::-webkit-input-placeholder, input[type=week].primary::-webkit-input-placeholder, textarea.primary::-webkit-input-placeholder, select.primary::-webkit-input-placeholder, .form-control.primary::-webkit-input-placeholder, .form-select.primary::-webkit-input-placeholder {
color: var(--color-gray-500);
}
input[type=color].primary::-moz-placeholder, input[type=date].primary::-moz-placeholder, input[type=datetime-local].primary::-moz-placeholder, input[type=datetime].primary::-moz-placeholder, input[type=email].primary::-moz-placeholder, input[type=month].primary::-moz-placeholder, input[type=number].primary::-moz-placeholder, input[type=password].primary::-moz-placeholder, input[type=search].primary::-moz-placeholder, input[type=tel].primary::-moz-placeholder, input[type=text].primary::-moz-placeholder, input[type=time].primary::-moz-placeholder, input[type=url].primary::-moz-placeholder, input[type=week].primary::-moz-placeholder, textarea.primary::-moz-placeholder, select.primary::-moz-placeholder, .form-control.primary::-moz-placeholder, .form-select.primary::-moz-placeholder {
color: var(--color-gray-500);
}
input[type=color].primary:-ms-input-placeholder, input[type=date].primary:-ms-input-placeholder, input[type=datetime-local].primary:-ms-input-placeholder, input[type=datetime].primary:-ms-input-placeholder, input[type=email].primary:-ms-input-placeholder, input[type=month].primary:-ms-input-placeholder, input[type=number].primary:-ms-input-placeholder, input[type=password].primary:-ms-input-placeholder, input[type=search].primary:-ms-input-placeholder, input[type=tel].primary:-ms-input-placeholder, input[type=text].primary:-ms-input-placeholder, input[type=time].primary:-ms-input-placeholder, input[type=url].primary:-ms-input-placeholder, input[type=week].primary:-ms-input-placeholder, textarea.primary:-ms-input-placeholder, select.primary:-ms-input-placeholder, .form-control.primary:-ms-input-placeholder, .form-select.primary:-ms-input-placeholder {
color: var(--color-gray-500);
}
input[type=color].primary::-ms-input-placeholder, input[type=date].primary::-ms-input-placeholder, input[type=datetime-local].primary::-ms-input-placeholder, input[type=datetime].primary::-ms-input-placeholder, input[type=email].primary::-ms-input-placeholder, input[type=month].primary::-ms-input-placeholder, input[type=number].primary::-ms-input-placeholder, input[type=password].primary::-ms-input-placeholder, input[type=search].primary::-ms-input-placeholder, input[type=tel].primary::-ms-input-placeholder, input[type=text].primary::-ms-input-placeholder, input[type=time].primary::-ms-input-placeholder, input[type=url].primary::-ms-input-placeholder, input[type=week].primary::-ms-input-placeholder, textarea.primary::-ms-input-placeholder, select.primary::-ms-input-placeholder, .form-control.primary::-ms-input-placeholder, .form-select.primary::-ms-input-placeholder {
color: var(--color-gray-500);
}
input[type=color].primary::placeholder, input[type=date].primary::placeholder, input[type=datetime-local].primary::placeholder, input[type=datetime].primary::placeholder, input[type=email].primary::placeholder, input[type=month].primary::placeholder, input[type=number].primary::placeholder, input[type=password].primary::placeholder, input[type=search].primary::placeholder, input[type=tel].primary::placeholder, input[type=text].primary::placeholder, input[type=time].primary::placeholder, input[type=url].primary::placeholder, input[type=week].primary::placeholder, textarea.primary::placeholder, select.primary::placeholder, .form-control.primary::placeholder, .form-select.primary::placeholder {
color: var(--color-gray-500);
}
input[type=color].primary:hover, input[type=date].primary:hover, input[type=datetime-local].primary:hover, input[type=datetime].primary:hover, input[type=email].primary:hover, input[type=month].primary:hover, input[type=number].primary:hover, input[type=password].primary:hover, input[type=search].primary:hover, input[type=tel].primary:hover, input[type=text].primary:hover, input[type=time].primary:hover, input[type=url].primary:hover, input[type=week].primary:hover, textarea.primary:hover, select.primary:hover, .form-control.primary:hover, .form-select.primary:hover {
border-color: var(--theme-primary-active-color);
}
input[type=color].filled, input[type=date].filled, input[type=datetime-local].filled, input[type=datetime].filled, input[type=email].filled, input[type=month].filled, input[type=number].filled, input[type=password].filled, input[type=search].filled, input[type=tel].filled, input[type=text].filled, input[type=time].filled, input[type=url].filled, input[type=week].filled, textarea.filled, select.filled, .form-control.filled, .form-select.filled {
color: var(--color-black);
border-color: transparent;
background-color: var(--color-gray-100);
}
input[type=color].filled::-webkit-input-placeholder, input[type=date].filled::-webkit-input-placeholder, input[type=datetime-local].filled::-webkit-input-placeholder, input[type=datetime].filled::-webkit-input-placeholder, input[type=email].filled::-webkit-input-placeholder, input[type=month].filled::-webkit-input-placeholder, input[type=number].filled::-webkit-input-placeholder, input[type=password].filled::-webkit-input-placeholder, input[type=search].filled::-webkit-input-placeholder, input[type=tel].filled::-webkit-input-placeholder, input[type=text].filled::-webkit-input-placeholder, input[type=time].filled::-webkit-input-placeholder, input[type=url].filled::-webkit-input-placeholder, input[type=week].filled::-webkit-input-placeholder, textarea.filled::-webkit-input-placeholder, select.filled::-webkit-input-placeholder, .form-control.filled::-webkit-input-placeholder, .form-select.filled::-webkit-input-placeholder {
color: var(--color-gray-500);
}
input[type=color].filled::-moz-placeholder, input[type=date].filled::-moz-placeholder, input[type=datetime-local].filled::-moz-placeholder, input[type=datetime].filled::-moz-placeholder, input[type=email].filled::-moz-placeholder, input[type=month].filled::-moz-placeholder, input[type=number].filled::-moz-placeholder, input[type=password].filled::-moz-placeholder, input[type=search].filled::-moz-placeholder, input[type=tel].filled::-moz-placeholder, input[type=text].filled::-moz-placeholder, input[type=time].filled::-moz-placeholder, input[type=url].filled::-moz-placeholder, input[type=week].filled::-moz-placeholder, textarea.filled::-moz-placeholder, select.filled::-moz-placeholder, .form-control.filled::-moz-placeholder, .form-select.filled::-moz-placeholder {
color: var(--color-gray-500);
}
input[type=color].filled:-ms-input-placeholder, input[type=date].filled:-ms-input-placeholder, input[type=datetime-local].filled:-ms-input-placeholder, input[type=datetime].filled:-ms-input-placeholder, input[type=email].filled:-ms-input-placeholder, input[type=month].filled:-ms-input-placeholder, input[type=number].filled:-ms-input-placeholder, input[type=password].filled:-ms-input-placeholder, input[type=search].filled:-ms-input-placeholder, input[type=tel].filled:-ms-input-placeholder, input[type=text].filled:-ms-input-placeholder, input[type=time].filled:-ms-input-placeholder, input[type=url].filled:-ms-input-placeholder, input[type=week].filled:-ms-input-placeholder, textarea.filled:-ms-input-placeholder, select.filled:-ms-input-placeholder, .form-control.filled:-ms-input-placeholder, .form-select.filled:-ms-input-placeholder {
color: var(--color-gray-500);
}
input[type=color].filled::-ms-input-placeholder, input[type=date].filled::-ms-input-placeholder, input[type=datetime-local].filled::-ms-input-placeholder, input[type=datetime].filled::-ms-input-placeholder, input[type=email].filled::-ms-input-placeholder, input[type=month].filled::-ms-input-placeholder, input[type=number].filled::-ms-input-placeholder, input[type=password].filled::-ms-input-placeholder, input[type=search].filled::-ms-input-placeholder, input[type=tel].filled::-ms-input-placeholder, input[type=text].filled::-ms-input-placeholder, input[type=time].filled::-ms-input-placeholder, input[type=url].filled::-ms-input-placeholder, input[type=week].filled::-ms-input-placeholder, textarea.filled::-ms-input-placeholder, select.filled::-ms-input-placeholder, .form-control.filled::-ms-input-placeholder, .form-select.filled::-ms-input-placeholder {
color: var(--color-gray-500);
}
input[type=color].filled::placeholder, input[type=date].filled::placeholder, input[type=datetime-local].filled::placeholder, input[type=datetime].filled::placeholder, input[type=email].filled::placeholder, input[type=month].filled::placeholder, input[type=number].filled::placeholder, input[type=password].filled::placeholder, input[type=search].filled::placeholder, input[type=tel].filled::placeholder, input[type=text].filled::placeholder, input[type=time].filled::placeholder, input[type=url].filled::placeholder, input[type=week].filled::placeholder, textarea.filled::placeholder, select.filled::placeholder, .form-control.filled::placeholder, .form-select.filled::placeholder {
color: var(--color-gray-500);
}
input[type=color].filled:hover, input[type=date].filled:hover, input[type=datetime-local].filled:hover, input[type=datetime].filled:hover, input[type=email].filled:hover, input[type=month].filled:hover, input[type=number].filled:hover, input[type=password].filled:hover, input[type=search].filled:hover, input[type=tel].filled:hover, input[type=text].filled:hover, input[type=time].filled:hover, input[type=url].filled:hover, input[type=week].filled:hover, textarea.filled:hover, select.filled:hover, .form-control.filled:hover, .form-select.filled:hover {
background-color: var(--color-gray-200);
}
input[type=color].filled:focus, input[type=color].filled:active, input[type=date].filled:focus, input[type=date].filled:active, input[type=datetime-local].filled:focus, input[type=datetime-local].filled:active, input[type=datetime].filled:focus, input[type=datetime].filled:active, input[type=email].filled:focus, input[type=email].filled:active, input[type=month].filled:focus, input[type=month].filled:active, input[type=number].filled:focus, input[type=number].filled:active, input[type=password].filled:focus, input[type=password].filled:active, input[type=search].filled:focus, input[type=search].filled:active, input[type=tel].filled:focus, input[type=tel].filled:active, input[type=text].filled:focus, input[type=text].filled:active, input[type=time].filled:focus, input[type=time].filled:active, input[type=url].filled:focus, input[type=url].filled:active, input[type=week].filled:focus, input[type=week].filled:active, textarea.filled:focus, textarea.filled:active, select.filled:focus, select.filled:active, .form-control.filled:focus, .form-control.filled:active, .form-select.filled:focus, .form-select.filled:active {
background-color: var(--color-white);
}
input[type=number].qty::-webkit-outer-spin-button, input[type=number].qty::-webkit-inner-spin-button {
-moz-appearance: textfield;
-webkit-appearance: none;
margin: 0;
} button, .button, input[type=submit], .submit, .btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: var(--theme-form-button-font);
font-size: var(--theme-form-button-font-size);
font-weight: var(--theme-form-button-font-weight);
letter-spacing: var(--theme-form-button-letter-spacing);
line-height: var(--theme-form-button-height);
border: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 1.125rem;
padding-right: 1.125rem;
border-radius: calc(var(--theme-site-border-radius) + 2px);
-webkit-transition: all 0.15s var(--theme-transition);
transition: all 0.15s var(--theme-transition);
}
button i, .button i, input[type=submit] i, .submit i, .btn i {
font-size: 1rem;
line-height: 1;
}
button i.klb-icon-shopping-bag-3, .button i.klb-icon-shopping-bag-3, input[type=submit] i.klb-icon-shopping-bag-3, .submit i.klb-icon-shopping-bag-3, .btn i.klb-icon-shopping-bag-3 {
position: relative;
top: -0.0625rem;
}
button i.klb-icon-move-right, button i.klb-icon-upload, .button i.klb-icon-move-right, .button i.klb-icon-upload, input[type=submit] i.klb-icon-move-right, input[type=submit] i.klb-icon-upload, .submit i.klb-icon-move-right, .submit i.klb-icon-upload, .btn i.klb-icon-move-right, .btn i.klb-icon-upload {
font-size: 1.125rem;
}
button.icon-right i, .button.icon-right i, input[type=submit].icon-right i, .submit.icon-right i, .btn.icon-right i {
margin-left: 0.375rem;
}
button.icon-left i, .button.icon-left i, input[type=submit].icon-left i, .submit.icon-left i, .btn.icon-left i {
margin-right: 0.375rem;
}
button.rounded, .button.rounded, input[type=submit].rounded, .submit.rounded, .btn.rounded {
border-radius: 62.4375rem !important;
}
@media screen and (max-width: 575.98px) {
button.mobile-small, .button.mobile-small, input[type=submit].mobile-small, .submit.mobile-small, .btn.mobile-small {
font-size: 0.75rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
height: 2.25rem;
}
button.mobile-small i, .button.mobile-small i, input[type=submit].mobile-small i, .submit.mobile-small i, .btn.mobile-small i {
font-size: 1rem;
line-height: 1;
}
}
button.btn-primary, .button.btn-primary, input[type=submit].btn-primary, .submit.btn-primary, .btn.btn-primary {
background-color: var(--theme-primary-color);
}
button.btn-primary:hover, .button.btn-primary:hover, input[type=submit].btn-primary:hover, .submit.btn-primary:hover, .btn.btn-primary:hover {
opacity: 0.9;
}
button.btn-white, .button.btn-white, input[type=submit].btn-white, .submit.btn-white, .btn.btn-white {
background-color: var(--color-white);
border: 1px solid var(--color-gray-200);
}
button.btn-white:hover, .button.btn-white:hover, input[type=submit].btn-white:hover, .submit.btn-white:hover, .btn.btn-white:hover {
background-color: var(--color-gray-50);
}
button.btn-success, .button.btn-success, input[type=submit].btn-success, .submit.btn-success, .btn.btn-success {
background-color: var(--color-green-600);
}
button.btn-success:hover, .button.btn-success:hover, input[type=submit].btn-success:hover, .submit.btn-success:hover, .btn.btn-success:hover {
background-color: var(--color-green-700);
}
button.btn-danger, .button.btn-danger, input[type=submit].btn-danger, .submit.btn-danger, .btn.btn-danger {
background-color: var(--color-orange-600);
}
button.btn-danger:hover, .button.btn-danger:hover, input[type=submit].btn-danger:hover, .submit.btn-danger:hover, .btn.btn-danger:hover {
background-color: var(--color-orange-700);
}
button.btn-alert, .button.btn-alert, input[type=submit].btn-alert, .submit.btn-alert, .btn.btn-alert {
background-color: var(--color-red-600);
}
button.btn-alert:hover, .button.btn-alert:hover, input[type=submit].btn-alert:hover, .submit.btn-alert:hover, .btn.btn-alert:hover {
background-color: var(--color-red-700);
}
button.btn-info, .button.btn-info, input[type=submit].btn-info, .submit.btn-info, .btn.btn-info {
color: var(--color-white);
background-color: var(--color-gray-500);
}
button.btn-info:hover, .button.btn-info:hover, input[type=submit].btn-info:hover, .submit.btn-info:hover, .btn.btn-info:hover {
background-color: var(--color-gray-600);
}
button.btn-black, .button.btn-black, input[type=submit].btn-black, .submit.btn-black, .btn.btn-black {
color: var(--color-white);
background-color: var(--color-gray-900);
}
button.btn-black:hover, .button.btn-black:hover, input[type=submit].btn-black:hover, .submit.btn-black:hover, .btn.btn-black:hover {
background-color: var(--color-gray-800);
}
button.btn-link, .button.btn-link, input[type=submit].btn-link, .submit.btn-link, .btn.btn-link {
font-size: 0.8125rem;
text-decoration: none;
height: auto;
padding-left: 0;
padding-right: 0;
color: var(--color-blue-600);
}
button.xs, .button.xs, input[type=submit].xs, .submit.xs, .btn.xs {
font-size: 0.75rem;
height: 2.125rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
button.xs i, .button.xs i, input[type=submit].xs i, .submit.xs i, .btn.xs i {
font-size: 0.875rem;
}
button.btn-more span, .button.btn-more span, input[type=submit].btn-more span, .submit.btn-more span, .btn.btn-more span {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 576px) {
button.btn-more span, .button.btn-more span, input[type=submit].btn-more span, .submit.btn-more span, .btn.btn-more span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
button.btn-more > i, .button.btn-more > i, input[type=submit].btn-more > i, .submit.btn-more > i, .btn.btn-more > i {
font-size: 1.125rem;
margin-left: 0;
line-height: 1;
}
@media screen and (min-width: 576px) {
button.btn-more > i, .button.btn-more > i, input[type=submit].btn-more > i, .submit.btn-more > i, .btn.btn-more > i {
display: none;
}
}
button.btn-cart.style-1, .button.btn-cart.style-1, input[type=submit].btn-cart.style-1, .submit.btn-cart.style-1, .btn.btn-cart.style-1 {
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 0.8125rem;
font-weight: 500;
width: 100%;
height: 2.125rem;
padding-left: 0.875rem;
padding-right: 0.625rem;
color: var(--theme-primary-color);
border: 1px solid var(--theme-primary-color);
border-radius: 62.4375rem;
overflow: hidden;
}
button.btn-cart.style-1 i, .button.btn-cart.style-1 i, input[type=submit].btn-cart.style-1 i, .submit.btn-cart.style-1 i, .btn.btn-cart.style-1 i {
font-size: 1rem;
font-weight: 700;
line-height: 1;
text-shadow: 0 0 0 currentColor;
}
button.btn-cart.style-1::before, .button.btn-cart.style-1::before, input[type=submit].btn-cart.style-1::before, .submit.btn-cart.style-1::before, .btn.btn-cart.style-1::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--theme-primary-color);
opacity: 0;
-webkit-transition: all 0.15s var(--theme-transition);
transition: all 0.15s var(--theme-transition);
}
button.btn-cart.style-1:hover::before, .button.btn-cart.style-1:hover::before, input[type=submit].btn-cart.style-1:hover::before, .submit.btn-cart.style-1:hover::before, .btn.btn-cart.style-1:hover::before {
opacity: 0.07;
}
button.btn-cart.style-2, .button.btn-cart.style-2, input[type=submit].btn-cart.style-2, .submit.btn-cart.style-2, .btn.btn-cart.style-2 {
width: 2rem;
height: 2rem;
padding: 0;
color: var(--color-white);
background-color: var(--theme-primary-color);
border-radius: 50%;
}
button.btn-cart.style-2 i, .button.btn-cart.style-2 i, input[type=submit].btn-cart.style-2 i, .submit.btn-cart.style-2 i, .btn.btn-cart.style-2 i {
font-weight: 700;
line-height: 1;
text-shadow: 0 0 0 white;
pointer-events: none;
}
button.btn-cart.style-3, .button.btn-cart.style-3, input[type=submit].btn-cart.style-3, .submit.btn-cart.style-3, .btn.btn-cart.style-3 {
width: 2.125rem;
height: 2.125rem;
color: var(--color-white);
background-color: var(--color-green-600);
}
button.btn-cart.style-3 i, .button.btn-cart.style-3 i, input[type=submit].btn-cart.style-3 i, .submit.btn-cart.style-3 i, .btn.btn-cart.style-3 i {
font-size: 1.25rem;
}  .site-header {
--navbar-height: 48px;
}
@media screen and (max-width: 991.98px) {
body.filtered-sidebar-active .site-header {
z-index: 0 !important;
}
}
.site-header .header-row.header-row-white {
color: #030712;
background-color: #FFFFFF;
border-color: #e5e7eb;
}
.site-header .header-row.header-row-white .site-location-text {
color: #030712;
}
.site-header .header-row.header-row-white .categories-toggle {
background-color: #FFFFFF;
}
.site-header .header-row.header-row-white .categories-toggle::before {
border-color: #e5e7eb;
}
.site-header .header-row.header-row-white[class*=text-gray-] a:hover {
color: #030712;
}
.site-header .header-row.header-row-white .primary-menu > ul > li > a.active {
color: var(--theme-primary-color);
}
.site-header .header-row.header-row-white .primary-menu > ul > li > a.active::before {
background-color: var(--theme-primary-color);
}
.site-header .header-row.header-row-white .quick-button.filled .action-link {
color: var(--theme-primary-active-color);
}
.site-header .header-row.header-row-white .quick-button.filled .action-link::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--theme-primary-color);
opacity: 0.1;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header .header-row.header-row-white .quick-button.filled .action-link:hover::before {
opacity: 0.15;
}
.site-header .header-row.header-row-primary-active {
color: var(--color-gray-50);
background-color: var(--theme-primary-active-color);
}
.site-header .header-row.header-row-primary-active[class*=text-gray-] {
color: var(--color-gray-100) !important;
}
.site-header .header-row.header-row-primary-active[class*=text-gray-] a:hover {
color: #fff;
}
.site-header .header-row.header-row-primary-active .site-menu .sub-menu a:hover {
color: var(--color-gray-900);
}
.site-header .header-row.header-row-primary-active .theme-switcher .currency > ul > li > a::before {
opacity: 0.1;
}
.site-header .header-row.header-row-primary {
color: var(--color-gray-50);
background-color: var(--theme-primary-color);
}
.site-header .header-row.header-row-primary .quick-button .action-link .action-icon.filled {
color: var(--color-white);
}
.site-header .header-row.header-row-primary .quick-button .action-link .action-icon.filled::before {
background-color: var(--color-white);
}
.site-header .header-row.header-row-primary .quick-button.filled .action-link {
color: var(--color-white);
}
.site-header .header-row.header-row-primary .quick-button.filled .action-link::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--color-black);
opacity: 0.4;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header .header-row.header-row-primary .quick-button.filled .action-link:hover::before {
opacity: 0.5;
}
.site-header .header-row.header-row-primary .quick-button.filled .action-link > * {
position: relative;
z-index: 1;
}
.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input {
background-color: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.2);
}
.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input::-webkit-input-placeholder {
color: var(--color-white);
}
.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input::-moz-placeholder {
color: var(--color-white);
}
.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input:-ms-input-placeholder {
color: var(--color-white);
}
.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input::-ms-input-placeholder {
color: var(--color-white);
}
.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input::placeholder {
color: var(--color-white);
}
.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.3);
}
.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) button {
color: var(--color-white);
-webkit-transition: none;
transition: none;
}
.site-header .header-search {
position: relative;
}
@media screen and (min-width: 1200px) {
.site-header .header-search {
padding-left: 0.875rem;
}
}
.site-header .header-search form input.primary {
padding-left: 2.875rem;
}
.site-header .header-search form input.primary + button {
color: var(--theme-primary-color);
right: auto !important;
left: 0.25rem;
}
.site-header .header-search form button {
right: 0.125rem;
}
.site-header .header-search.search-overlay::before {
content: "";
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--color-gray-900);
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.site-header .header-search.search-overlay .search-form::before {
content: "";
position: absolute;
left: -0.375rem;
right: -0.375rem;
top: -0.375rem;
bottom: -0.375rem;
background-color: var(--color-white);
border-top-left-radius: calc(var(--theme-site-border-radius) + 0.25rem);
border-top-right-radius: calc(var(--theme-site-border-radius) + 0.25rem);
opacity: 0;
visibility: hidden;
}
.site-header .header-search.search-overlay .search-form input, .site-header .header-search.search-overlay .search-form button {
z-index: 1;
}
.site-header .header-search.search-overlay .header-search-result {
position: absolute;
top: calc(100% + 0.375rem);
left: 1.125rem;
right: -0.375rem;
background-color: var(--color-white);
padding-left: 1.125rem;
padding-right: 1.125rem;
padding-top: 0.75rem;
padding-bottom: 1.25rem;
border-bottom-left-radius: calc(var(--theme-site-border-radius) + 0.25rem);
border-bottom-right-radius: calc(var(--theme-site-border-radius) + 0.25rem);
opacity: 0;
visibility: hidden;
}
.site-header .header-search.search-overlay .header-search-result > * + * {
margin-top: 1.25rem;
padding-top: 1.25rem;
border-top: 1px solid var(--color-gray-200);
}
.site-header .header-search.search-overlay .header-search-result .search-popular-tags span {
margin-bottom: 0.5rem;
}
.site-header .header-search.search-overlay .header-search-result .search-popular-tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.1875rem;
margin: 0;
padding: 0;
list-style: none;
}
.site-header .header-search.search-overlay .header-search-result .search-popular-tags ul li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.75rem;
font-weight: 500;
text-decoration: none;
color: var(--color-gray-700);
background-color: var(--color-white);
height: 1.625rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
border: 1px solid var(--color-gray-300);
border-radius: calc(var(--theme-site-border-radius) - 0.125rem);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0274509804);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0274509804);
}
.site-header .header-search.search-overlay .header-search-result .search-popular-tags ul li a:hover {
background-color: var(--color-gray-100);
}
.site-header .header-search.search-overlay .header-search-result .search-popular-products > span {
display: block;
margin-bottom: 0.9375rem;
}
.site-header .header-search.search-overlay .header-search-result .search-popular-products .products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -0.875rem;
margin-right: -0.875rem;
}
.site-header .header-search.search-overlay .header-search-result .search-popular-products .products .product {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.site-header .header-search.search-overlay .header-search-result .search-popular-products .products .product .thumbnail-wrapper {
width: 3.25rem;
}
.site-header .header-search.search-overlay .header-search-result .search-popular-products .products .product .product-title {
color: var(--color-gray-900);
}
.site-header .header-search.search-overlay.is-searchable {
z-index: 2;
}
.site-header .header-search.search-overlay.is-searchable::before {
opacity: 0.25;
visibility: visible;
pointer-events: auto;
}
.site-header .header-search.search-overlay.is-searchable .search-form::before {
opacity: 1;
visibility: visible;
}
.site-header .header-search.search-overlay.is-searchable .header-search-result {
opacity: 1;
visibility: visible;
}
.site-header .quick-button {
position: relative;
z-index: 2;
}
.site-header .quick-button .action-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: currentColor;
}
.site-header .quick-button .action-link .action-icon {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.625rem;
width: 2.375rem;
height: 2.25rem;
}
.site-header .quick-button .action-link .action-icon.filled {
font-size: 1.5rem;
color: var(--theme-primary-color);
}
.site-header .quick-button .action-link .action-icon.filled::before {
content: "";
position: absolute;
left: -0.0625rem;
right: -0.0625rem;
top: -0.0625rem;
bottom: -0.0625rem;
background-color: var(--theme-primary-color);
border-radius: 50%;
opacity: 0.1;
-webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header .quick-button .action-link .action-icon .action-count {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.625rem;
font-weight: 600;
line-height: 1.0625rem;
min-width: 1.0625rem;
height: 1.0625rem;
padding-left: 0.0625rem;
padding-right: 0.0625rem;
border-radius: 50%;
color: var(--color-red-50);
background-color: var(--color-red-600);
top: 0.0625rem;
right: 0;
}
.site-header .quick-button .action-link .action-icon i {
line-height: 2.25rem;
}
.site-header .quick-button .action-link .action-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1.2;
}
.site-header .quick-button .action-link .action-text span {
font-size: 0.6875rem;
opacity: 0.7;
}
.site-header .quick-button .action-link .action-text p {
font-size: 0.8125rem;
font-weight: 500;
margin-bottom: 0;
}
.site-header .quick-button .action-link:hover .action-icon.filled::before {
opacity: 0.15;
}
.site-header .quick-button.menu-drawer-toggle.active .action-icon i::before {
content: "\e8b6";
}
.site-header .quick-button.location-selector-button + .login-form-button {
margin-left: 0.5rem;
}
.site-header .quick-button.mobile-menu-button .action-icon, .site-header .quick-button.search-holder-button .action-icon {
width: 1.875rem;
}
.site-header .quick-button.style-1 .action-link .action-text {
margin-left: 0.5rem;
}
.site-header .quick-button.style-2 .action-link {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.site-header .quick-button.style-2 .action-link .action-text p {
font-size: 0.75rem;
}
.site-header .quick-button.style-3 .action-text {
margin-left: 0.375rem;
}
.site-header .quick-button.style-3 .action-text p {
font-size: 0.75rem;
}
.site-header .quick-button.filled .action-link {
position: relative;
height: 2.875rem;
padding-left: 0.375rem;
padding-right: 0.375rem;
border-radius: calc(var(--theme-site-border-radius) + 0.125rem);
overflow: hidden;
}
.site-header .quick-button.filled.categories-button {
margin-left: 0.625rem;
}
.site-header .quick-button.filled.categories-button .action-link {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.site-header .quick-button.filled.categories-button .action-icon {
font-size: 1.375rem;
width: auto;
}
.site-header .quick-button.filled.categories-button .action-text p {
font-size: 0.875rem;
font-weight: 600;
}
.site-header .quick-button.filled.categories-button + .header-search {
padding-left: 0.625rem;
}
.site-header .quick-button.filled.categories-button + .header-search .header-search-result {
left: 0.25rem;
}
@media screen and (min-width: 1200px) {
.site-header .quick-button + .header-search {
padding-left: 1.5rem;
}
}
.site-header .quick-button .mini-cart-holder {
position: absolute;
min-width: 18.75rem;
top: 100%;
right: 0;
padding: 1.25rem;
color: var(--color-black);
background-color: var(--color-white);
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
-webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2509803922);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2509803922);
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
z-index: 1;
}
.site-header .quick-button .mini-cart-holder .products {
margin-bottom: 0.9375rem;
}
.site-header .quick-button .mini-cart-holder .products .product + .product {
margin-top: 0.625rem;
padding-top: 0.625rem;
border-top: 1px solid var(--color-gray-200);
}
.site-header .quick-button .mini-cart-holder .products .product .product-inner {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.site-header .quick-button .mini-cart-holder .products .product .thumbnail-wrapper {
width: 3rem !important;
}
.site-header .quick-button .mini-cart-holder .products .product .content-wrapper {
position: relative;
line-height: 0 !important;
top: -0.125rem;
}
.site-header .quick-button .mini-cart-holder .products .product .content-wrapper .product-title {
margin-bottom: 0.1875rem !important;
font-weight: 400 !important;
}
.site-header .quick-button .mini-cart-holder .products .product .content-wrapper .price {
font-size: 0.8125rem !important;
font-weight: 600 !important;
}
.site-header .quick-button .mini-cart-holder .products .product .content-wrapper .price .woocommerce-Price-amount {
color: var(--color-red-600);
}
.site-header .quick-button .mini-cart-holder .products .product .remove_from_cart_button {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.75rem;
font-weight: 700;
text-decoration: none;
text-shadow: 0 0 0 currentColor;
width: 1.125rem;
height: 1.125rem;
color: currentColor;
border: 1px solid var(--color-gray-300);
border-radius: var(--theme-site-border-radius);
}
.site-header .quick-button .mini-cart-holder .products .product .remove_from_cart_button:hover {
background-color: var(--color-gray-100);
}
.site-header .quick-button .mini-cart-holder .products .product .remove_from_cart_button i {
line-height: 1;
}
.site-header .quick-button .mini-cart-holder .empty-cart {
text-align: center;
padding: 1.25rem 0;
}
.site-header .quick-button .mini-cart-holder .empty-cart svg {
max-width: 5.125rem;
height: auto;
margin-bottom: 1.25rem;
}
.site-header .quick-button .mini-cart-holder .mini-cart-notice {
margin-left: -1.25rem;
margin-right: -1.25rem;
margin-top: -1.25rem;
padding-top: 0.75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 0.75rem;
background-color: var(--color-blue-50);
border-bottom: 1px solid var(--color-blue-100);
margin-bottom: 1.25rem;
}
.site-header .quick-button .mini-cart-holder .mini-cart-notice p {
color: var(--color-blue-900);
margin-bottom: 0.5rem;
}
.site-header .quick-button .mini-cart-holder .mini-cart-notice .cart-notice-progress {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 0.3125rem;
border-radius: 0.625rem;
background-color: rgba(0, 0, 0, 0.08);
}
.site-header .quick-button .mini-cart-holder .mini-cart-notice .cart-notice-progress span {
display: block;
height: 0.3125rem;
background-color: var(--color-blue-400);
border-radius: 0.625rem;
}
.site-header .quick-button .mini-cart-holder .shipping-notice {
margin-left: -1.25rem;
margin-right: -1.25rem;
margin-bottom: -1.25rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
border-top: 1px solid var(--color-gray-200);
}
.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 0.875rem;
padding-top: 0.625rem;
margin-bottom: 0.625rem;
border-top: 1px solid var(--color-gray-200);
}
.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__total strong {
font-size: 0.75rem;
font-weight: 700;
color: var(--color-gray-400);
}
.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__total .woocommerce-Price-amount {
font-family: var(--theme-product-price-font);
font-size: 0.9375rem;
font-weight: 600;
color: var(--color-red-600);
}
.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.3125rem;
}
.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
font-size: 0.8125rem;
height: 2.375rem;
}
.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a:not(.checkout) {
border: 1px solid var(--color-gray-400);
}
.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a:not(.checkout):hover {
background-color: var(--color-gray-100);
}
.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a.checkout {
color: var(--color-white);
background-color: var(--theme-primary-color);
}
.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a.checkout:hover {
opacity: 0.9;
}
.site-header .quick-button.mini-cart-button:hover .mini-cart-holder {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-header .categories-menu {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 18.75rem;
height: 100%;
margin-right: 1.875rem;
}
.site-header .categories-menu::before {
content: "";
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--color-gray-900);
opacity: 0;
visibility: hidden;
z-index: 11;
}
.site-header .categories-menu .categories-toggle {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
font-family: var(--theme-main-menu-font);
font-size: var(--theme-main-menu-font-size);
font-weight: var(--theme-main-menu-font-weight);
letter-spacing: var(--theme-main-menu-letter-spacing);
line-height: var(--navbar-height);
text-decoration: none;
width: 100%;
height: var(--navbar-height);
padding-top: 0.0625rem;
padding-left: 1.125rem;
padding-right: 1.125rem;
border-top-left-radius: calc(var(--theme-site-border-radius) + 2px);
border-top-right-radius: calc(var(--theme-site-border-radius) + 2px);
color: currentColor;
}
.site-header .categories-menu .categories-toggle::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 1px solid;
border-bottom: 0;
border-top-left-radius: calc(var(--theme-site-border-radius) + 2px);
border-top-right-radius: calc(var(--theme-site-border-radius) + 2px);
pointer-events: none;
}
.site-header .categories-menu .categories-toggle::after {
font-family: "klbtheme";
font-size: 78%;
font-weight: 700;
content: "\e8e7";
margin-left: auto;
text-shadow: 0 0 currentColor;
}
.site-header .categories-menu .categories-toggle i {
font-size: 1.125rem;
font-weight: 100;
line-height: 1.125rem;
width: 1.25rem;
margin-right: 0.9375rem;
}
.site-header .primary-menu > ul {
-webkit-column-gap: 1.5625rem;
-moz-column-gap: 1.5625rem;
column-gap: 1.5625rem;
}
.site-header .primary-menu > ul li a {
font-family: var(--theme-main-menu-font);
font-size: var(--theme-main-menu-font-size);
font-weight: var(--theme-main-menu-font-weight);
letter-spacing: var(--theme-main-menu-letter-spacing);
}
.site-header .primary-menu > ul li:not(.mega-menu) .sub-menu {
min-width: 11.25rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.site-header .primary-menu > ul li:not(.mega-menu) .sub-menu .menu-item-has-children > a::after {
content: "\e8ef";
line-height: 0;
margin-left: 0.9375rem;
padding-top: 0.125rem;
text-decoration: none;
}
.site-header .primary-menu > ul li:not(.mega-menu) .sub-menu a {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.site-header .primary-menu > ul li:not(.mega-menu) .sub-menu .sub-menu {
top: -1.0625rem !important;
border-top-right-radius: calc(var(--theme-site-border-radius) + 2px);
}
.site-header .primary-menu > ul li.mega-menu {
position: static;
}
.site-header .primary-menu > ul li.mega-menu > .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.site-header .primary-menu > ul li.mega-menu > .sub-menu > li {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.site-header .primary-menu > ul li.mega-menu > .sub-menu > li > a {
font-weight: 600;
margin-bottom: 0.625rem;
pointer-events: none;
}
.site-header .primary-menu > ul li.mega-menu > .sub-menu > li > a::after {
display: none;
}
.site-header .primary-menu > ul li.mega-menu > .sub-menu > li:last-child > .sub-menu::before {
display: none;
}
.site-header .primary-menu > ul li.mega-menu > .sub-menu .sub-menu {
all: unset;
}
.site-header .primary-menu > ul li.mega-menu > .sub-menu .sub-menu::before {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
right: 0;
background-color: currentColor;
opacity: 0.08;
}
.site-header .primary-menu > ul li.mega-menu > .sub-menu .sub-menu a {
padding-left: 0;
padding-right: 0;
}
.site-header .primary-menu > ul > li > a {
line-height: var(--navbar-height);
height: var(--navbar-height);
padding-top: 0.0625rem;
}
.site-header .primary-menu > ul > li > a.active::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background-color: currentColor;
}
.site-header .primary-menu > ul > li:not(.mega-menu) > .sub-menu {
left: -1.875rem;
}
.site-header .primary-menu > ul .sub-menu a {
font-size: calc(var(--theme-main-menu-font-size) - 1px);
font-weight: 400;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 0.3125rem;
-webkit-transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header .primary-menu > ul .sub-menu a:hover {
text-decoration-color: currentColor;
}
.site-header .custom-button > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: var(--theme-main-menu-font);
font-size: var(--theme-main-menu-font-size);
font-weight: var(--theme-main-menu-font-weight);
letter-spacing: var(--theme-main-menu-letter-spacing);
text-decoration: none;
line-height: var(--navbar-height);
height: var(--navbar-height);
padding-top: 0.0625rem;
color: currentColor;
}
.site-header .custom-button > a .badge {
margin-left: 0.5rem;
}
.site-header .custom-button.has-children > a::after {
font-family: "klbtheme";
font-size: 78%;
font-weight: 700;
content: "\e8e7";
margin-left: 0.625rem;
text-shadow: 0 0 currentColor;
}
.site-header .custom-button .custom-button-holder {
position: absolute;
width: 100%;
top: 100%;
right: 0;
background-color: var(--color-white);
border: 1px solid var(--color-gray-200);
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
border-radius: var(--theme-site-border-radius);
padding: 1.25rem;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header .custom-button .custom-button-holder .products .product + .product {
border-left: 1px solid var(--color-gray-200);
}
.site-header .custom-button .custom-button-holder .products .product .product-title {
font-size: 0.8125rem;
line-height: 1.3;
}
.site-header .custom-button .custom-button-holder .products .product .product-title a {
text-underline-offset: 0.125rem;
}
.site-header .custom-button:hover .custom-button-holder {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-header.category-menu-hover .header-topbar {
z-index: 1 !important;
}
.site-header.category-menu-hover .categories-menu::before {
opacity: 0.25;
visibility: visible;
}
.site-header.category-menu-hover .categories-menu .categories-toggle, .site-header.category-menu-hover .categories-menu .site-categories {
z-index: 12;
}
.site-header.category-menu-hover .categories-menu .site-categories > ul > li:last-child > a {
border-bottom-right-radius: 0;
}
.site-header.search-overlay-focus .header-topbar {
z-index: 1 !important;
}
.site-header .header-categories-holder {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header .header-categories-holder .categories-holder-body {
position: relative;
width: 100%;
max-width: 56.25rem;
margin-left: auto;
margin-right: auto;
z-index: 1;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.site-header .header-categories-holder .categories-holder-body .close-button {
position: absolute;
right: -0.625rem;
top: -0.625rem;
z-index: 2;
}
.site-header .header-categories-holder .categories-holder-body .close-button a {
background-color: var(--color-white);
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
opacity: 1;
}
.site-header .header-categories-holder .categories-holder-body .close-button a::before {
display: none;
}
.site-header .header-categories-holder .categories-holder-body .categories-holder-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
background-color: var(--color-white);
border-radius: calc(var(--theme-site-border-radius) + 0.125rem);
overflow: hidden;
}
.site-header .header-categories-holder .categories-holder-body .categories-holder-inner > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.site-header .header-categories-holder .categories-holder-body .categories-holder-inner > *:nth-child(2) {
width: 18.75rem;
}
.site-header .header-categories-holder .categories-holder-body .categories-holder-inner .site-categories {
position: relative;
min-width: 18.75rem;
top: 0;
border: 0;
}
.site-header .header-categories-holder .categories-holder-body .categories-holder-inner .site-categories .sub-menu {
border-bottom: 0;
border-right: 0;
border-radius: 0;
background-color: var(--color-white);
background-image: none !important;
}
.site-header .header-categories-holder .categories-holder-body .categories-holder-inner .products {
height: 100%;
border-left: 1px solid var(--color-gray-200);
}
.site-header .header-categories-holder .categories-holder-body .categories-holder-inner .products .product {
padding: 1.25rem;
}
.site-header .header-categories-holder .categories-holder-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 0;
}
.site-header .header-categories-holder.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-header .header-categories-holder.active .categories-holder-body {
opacity: 1;
visibility: visible;
pointer-events: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.site-header .header-categories-holder.active .categories-holder-body .site-categories .focus > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .header-topbar .header-inner {
height: 2.5rem;
}
.header-topbar .site-location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-topbar .site-location-text {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 0.375rem;
}
.header-topbar .site-location-text > * {
color: currentColor;
}
.header-topbar .site-location-text i {
margin-right: 0.25rem;
}
.header-topbar .site-location a {
font-weight: 500;
text-decoration: none;
}
.header-topbar .site-menu > ul {
gap: 0.9375rem;
}
.header-topbar .site-menu > ul a {
height: 2.5rem;
}
.header-topbar .site-menu .sub-menu {
min-width: 5.9375rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
left: -1.25rem !important;
}
.header-topbar .site-menu .sub-menu li a {
font-weight: 400;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.header-topbar .site-menu .sub-menu li:hover > a {
opacity: 0.7;
}
.header-topbar .theme-switcher {
gap: 0.875rem;
}
.header-topbar .theme-switcher .currency {
margin-left: 0.4375rem;
margin-right: 0.375rem;
}
.header-topbar .theme-switcher .currency > ul > li > a {
position: relative;
}
.header-topbar .theme-switcher .currency > ul > li > a::before {
content: "";
position: absolute;
left: -0.4375rem;
right: -0.375rem;
height: 55%;
border-radius: var(--theme-site-border-radius);
background-color: currentColor;
opacity: 0.07;
-webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.header-topbar .theme-switcher .currency > ul > li > a:hover::before {
opacity: 0.09;
} .header-main .header-inner {
height: 3.5rem;
}
@media screen and (min-width: 1200px) {
.header-main .header-inner {
height: auto;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
} .header-nav .custom-button + .custom-button {
margin-left: 1.5625rem;
} .site-menu-drawer .site-drawer-inner .site-drawer-footer {
padding-bottom: calc(var(--mobile-nav-height) + 1.25rem);
}
.site-menu-drawer .site-drawer-inner .site-drawer-location i {
position: relative;
top: -0.0625rem;
}
.site-menu-drawer .site-drawer-inner .site-drawer-location .modal-button {
position: relative;
top: -0.125rem;
}
.site-menu-drawer .site-drawer-inner .site-menu.drawer-primary > ul > li + li {
border-top: 1px solid var(--color-gray-200);
}
.site-menu-drawer .site-drawer-inner .site-menu.drawer-secondary a {
font-size: 0.875rem;
font-weight: 400;
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.site-menu-drawer .site-drawer-inner .site-drawer-contact ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li + li {
margin-top: 1.375rem;
}
.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-icon {
font-size: 1.375rem;
width: 1.375rem;
height: 1.375rem;
margin-right: 0.75rem;
}
.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
font-size: 0.875rem;
font-weight: 600;
}
.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-detail a {
text-decoration: none;
color: currentColor;
}
.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-detail a.phone {
font-size: 1.125rem;
}
.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-detail span {
font-size: 0.75rem;
font-weight: 400;
color: var(--color-gray-500);
} body:not(.site-has-scroll) .site-categories-drawer.get-header-height {
top: var(--header-height);
}
.site-categories-drawer .site-drawer-inner {
border-top: 1px solid var(--color-gray-200);
padding-bottom: calc(var(--mobile-nav-height) + 1.25rem);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.site-categories-drawer .site-drawer-inner .site-categories {
position: relative;
top: 0;
left: 0;
border: 0;
border-radius: 0;
} .site-search-drawer.get-header-height {
top: var(--header-height);
}
.site-search-drawer .site-drawer-inner {
border-top: 1px solid var(--color-gray-200);
padding-top: 0.625rem;
padding-bottom: calc(var(--mobile-nav-height) + 1.25rem);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.site-search-drawer .site-drawer-inner .header-search input {
padding-left: 2.625rem;
}
.site-search-drawer .site-drawer-inner .header-search button {
left: 0.1875rem;
right: auto;
}
.site-search-drawer-active {
overflow: hidden;
}
.site-search-drawer-active.site-has-scroll {
top: 0 !important;
}  #sidebar .widget:not(:last-child) {
margin-bottom: 0.9375rem;
padding-bottom: 0.9375rem;
border-bottom: 1px solid var(--color-gray-200);
}
@media screen and (min-width: 576px) {
#sidebar .widget:not(:last-child) {
margin-bottom: 1.5625rem;
padding-bottom: 1.5625rem;
}
}
#sidebar.filter-sidebar .filter-sidebar-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 0.875rem;
padding-top: 0.875rem;
margin-bottom: 0.875rem;
border-bottom: 1px solid var(--color-gray-200);
}
#sidebar.filter-sidebar .filter-sidebar-header .entry-title {
font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
#sidebar.filter-sidebar .filter-sidebar-header {
display: none;
}
}
@media screen and (max-width: 991.98px) {
#sidebar.filter-sidebar {
position: fixed !important;
background-color: var(--color-white);
top: 0;
left: 0;
width: 18.75rem;
height: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 100;
}
#sidebar.filter-sidebar .theiaStickySidebar {
position: relative !important;
width: 100% !important;
height: 100% !important;
left: 0 !important;
}
}
@media screen and (max-width: 575.98px) {
#sidebar.filter-sidebar {
width: 100%;
}
} .widget {
position: relative;
font-size: 0.875rem;
}
.widget .widget-title {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0.75rem;
}
@media screen and (min-width: 576px) {
.widget .widget-title {
margin-bottom: 1.25rem;
}
}
.widget .menu {
list-style: none;
margin: 0;
padding: 0;
}
.widget .menu li + li {
margin-top: 0.3125rem;
}
.widget .menu li a {
text-decoration-color: transparent;
text-underline-offset: 0.3125rem;
-webkit-transition: all 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.widget .menu li a:hover {
text-decoration-color: currentColor;
}
.widget .woocommerce-widget-layered-nav-list, .widget .widget-checkbox-list {
margin: 0;
padding: 0;
list-style: none;
}
.widget .woocommerce-widget-layered-nav-list li + li, .widget .widget-checkbox-list li + li {
margin-top: 0.75rem;
}
.widget .woocommerce-widget-layered-nav-list li .type-button, .widget .widget-checkbox-list li .type-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
font-weight: 500;
line-height: 1;
color: currentColor;
text-decoration: none;
}
.widget .woocommerce-widget-layered-nav-list li .type-button a, .widget .widget-checkbox-list li .type-button a {
color: currentColor;
text-decoration: none;
}
.widget .woocommerce-widget-layered-nav-list li .type-button .button-box, .widget .widget-checkbox-list li .type-button .button-box {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1rem;
height: 1rem;
border-radius: 0.25rem;
background-color: var(--color-white);
border: 1px solid var(--color-gray-300);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
margin-right: 0.625rem;
-webkit-transition: border-color 0.05s var(--theme-transition);
transition: border-color 0.05s var(--theme-transition);
}
.widget .woocommerce-widget-layered-nav-list li .type-button:hover .button-box, .widget .widget-checkbox-list li .type-button:hover .button-box {
border-color: var(--color-gray-400);
}
.widget .woocommerce-widget-layered-nav-list li .type-button .button-text, .widget .widget-checkbox-list li .type-button .button-text {
line-height: 0;
}
.widget .woocommerce-widget-layered-nav-list li .type-button .count, .widget .widget-checkbox-list li .type-button .count {
color: var(--color-gray-400);
margin-left: auto;
padding-left: 0.5rem;
}
.widget .woocommerce-widget-layered-nav-list li .type-button label, .widget .widget-checkbox-list li .type-button label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
line-height: 1;
}
.widget .woocommerce-widget-layered-nav-list li .type-button input, .widget .widget-checkbox-list li .type-button input {
position: absolute;
opacity: 0;
left: -9999px;
}
.widget .woocommerce-widget-layered-nav-list li .type-button input:checked + label .button-box, .widget .widget-checkbox-list li .type-button input:checked + label .button-box {
color: var(--color-white);
background-color: var(--theme-primary-color);
border-color: transparent;
}
.widget .woocommerce-widget-layered-nav-list li .type-button input:checked + label .button-box::before, .widget .widget-checkbox-list li .type-button input:checked + label .button-box::before {
position: relative;
font-family: "klbtheme";
font-weight: 700;
content: "\e8b7";
top: 0.0625rem;
}
.widget .woocommerce-widget-layered-nav-list li .type-button input:checked + label .button-text, .widget .widget-checkbox-list li .type-button input:checked + label .button-text {
color: var(--theme-primary-color);
}
.widget .woocommerce-widget-layered-nav-list li.chosen .type-button .button-box, .widget .widget-checkbox-list li.chosen .type-button .button-box {
color: var(--color-white);
background-color: var(--theme-primary-color);
border-color: transparent;
}
.widget .woocommerce-widget-layered-nav-list li.chosen .type-button .button-box::before, .widget .widget-checkbox-list li.chosen .type-button .button-box::before {
font-family: "klbtheme";
font-weight: 700;
content: "\e8b7";
}
.widget .woocommerce-widget-layered-nav-list li.chosen .type-button a, .widget .widget-checkbox-list li.chosen .type-button a {
color: var(--theme-primary-color);
}
.widget .price_slider_wrapper .price_slider_amount {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.25rem;
}
.widget .price_slider_wrapper .price_slider_amount > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.widget .price_slider_wrapper .price_slider_amount > *.separator {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 1.25rem 0.625rem 0;
}
.widget .price_slider_wrapper .price_slider_amount > * .price-placeholder {
display: block;
font-size: 0.75rem;
color: var(--color-gray-500);
margin-bottom: 0.25rem;
}
.widget .price_slider_wrapper .price_slider_amount > * input {
height: 2.375rem;
border: 1px solid var(--color-gray-300);
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.widget .price_slider_wrapper .price_slider_amount > * input:hover {
border-color: var(--color-gray-400);
}
.widget .price_slider_wrapper .ui-widget-content {
position: relative;
height: 0.1875rem;
background-color: var(--color-gray-200);
border-radius: 0.625rem;
margin-bottom: 1.25rem;
}
.widget .price_slider_wrapper .ui-widget-content .ui-slider-range {
position: absolute;
display: block;
width: 100%;
height: 0.1875rem;
border: 0;
border-radius: 0.625rem;
background-color: var(--color-gray-900);
z-index: 1;
}
.widget .price_slider_wrapper .ui-widget-content .ui-slider-handle {
position: absolute;
width: 0.875rem;
height: 0.875rem;
background-color: var(--color-gray-900);
border-radius: 50%;
top: -0.375rem;
left: 0;
margin: 0;
outline: 0;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.widget .price_slider_wrapper .ui-widget-content .ui-slider-handle:last-child {
left: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.widget .price_slider_wrapper .price_slider_bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.widget .price_slider_wrapper .price_slider_bottom button {
height: 2.375rem;
background-color: var(--color-gray-200);
}
.widget .price_slider_wrapper .price_slider_bottom button:hover {
background-color: var(--color-gray-300);
}
.widget .price_slider_wrapper .price_slider_bottom .price_label {
margin-right: auto;
}
.widget .post-widget .post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.widget .post-widget .post .post-gallery {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 3.5rem;
margin-right: 1.25rem;
}
.widget .post-widget .post .post-gallery a {
position: relative;
display: block;
overflow: hidden;
border-radius: 50%;
}
.widget .post-widget .post .post-body {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.widget .post-widget .post .post-body .entry-post-meta {
font-size: 0.6875rem;
}
.widget .post-widget .post:last-child {
margin-bottom: 0;
}
.widget .social-widget ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.widget .social-widget ul li {
width: 100%;
}
.widget .social-widget ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-decoration: none;
width: 100%;
height: 2.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.widget .social-widget ul li a .social-icon {
font-size: 1rem;
width: 1.25rem;
margin-right: 0.625rem;
}
.widget .social-widget ul li a .social-label {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.widget .social-widget ul li a .social-label span {
margin-left: auto;
opacity: 0.5;
}  .price {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-family: var(--theme-product-price-font);
font-size: var(--theme-product-price-font-size);
font-weight: var(--theme-product-price-font-weight);
line-height: 1;
letter-spacing: var(--theme-product-price-letter-spacing);
}
.price ins {
text-decoration: none;
color: var(--color-red-600);
}
.price del {
font-size: 73%;
font-weight: 500;
color: var(--color-gray-900);
text-decoration-color: var(--color-red-600);
margin-left: 0.4375rem;
} .sale-percentage {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.75rem;
line-height: 1;
height: 1.375rem;
padding-left: 0.375rem;
padding-right: 0.375rem;
padding-top: 0.0625rem;
border-radius: var(--theme-site-border-radius);
color: var(--color-red-700);
background-color: var(--color-red-100);
margin-bottom: 0.125rem;
}
.sale-percentage strong {
font-weight: 700;
margin-right: 0.1875rem;
} .quantity {
--qty-size: 2.125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
}
.quantity .quantity-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.0625rem;
min-width: var(--qty-size);
min-height: var(--qty-size);
-webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.quantity .quantity-button i {
text-shadow: 0 0 0 currentColor;
}
.quantity .qty {
text-align: center;
width: var(--qty-size);
height: var(--qty-size);
padding-left: 0;
padding-right: 0;
border-radius: 0;
border: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.quantity .qty:focus, .quantity .qty:active {
outline: none;
}
.quantity.ajax-quantity {
display: none;
}
.quantity.ajax-quantity.style-1 {
position: relative;
width: 100%;
background-color: var(--color-white);
border: 1px solid var(--color-gray-200);
border-radius: 3.125rem;
overflow: hidden;
}
.quantity.ajax-quantity.style-1 .quantity-button {
position: relative;
height: 100%;
}
.quantity.ajax-quantity.style-1 .quantity-button i {
pointer-events: none;
}
.quantity.ajax-quantity.style-1 .quantity-button.minus {
background-color: var(--color-gray-100);
}
.quantity.ajax-quantity.style-1 .quantity-button.plus {
background-color: var(--color-yellow-400);
}
.quantity.ajax-quantity.style-1 .qty {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.quantity.ajax-quantity.style-1.primary {
border: 0;
}
.quantity.ajax-quantity.style-1.primary::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 3.125rem;
border: 1px solid var(--theme-primary-color);
opacity: 0.15;
pointer-events: none;
}
.quantity.ajax-quantity.style-1.primary .quantity-button {
height: 100%;
}
.quantity.ajax-quantity.style-1.primary .quantity-button.minus {
color: var(--theme-primary-color);
background-color: transparent;
}
.quantity.ajax-quantity.style-1.primary .quantity-button.minus::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--theme-primary-color);
opacity: 0.07;
}
.quantity.ajax-quantity.style-1.primary .quantity-button.plus {
color: var(--color-white);
background-color: var(--theme-primary-color);
}
.quantity.ajax-quantity.style-3 {
--qty-size: 2rem;
position: relative;
width: 100%;
background-color: var(--color-white);
border: 1px solid var(--color-gray-200);
border-radius: 3.125rem;
overflow: hidden;
border-radius: calc(var(--theme-site-border-radius) + 2px);
}
.quantity.ajax-quantity.style-3 .qty {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.quantity.ajax-quantity.style-3 .quantity-button {
position: relative;
height: 100%;
}
.quantity.ajax-quantity.style-3 .quantity-button i {
pointer-events: none;
}
.quantity.ajax-quantity.style-3 .quantity-button.minus {
color: var(--color-green-800);
}
.quantity.ajax-quantity.style-3 .quantity-button.minus::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--color-green-800);
opacity: 0.08;
}
.quantity.ajax-quantity.style-3 .quantity-button.plus {
color: var(--color-green-50);
background-color: var(--color-green-600);
} .product .product-wrapper.style-2 .product-gallery-dots {
bottom: 1.5625rem;
}
.product .thumbnail-wrapper {
margin-bottom: 0.625rem;
}
.product .product-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.3125rem;
margin-bottom: 0.875rem;
}
@media screen and (min-width: 576px) {
.product .product-heading {
gap: 0.5rem;
margin-bottom: 1rem;
}
}
.product .product-title {
display: -webkit-box;
font-family: var(--theme-product-title-font);
font-size: calc(var(--theme-product-title-font-size) - 1px);
font-weight: var(--theme-product-title-font-weight);
line-height: 1.3;
letter-spacing: var(--theme-product-title-letter-spacing);
max-width: 100%;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
margin-bottom: 0;
}
@media screen and (min-width: 576px) {
.product .product-title {
font-size: var(--theme-product-title-font-size);
}
}
.product .product-title a {
color: currentColor;
text-decoration-color: transparent;
text-underline-offset: 0.25rem;
-webkit-transition: all 0.05s var(--theme-transition);
transition: all 0.05s var(--theme-transition);
}
.product .product-title a:hover {
text-decoration-color: currentColor;
}
.products .product:hover .thumbnail-wrapper .thumbnail-buttons > * {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.product:hover .product-footer .site-countdown .countdown-item {
background-color: var(--color-red-50);
border: 1px solid var(--color-red-100);
}
.product:hover .product-footer .site-countdown .countdown-item > * {
color: var(--color-red-700);
} .thumbnail-wrapper {
position: relative;
padding: 0.625rem;
}
.thumbnail-wrapper .thumbnail-badges {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
top: 0.5625rem;
bottom: 0;
left: 0;
pointer-events: none;
z-index: 1;
}
.thumbnail-wrapper .thumbnail-badges .badge {
font-size: 0.5625rem;
font-weight: 800;
line-height: 0;
text-transform: uppercase;
color: var(--color-gray-500);
background-color: var(--color-gray-100);
border-top-left-radius: 0.875rem;
border-bottom-left-radius: 0.875rem;
border-top-right-radius: 2.5rem;
border-bottom-right-radius: 2.5rem;
}
@media screen and (min-width: 576px) {
.thumbnail-wrapper .thumbnail-badges .badge {
font-size: 0.625rem;
height: 1.5rem;
padding-left: 0.5rem;
padding-right: 0.625rem;
}
}
.thumbnail-wrapper .thumbnail-badges .badge svg {
width: 0.6875rem;
height: 0.6875rem;
margin-right: 0.1875rem;
margin-left: -0.125rem;
}
@media screen and (min-width: 576px) {
.thumbnail-wrapper .thumbnail-badges .badge svg {
width: 0.875rem;
height: 0.875rem;
margin-right: 0.3125rem;
}
}
.thumbnail-wrapper .thumbnail-badges .badge.sale {
color: var(--color-red-50);
background-color: var(--color-red-600);
}
.thumbnail-wrapper .thumbnail-badges .badge.cold-sale {
color: var(--color-cyan-600);
background: rgb(165, 239, 255);
background: -webkit-gradient(linear, left top, right top, from(rgb(165, 239, 255)), color-stop(50%, rgb(231, 248, 253)));
background: linear-gradient(90deg, rgb(165, 239, 255) 0%, rgb(231, 248, 253) 50%);
margin-top: auto;
}
.thumbnail-wrapper .thumbnail-badges .badge.hot-sale {
color: var(--color-red-800);
background: rgb(255, 219, 219);
background: -webkit-gradient(linear, left top, right top, from(rgb(255, 219, 219)), color-stop(76%, rgb(255, 178, 155)));
background: linear-gradient(90deg, rgb(255, 219, 219) 0%, rgb(255, 178, 155) 76%);
margin-top: auto;
}
.thumbnail-wrapper .thumbnail-badges .badge.organic {
color: var(--color-green-800);
background: rgb(212, 252, 121);
background: -webkit-gradient(linear, left top, right top, from(rgb(212, 252, 121)), color-stop(50%, rgb(150, 230, 161)));
background: linear-gradient(90deg, rgb(212, 252, 121) 0%, rgb(150, 230, 161) 50%);
margin-top: auto;
}
.thumbnail-wrapper .thumbnail-buttons {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.25rem;
top: 0.3125rem;
right: 0.3125rem;
z-index: 1;
}
.thumbnail-wrapper .thumbnail-buttons > * {
-webkit-transition: opacity 0.25s var(--theme-transition), -webkit-transform 0.25s var(--theme-transition);
transition: opacity 0.25s var(--theme-transition), -webkit-transform 0.25s var(--theme-transition);
transition: opacity 0.25s var(--theme-transition), transform 0.25s var(--theme-transition);
transition: opacity 0.25s var(--theme-transition), transform 0.25s var(--theme-transition), -webkit-transform 0.25s var(--theme-transition);
}
.thumbnail-wrapper .thumbnail-buttons > *:nth-child(2) {
-webkit-transform: translateX(6px);
transform: translateX(6px);
opacity: 0;
}
.thumbnail-wrapper .thumbnail-buttons > *:nth-child(3) {
-webkit-transform: translateX(8px);
transform: translateX(8px);
-webkit-transition-delay: 0.04s;
transition-delay: 0.04s;
opacity: 0;
}
.thumbnail-wrapper .thumbnail-buttons a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.125rem;
line-height: 1.125rem;
text-decoration: none;
width: 1.625rem;
height: 1.625rem;
color: currentColor;
background-color: var(--color-white);
border-radius: 50%;
-webkit-transition: background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media screen and (min-width: 576px) {
.thumbnail-wrapper .thumbnail-buttons a {
font-size: 1.25rem;
line-height: 1.25rem;
width: 2rem;
height: 2rem;
}
}
.thumbnail-wrapper .thumbnail-buttons a i {
line-height: 1;
text-shadow: 0 0 0 currentColor;
}
.thumbnail-wrapper .thumbnail-buttons a:hover {
background-color: var(--color-gray-100);
}
.thumbnail-wrapper .thumbnail-buttons .wishlist-button a {
font-size: 0;
}
.thumbnail-wrapper .thumbnail-buttons .wishlist-button a::before {
font-family: "klbtheme";
font-size: 1.125rem;
line-height: 1.125rem;
text-shadow: 0 0 0 currentColor;
-webkit-transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
content: "\e812";
}
@media screen and (min-width: 576px) {
.thumbnail-wrapper .thumbnail-buttons .wishlist-button a::before {
font-size: 1.375rem;
line-height: 1.375rem;
}
}
.thumbnail-wrapper .thumbnail-buttons .wishlist-button a:hover {
color: var(--color-red-600);
background-color: var(--color-red-50);
}
@media screen and (min-width: 576px) {
.thumbnail-wrapper .thumbnail-buttons .compare-button a {
font-size: 1.1875rem;
}
}
.thumbnail-wrapper .product-cart {
position: absolute;
right: 0;
bottom: -0.375rem;
z-index: 2;
}
.thumbnail-wrapper .product-cart .ajax-quantity {
--qty-size: 2rem;
-webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1019607843), 0 8px 10px -6px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1019607843), 0 8px 10px -6px rgba(0, 0, 0, 0.1019607843);
}
.thumbnail-wrapper .product-cart .ajax-quantity .quantity-button {
font-size: 1.125rem;
line-height: 1;
} .product-rating {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-rating .star-rating {
top: 0.0625rem;
}
.product-rating .rating-count {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
margin-left: 0.5rem;
}
.product-rating .rating-count .rating {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
font-weight: 600;
line-height: 0;
height: 1.4375rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
border-radius: var(--theme-site-border-radius);
border: 1px solid var(--color-gray-300);
margin-right: 0.375rem;
}
.product-rating .rating-count .count-text {
font-size: 0.75rem;
color: var(--color-gray-500);
} .star-rating {
--font-size: 0.6875rem;
--lt-spacing: 0.0625rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
overflow: hidden;
}
.star-rating::before {
font-family: "klbtheme";
content: "\e818\e818\e818\e818\e818";
font-size: var(--font-size);
letter-spacing: var(--lt-spacing);
color: var(--color-gray-300);
}
.star-rating span {
position: absolute;
font-size: 0;
overflow: hidden;
}
.star-rating span::before {
font-family: "klbtheme";
content: "\e818\e818\e818\e818\e818";
font-size: var(--font-size);
letter-spacing: var(--lt-spacing);
color: var(--color-yellow-400);
}  .product-progress .site-progress-bar {
margin-bottom: 0.3125rem;
}
.product-progress .product-progress-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.375rem;
text-align: center;
}
.product-progress .product-progress-detail p {
font-size: 0.75rem;
color: var(--color-gray-500);
margin-bottom: 0;
}
.product-progress .product-progress-detail span {
font-family: var(--theme-product-title-font);
font-size: 0.875rem;
font-weight: 700;
letter-spacing: -1px;
}
@media screen and (min-width: 576px) {
.product-progress .product-progress-detail span {
font-size: 1rem;
}
} .product-footer {
margin-top: 0.625rem;
}
.product-footer.bordered {
border-top: 1px solid var(--color-gray-200);
padding-top: 0.75rem;
margin-top: 0.75rem;
}
.product-footer > * + * {
border-top: 1px solid var(--color-gray-200);
padding-top: 1rem;
margin-top: 0.875rem;
}
.product-footer .site-countdown .countdown-separator {
margin-left: 0.3125rem;
margin-right: 0.3125rem;
}
.product-footer .site-countdown .countdown-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.625rem;
height: 1.625rem;
background-color: var(--color-gray-100);
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
}
.product-footer .site-countdown .countdown-item > * {
font-weight: 600;
color: var(--color-gray-600);
} .site-featured-product {
border: 0.125rem solid var(--color-red-600);
border-radius: calc(var(--theme-site-border-radius) + 0.125rem);
padding: 0.9375rem;
}
@media screen and (min-width: 576px) {
.site-featured-product {
border-width: 0.25rem;
padding: 1.875rem;
}
}
.site-featured-product.style-1 .product .product-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-featured-product.style-1 .product .product-inner > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
@media screen and (min-width: 576px) {
.site-featured-product.style-1 .product .product-inner > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.site-featured-product.style-1 .product .product-inner > *.thumbnail-wrapper {
width: 57%;
margin-right: 1.25rem;
margin-bottom: 0;
}
.site-featured-product.style-1 .product .product-inner > *.content-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-title {
font-size: 1.25rem;
font-weight: 600;
}
.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-price-wrapper {
margin-bottom: 0.625rem;
}
.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-price-wrapper .price {
font-size: 2rem;
}
}
.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-excerpt {
font-size: 0.8125rem;
color: var(--color-gray-600);
}
.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-progress {
border-top: 1px solid var(--color-gray-200);
margin-top: 1.25rem;
padding-top: 1.25rem;
margin-bottom: 1.25rem;
}
.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
}
.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-cart > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.site-featured-product.style-2 .product .content-wrapper .product-title {
font-weight: 600;
}
.site-featured-product.style-2 .product .content-wrapper .product-excerpt {
font-size: 0.8125rem;
color: var(--color-gray-600);
}
.site-featured-product.style-2 .product .content-wrapper .product-progress {
border-top: 1px solid var(--color-gray-200);
margin-top: 1.25rem;
padding-top: 1.25rem;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 576px) {
.site-featured-product.style-2 .product .content-wrapper .product-price-wrapper .price {
font-size: 1.625rem;
}
}
.site-featured-product.style-2 .product .content-wrapper .product-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
}
.site-featured-product.style-2 .product .content-wrapper .product-cart > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
} @media screen and (min-width: 576px) {
.product-extra-padding .product .product-wrapper {
padding: 1.25rem !important;
}
} .products:not(.slick-slider) {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.products:not(.slick-slider) > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
.products:not(.slick-slider).column-1 > * {
width: 100%;
}
.products:not(.slick-slider).column-2 > * {
width: 50%;
}
.products:not(.slick-slider).column-3 > * {
width: 33.33333333%;
}
.products:not(.slick-slider).column-4 > * {
width: 25%;
}
.products:not(.slick-slider).column-5 > * {
width: 20%;
}
.products:not(.slick-slider).column-6 > * {
width: 16.66666667%;
}
@media screen and (min-width: 576px) {
.products:not(.slick-slider).sm-column-1 > * {
width: 100%;
}
.products:not(.slick-slider).sm-column-2 > * {
width: 50%;
}
.products:not(.slick-slider).sm-column-3 > * {
width: 33.33333333%;
}
.products:not(.slick-slider).sm-column-4 > * {
width: 25%;
}
.products:not(.slick-slider).sm-column-5 > * {
width: 20%;
}
.products:not(.slick-slider).sm-column-6 > * {
width: 16.66666667%;
}
}
@media screen and (min-width: 992px) {
.products:not(.slick-slider).md-column-1 > * {
width: 100%;
}
.products:not(.slick-slider).md-column-2 > * {
width: 50%;
}
.products:not(.slick-slider).md-column-3 > * {
width: 33.33333333%;
}
.products:not(.slick-slider).md-column-4 > * {
width: 25%;
}
.products:not(.slick-slider).md-column-5 > * {
width: 20%;
}
.products:not(.slick-slider).md-column-5 > * .product-title {
font-size: calc(var(--theme-product-title-font-size) - 0.0625rem);
}
.products:not(.slick-slider).md-column-5 > * .product-title a {
text-underline-offset: 0.125rem;
}
.products:not(.slick-slider).md-column-6 > * {
width: 16.66666667%;
}
.products:not(.slick-slider).md-column-6 > * .product-title {
font-size: calc(var(--theme-product-title-font-size) - 0.0625rem);
}
.products:not(.slick-slider).md-column-6 > * .product-title a {
text-underline-offset: 0.125rem;
}
}
@media screen and (min-width: 1200px) {
.products:not(.slick-slider).lg-column-1 > * {
width: 100%;
}
.products:not(.slick-slider).lg-column-2 > * {
width: 50%;
}
.products:not(.slick-slider).lg-column-3 > * {
width: 33.33333333%;
}
.products:not(.slick-slider).lg-column-4 > * {
width: 25%;
}
.products:not(.slick-slider).lg-column-5 > * {
width: 20%;
}
.products:not(.slick-slider).lg-column-6 > * {
width: 16.66666667%;
}
}
.products:not(.slick-slider).list-style .product-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.products:not(.slick-slider).list-style .product-inner > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.products:not(.slick-slider).list-style .product-inner > *.thumbnail-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 5.375rem;
padding: 0;
margin-bottom: 0;
margin-right: 0.9375rem;
}
.products:not(.slick-slider).list-style .product-inner > *.content-wrapper .product-title {
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.products:not(.slick-slider).list-style .product-inner > *.content-wrapper .price {
font-size: 1.25rem;
}
.products:not(.slick-slider).list-style.base-list .product-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.25rem;
}
@media screen and (min-width: 576px) {
.products:not(.slick-slider).list-style.base-list .product-wrapper {
gap: 2.5rem;
}
}
.products:not(.slick-slider).list-style.base-list .product-wrapper .product-excerpt {
font-size: 0.8125rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
color: var(--color-gray-600);
}
@media screen and (min-width: 576px) {
.products:not(.slick-slider).list-style.base-list .product-wrapper .product-excerpt {
width: 18.75rem;
}
}
.products:not(.slick-slider).list-style.base-list .product-inner {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.products:not(.slick-slider).list-style.base-list .product-inner .thumbnail-wrapper {
width: 35%;
margin-right: 0.625rem;
}
@media screen and (min-width: 576px) {
.products:not(.slick-slider).list-style.base-list .product-inner .thumbnail-wrapper {
margin-right: 2.5rem;
}
}
.products:not(.slick-slider).list-style.base-list .product-inner .content-wrapper .product-title {
font-size: 0.9375rem;
}
@media screen and (min-width: 576px) {
.products:not(.slick-slider).list-style.xs-list .product-inner > *.thumbnail-wrapper {
width: 3.5rem;
margin-right: 0.9375rem;
}
}
.products:not(.slick-slider).list-style.xs-list .product-inner > *.content-wrapper {
line-height: 1;
}
@media screen and (min-width: 576px) {
.products:not(.slick-slider).list-style.xs-list .product-inner > *.content-wrapper .product-title {
font-size: 0.75rem;
margin-bottom: 0.25rem;
}
.products:not(.slick-slider).list-style.xs-list .product-inner > *.content-wrapper .product-title a {
text-underline-offset: 0.1875rem;
}
}
@media screen and (min-width: 576px) {
.products:not(.slick-slider).list-style.xs-list .product-inner > *.content-wrapper .price {
font-size: 0.9375rem;
}
}
@media screen and (min-width: 576px) {
.products:not(.slick-slider).sm-list-style .product-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.products:not(.slick-slider).sm-list-style .product-inner > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 48%;
}
.products:not(.slick-slider).sm-list-style .product-inner .thumbnail-wrapper {
margin-right: 0.9375rem;
margin-bottom: 0;
}
}
@media screen and (min-width: 992px) {
.products:not(.slick-slider).md-list-style .product-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.products:not(.slick-slider).md-list-style .product-inner > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 48%;
}
.products:not(.slick-slider).md-list-style .product-inner .thumbnail-wrapper {
margin-right: 0.9375rem;
margin-bottom: 0;
}
}
@media screen and (min-width: 1200px) {
.products:not(.slick-slider).lg-list-style .product-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.products:not(.slick-slider).lg-list-style .product-inner > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
} .products-separate-top .product + .product {
border-top: 1px solid var(--color-gray-200);
}
.products-separate-left .product + .product {
border-left: 1px solid var(--color-gray-200);
}
.products-separate-right .product + .product {
border-right: 1px solid var(--color-gray-200);
} .woocommerce-breadcrumb {
margin-top: 0.625rem;
}
@media screen and (min-width: 576px) {
.woocommerce-breadcrumb {
margin-top: 1.25rem;
}
}
.woocommerce-breadcrumb ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.375rem;
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-breadcrumb ul li {
font-size: 0.75rem;
}
.woocommerce-breadcrumb ul li a {
position: relative;
text-decoration: none;
color: var(--color-gray-400);
}
.woocommerce-breadcrumb ul li a::after {
font-family: "klbtheme";
content: "\e82f";
margin-left: 0.25rem;
} .woocommerce-page-header {
margin-bottom: 0.625rem;
} .before-shop-loop {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: var(--color-gray-100);
border-radius: var(--theme-site-border-radius);
padding: 0.625rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
margin-bottom: 0.625rem;
z-index: 3;
}
.before-shop-loop .filter-wide-button {
position: static;
margin-right: 0.9375rem;
}
.before-shop-loop .filter-wide-button > a {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
font-weight: 500;
color: currentColor;
text-decoration: none;
}
.before-shop-loop .filter-wide-button > a::after {
font-family: "klbtheme";
font-size: 1.125rem;
margin-left: 0.5rem;
content: "\e82c";
border: 0;
}
.before-shop-loop .filter-wide-button .dropdown-menu {
width: 100%;
border-color: var(--color-gray-200);
-webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1019607843), 0 8px 10px -6px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1019607843), 0 8px 10px -6px rgba(0, 0, 0, 0.1019607843);
margin-top: -0.1875rem;
padding: 2.5rem;
}
.before-shop-loop .filter-wide-button .dropdown-menu-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -1.875rem;
margin-right: -1.875rem;
}
.before-shop-loop .filter-wide-button .dropdown-menu-inner > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.before-shop-loop .filter-wide-button .dropdown-menu-inner > * + * {
border-left: 0.0625rem solid var(--color-gray-200);
}
.before-shop-loop .filter-wide-button .dropdown-menu-inner > * .widget-title {
font-size: 0.6875rem;
text-transform: uppercase;
color: var(--color-gray-400);
}
.before-shop-loop .filter-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
font-weight: 600;
text-decoration: none;
color: currentColor;
margin-right: 0.9375rem;
}
@media screen and (min-width: 992px) {
.before-shop-loop .filter-button {
display: none;
}
}
.before-shop-loop .filter-button i {
font-size: 1.125rem;
line-height: 1;
margin-right: 0.25rem;
}
.before-shop-loop .woocommerce-result-count {
display: none;
font-size: 0.75rem;
color: var(--color-gray-500);
margin-bottom: 0;
}
@media screen and (min-width: 576px) {
.before-shop-loop .woocommerce-result-count {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.before-shop-loop .sorting-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0.8125rem;
border-left: 1px solid var(--color-gray-300);
}
.before-shop-loop .sorting-button > span {
font-size: 0.8125rem;
font-weight: 600;
margin-left: 0.375rem;
}
.before-shop-loop .sorting-button > i {
font-size: 1.25rem;
line-height: 1;
}
@media screen and (min-width: 576px) {
.before-shop-loop .sorting-button {
display: none;
}
}
.before-shop-loop .shop-sorting-wrapper {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 576px) {
.before-shop-loop .shop-sorting-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media screen and (max-width: 575.98px) {
.before-shop-loop .shop-sorting-wrapper {
position: absolute;
width: 100%;
top: calc(100% - 0.1875rem);
left: 0;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
background-color: var(--color-gray-100);
border-top: 1px solid var(--color-gray-200);
border-bottom-left-radius: var(--theme-site-border-radius);
border-bottom-right-radius: var(--theme-site-border-radius);
}
.before-shop-loop .shop-sorting-wrapper.active {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.before-shop-loop .sorting-products, .before-shop-loop .sorting-per-page {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
}
.before-shop-loop .sorting-products > span, .before-shop-loop .sorting-per-page > span {
font-size: 0.75rem;
font-weight: 500;
color: var(--color-gray-400);
margin-right: 0.375rem;
}
.before-shop-loop .sorting-products select, .before-shop-loop .sorting-per-page select {
font-size: 0.75rem;
height: auto;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
.before-shop-loop .sorting-products select:focus, .before-shop-loop .sorting-products select::after, .before-shop-loop .sorting-per-page select:focus, .before-shop-loop .sorting-per-page select::after {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.before-shop-loop .sorting-per-page {
padding-left: 0.625rem;
margin-left: 0.625rem;
border-left: 1px solid var(--color-gray-300);
}
.before-shop-loop .product-views-buttons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.1875rem;
margin-left: 1.25rem;
}
.before-shop-loop .product-views-buttons a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.125rem;
width: 1.75rem;
height: 1.75rem;
border-radius: var(--theme-site-border-radius);
color: var(--color-gray-500);
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media screen and (min-width: 576px) {
.before-shop-loop .product-views-buttons a {
width: 1.875rem;
height: 1.875rem;
}
}
.before-shop-loop .product-views-buttons a i {
line-height: 1;
}
.before-shop-loop .product-views-buttons a:not(.active):hover {
color: var(--color-gray-900);
}
.before-shop-loop .product-views-buttons a.active {
color: var(--color-gray-900);
background-color: var(--color-gray-300);
} .shop-products-wrapper {
position: relative;
overflow: hidden;
}
.shop-products-wrapper.border-block {
border-radius: var(--theme-site-border-radius);
}
.shop-products-wrapper.border-block .product {
border-bottom: 1px solid var(--color-gray-200);
}
.shop-products-wrapper.border-block .product + .product {
border-left: 1px solid var(--color-gray-200);
} .woocommerce-pagination {
margin-top: 0.9375rem;
}
@media screen and (min-width: 576px) {
.woocommerce-pagination {
margin-top: 1.875rem;
}
}
.woocommerce-pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0.125rem;
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-pagination ul li a {
text-decoration: none;
color: currentColor;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.woocommerce-pagination ul li > * {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.8125rem;
font-weight: 600;
line-height: 0.8125rem;
width: 1.75rem;
height: 1.75rem;
background-color: var(--color-gray-100);
border-radius: var(--theme-site-border-radius);
}
@media screen and (min-width: 576px) {
.woocommerce-pagination ul li > * {
font-size: 0.875rem;
width: 2.125rem;
height: 2.125rem;
}
}
.woocommerce-pagination ul li > *:not(.current):hover, .woocommerce-pagination ul li > *:not(.prev):hover, .woocommerce-pagination ul li > *:not(.next):hover, .woocommerce-pagination ul li > *:not(.dots):hover {
background-color: var(--color-gray-200);
}
.woocommerce-pagination ul li > *.dots {
font-size: 1rem;
line-height: 1rem;
background-color: transparent !important;
}
.woocommerce-pagination ul li > *.prev, .woocommerce-pagination ul li > *.next {
font-size: 1.25rem;
background-color: transparent !important;
}
@media screen and (min-width: 576px) {
.woocommerce-pagination ul li > *.prev, .woocommerce-pagination ul li > *.next {
font-size: 1.5rem;
}
}
.woocommerce-pagination ul li > *.current {
color: var(--color-white);
background-color: var(--theme-primary-color) !important;
} .single-product-wrapper {
position: relative;
gap: 1.25rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper {
gap: 2.5rem;
}
}
.single-product-wrapper .column {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
min-width: 0;
}
@media screen and (min-width: 992px) {
.single-product-wrapper.style-1 .column {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
width: 50%;
}
}
.single-product-wrapper .woocommerce-product-gallery img {
width: 100%;
}
.single-product-wrapper .woocommerce-product-gallery #product-images {
margin-bottom: 0.9375rem;
}
.single-product-wrapper .woocommerce-product-gallery #product-thumbnails {
margin-left: -0.1875rem;
margin-right: -0.1875rem;
}
.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item {
position: relative;
padding-left: 0.1875rem;
padding-right: 0.1875rem;
}
.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item .slider-image {
position: relative;
padding: 0.3125rem;
cursor: pointer;
overflow: hidden;
}
.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item .slider-image::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 1px solid var(--color-gray-200);
border-radius: calc(var(--theme-site-border-radius) + 0.125rem);
}
.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item .slider-image img {
border-radius: var(--theme-site-border-radius);
}
.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item.slick-current .slider-image::before {
border-color: var(--color-gray-900);
}
.single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery {
position: relative;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery.vertical {
padding-left: 7.5rem;
}
.single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery.vertical .product-thumbnail-items {
position: absolute;
width: 5rem;
top: 0;
left: 0;
}
.single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery.vertical .product-thumbnail-items #product-thumbnails {
margin-left: 0;
margin-right: 0;
margin-top: -0.1875rem;
margin-bottom: -0.1875rem;
}
.single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery.vertical .product-thumbnail-items #product-thumbnails .slider-item {
padding-left: 0;
padding-right: 0;
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
}
}
.single-product-wrapper .product_title {
font-size: 1.5rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product_title {
font-size: 2.375rem;
margin-bottom: 0.9375rem;
}
}
.single-product-wrapper .product-meta {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
border-bottom: 1px solid var(--color-gray-200);
padding-bottom: 0.625rem;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-meta {
gap: 0.875rem;
}
}
.single-product-wrapper .product-meta > * + *::before {
content: "";
display: block;
width: 0.0625rem;
height: 0.875rem;
background-color: var(--color-gray-200);
margin-right: 0.625rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-meta > * + *::before {
margin-right: 0.875rem;
}
}
.single-product-wrapper .product-meta .product-store {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
}
.single-product-wrapper .product-meta .product-store span {
color: var(--color-gray-500);
margin-right: 0.1875rem;
}
.single-product-wrapper .product-meta .product-store a {
font-weight: 600;
color: currentColor;
text-decoration: none;
}
.single-product-wrapper .product-meta .product-sku {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
}
.single-product-wrapper .product-meta .product-sku span {
color: var(--color-gray-500);
margin-right: 0.1875rem;
}
.single-product-wrapper .product-meta .product-sku p {
font-weight: 500;
margin-bottom: 0;
}
.single-product-wrapper .product-excerpt {
font-size: 0.875rem;
color: var(--color-gray-600);
margin-bottom: 1.25rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-excerpt {
margin-bottom: 2.1875rem;
}
}
.single-product-wrapper .product-price-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.25rem;
margin-bottom: 1.25rem;
}
.single-product-wrapper .product-price-wrapper .product-price {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.single-product-wrapper .product-price-wrapper .product-price .sale-percentage {
margin-bottom: 0.25rem;
}
.single-product-wrapper .product-price-wrapper .product-price .price {
font-size: 1.75rem;
margin-bottom: 0.25rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-price-wrapper .product-price .price {
font-size: 1.875rem;
}
}
.single-product-wrapper .product-price-wrapper .product-recomended {
gap: 0.625rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-price-wrapper .product-recomended {
margin-bottom: 0.9375rem;
}
}
.single-product-wrapper .product-price-wrapper .product-recomended p {
max-width: 9.375rem;
margin-bottom: 0;
}
.single-product-wrapper .product-price-wrapper + form.cart {
border-top: 1px solid var(--color-gray-200);
padding-top: 0.625rem;
}
.single-product-wrapper .product-counter {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-product-wrapper .product-counter > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-counter > span {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.single-product-wrapper .product-counter > .product-countdown {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
}
.single-product-wrapper .product-counter .site-countdown .countdown-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.75rem;
height: 1.75rem;
background-color: var(--color-orange-100);
border: 1px solid var(--color-orange-200);
border-radius: var(--theme-site-border-radius);
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-counter .site-countdown .countdown-item {
width: 2.125rem;
height: 2.125rem;
}
}
.single-product-wrapper .product-counter .site-countdown .countdown-item > * {
font-weight: 600;
color: var(--color-orange-700);
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-counter .site-countdown .countdown-item > * {
font-size: 0.8125rem;
}
}
@media screen and (max-width: 575.98px) {
.single-product-wrapper .product-counter strong {
display: block;
}
}
.single-product-wrapper form.cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.625rem;
margin-bottom: 1.875rem;
}
.single-product-wrapper form.cart table {
width: 100%;
}
.single-product-wrapper form.cart table td {
font-size: 0.8125rem;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.single-product-wrapper form.cart table td.label {
width: 5.625rem;
color: var(--color-gray-400);
}
.single-product-wrapper form.cart table td.value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.1875rem;
}
.single-product-wrapper form.cart table td.value .item-select {
position: relative;
}
.single-product-wrapper form.cart table td.value .item-select label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 600;
min-width: 3.75rem;
height: 1.875rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
cursor: pointer;
-webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.single-product-wrapper form.cart table td.value .item-select label:hover {
border-color: var(--color-gray-300);
}
.single-product-wrapper form.cart table td.value .item-select input {
position: absolute;
opacity: 0;
left: -9999px;
}
.single-product-wrapper form.cart table td.value .item-select input:checked + label {
color: var(--theme-primary-color);
border-color: var(--theme-primary-color);
}
.single-product-wrapper form.cart .quantity {
--qty-size: 2.625rem;
border: 1px solid var(--color-gray-300);
border-radius: var(--theme-site-border-radius);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
}
@media screen and (min-width: 576px) {
.single-product-wrapper form.cart .quantity {
--qty-size: 2.875rem;
}
.single-product-wrapper form.cart .quantity input {
font-size: 0.9375rem;
}
.single-product-wrapper form.cart .quantity > * {
width: 2.5rem;
}
.single-product-wrapper form.cart .quantity > *.quantity-button {
width: auto;
min-width: 2.25rem;
}
}
.single-product-wrapper form.cart .btn {
min-width: 10rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper form.cart .btn {
height: 2.875rem;
}
}
.single-product-wrapper .product-notices {
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
margin-bottom: 1.25rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-notices {
margin-bottom: 1.875rem;
}
}
.single-product-wrapper .product-notices ul {
list-style: none;
margin: 0;
padding: 0;
}
.single-product-wrapper .product-notices ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: var(--color-gray-500);
padding: 0.75rem;
}
.single-product-wrapper .product-notices ul li + li {
border-top: 1px solid var(--color-gray-200);
}
.single-product-wrapper .product-notices ul li .notice-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.625rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 2.625rem;
margin-right: 1.1875rem;
}
.single-product-wrapper .product-notices ul li .notice-icon i {
font-weight: 300;
line-height: 1;
}
.single-product-wrapper .product-notices ul li .notice-detail {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.single-product-wrapper .product-notices ul li .notice-detail p {
font-size: 0.8125rem;
margin-bottom: 0;
}
.single-product-wrapper .product-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.9375rem;
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-bottom {
gap: 1.5625rem;
}
}
.single-product-wrapper .product-bottom > * {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-product-wrapper .product-bottom > * > a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.125rem;
color: currentColor;
text-decoration: none;
width: 1.875rem;
height: 1.875rem;
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.single-product-wrapper .product-bottom > * > a:hover {
background-color: var(--color-gray-100);
}
@media screen and (min-width: 576px) {
.single-product-wrapper .product-bottom > * > a {
font-size: 1.375rem;
width: 2.25rem;
height: 2.25rem;
}
}
.single-product-wrapper .product-bottom > * span {
font-size: 0.8125rem;
font-weight: 500;
margin-left: 0.5rem;
}
.single-product-wrapper .product-bottom > *.wishlist-button a::before {
font-family: "klbtheme";
content: "\e802";
}
.single-product-wrapper .product-bottom > *.wishlist-button a:hover {
color: var(--color-red-600);
background-color: var(--color-red-50);
}
.single-product-wrapper .product-bottom .share-buttons-holder {
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
top: 0;
left: 0;
z-index: 100;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body {
position: relative;
max-width: 25rem;
width: 100%;
border-radius: var(--theme-site-border-radius);
background-color: var(--color-white);
z-index: 1;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.9375rem;
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-header .entry-title {
font-size: 0.9375rem;
margin-bottom: 0;
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner {
padding: 0 0.9375rem 0.9375rem;
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .site-social a {
font-size: 1rem;
width: 2.25rem;
height: 2.25rem;
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url > p {
margin-bottom: 0.3125rem;
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url .site-url {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 1;
width: 100%;
height: 2.625rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
background-color: var(--color-gray-100);
border-radius: var(--theme-site-border-radius);
cursor: pointer;
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url .site-url .url {
white-space: nowrap;
width: 10rem;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 0;
opacity: 0.5;
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url .site-url .copy-text {
margin-left: auto;
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url .site-url .copy-text > * {
font-size: 0.6875rem;
font-weight: 700;
}
.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.single-product-wrapper .product-bottom .share-buttons-holder.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.single-product-wrapper .product-bottom .share-buttons-holder.active .share-buttons-body {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
} .woocommerce-tabs {
margin-top: 1.875rem;
}
@media screen and (min-width: 576px) {
.woocommerce-tabs {
margin-top: 3.75rem;
}
}
.woocommerce-tabs .wc-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.9375rem;
list-style: none;
margin: 0 0 1.25rem;
padding: 0 0 1.25rem;
border-bottom: 1px solid var(--color-gray-200);
}
@media screen and (min-width: 576px) {
.woocommerce-tabs .wc-tabs {
gap: 1.875rem;
}
}
.woocommerce-tabs .wc-tabs li a {
position: relative;
color: currentColor;
text-decoration: none;
}
.woocommerce-tabs .wc-tabs li.active a::before {
content: "";
position: absolute;
width: 100%;
height: 0.125rem;
left: 0;
bottom: -1.4375rem;
background-color: currentColor;
}
.woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description > h2:first-child {
display: none;
} .product-gallery-items {
position: relative;
}
.product-gallery-items .single-badge {
position: absolute;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--color-white);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 5rem;
height: 5rem;
top: 0;
left: 0;
z-index: 1;
}
@media screen and (min-width: 576px) {
.product-gallery-items .single-badge {
width: 6rem;
height: 6rem;
}
}
.product-gallery-items .single-badge .subtitle, .product-gallery-items .single-badge .description {
font-size: 0.625rem;
font-weight: 900;
text-transform: uppercase;
line-height: 1;
opacity: 0.6;
}
.product-gallery-items .single-badge .price {
display: block;
margin-bottom: 0.0625rem;
}
@media screen and (min-width: 576px) {
.product-gallery-items .single-badge .price {
font-size: 1.75rem;
}
} .woocommerce-cart-wrapper {
position: relative;
}
.woocommerce-cart-wrapper .cart-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.25rem;
}
@media screen and (min-width: 992px) {
.woocommerce-cart-wrapper .cart-wrapper {
gap: 1.875rem;
}
}
.woocommerce-cart-wrapper .cart-wrapper > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
@media screen and (min-width: 992px) {
.woocommerce-cart-wrapper .cart-wrapper > *.woocommerce-cart-form, .woocommerce-cart-wrapper .cart-wrapper > *#customer_details {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.woocommerce-cart-wrapper .cart-wrapper > *.cart-collaterals {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20rem;
}
.woocommerce-cart-wrapper .cart-wrapper > *.order-review-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 23.75rem;
}
}
.woocommerce-cart-wrapper .shop_table {
width: 100%;
}
.woocommerce-cart-wrapper .shop_table tr {
position: relative;
}
.woocommerce-cart-wrapper .shop_table tr th {
font-size: 0.75rem;
font-weight: 500;
color: var(--color-gray-400);
}
@media screen and (max-width: 575.98px) {
.woocommerce-cart-wrapper .shop_table tr th.product-remove {
display: none;
}
}
.woocommerce-cart-wrapper .shop_table tr td {
font-size: 0.8125rem;
vertical-align: middle;
border-color: var(--color-gray-200);
}
@media screen and (min-width: 576px) {
.woocommerce-cart-wrapper .shop_table tr td {
font-size: 0.875rem;
}
}
.woocommerce-cart-wrapper .shop_table tr td a {
color: currentColor;
text-decoration: none;
}
.woocommerce-cart-wrapper .shop_table tr td.product-thumbnail {
max-width: 2.875rem;
padding-left: 0;
}
.woocommerce-cart-wrapper .shop_table tr td.product-name a {
font-weight: 600;
}
@media screen and (max-width: 575.98px) {
.woocommerce-cart-wrapper .shop_table tr td.product-name {
max-width: 9.375rem;
}
}
@media screen and (max-width: 575.98px) {
.woocommerce-cart-wrapper .shop_table tr td.product-quantity {
width: 5.75rem;
padding-right: 0;
}
}
.woocommerce-cart-wrapper .shop_table tr td.product-quantity .quantity {
--qty-size: 1.875rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
}
.woocommerce-cart-wrapper .shop_table tr td.product-quantity .quantity .quantity-button {
font-size: 1rem;
min-width: 1.625rem;
}
.woocommerce-cart-wrapper .shop_table tr td.product-quantity .quantity input {
font-size: 0.8125rem;
}
.woocommerce-cart-wrapper .shop_table tr td.product-subtotal {
font-weight: 600;
}
.woocommerce-cart-wrapper .shop_table tr td.product-remove {
width: 0;
padding-right: 0;
}
.woocommerce-cart-wrapper .shop_table tr td.product-remove a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0.875rem;
width: 1.25rem;
height: 1.25rem;
border: 1px solid var(--color-gray-200);
background-color: var(--color-white);
border-radius: 0.25rem;
-webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.woocommerce-cart-wrapper .shop_table tr td.product-remove a:hover {
background-color: var(--color-gray-100);
}
.woocommerce-cart-wrapper .shop_table tr td.product-remove a i {
font-weight: 700;
line-height: 1;
text-shadow: 0 0 0 currentColor;
}
@media screen and (max-width: 575.98px) {
.woocommerce-cart-wrapper .shop_table tr td.product-remove {
position: absolute;
left: 0;
top: 0.625rem;
padding: 0;
}
}
.woocommerce-cart-wrapper .shop_table tr td.actions {
padding-left: 0;
padding-right: 0;
padding-top: 1.125rem;
padding-bottom: 1rem;
}
.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: auto;
}
.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon label {
font-size: 0.75rem;
margin-right: 0.375rem;
}
.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon input {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
min-width: 16.25rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
border: 1px solid var(--color-gray-300);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
margin-right: 0.25rem;
}
.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon input:hover {
border-color: var(--color-gray-400);
}
@media screen and (max-width: 575.98px) {
.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon input {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
margin-bottom: 0.125rem;
}
}
.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon button {
font-size: 0.875rem;
font-weight: 600;
color: var(--color-white);
background-color: var(--color-gray-900);
}
.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon button:hover {
background-color: var(--color-gray-800);
}
@media screen and (max-width: 575.98px) {
.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon button {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
margin-bottom: 0.3125rem;
}
}
.woocommerce-cart-wrapper .shop_table tr td.actions button {
font-weight: 600;
background-color: var(--color-gray-100);
}
.woocommerce-cart-wrapper .shop_table tr td.actions button[name=update_cart] {
margin-left: 0.375rem;
}
@media screen and (max-width: 575.98px) {
.woocommerce-cart-wrapper .shop_table tr td.actions button[name=update_cart] {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
width: 100%;
margin-left: 0;
}
}
.woocommerce-cart-wrapper .shop_table tr td.actions button[name=ts_empty_cart] {
margin-left: 0.375rem;
}
@media screen and (max-width: 575.98px) {
.woocommerce-cart-wrapper .shop_table tr td.actions button[name=ts_empty_cart] {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
width: 100%;
}
}
@media screen and (max-width: 575.98px) {
.woocommerce-cart-wrapper .shop_table tr th.product-price, .woocommerce-cart-wrapper .shop_table tr th.product-subtotal, .woocommerce-cart-wrapper .shop_table tr td.product-price, .woocommerce-cart-wrapper .shop_table tr td.product-subtotal {
display: none;
}
} .woocommerce-notice {
position: relative;
padding: 0.625rem 0.75rem;
background-color: var(--color-gray-50);
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
margin-bottom: 0.625rem;
}
@media screen and (min-width: 576px) {
.woocommerce-notice {
padding: 1.125rem 1.375rem;
}
}
.woocommerce-notice .notice-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce-notice .notice-header i {
position: relative;
font-size: 1.0625rem;
line-height: 1;
margin-right: 0.375rem;
top: 0.0625rem;
}
.woocommerce-notice .notice-header p {
font-size: 0.8125rem;
font-weight: 600;
margin-bottom: 0;
}
.woocommerce-notice .notice-header.shipping-notice-header {
margin-bottom: 0.9375rem;
}
.woocommerce-notice .shipping-progress {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 0.3125rem;
overflow: hidden;
}
.woocommerce-notice .shipping-progress::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.08);
border-radius: 0.625rem;
}
.woocommerce-notice .shipping-progress span {
display: block;
height: 100%;
background-color: var(--color-gray-400);
border-radius: 0.625rem;
} .cart-collaterals .cart_totals {
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
padding: 1.25rem;
}
.cart-collaterals .cart_totals > h2 {
font-size: 0.9375rem;
font-weight: 600;
}
.cart-collaterals .cart_totals .shop_table tr th, .cart-collaterals .cart_totals .shop_table tr td {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
border-bottom: 1px solid var(--color-gray-200);
}
.cart-collaterals .cart_totals .shop_table tr td {
text-align: right;
}
.cart-collaterals .wc-proceed-to-checkout {
margin-top: 0.625rem;
}
.cart-collaterals .wc-proceed-to-checkout a {
width: 100%;
height: 2.75rem;
} #customer_details > * {
width: 100%;
}
#customer_details > * .woocommerce-billing-fields > h3, #customer_details > * .woocommerce-additional-fields > h3 {
font-size: 0.9375rem;
font-weight: 700;
}
#customer_details > * .woocommerce-billing-fields__field-wrapper, #customer_details > * .woocommerce-additional-fields__field-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -0.625rem;
margin-right: -0.625rem;
}
#customer_details > * .woocommerce-billing-fields__field-wrapper > *, #customer_details > * .woocommerce-additional-fields__field-wrapper > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
@media screen and (min-width: 576px) {
#customer_details > * .woocommerce-billing-fields__field-wrapper > *#billing_first_name_field, #customer_details > * .woocommerce-billing-fields__field-wrapper > *#billing_last_name_field, #customer_details > * .woocommerce-additional-fields__field-wrapper > *#billing_first_name_field, #customer_details > * .woocommerce-additional-fields__field-wrapper > *#billing_last_name_field {
width: 50%;
}
}
#customer_details > * .woocommerce-billing-fields__field-wrapper > * label, #customer_details > * .woocommerce-additional-fields__field-wrapper > * label {
display: block;
font-size: 0.8125rem;
margin-bottom: 0.3125rem;
}
#customer_details > * .woocommerce-billing-fields__field-wrapper > * input, #customer_details > * .woocommerce-billing-fields__field-wrapper > * select, #customer_details > * .woocommerce-additional-fields__field-wrapper > * input, #customer_details > * .woocommerce-additional-fields__field-wrapper > * select {
border: 1px solid var(--color-gray-300);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
padding-left: 0.75rem;
padding-right: 0.75rem;
}
#customer_details > * .woocommerce-billing-fields__field-wrapper > * input:hover, #customer_details > * .woocommerce-billing-fields__field-wrapper > * select:hover, #customer_details > * .woocommerce-additional-fields__field-wrapper > * input:hover, #customer_details > * .woocommerce-additional-fields__field-wrapper > * select:hover {
border-color: var(--color-gray-400);
}
@media screen and (min-width: 576px) {
#customer_details > * .woocommerce-billing-fields__field-wrapper > * input, #customer_details > * .woocommerce-billing-fields__field-wrapper > * select, #customer_details > * .woocommerce-additional-fields__field-wrapper > * input, #customer_details > * .woocommerce-additional-fields__field-wrapper > * select {
height: 2.75rem;
}
}
#customer_details > * .woocommerce-billing-fields__field-wrapper > * textarea, #customer_details > * .woocommerce-additional-fields__field-wrapper > * textarea {
min-height: 5.625rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
} .order-review-wrapper {
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
padding: 1.25rem;
}
.order-review-wrapper > h3 {
font-size: 0.9375rem;
font-weight: 600;
}
.order-review-wrapper .shop_table tr th, .order-review-wrapper .shop_table tr td {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
border-bottom: 1px solid var(--color-gray-200);
}
.order-review-wrapper .shop_table tr th.product-total {
text-align: right;
}
.order-review-wrapper .shop_table tr td {
text-align: right;
}
.order-review-wrapper .shop_table tr td.product-name {
font-size: 0.75rem;
text-align: left;
}
.order-review-wrapper .woocommerce-checkout-payment {
margin-top: 0.9375rem;
}
.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods {
list-style: none;
margin: 0;
padding: 0;
}
.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li {
position: relative;
}
.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li + li {
margin-top: 0.625rem;
}
.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li label {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
font-weight: 600;
text-transform: capitalize;
}
.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li label::before {
content: "";
position: relative;
display: block;
width: 1rem;
height: 1rem;
border: 1px solid var(--color-gray-300);
border-radius: 50%;
margin-right: 0.5rem;
}
.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li input {
position: absolute;
opacity: 0;
left: -9999px;
}
.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li input:checked + label::before {
border-color: var(--color-gray-900);
}
.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li input:checked + label::after {
content: "";
position: absolute;
width: 0.625rem;
height: 0.625rem;
background-color: var(--color-gray-900);
border-radius: 50%;
left: 0.1875rem;
}
.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li .payment_box {
font-size: 0.8125rem;
margin-top: 0.625rem;
color: var(--color-gray-600);
}
.order-review-wrapper .place-order {
margin-top: 0.9375rem;
}
@media screen and (min-width: 576px) {
.order-review-wrapper .place-order {
margin-top: 1.5625rem;
}
}
.order-review-wrapper .place-order .woocommerce-privacy-policy-text {
font-size: 0.75rem;
}
.order-review-wrapper .place-order .woocommerce-privacy-policy-text p {
color: var(--color-gray-500);
}
.order-review-wrapper .place-order .woocommerce-privacy-policy-text p a {
font-weight: 500;
color: var(--color-gray-700);
}
.order-review-wrapper .place-order .validate-required {
line-height: 1;
}
.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox {
position: relative;
display: inline;
}
.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
position: relative;
display: inline;
font-size: 0.75rem;
}
.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text::before {
content: "";
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1rem;
height: 1rem;
border-radius: 0.25rem;
background-color: var(--color-white);
border: 1px solid var(--color-gray-300);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
margin-right: 0.625rem;
top: -0.3125rem;
-webkit-transition: border-color 0.05s var(--theme-transition);
transition: border-color 0.05s var(--theme-transition);
}
.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text a {
margin-left: 0.25rem;
}
.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox input {
position: absolute;
opacity: 0;
left: -9999px;
}
.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox input:checked + .woocommerce-terms-and-conditions-checkbox-text::before {
background-color: var(--theme-primary-color);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox input:checked + .woocommerce-terms-and-conditions-checkbox-text::after {
position: absolute;
font-family: "klbtheme";
font-size: 0.875rem;
font-weight: 700;
text-shadow: 0 0 0 currentColor;
content: "\e8b7";
top: 0;
left: 0.0625rem;
color: var(--color-white);
}
.order-review-wrapper .place-order > button {
width: 100%;
}
@media screen and (min-width: 576px) {
.order-review-wrapper .place-order > button {
height: 2.875rem;
}
} .woocommerce-my-account {
position: relative;
}
.woocommerce-my-account .my-account-user {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 992px) {
.woocommerce-my-account .my-account-user {
margin-bottom: 2.5rem;
margin-top: 0.625rem;
}
}
.woocommerce-my-account .my-account-user .user-avatar {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.25rem;
width: 2.25rem;
height: 2.25rem;
background-color: var(--color-gray-100);
border-radius: 50%;
margin-right: 0.625rem;
}
@media screen and (min-width: 576px) {
.woocommerce-my-account .my-account-user .user-avatar {
font-size: 1.375rem;
width: 2.625rem;
height: 2.625rem;
margin-right: 0.9375rem;
}
}
.woocommerce-my-account .my-account-user .user-avatar i {
line-height: 1;
}
.woocommerce-my-account .my-account-user .user-detail {
line-height: 1;
}
.woocommerce-my-account .my-account-user .user-detail span {
display: block;
font-size: 0.75rem;
font-weight: 500;
color: var(--color-gray-400);
margin-bottom: 0.3125rem;
}
.woocommerce-my-account .my-account-user .user-detail p {
font-size: 0.875rem;
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-my-account .my-account-user .user-menu-toggle {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: auto;
padding-left: 0.9375rem;
}
@media screen and (min-width: 992px) {
.woocommerce-my-account .my-account-user .user-menu-toggle {
display: none;
}
}
.woocommerce-my-account .my-account-user .user-menu-toggle a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: currentColor;
text-decoration: none;
height: 2.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
border: 1px solid var(--color-gray-200);
border-radius: var(--theme-site-border-radius);
}
.woocommerce-my-account .my-account-user .user-menu-toggle a i {
font-size: 1.25rem;
line-height: 1;
margin-right: 0.375rem;
}
.woocommerce-my-account .my-account-user .user-menu-toggle a span {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
color: var(--color-gray-400);
}
.woocommerce-my-account .my-account-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.9375rem;
}
@media screen and (min-width: 992px) {
.woocommerce-my-account .my-account-inner {
gap: 2.5rem;
}
}
.woocommerce-my-account .my-account-inner > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
@media screen and (min-width: 992px) {
.woocommerce-my-account .my-account-inner > *.my-account-navigation {
width: 18.75rem;
}
.woocommerce-my-account .my-account-inner > *.woocommerce-MyAccount-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
}
.woocommerce-my-account .my-account-inner .my-account-navigation {
display: none;
}
@media screen and (min-width: 992px) {
.woocommerce-my-account .my-account-inner .my-account-navigation {
display: block;
}
}
@media screen and (max-width: 991.98px) {
.woocommerce-my-account .my-account-inner .my-account-navigation.active {
display: block;
}
}
.woocommerce-my-account .my-account-inner .my-account-navigation ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
border-radius: var(--theme-site-border-radius);
border: 1px solid var(--color-gray-200);
overflow: hidden;
}
.woocommerce-my-account .my-account-inner .my-account-navigation ul li + li {
border-top: 1px solid var(--color-gray-200);
}
.woocommerce-my-account .my-account-inner .my-account-navigation ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
font-weight: 600;
color: currentColor;
text-decoration: none;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.woocommerce-my-account .my-account-inner .my-account-navigation ul li.is-active {
color: var(--theme-primary-color);
background: rgb(255, 255, 255);
background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgb(241, 245, 249)));
background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(241, 245, 249) 100%);
}
.woocommerce-my-account .my-account-inner .woocommerce-MyAccount-content p {
font-size: 0.875rem;
}
.woocommerce-my-account .my-account-inner .woocommerce-MyAccount-content p a {
font-weight: 500;
color: var(--color-blue-700);
} .site-login {
padding: 2.5rem 0 0;
}
@media screen and (min-width: 576px) {
.site-login {
padding: 5.625rem 0;
}
}
.site-login .site-login-inner {
max-width: 30rem;
margin-left: auto;
margin-right: auto;
}
.site-login .site-login-inner .site-login-overflow {
position: relative;
overflow: hidden;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.site-login .site-login-inner .site-login-overflow .login-page-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
gap: 1.25rem;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 992px) {
.site-login .site-login-inner .site-login-overflow .login-page-tab {
margin-bottom: 1.875rem;
}
}
.site-login .site-login-inner .site-login-overflow .login-page-tab li a {
position: relative;
font-size: 1.375rem;
font-weight: 600;
color: var(--color-gray-400);
text-decoration: none;
padding-left: 0.25rem;
padding-right: 0.25rem;
-webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media screen and (min-width: 992px) {
.site-login .site-login-inner .site-login-overflow .login-page-tab li a {
font-size: 1.75rem;
}
}
.site-login .site-login-inner .site-login-overflow .login-page-tab li a.active {
color: var(--color-gray-900);
}
.site-login .site-login-inner .site-login-overflow .login-form-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 200%;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.site-login .site-login-inner .site-login-overflow .login-form-container > * {
padding: 0.0625rem;
width: 100%;
-webkit-transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.register-form {
opacity: 0;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form > p {
font-size: 0.8125rem;
text-align: center;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p {
font-size: 0.8125rem;
margin-bottom: 0;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox {
position: relative;
display: inline;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox span {
position: relative;
display: inline;
font-size: 0.75rem;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox span::before {
content: "";
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1rem;
height: 1rem;
border-radius: 0.25rem;
background-color: var(--color-white);
border: 1px solid var(--color-gray-300);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);
margin-right: 0.625rem;
top: -0.3125rem;
-webkit-transition: border-color 0.05s var(--theme-transition);
transition: border-color 0.05s var(--theme-transition);
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox span a {
margin-left: 0.25rem;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox input {
position: absolute;
opacity: 0;
left: -9999px;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox input:checked + span::before {
background-color: var(--theme-primary-color);
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox input:checked + span::after {
position: absolute;
font-family: "klbtheme";
font-size: 0.875rem;
font-weight: 700;
text-shadow: 0 0 0 currentColor;
content: "\e8b7";
top: -0.1875rem;
left: 0.0625rem;
color: var(--color-white);
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p.woocommerce-LostPassword a {
text-decoration: none;
color: var(--color-blue-700);
}
.site-login .site-login-inner .site-login-overflow .login-form-container > * label {
display: block;
font-size: 0.8125rem;
margin-bottom: 0.3125rem;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > * input {
padding-left: 0.75rem;
padding-right: 0.75rem;
border: 1px solid var(--color-gray-300);
}
.site-login .site-login-inner .site-login-overflow .login-form-container > * input:hover {
border-color: var(--color-gray-400);
}
.site-login .site-login-inner .site-login-overflow .login-form-container > * button {
width: 100%;
margin-top: 1.25rem;
color: var(--color-white);
background-color: var(--theme-primary-color);
}
.site-login .site-login-inner .site-login-overflow .login-form-container > * button:hover {
opacity: 0.9;
}
@media screen and (min-width: 992px) {
.site-login .site-login-inner .site-login-overflow .login-form-container > * button {
height: 2.875rem;
}
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.register-form > p {
font-size: 0.8125rem;
text-align: center;
}
.site-login .site-login-inner .site-login-overflow .login-form-container > *.register-form .woocommerce-privacy-policy-text {
font-size: 0.75rem;
}
.site-login .site-login-inner .site-login-overflow .login-form-container.show-register-form {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.site-login .site-login-inner .site-login-overflow .login-form-container.show-register-form .login-form {
opacity: 0;
}
.site-login .site-login-inner .site-login-overflow .login-form-container.show-register-form .register-form {
opacity: 1;
} .site-quickview {
position: relative;
max-width: 61.875rem;
background-color: var(--color-white);
border-radius: var(--theme-site-border-radius);
margin-left: auto;
margin-right: auto;
padding: 1.25rem;
}
@media screen and (min-width: 576px) {
.site-quickview {
padding: 2.5rem;
}
}
.site-quickview .single-product-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.25rem;
}
@media screen and (min-width: 576px) {
.site-quickview .single-product-wrapper {
gap: 0;
}
}
.site-quickview .single-product-wrapper > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 105%;
min-width: 0;
}
@media screen and (min-width: 576px) {
.site-quickview .single-product-wrapper > * {
width: 55%;
}
}
.site-quickview .single-product-wrapper > *.woocommerce-product-gallery {
width: 100%;
}
@media screen and (min-width: 576px) {
.site-quickview .single-product-wrapper > *.woocommerce-product-gallery {
width: 45%;
}
}
.site-quickview .single-product-wrapper > *.product-detail {
padding-left: 1.25rem;
}
@media screen and (min-width: 576px) {
.site-quickview .single-product-wrapper > *.product-detail .product_title {
font-size: 1.875rem;
}
}  .site-footer {
margin-top: 1.875rem;
}
@media screen and (min-width: 576px) {
.site-footer {
margin-top: 3.75rem;
}
}
.site-footer.gray {
color: var(--color-gray-900);
background-color: var(--color-gray-100);
}
.site-footer.gray p {
color: var(--color-gray-500);
}
.site-footer.gray .footer-inner {
border-color: var(--color-gray-200);
}
.site-footer.gray .footer-contact .contact-detail p a {
color: var(--color-gray-900);
}
.site-footer.gray .widget .menu a {
color: var(--color-gray-600);
}
.site-footer.gray .footer-row + .footer-row .footer-inner {
border-color: var(--color-gray-300);
}
.site-footer.white {
color: var(--color-gray-900);
background-color: var(--color-white);
border-top: 1px solid var(--color-gray-200);
}
.site-footer.white p {
color: var(--color-gray-500);
}
.site-footer.dark {
color: var(--color-gray-50);
background-color: var(--color-gray-900);
}
.site-footer.dark p {
color: var(--color-gray-400);
}
.site-footer.dark .footer-inner {
border-color: var(--color-gray-700) !important;
}
.site-footer.dark .widget .menu a {
color: var(--color-gray-200);
}
.site-footer.primary {
color: var(--color-gray-50);
background-color: var(--theme-primary-color);
}
.site-footer.primary p {
color: var(--color-gray-50);
opacity: 0.6;
}
.site-footer .footer-row + .footer-row .footer-inner {
border-top: 1px solid;
}
.site-footer .footer-row .footer-inner {
padding-top: 1.5625rem;
padding-bottom: 1.5625rem;
}
@media screen and (min-width: 576px) {
.site-footer .footer-row .footer-inner {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
} .footer-newsletter .footer-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-newsletter .footer-inner > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
@media screen and (min-width: 576px) {
.footer-newsletter .footer-inner > * {
width: 50%;
}
}
.footer-newsletter .footer-inner .site-newsletter-form {
max-width: 26.25rem;
width: 100%;
}
.footer-newsletter .footer-inner .site-newsletter-form form {
position: relative;
}
.footer-newsletter .footer-inner .site-newsletter-form form i {
position: absolute;
font-size: 1.125rem;
color: var(--color-gray-400);
top: 0.4375rem;
left: 0.75rem;
}
@media screen and (min-width: 576px) {
.footer-newsletter .footer-inner .site-newsletter-form form i {
font-size: 1.25rem;
top: 0.6875rem;
}
}
@media screen and (min-width: 576px) {
.footer-newsletter .footer-inner .site-newsletter-form form input, .footer-newsletter .footer-inner .site-newsletter-form form button {
height: 3.125rem;
}
}
.footer-newsletter .footer-inner .site-newsletter-form form input {
padding-left: 2.5rem;
}
.footer-newsletter .footer-inner .site-newsletter-form form button {
position: absolute;
top: 0;
right: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.footer-newsletter .footer-inner .site-newsletter-form .privacy-policy {
font-size: 0.6875rem;
margin-top: 0.625rem;
}
.footer-newsletter .footer-inner .site-newsletter-form .privacy-policy p {
margin-bottom: 0;
}
.footer-newsletter .footer-inner .site-newsletter-form .privacy-policy a {
font-weight: 500;
color: var(--theme-primary-color);
} .footer-widgets .footer-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.25rem;
}
@media screen and (min-width: 576px) {
.footer-widgets .footer-inner {
gap: 1.875rem;
}
}
.footer-widgets .footer-inner > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
@media screen and (min-width: 576px) {
.footer-widgets .footer-inner > *.footer-contact-block {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20rem;
}
.footer-widgets .footer-inner > *.footer-widgets-block {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
}
.footer-widgets .widget {
font-size: 0.8125rem;
}
.footer-widgets .footer-contact ul {
list-style: none;
}
.footer-widgets .footer-contact ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-widgets .footer-contact ul li + li {
margin-top: 1.25rem;
}
@media screen and (min-width: 576px) {
.footer-widgets .footer-contact ul li + li {
margin-top: 1.875rem;
}
}
.footer-widgets .footer-contact ul li .contact-icon {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 1.75rem;
line-height: 1;
width: 2rem;
height: 2rem;
margin-right: 1.25rem;
top: 0.25rem;
}
.footer-widgets .footer-contact ul li .contact-detail {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.footer-widgets .footer-contact ul li .contact-detail span {
font-size: 0.75rem;
opacity: 0.6;
}
.footer-widgets .footer-contact ul li .contact-detail p {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0;
}
.footer-widgets .footer-contact ul li .contact-detail p.phone {
font-size: 1rem;
font-weight: 700;
letter-spacing: -1px;
}
@media screen and (min-width: 576px) {
.footer-widgets .footer-contact ul li .contact-detail p.phone {
font-size: 1.25rem;
}
}
.footer-widgets .footer-contact ul li .contact-detail p a {
color: currentColor;
text-decoration: none;
}
.footer-widgets .footer-widgets-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.875rem;
margin-left: -calc(var(--theme-site-gutter) / 2);
margin-right: -calc(var(--theme-site-gutter) / 2);
}
@media screen and (min-width: 992px) {
.footer-widgets .footer-widgets-block {
gap: 0;
}
}
.footer-widgets .footer-widgets-block > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
padding-left: calc(var(--theme-site-gutter) / 2);
padding-right: calc(var(--theme-site-gutter) / 2);
}
@media screen and (min-width: 576px) {
.footer-widgets .footer-widgets-block.column-2 > * {
width: 50%;
}
}
@media screen and (min-width: 576px) {
.footer-widgets .footer-widgets-block.column-3 > * {
width: 50%;
}
}
@media screen and (min-width: 992px) {
.footer-widgets .footer-widgets-block.column-3 > * {
width: 33.33333333%;
}
}
@media screen and (min-width: 576px) {
.footer-widgets .footer-widgets-block.column-4 > * {
width: 50%;
}
}
@media screen and (min-width: 992px) {
.footer-widgets .footer-widgets-block.column-4 > * {
width: 25%;
}
}
.footer-widgets .app-buttons .app-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
}
.footer-widgets .app-buttons .app-button + * {
margin-top: 0.625rem;
}
@media screen and (min-width: 576px) {
.footer-widgets .app-buttons .app-button {
gap: 0.9375rem;
}
}
.footer-widgets .app-buttons .app-button img {
max-width: 8.75rem;
}
@media screen and (min-width: 576px) {
.footer-widgets .app-buttons .app-button img {
max-width: 7.5rem;
}
}
.footer-widgets .app-buttons .app-button p {
font-size: 0.75rem;
font-weight: 500;
margin-bottom: 0;
}
@media screen and (min-width: 576px) {
.footer-widgets .app-buttons .app-button p {
font-size: 0.625rem;
}
} .footer-copyright {
margin-bottom: var(--mobile-nav-height);
}
.footer-copyright .footer-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.625rem;
}
@media screen and (min-width: 576px) {
.footer-copyright .footer-inner {
gap: 0;
}
}
.footer-copyright .footer-inner > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
}
@media screen and (min-width: 576px) {
.footer-copyright .footer-inner > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.footer-copyright .footer-inner > *.footer-copyright-menu {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.footer-copyright .footer-menu {
margin-top: 0.9375rem;
padding-top: 0.9375rem;
border-top: 1px solid var(--color-gray-300);
}
@media screen and (min-width: 576px) {
.footer-copyright .footer-menu {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
}
.footer-copyright .footer-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 0.75rem;
gap: 0.5rem;
list-style: none;
margin: 0;
padding: 0;
}
.footer-copyright .footer-menu ul li a {
text-decoration: underline;
text-decoration-color: transparent !important;
text-underline-offset: 0.3125rem;
-webkit-transition: all 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.footer-copyright .footer-menu ul li a:hover {
text-decoration-color: currentColor !important;
}
.footer-copyright .site-payment-cards ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
list-style: none;
margin: 0;
padding: 0;
}