@-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: #000000;
--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-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-zinc-50: #fafafa;
--color-zinc-100: #f4f4f5;
--color-zinc-200: #e4e4e7;
--color-zinc-300: #d4d4d8;
--color-zinc-400: #a1a1aa;
--color-zinc-500: #71717a;
--color-zinc-600: #52525b;
--color-zinc-700: #3f3f46;
--color-zinc-800: #27272a;
--color-zinc-900: #18181b;
--color-zinc-950: #09090b;
--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-amber-50: #fffbeb;
--color-amber-100: #fef3c7;
--color-amber-200: #fde68a;
--color-amber-300: #fcd34d;
--color-amber-400: #fbbf24;
--color-amber-500: #f59e0b;
--color-amber-600: #d97706;
--color-amber-700: #b45309;
--color-amber-800: #92400e;
--color-amber-900: #78350f;
--color-amber-950: #451a03;
--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-lime-50: #f7fee7;
--color-lime-100: #ecfccb;
--color-lime-200: #d9f99d;
--color-lime-300: #bef264;
--color-lime-400: #a3e635;
--color-lime-500: #84cc16;
--color-lime-600: #65a30d;
--color-lime-700: #4d7c0f;
--color-lime-800: #3f6212;
--color-lime-900: #365314;
--color-lime-950: #1a2e05;
--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-emerald-50: #ecfdf5;
--color-emerald-100: #d1fae5;
--color-emerald-200: #a7f3d0;
--color-emerald-300: #6ee7b7;
--color-emerald-400: #34d399;
--color-emerald-500: #10b981;
--color-emerald-600: #059669;
--color-emerald-700: #047857;
--color-emerald-800: #065f46;
--color-emerald-900: #064e3b;
--color-emerald-950: #022c22;
--color-teal-50: #f0fdfa;
--color-teal-100: #ccfbf1;
--color-teal-200: #99f6e4;
--color-teal-300: #5eead4;
--color-teal-400: #2dd4bf;
--color-teal-500: #14b8a6;
--color-teal-600: #0d9488;
--color-teal-700: #0f766e;
--color-teal-800: #115e59;
--color-teal-900: #134e4a;
--color-teal-950: #042f2e;
--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-sky-50: #f0f9ff;
--color-sky-100: #e0f2fe;
--color-sky-200: #bae6fd;
--color-sky-300: #7dd3fc;
--color-sky-400: #38bdf8;
--color-sky-500: #0ea5e9;
--color-sky-600: #0284c7;
--color-sky-700: #0369a1;
--color-sky-800: #075985;
--color-sky-900: #0c4a6e;
--color-sky-950: #082f49;
--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;
--color-pink-50: #fdf2f8;
--color-pink-100: #fce7f3;
--color-pink-200: #fbcfe8;
--color-pink-300: #f9a8d4;
--color-pink-400: #f472b6;
--color-pink-500: #ec4899;
--color-pink-600: #db2777;
--color-pink-700: #be185d;
--color-pink-800: #9d174d;
--color-pink-900: #831843;
--color-pink-950: #500724;
--color-rose-50: #fff1f2;
--color-rose-100: #ffe4e6;
--color-rose-200: #fecdd3;
--color-rose-300: #fda4af;
--color-rose-400: #fb7185;
--color-rose-500: #f43f5e;
--color-rose-600: #e11d48;
--color-rose-700: #be123c;
--color-rose-800: #9f1239;
--color-rose-900: #881337;
--color-rose-950: #4c0519;
}
:root {
--site-site-width: 1460px;
--site-site-gutter: 30px;
--site-site-radius-default: 6px;
--site-site-radius-small: 4px;
--site-site-font-size-xs: 12px;
--site-site-font-size-sm: 14px;
--site-site-font-size-base: 16px;
--site-site-font-size-lg: 18px;
--site-body-font: Outfit, sans-serif;
--site-body-font-size: 16px;
--site-body-font-weight: 400;
--site-body-letter-spacing: -0.01rem;
--site-body-line-height: 1.5;
--site-body-text-align: left;
--site-heading-font: Outfit, sans-serif;
--site-heading-font-weight: 500;
--site-heading-letter-spacing: -0.025rem;
--site-header-main-desktop-padding: 16px;
--site-header-main-mobile-padding: 8px;
--site-header-main-height: 74px;
--site-header-topbar-font: Outfit, sans-serif;
--site-header-topbar-font-size: 13px;
--site-header-topbar-font-weight: 500;
--site-header-topbar-letter-spacing: -0.01rem;
--site-header-topbar-padding: 12px;
--site-header-topbar-menu-padding: 22px;
--site-main-menu-font: Outfit, sans-serif;
--site-main-menu-font-size: 16px;
--site-main-menu-font-weight: 600;
--site-main-menu-letter-spacing: -0.015rem;
--site-main-menu-transform: none;
--site-main-menu-height: 56px;
--site-main-menu-gap: 26px;
--site-drawer-menu-font: Outfit, sans-serif;
--site-drawer-menu-font-size: 16px;
--site-drawer-menu-font-weight: 600;
--site-drawer-menu-letter-spacing: -0.015rem;
--site-drawer-menu-transform: none;
--site-logo-text-size-desktop: 28px;
--site-logo-text-size-mobile: 22px;
--site-logo-height-desktop: 36px;
--site-logo-height-mobile: 36px;
--site-form-input-font: Outfit, sans-serif;
--site-form-input-font-size: 14px;
--site-form-input-font-weight: 400;
--site-form-input-letter-spacing: -0.02rem;
--site-form-input-height-xs: 32px;
--site-form-input-height-sm: 38px;
--site-form-input-height-mobile: 40px;
--site-form-input-height-base: 44px;
--site-form-input-height-lg: 48px;
--site-form-button-font: Outfit, sans-serif;
--site-form-button-font-size: 14px;
--site-form-button-weight: 600;
--site-form-button-letter-spacing: -0.02rem;
--site-form-button-transform: none;
--site-form-button-height-xs: 32px;
--site-form-button-height-sm: 38px;
--site-form-button-height-mobile: 40px;
--site-form-button-height-base: 44px;
--site-form-button-height-lg: 48px;
--site-product-name-font: Outfit, sans-serif;
--site-product-name-font-size-small: 12px;
--site-product-name-font-size-base: 14px;
--site-product-name-font-size-large: 16px;
--site-product-name-weight: 400;
--site-product-name-letter-spacing: -0.02rem;
--site-product-name-line: 2;
--site-product-price-font: Outfit, sans-serif;
--site-product-price-font-size-small: 16px;
--site-product-price-font-size-base: 18px;
--site-product-price-font-size-large: 24px;
--site-product-price-weight: 700;
--site-product-price-letter-spacing: -0.02rem;
--site-primary-color: 0, 113, 220;
--site-secondary-color: 250, 204, 21;
}  *, :after, :before {
border: 0 solid #e5e7eb;
} body {
font-family: var(--site-body-font);
font-size: var(--site-body-font-size);
font-weight: var(--site-body-font-weight);
line-height: var(--site-body-line-height);
letter-spacing: var(--site-body-letter-spacing);
text-align: var(--site-body-text-align);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
overscroll-behavior-y: contain;
color: var(--color-black);
background-color: var(--color-white);
}
body.categories-holder-active {
overflow: hidden;
}
body.categories-holder-active .site-search-form, body.categories-holder-active .site-header-topbar, body.categories-holder-active .primary-menu, body.categories-holder-active .site-quick-button, body.categories-holder-active .site-header-custom-button, body.categories-holder-active .site-header-text-message {
pointer-events: none;
}
body.site-drawer-active {
overflow: hidden;
} h1, h2, h3, h4, h5, h6 {
font-family: var(--site-heading-font);
font-weight: var(--site-heading-font-weight);
letter-spacing: var(--site-heading-letter-spacing);
} img {
max-width: 100%;
height: auto;
image-rendering: -webkit-optimize-contrast;
} .container {
--bs-gutter-x: var(--site-site-gutter);
max-width: var(--site-site-width);
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1024.1px) {
.container {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
@media screen and (min-width: 1024.1px) {
.container .row.gap-small {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.container .row.gap-small > * {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
} @media screen and (min-width: 1024.1px) {
.content-wrapper:not(.row-reverse) #sidebar {
padding-left: calc(var(--site-site-gutter) / 2 + 2.625rem);
}
}
.content-wrapper.row-reverse {
gap: 1.25rem;
}
@media screen and (min-width: 1024.1px) {
.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(--site-site-gutter) / 2 + 2.625rem);
}
.content-wrapper.row-reverse #primary {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
} .main-content {
position: relative;
overflow: hidden;
}
@media screen and (min-width: 576.1px) {
.main-content {
overflow: visible;
}
}
.page-wrapper {
margin-top: 1.25rem;
}
@media screen and (min-width: 768.1px) {
.page-wrapper {
margin-top: 2.5rem;
}
}   .site-brand {
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;
color: currentColor;
text-decoration: none;
}
.site-brand a .site-name {
font-size: var(--site-logo-text-size-mobile);
font-weight: 700;
letter-spacing: -0.02em;
}
@media screen and (min-width: 576.1px) {
.site-brand a .site-name {
font-size: var(--site-logo-text-size-desktop);
}
}
.site-brand a img {
height: var(--site-logo-height-mobile);
}
@media screen and (min-width: 576.1px) {
.site-brand a img {
height: var(--site-logo-height-desktop);
}
} .site-close {
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-close 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.375rem;
text-decoration: none;
color: currentColor;
width: 1.75rem;
height: 2.125rem;
}
.site-close a i {
-webkit-transition: all 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.site-close a i::before {
margin: 0;
}
.site-close a:hover i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} .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: rgb(var(--site-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-slate-900);
border-radius: 50%;
vertical-align: middle;
-webkit-animation: rotate 450ms infinite linear;
animation: rotate 450ms infinite linear;
} .custom-background {
background-color: var(--custom-background-block);
} .custom-background {
color: var(--custom-color-block);
} .site-border {
position: relative;
display: block;
border-top: 1px solid var(--color-slate-200);
} .site-module-header {
position: relative;
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;
gap: 1rem;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 576.1px) {
.site-module-header {
gap: 1.375rem;
margin-bottom: 2.25rem;
}
}
.site-module-header .col {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5rem;
}
@media screen and (min-width: 576.1px) {
.site-module-header .col {
gap: 2rem;
}
}
.site-module-header .left {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.site-module-header .right {
display: none;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
@media screen and (min-width: 576.1px) {
.site-module-header .right {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.site-module-header .module-header-tab {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-module-header .module-header-tab 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;
list-style: none;
margin: 0;
padding: 0;
}
.site-module-header .module-header-tab ul a {
color: currentColor;
text-decoration: none;
-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-module-header p {
font-size: 0.8125rem;
line-height: 0.875rem;
margin-bottom: 0;
color: var(--color-slate-500);
}
.site-module-header.style-1 .entry-title {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0;
}
@media screen and (min-width: 576.1px) {
.site-module-header.style-1 .entry-title {
font-size: 1.375rem;
}
}
.site-module-header.style-1 .module-header-tab ul {
gap: 0.375rem;
}
.site-module-header.style-1 .module-header-tab 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;
line-height: 0.75rem;
white-space: nowrap;
padding: 0.5rem 0.625rem;
border: 1px solid var(--color-gray-200);
border-radius: 62.4375rem;
}
.site-module-header.style-1 .module-header-tab a:hover {
border-color: var(--color-gray-400);
}
.site-module-header.style-1 .module-header-tab a.active {
color: rgb(var(--site-primary-color));
border-color: rgb(var(--site-primary-color));
background-color: rgba(var(--site-primary-color), 0.05);
}
@media screen and (min-width: 576.1px) {
.site-module-header.style-1 .module-header-tab a {
font-size: 0.8125rem;
line-height: 0.8125rem;
}
}
.site-module-header.style-2 .module-header-tab ul {
gap: 0.75rem;
}
@media screen and (min-width: 576.1px) {
.site-module-header.style-2 .module-header-tab ul {
gap: 1.25rem;
}
}
.site-module-header.style-2 .module-header-tab ul a {
font-weight: 500;
color: var(--color-slate-400);
}
.site-module-header.style-2 .module-header-tab ul a:hover {
color: var(--color-slate-500);
}
.site-module-header.style-2 .module-header-tab ul a.active {
color: var(--color-black);
}
.site-module-header.style-3 .entry-title {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0;
}
@media screen and (min-width: 576.1px) {
.site-module-header.style-3 .entry-title {
font-size: 1.375rem;
}
}
.site-module-header.style-3 .module-header-tab ul {
gap: 0.375rem;
}
@media screen and (min-width: 576.1px) {
.site-module-header.style-3 .module-header-tab ul {
gap: 1.25rem;
}
}
.site-module-header.style-3 .module-header-tab ul li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-module-header.style-3 .module-header-tab 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;
line-height: 0.875rem;
white-space: nowrap;
color: var(--color-gray-400);
}
.site-module-header.style-3 .module-header-tab a:hover {
color: var(--color-gray-500);
}
.site-module-header.style-3 .module-header-tab a.active {
color: rgb(var(--site-primary-color));
}
@media screen and (min-width: 576.1px) {
.site-module-header.style-3 .module-header-tab a {
font-size: 0.875rem;
line-height: 0.75rem;
}
}
.site-module-header.style-4 .col {
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;
row-gap: 0.875rem;
}
.site-module-header.style-4 .entry-title {
font-size: 1.125rem;
font-weight: 500;
margin-bottom: 0;
}
@media screen and (min-width: 576.1px) {
.site-module-header.style-4 .entry-title {
font-size: 1.375rem;
}
}
.site-module-header.style-4 .module-header-tab {
width: 100%;
}
.site-module-header.style-4 .module-header-tab ul {
gap: 0.375rem;
}
.site-module-header.style-4 .module-header-tab 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;
line-height: 0.75rem;
white-space: nowrap;
padding: 0.5rem 0.625rem;
border: 1px solid var(--color-gray-200);
border-radius: 62.4375rem;
}
.site-module-header.style-4 .module-header-tab a:hover {
border-color: var(--color-gray-400);
}
.site-module-header.style-4 .module-header-tab a.active {
color: rgb(var(--site-primary-color));
border-color: rgb(var(--site-primary-color));
background-color: rgba(var(--site-primary-color), 0.05);
}
@media screen and (min-width: 576.1px) {
.site-module-header.style-4 .module-header-tab a {
font-size: 0.8125rem;
line-height: 0.8125rem;
}
}
.site-module-header.style-5 .col.center {
-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;
gap: 0.25rem;
}
.site-module-header.style-5 .col .entry-title {
font-size: 1.125rem;
font-weight: 500;
}
@media screen and (min-width: 576.1px) {
.site-module-header.style-5 .col .entry-title {
font-size: 1.875rem;
}
}
.site-module-header.bordered {
border-bottom: 0.0625rem solid var(--color-slate-200);
padding-bottom: 0.875rem;
} .site-progress-bar {
position: relative;
width: 100%;
height: 0.25rem;
border-radius: 1.25rem;
background-color: var(--color-slate-200);
}
.site-progress-bar span {
position: absolute;
height: 100%;
top: 0;
left: 0;
border-radius: 1.25rem;
background-color: var(--color-rose-500);
} .site-overlay-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
} .site-text-block.justify-content-center .site-countdown {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0.5rem;
}
.site-text-block.justify-content-center .site-countdown .countdown-item {
min-width: 1.875rem;
height: 1.875rem;
} .text-block-color-header {
display: -webkit-box;
display: -ms-flexbox;
display: 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;
margin-bottom: 1rem;
}
.text-block-color-header > * {
position: relative;
padding: 0.25rem 0.375rem;
}
.text-block-color-header > *.second-title {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
top: -0.125rem;
z-index: 1;
} .sale-code {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1rem;
font-weight: 900;
letter-spacing: -0.02em;
padding: 0.25rem 0.625rem;
border-radius: var(--site-site-radius-small);
border: 1px dashed var(--color-rose-600);
}
.sale-code.black {
border-color: var(--color-gray-600);
} .simple-products .product {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
.simple-products .product .product-image a {
position: relative;
display: block;
width: 4.5rem;
height: 4.5rem;
overflow: hidden;
border-radius: var(--site-site-radius-default);
}
.simple-products .product .product-content .product-title {
margin-bottom: 0.25rem;
} .site-logo-item {
text-align: center;
}
.site-logo-item a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
opacity: 0.5;
}
.site-logo-item a img {
max-height: 4.125rem;
}
.site-logo-item a:hover {
opacity: 1;
} .categories-list {
margin: 0;
padding: 0;
list-style: none;
}
.categories-list li + li {
margin-top: 0.125rem;
}
.categories-list li a {
font-size: 0.875rem;
color: currentColor;
text-decoration-color: transparent;
text-underline-offset: 0.25rem;
}
.categories-list li a:hover {
text-decoration-color: var(--color-slate-400);
} .site-scroll {
width: 100%;
margin-bottom: 5.375rem;
overflow-y: scroll;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
} .site-pagination, .woocommerce-pagination, .pagination-wrap {
margin-top: 2.25rem;
}
@media screen and (min-width: 768.1px) {
.site-pagination, .woocommerce-pagination, .pagination-wrap {
margin-top: 4.125rem;
}
}
.site-pagination ul, .woocommerce-pagination ul, .pagination-wrap 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.25rem;
list-style: none;
margin: 0;
padding: 0;
}
.site-pagination ul li a, .woocommerce-pagination ul li a, .pagination-wrap 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);
}
.site-pagination ul li > *, .woocommerce-pagination ul li > *, .pagination-wrap 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: 1rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
}
.site-pagination ul li > *:not(.current):hover, .site-pagination ul li > *:not(.prev):hover, .site-pagination ul li > *:not(.next):hover, .site-pagination ul li > *:not(.dots):hover, .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, .pagination-wrap ul li > *:not(.current):hover, .pagination-wrap ul li > *:not(.prev):hover, .pagination-wrap ul li > *:not(.next):hover, .pagination-wrap ul li > *:not(.dots):hover {
background-color: var(--color-gray-100);
}
.site-pagination ul li > *.dots, .woocommerce-pagination ul li > *.dots, .pagination-wrap ul li > *.dots {
font-size: 1rem;
line-height: 1rem;
background-color: transparent !important;
}
.site-pagination ul li > *.prev, .site-pagination ul li > *.next, .woocommerce-pagination ul li > *.prev, .woocommerce-pagination ul li > *.next, .pagination-wrap ul li > *.prev, .pagination-wrap ul li > *.next {
font-size: 1.25rem;
background-color: transparent !important;
width: auto;
}
.site-pagination ul li > *.current, .woocommerce-pagination ul li > *.current, .pagination-wrap ul li > *.current {
color: var(--color-white);
background-color: rgb(var(--site-primary-color)) !important;
} .sticky-holder {
position: sticky;
overflow-y: auto;
top: 0;
}
.sticky-holder.sticky-top-10 {
top: 0.625rem;
}
.sticky-holder.sticky-top-20 {
top: 1.25rem;
}
.sticky-holder.sticky-top-30 {
top: 1.875rem;
}
.sticky-holder.sticky-top-40 {
top: 2.5rem;
}
.sticky-holder.sticky-top-50 {
top: 3.125rem;
} .site-page-header {
position: relative;
overflow: hidden;
text-align: center;
}
.site-page-header .page-title {
font-size: 1.75rem;
font-weight: 600;
}
@media screen and (min-width: 768.1px) {
.site-page-header .page-title {
font-size: 3.5rem;
}
}
.site-page-header .entry-description {
font-size: 0.875rem;
max-width: 41.25rem;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768.1px) {
.site-page-header .entry-description {
font-size: 1rem;
}
}
.site-page-header.style-1 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
@media screen and (min-width: 768.1px) {
.site-page-header.style-1 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
}
.site-page-header.style-1 .entry-description {
color: var(--color-slate-600);
}
.site-page-header.style-2 {
margin-bottom: 1.25rem;
}
@media screen and (min-width: 768.1px) {
.site-page-header.style-2 {
margin-bottom: 2.25rem;
}
}
.site-page-header.style-2 .page-header-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.site-page-header.style-2 .page-header-image::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(3, 7, 18, 0.3);
z-index: 1;
}
.site-page-header.style-2 .page-header-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.site-page-header.style-2 .site-page-header-inner {
position: relative;
color: var(--color-white);
padding-top: 3.5rem;
padding-bottom: 3.5rem;
z-index: 2;
}
@media screen and (min-width: 576.1px) {
.site-page-header.style-2 .site-page-header-inner {
padding-top: 9.125rem;
padding-bottom: 9.125rem;
}
}
@media screen and (min-width: 768.1px) {
.site-page-header.style-2 .site-page-header-inner .page-title {
font-size: 4.125rem;
}
}
.site-page-header.style-2 .site-page-header-inner .entry-description p {
margin-bottom: 0;
} .contact-details {
margin-top: 1.625rem;
margin-bottom: 1.625rem;
}
@media screen and (min-width: 768.1px) {
.contact-details {
margin-top: 2.875rem;
margin-bottom: 2.875rem;
}
}
.contact-details ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.25rem;
list-style: none;
margin: 0;
padding: 0;
}
.contact-details ul li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
}
.contact-details ul li .map-icon {
font-size: 1.25rem;
}
.contact-details ul li .contact-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact-details ul li .contact-info span {
font-size: 0.75rem;
color: var(--color-slate-500);
}
.contact-details ul li .contact-info h4 {
font-size: 1.125rem;
font-weight: 600;
}
.contact-details ul li .contact-info p {
font-size: 0.875rem;
}
.contact-details ul li .contact-info a {
font-size: 0.875rem;
font-weight: 500;
color: currentColor;
text-decoration: none;
}
.contact-details ul li .contact-info a + a {
margin-top: 0.25rem;
}
.contact-social {
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: 1.25rem;
margin-top: 1.625rem;
}
.contact-social > span {
font-size: 0.8125rem;
color: var(--color-slate-500);
}
.contact-social .site-social ul {
gap: 0.25rem;
}
.contact-social .site-social a {
font-size: 0.9375rem;
width: 2rem;
height: 2rem;
border: 1px solid var(--color-slate-300);
border-radius: 50%;
}
.contact-form-wrapper .wpcf7-form .col-12 {
margin-bottom: 0.875rem;
}
.contact-form-wrapper .wpcf7-form label {
display: block;
font-size: 0.8125rem;
margin-bottom: 0.25rem;
}
.contact-form-wrapper .wpcf7-form .wpcf7-submit {
line-height: 1;
color: var(--color-white);
background-color: rgb(var(--site-primary-color));
}
.contact-form-wrapper .wpcf7-form .wpcf7-submit:hover {
background-color: rgba(var(--site-primary-color), 0.9);
}
.site-quickview {
position: relative;
max-width: 61.875rem;
background-color: var(--color-white);
margin-left: auto;
margin-right: auto;
padding: 1.25rem;
border-radius: var(--site-site-radius-default);
}
@media screen and (min-width: 576.1px) {
.site-quickview {
padding: 2.5rem;
}
}
.site-quickview .mfp-close {
padding: 0;
background-color: transparent !important;
} .site-gdpr {
position: fixed;
bottom: calc(var(--mobile-nav-height) + 0.625rem);
left: 0.625rem;
right: 0.625rem;
color: var(--color-black);
background-color: var(--color-white);
border: 1px solid var(--color-slate-200);
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: var(--site-site-radius-default);
will-change: opacity, transform;
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
z-index: 12;
}
.site-gdpr:not(.active) {
pointer-events: none;
}
@media screen and (min-width: 576.1px) {
.site-gdpr {
left: auto;
right: 1.25rem;
bottom: calc(var(--mobile-nav-height) + 1.25rem);
max-width: 21.25rem;
}
}
.site-gdpr .site-gdpr-inner {
text-align: center;
max-width: var(--site-site-width);
margin-left: auto;
margin-right: auto;
padding: 1.25rem 0.75rem;
}
@media screen and (min-width: 576.1px) {
.site-gdpr .site-gdpr-inner {
padding-top: 1.625rem;
padding-bottom: 1.625rem;
}
}
.site-gdpr .site-gdpr-inner p {
font-size: 0.8125rem;
margin-bottom: 0.75rem;
} .site-menu .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.site-menu .menu 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.vertical .menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.site-menu.horizontal .menu > li.menu-item-has-children > a::after {
font-family: "klbtheme";
font-size: 80%;
font-weight: 700;
content: "\e8d9";
margin-left: 0.375rem;
}
.site-menu.horizontal .menu > li:not(.mega-menu) {
position: relative;
}
.site-menu.horizontal .menu > li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-menu.horizontal .menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
list-style: none;
background-color: var(--color-white);
border: 1px solid var(--color-gray-100);
opacity: 0;
visibility: hidden;
pointer-events: none;
-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-menu.horizontal .menu .sub-menu li {
white-space: nowrap;
}  .site-header {
position: relative;
z-index: 11;  }
.site-header .site-header-row {
position: relative;
}
.site-header .site-header-row.border-container .site-header-inner {
border-bottom: 1px solid;
}
.site-header .site-header-row.border-full {
border-bottom: 1px solid;
}
.site-header .site-header-row.header-row-bg-white {
background-color: var(--color-white);
}
.site-header .site-header-row.header-row-bg-white.border-full, .site-header .site-header-row.header-row-bg-white.border-container .site-header-inner {
border-color: var(--color-gray-200);
}
.site-header .site-header-row.header-row-bg-black {
background-color: var(--color-gray-900);
}
.site-header .site-header-row.header-row-bg-black.border-full, .site-header .site-header-row.header-row-bg-black.border-container .site-header-inner {
border-color: var(--color-gray-700);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-gray {
color: var(--color-gray-400);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-gray .menu > li > a:hover {
color: var(--color-gray-300);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-gray .sub-menu a {
color: var(--color-gray-500);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-gray .sub-menu a:hover {
color: var(--color-gray-700);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-slate {
color: var(--color-slate-400);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-slate .menu > li > a:hover {
color: var(--color-slate-300);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-slate .sub-menu a {
color: var(--color-slate-500);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-slate .sub-menu a:hover {
color: var(--color-slate-700);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-zinc {
color: var(--color-zinc-400);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-zinc .menu > li > a:hover {
color: var(--color-zinc-300);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-zinc .sub-menu a {
color: var(--color-zinc-500);
}
.site-header .site-header-row.header-row-bg-black.header-row-text-zinc .sub-menu a:hover {
color: var(--color-zinc-700);
}
.site-header .site-header-row.header-row-bg-gray {
background-color: var(--color-gray-50);
}
.site-header .site-header-row.header-row-bg-gray.border-full, .site-header .site-header-row.header-row-bg-gray.border-container .site-header-inner {
border-color: var(--color-gray-300);
}
.site-header .site-header-row.header-row-bg-primary {
background-color: rgb(var(--site-primary-color));
}
.site-header .site-header-row.header-row-bg-primary.border-full, .site-header .site-header-row.header-row-bg-primary.border-container .site-header-inner {
border-color: rgba(255, 255, 255, 0.2);
}
.site-header .site-header-row.header-row-bg-secondary {
background-color: rgb(var(--site-secondary-color));
}
.site-header .site-header-row.header-row-bg-secondary.border-full, .site-header .site-header-row.header-row-bg-secondary.border-container .site-header-inner {
border-color: rgba(var(--site-secondary-color), 0.8);
}
.site-header .site-header-row.header-row-text-gray {
color: var(--color-gray-500);
}
.site-header .site-header-row.header-row-text-gray .menu > li > a:hover {
color: var(--color-gray-700);
}
.site-header .site-header-row.header-row-text-gray .sub-menu a {
color: var(--color-gray-500);
}
.site-header .site-header-row.header-row-text-gray .sub-menu a:hover {
color: var(--color-gray-700);
}
.site-header .site-header-row.header-row-text-slate {
color: var(--color-slate-500);
}
.site-header .site-header-row.header-row-text-slate .menu > li > a:hover {
color: var(--color-slate-700);
}
.site-header .site-header-row.header-row-text-slate .sub-menu a {
color: var(--color-slate-500);
}
.site-header .site-header-row.header-row-text-slate .sub-menu a:hover {
color: var(--color-slate-700);
}
.site-header .site-header-row.header-row-text-zinc {
color: var(--color-zinc-500);
}
.site-header .site-header-row.header-row-text-zinc .menu > li > a:hover {
color: var(--color-zinc-700);
}
.site-header .site-header-row.header-row-text-zinc .sub-menu a {
color: var(--color-zinc-500);
}
.site-header .site-header-row.header-row-text-zinc .sub-menu a:hover {
color: var(--color-zinc-700);
}
.site-header .site-header-row.header-row-text-white {
color: var(--color-white);
}
.site-header .site-header-row.header-row-text-white .sub-menu a {
color: var(--color-gray-500);
}
.site-header .site-header-row.header-row-text-white .sub-menu a:hover {
color: var(--color-gray-700);
}
.site-header .site-header-row.header-row-text-black {
color: var(--color-black);
}
.site-header .site-header-row.header-row-text-black .sub-menu a {
color: var(--color-black);
}
.site-header .site-header-row.header-row-text-black .sub-menu a:hover {
color: var(--color-gray-700);
}
.site-header .site-header-row.header-row-text-black .site-header-text-message {
color: var(--color-slate-500);
}
.site-header .site-header-row.header-row-text-primary {
color: rgb(var(--site-primary-color));
}
.site-header .site-header-row.header-row-text-primary .sub-menu a {
color: var(--color-gray-500);
}
.site-header .site-header-row.header-row-text-primary .sub-menu a:hover {
color: var(--color-gray-700);
}
.site-header .site-header-row.header-row-text-secondary {
color: rgb(var(--site-secondary-color));
}
.site-header .site-header-row.header-row-text-secondary .sub-menu a {
color: var(--color-gray-500);
}
.site-header .site-header-row.header-row-text-secondary .sub-menu a:hover {
color: var(--color-gray-700);
}
.site-header .site-header-inner {
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;
}
.site-header .site-header-sale-banner 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;
gap: 0.625rem;
color: currentColor;
}
.site-header .site-header-sale-banner a .header-sale-banner-icon {
font-size: 1.625rem;
line-height: 1.625rem;
}
.site-header .site-header-sale-banner a .header-sale-banner-icon i::before {
margin: 0;
}
.site-header .site-header-sale-banner a .header-sale-banner-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.25rem;
white-space: nowrap;
}
.site-header .site-header-sale-banner a .header-sale-banner-content p {
font-size: 0.9375rem;
font-weight: 900;
letter-spacing: -0.025rem;
line-height: 0.9375rem;
margin-bottom: 0;
}
.site-header .site-header-sale-banner a .header-sale-banner-content span {
font-size: 0.6875rem;
line-height: 0.6875rem;
}
.site-header .site-header-custom-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-header .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;
gap: 0.625rem;
font-family: var(--site-main-menu-font);
font-size: var(--site-main-menu-font-size);
font-weight: var(--site-main-menu-font-weight);
letter-spacing: var(--site-main-menu-letter-spacing);
text-transform: var(--site-main-menu-transform);
color: currentColor;
text-decoration: none;
height: var(--site-main-menu-height);
}
.site-header .site-header-custom-button > a .custom-button-icon {
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: calc(var(--site-main-menu-font-size) + 0.125rem);
}
.site-header .site-header-custom-button > a .custom-button-icon i::before {
margin: 0;
}
.site-header .site-header-custom-button > a .custom-button-description {
font-size: 0.6875rem;
font-weight: 400;
margin-left: 0.75rem;
opacity: 0.5;
margin-right: auto;
}
.site-header .site-header-custom-button > a.has-dropdown::after {
font-family: "klbtheme";
font-size: 80%;
font-weight: 700;
content: "\e8d9";
margin-left: 0.5rem;
}
.site-header .site-header-custom-button.categories-button {
position: relative;
}
.site-header .site-header-custom-button.categories-button::after {
content: "";
display: block;
width: 0.0625rem;
height: 1.25rem;
background-color: currentColor;
opacity: 0.1;
margin-left: var(--site-main-menu-gap);
}
.site-header .site-header-custom-button .custom-button-holder {
position: absolute;
width: 100%;
top: 100%;
left: 0;
background-color: var(--color-white);
border: 1px solid var(--color-slate-100);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
border-radius: var(--site-site-radius-default);
padding: 1.5rem;
opacity: 0;
visibility: hidden;
pointer-events: none;
-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 .site-header-custom-button:hover .custom-button-holder {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-header .site-mini-cart {
position: absolute;
top: 100%;
right: 0;
padding-top: 0.375rem;
opacity: 0;
visibility: hidden;
pointer-events: none;
-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: 768.1px) {
.site-header .site-mini-cart {
right: -1.25rem;
}
}
.site-header .site-mini-cart .site-mini-cart-inner {
width: 100%;
min-width: 17.5rem;
white-space: nowrap;
color: var(--color-black);
background-color: var(--color-white);
border: 1px solid var(--color-gray-100);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
border-radius: var(--site-site-radius-default);
}
@media screen and (min-width: 768.1px) {
.site-header .site-mini-cart .site-mini-cart-inner {
width: 100%;
min-width: 18.75rem;
max-width: 18.75rem;
}
}
.site-header .site-mini-cart .site-mini-cart-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0.875rem;
padding-right: 0.875rem;
}
.site-header .site-mini-cart .site-mini-cart-row.site-mini-cart-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1rem;
}
@media screen and (min-width: 768.1px) {
.site-header .site-mini-cart .site-mini-cart-row.site-mini-cart-header {
display: none;
}
}
.site-header .site-mini-cart .site-mini-cart-row.site-mini-cart-header .site-mini-cart-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0;
}
.site-header .site-mini-cart .site-mini-cart-row.site-mini-cart-header .site-close {
right: -0.25rem;
}
.site-header .site-mini-cart .site-mini-cart-row.site-mini-cart-body {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.site-header .site-mini-cart .site-mini-cart-row.site-mini-cart-footer {
padding-bottom: 0.875rem;
}
.site-header .site-mini-cart .site-mini-cart-empty {
text-align: center;
width: 100%;
padding-top: 0.5rem;
margin-bottom: 0.5rem;
}
.site-header .site-mini-cart .site-mini-cart-empty svg, .site-header .site-mini-cart .site-mini-cart-empty img {
max-width: 4.125rem;
margin-bottom: 0.5rem;
}
.site-header .site-mini-cart .site-mini-cart-empty p {
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0;
}
.site-header .site-mini-cart .site-mini-cart-notice {
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-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 0.625rem;
width: 100%;
border-radius: var(--site-site-radius-default);
padding: 0.625rem 0.75rem;
}
.site-header .site-mini-cart .site-mini-cart-notice p {
font-size: var(--site-site-font-size-xs);
line-height: 0.8125rem;
margin-bottom: 0;
}
.site-header .site-mini-cart .site-mini-cart-notice .site-mini-cart-progress {
position: relative;
width: 100%;
height: 0.25rem;
border-radius: 62.4375rem;
background-color: var(--color-white);
}
.site-header .site-mini-cart .site-mini-cart-notice .site-mini-cart-progress span {
position: absolute;
height: 100%;
top: 0;
left: 0;
border-radius: 62.4375rem;
background-color: currentColor;
}
.site-header .site-mini-cart .fl-mini-cart-content .products {
gap: 0.875rem;
}
.site-header .site-mini-cart .fl-mini-cart-content .products .product-inner {
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
white-space: normal;
gap: 0.75rem;
}
.site-header .site-mini-cart .fl-mini-cart-content .products .product-inner .thumbnail-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 2.625rem;
}
.site-header .site-mini-cart .fl-mini-cart-content .products .product-inner .content-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.site-header .site-mini-cart .fl-mini-cart-content .products .product-inner .content-wrapper .product-title {
font-size: 0.75rem;
font-weight: 500;
margin-bottom: 0.25rem;
}
.site-header .site-mini-cart .fl-mini-cart-content .products .product-inner .content-wrapper .price {
font-size: 0.8125rem;
}
.site-header .site-mini-cart .fl-mini-cart-content .products .product-inner .content-wrapper .price .woocommerce-Price-amount {
color: var(--color-green-600);
}
.site-header .site-mini-cart .fl-mini-cart-content .products .product-inner .variation {
display: none;
}
.site-header .site-mini-cart .fl-mini-cart-content .products .product-inner .remove_from_cart_button {
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.8125rem;
font-weight: 700;
line-height: 1;
width: 1.125rem;
height: 1.125rem;
left: -0.3125rem;
top: -0.3125rem;
color: var(--color-white);
background-color: var(--color-rose-600);
border-radius: 50%;
z-index: 1;
}
.site-header .site-mini-cart .woocommerce-mini-cart__total {
font-size: 0.875rem;
margin-top: 0.625rem;
padding-top: 0.625rem;
border-top: 1px solid var(--color-slate-200);
}
.site-header .site-mini-cart .woocommerce-mini-cart__total strong {
font-weight: 600;
}
.site-header .site-mini-cart .woocommerce-mini-cart__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.375rem;
margin-bottom: 0;
}
.site-header .site-mini-cart .woocommerce-mini-cart__buttons > * {
line-height: 1;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.site-header .site-header-text-message {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 12.5rem;
}
.site-header .site-header-text-message a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
color: currentColor;
text-decoration: none;
}
.site-header .site-header-text-message p {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
font-size: 0.8125rem;
line-height: 1.0625rem;
margin-bottom: 0;
}
.site-header .site-header-text-message i {
font-size: 1.5rem;
font-weight: 300;
}
.site-header .site-header-text-message i::before {
margin: 0;
}
.site-header .site-categories-button {
white-space: nowrap;
}
.site-header .site-categories-button a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
color: currentColor;
text-decoration: none;
}
.site-header .site-categories-button a i {
font-size: 1.125rem;
font-weight: 300;
}
.site-header .site-categories-button a i::before {
margin: 0;
}
.site-header .site-categories-button a span {
font-size: calc(var(--site-site-font-size-sm) + 0.0625rem);
font-weight: 600;
line-height: calc(var(--site-site-font-size-sm) + 0.0625rem);
}
.site-header .site-categories-button .all-categories-wrapper {
position: fixed;
display: none;
top: var(--header-height);
left: 0;
width: 100%;
z-index: 1000;
}
.site-header .site-categories-button .all-categories-wrapper::before {
content: "";
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(3, 7, 18, 0.2);
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: var(--color-black);
background-color: var(--color-white);
border-bottom-left-radius: var(--site-site-radius-default);
border-bottom-right-radius: var(--site-site-radius-default);
padding: 1.25rem;
z-index: 1;
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .site-categories::before {
display: none;
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .site-categories > ul > .menu-item-has-children:first-child > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .site-categories .sub-menu {
padding-top: 0;
padding-bottom: 0;
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .site-categories .sub-menu a {
color: var(--color-slate-800);
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .products {
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 18.75rem;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
white-space: normal;
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .products li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 1rem;
width: 100%;
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .products li .search-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 3.5rem;
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .products li .search-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
width: 100%;
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .products li .search-content .product-title {
position: relative;
font-size: var(--site-site-font-size-sm);
margin-bottom: 0.125rem;
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .products li .search-content .product-title a {
color: currentColor;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 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);
}
.site-header .site-categories-button .all-categories-wrapper .all-categories-inner .products li .search-content .product-title a:hover {
text-decoration-color: var(--color-slate-400);
}
.site-header .site-categories-button .all-categories-wrapper.scrolled {
top: calc(var(--header-height) - var(--scrolled-size));
}
.site-header .site-categories-button .all-categories-wrapper.fixed-on-top {
top: 0;
}
.site-header .site-categories-button .all-categories-wrapper.categories-active {
display: block;
} #header-top {
position: relative;
font-family: var(--site-header-topbar-font);
font-size: var(--site-header-topbar-font-size);
font-weight: var(--site-header-topbar-font-weight);
letter-spacing: var(--site-header-topbar-letter-spacing);
z-index: 11;
}
#header-top .site-header-inner .col > * + * {
margin-left: var(--site-header-topbar-menu-padding);
}
#header-top .site-menu .menu {
gap: var(--site-header-topbar-menu-padding);
}
#header-top .site-menu .menu > li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header-top .site-menu .menu > li.border-left:before, #header-top .site-menu .menu > li.border-right:after, #header-top .site-menu .menu > li:has(.border-left):before, #header-top .site-menu .menu > li:has(.border-right):after {
content: "";
display: block;
width: 1px;
height: 1rem;
background-color: currentColor;
opacity: 0.2;
}
#header-top .site-menu .menu > li.border-left::before, #header-top .site-menu .menu > li:has(.border-left)::before {
margin-right: var(--site-header-topbar-menu-padding);
}
#header-top .site-menu .menu > li.border-left > .sub-menu, #header-top .site-menu .menu > li:has(.border-left) > .sub-menu {
left: calc(var(--site-header-topbar-menu-padding) - 0.875rem);
}
#header-top .site-menu .menu > li.border-right::after, #header-top .site-menu .menu > li:has(.border-right)::after {
margin-left: var(--site-header-topbar-menu-padding);
}
#header-top .site-menu .menu > li > a {
padding-top: var(--site-header-topbar-padding);
padding-bottom: var(--site-header-topbar-padding);
}
#header-top .site-menu .menu .sub-menu {
border-radius: var(--site-site-radius-small);
padding-top: 0.625rem;
padding-bottom: 0.625rem;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
min-width: 3.75rem;
left: -1.125rem;
}
#header-top .site-menu .menu .sub-menu a {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
padding-left: 1.125rem;
padding-right: 1.125rem;
}
#header-top.header-row-text-slate.header-row-bg-white .site-menu .menu > li.border-left:before, #header-top.header-row-text-slate.header-row-bg-white .site-menu .menu > li.border-right:after, #header-top.header-row-text-slate.header-row-bg-white .site-menu .menu > li:has(.border-left):before, #header-top.header-row-text-slate.header-row-bg-white .site-menu .menu > li:has(.border-right):after {
background-color: var(--color-slate-300);
opacity: 1;
}
#header-top.header-row-text-gray.header-row-bg-white .site-menu .menu > li.border-left:before, #header-top.header-row-text-gray.header-row-bg-white .site-menu .menu > li.border-right:after, #header-top.header-row-text-gray.header-row-bg-white .site-menu .menu > li:has(.border-left):before, #header-top.header-row-text-gray.header-row-bg-white .site-menu .menu > li:has(.border-right):after {
background-color: var(--color-gray-300);
opacity: 1;
}
#header-top.header-row-text-zinc.header-row-bg-white .site-menu .menu > li.border-left:before, #header-top.header-row-text-zinc.header-row-bg-white .site-menu .menu > li.border-right:after, #header-top.header-row-text-zinc.header-row-bg-white .site-menu .menu > li:has(.border-left):before, #header-top.header-row-text-zinc.header-row-bg-white .site-menu .menu > li:has(.border-right):after {
background-color: var(--color-zinc-300);
opacity: 1;
} #header-main {
position: relative;
z-index: 10;
}
#header-main .site-header-inner {
gap: 0.875rem;
}
@media screen and (min-width: 1024.1px) {
#header-main .site-header-inner {
gap: 2rem;
}
}
#header-main .site-header-inner .col > * + * {
margin-left: var(--site-header-topbar-menu-padding);
}
#header-main.header-main-padding .site-header-inner {
padding-top: var(--site-header-main-mobile-padding);
padding-bottom: var(--site-header-main-mobile-padding);
}
@media screen and (min-width: 576.1px) {
#header-main.header-main-padding .site-header-inner {
padding-top: var(--site-header-main-desktop-padding);
padding-bottom: var(--site-header-main-desktop-padding);
}
}
#header-main.header-main-height .site-header-inner {
padding-top: var(--site-header-main-mobile-padding);
padding-bottom: var(--site-header-main-mobile-padding);
}
@media screen and (min-width: 576.1px) {
#header-main.header-main-height .site-header-inner {
padding-top: 0;
padding-bottom: 0;
}
}
#header-main.header-main-height .site-header-inner .primary-menu .menu > li > a {
height: var(--site-header-main-height);
} #header-bottom .site-header-inner {
gap: 0.875rem;
}
@media screen and (min-width: 1024.1px) {
#header-bottom .site-header-inner {
gap: var(--site-main-menu-gap);
}
}
#header-bottom .site-header-inner .col > * + * {
margin-left: var(--site-main-menu-gap);
}
#header-bottom.header-search-row .site-header-inner {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
} .site-quick-button {
position: relative;
}
.site-quick-button a {
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;
gap: 0.875rem;
color: currentColor;
text-decoration: none;
}
.site-quick-button a .quick-button-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.5rem;
width: 1.5rem;
height: 100%;
}
.site-quick-button a .quick-button-icon i {
line-height: 1.5rem;
}
.site-quick-button a .quick-button-icon i::before {
margin: 0;
}
.site-quick-button a .quick-button-icon .quick-button-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: 0.625rem;
min-width: 1.0625rem;
height: 1.0625rem;
padding-left: 0.0625rem;
padding-right: 0.0625rem;
color: var(--color-white);
background-color: var(--color-rose-600);
top: -0.1875rem;
right: -0.375rem;
border-radius: 50%;
}
.site-quick-button a .quick-button-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.25rem;
}
.site-quick-button a .quick-button-text .quick-button-description {
font-size: 0.6875rem;
line-height: 0.6875rem;
}
.site-quick-button a .quick-button-text .quick-button-label {
font-size: var(--site-site-font-size-sm);
font-weight: 500;
line-height: 0.875rem;
margin-bottom: 0;
}
.site-quick-button a:hover .quick-button-icon i.klb-icon-hearth:before {
content: "\e80b";
}
.site-quick-button a:hover .quick-button-icon i.klb-icon-user::before {
content: "\e805";
}
.site-quick-button a:hover .quick-button-icon i.klb-icon-shopping-bag-wide:before {
content: "\e92c";
}
.site-quick-button.style-2 a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.25rem;
}
.site-quick-button.style-2 .quick-button-icon {
font-size: 1.375rem;
}
.site-quick-button.style-2 .quick-button-text .quick-button-description {
display: none;
}
.site-quick-button.style-2 .quick-button-text .quick-button-label {
font-size: 0.75rem;
}
.site-quick-button.style-3 .quick-button-text {
display: none;
}
.site-quick-button.quick-button-cart:hover .site-mini-cart {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .site-search-form {
position: relative;
width: 100%;
}
.site-search-form .search-form {
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;
width: 100%;
border-radius: var(--site-site-radius-default);
}
.site-search-form .search-form input {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
font-size: var(--site-form-input-font-size);
border: 0 !important;
border-radius: 0;
border-color: transparent;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.site-search-form .search-form input:focus, .site-search-form .search-form input:active {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.site-search-form .search-form 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.375rem;
line-height: var(--site-form-input-height-lg);
min-width: 2.875rem;
height: var(--site-form-input-height-lg);
background-color: rgb(var(--site-secondary-color));
cursor: pointer;
}
.site-search-form .search-addon-dropdown {
position: relative;
height: var(--site-form-input-height-lg);
padding-left: 0.375rem;
padding-top: 0.4375rem;
padding-bottom: 0.4375rem;
}
.site-search-form .search-addon-dropdown .search-addon-input {
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;
height: 100%;
padding-left: 0.75rem;
padding-right: 0.75rem;
border-radius: var(--site-site-radius-small);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.site-search-form .search-addon-dropdown .search-addon-input .search-addon-value {
display: inline-block;
font-weight: 500;
padding-right: 0.875rem;
max-width: 7.5rem;
color: var(--color-black);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.site-search-form .search-addon-dropdown .search-addon-input .klb-icon-chevron-down {
font-size: 0.8125rem;
color: var(--color-black);
}
.site-search-form .search-addon-dropdown .search-addon-dropdown-menu {
position: absolute;
display: none;
top: 100%;
left: 0;
padding: 0.125rem;
}
.site-search-form .search-addon-dropdown .search-addon-dropdown-menu ul {
margin: 0;
padding: 0.125rem;
list-style: none;
border-radius: var(--site-site-radius-default);
background-color: var(--color-white);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
border: 1px solid var(--color-gray-100);
}
.site-search-form .search-addon-dropdown .search-addon-dropdown-menu ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
font-weight: 500;
color: var(--color-black);
white-space: nowrap;
padding: 0.4375rem 0.875rem;
border-radius: var(--site-site-radius-small);
min-width: 12.5rem;
width: 100%;
cursor: pointer;
}
.site-search-form .search-addon-dropdown .search-addon-dropdown-menu ul li p {
margin-bottom: 0;
}
.site-search-form .search-addon-dropdown .search-addon-dropdown-menu ul li span {
font-size: 0.6875rem;
font-weight: 400;
margin-left: auto;
padding-left: 2.625rem;
color: var(--color-gray-400);
}
.site-search-form .search-addon-dropdown .search-addon-dropdown-menu ul li:hover {
background-color: var(--color-gray-100);
}
.site-search-form .search-addon-dropdown.open .search-addon-dropdown-menu {
display: block;
}
.site-search-form .site-search-form-result {
position: absolute;
display: none;
width: 100%;
top: calc(100% + 0.125rem);
left: 0;
color: var(--color-black);
background-color: var(--color-white);
border-radius: var(--site-site-radius-default);
border: 1px solid var(--color-gray-100);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
padding: 0.75rem 1.125rem;
}
.site-search-form .site-search-form-result .search-popular-tags .search-popular-tags-header {
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;
-webkit-column-gap: 0.75rem;
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
row-gap: 0.25rem;
margin-bottom: 0.75rem;
}
.site-search-form .site-search-form-result .search-popular-tags .search-popular-tags-header p {
font-size: var(--site-site-font-size-sm);
font-weight: 500;
margin-bottom: 0;
}
.site-search-form .site-search-form-result .search-popular-tags .search-popular-tags-header span {
display: block;
font-size: var(--site-site-font-size-xs);
color: var(--color-gray-500);
}
.site-search-form .site-search-form-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-search-form .site-search-form-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.8125rem;
font-weight: 500;
text-decoration: none;
color: var(--color-gray-700);
background-color: var(--color-white);
border-radius: var(--site-site-radius-small);
border: 1px solid var(--color-gray-200);
min-height: 1.75rem;
padding: 0.125rem 0.375rem;
}
.site-search-form .site-search-form-result .search-popular-tags ul li a:hover {
color: var(--color-black);
background-color: var(--color-gray-50);
}
.site-search-form .site-search-form-result .search-popular-tags + .search-result-products {
border-top: 1px solid var(--color-gray-200);
margin-top: 1.25rem;
padding-top: 1rem;
}
.site-search-form .site-search-form-result .search-result-products .search-result-empty {
text-align: center;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.site-search-form .site-search-form-result .search-result-products .search-result-empty p {
font-size: var(--site-site-font-size-lg);
font-weight: 600;
line-height: var(--site-site-font-size-lg);
margin-bottom: 0.125rem;
}
.site-search-form .site-search-form-result .search-result-products .search-result-empty span {
font-size: var(--site-site-font-size-xs);
color: var(--color-gray-500);
}
.site-search-form .site-search-form-result .search-result-products ul {
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;
-webkit-column-gap: 0.625rem;
-moz-column-gap: 0.625rem;
column-gap: 0.625rem;
row-gap: 1.25rem;
list-style: none;
margin: 0;
padding: 0.25rem 0;
}
.site-search-form .site-search-form-result .search-result-products ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
}
@media screen and (min-width: 1280.1px) {
.site-search-form .site-search-form-result .search-result-products ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 45%;
}
}
.site-search-form .site-search-form-result .search-result-products ul li .search-img {
width: 3.5rem;
}
.site-search-form .site-search-form-result .search-result-products ul li .search-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.site-search-form .site-search-form-result .search-result-products ul li .search-content .product-title {
display: -webkit-box;
font-size: var(--site-site-font-size-sm);
margin-bottom: 0.125rem;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
padding-bottom: 0.0625rem;
}
.site-search-form .site-search-form-result .search-result-products ul li .search-content .product-title a {
color: currentColor;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 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);
}
.site-search-form .site-search-form-result .search-result-products ul li .search-content .product-title a:hover {
text-decoration-color: var(--color-slate-400);
}
.site-search-form.is-searchable .site-search-form-result {
display: block;
}
.site-search-form.style-1 .search-form {
background-color: var(--color-white);
}
.site-search-form.style-1 .search-form .search-addon-dropdown .search-addon-input {
background-color: var(--color-gray-100);
}
.site-search-form.style-1 .search-form .search-addon-dropdown .search-addon-input:hover {
background-color: var(--color-gray-200);
}
.site-search-form.style-1 .search-form .search-addon-dropdown.open .search-addon-input {
background-color: var(--color-gray-200);
}
.site-search-form.style-1 .search-form button {
border-top-right-radius: var(--site-site-radius-default);
border-bottom-right-radius: var(--site-site-radius-default);
}
.site-search-form.style-2 .search-form {
background-color: var(--color-white);
border: 1px solid var(--color-slate-300);
border-radius: 3.75rem;
}
.site-search-form.style-2 .search-form .search-addon-dropdown {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
}
.site-search-form.style-2 .search-form .search-addon-dropdown .search-addon-input {
background-color: var(--color-gray-100);
border-radius: 3.75rem;
}
.site-search-form.style-2 .search-form .search-addon-dropdown .search-addon-input:hover {
background-color: var(--color-gray-200);
}
.site-search-form.style-2 .search-form button {
height: 2.5rem;
border-radius: 3.75rem;
margin-right: 0.25rem;
}
.site-search-form.style-3 .search-form {
background-color: var(--color-white);
border: 1px solid rgb(var(--site-primary-color));
outline: 1px solid rgb(var(--site-primary-color));
}
.site-search-form.style-3 .search-form .search-addon-dropdown .search-addon-input {
background-color: var(--color-gray-100);
}
.site-search-form.style-3 .search-form .search-addon-dropdown .search-addon-input:hover {
background-color: var(--color-gray-200);
}
.site-search-form.style-3 .search-form .search-addon-dropdown.open .search-addon-input {
background-color: var(--color-gray-200);
}
.site-search-form.style-3 .search-form button {
color: var(--color-white) !important;
background-color: rgb(var(--site-primary-color));
border-top-right-radius: calc(var(--site-site-radius-default) - 0.0625rem);
border-bottom-right-radius: calc(var(--site-site-radius-default) - 0.0625rem);
}
.site-search-form.style-3 .search-form .search-addon-dropdown-menu {
padding-top: 0.1875rem;
}
.site-search-form.style-3 .search-form .site-search-form-result {
top: calc(100% + 0.1875rem);
}
.site-search-form.style-4 .search-form {
background-color: var(--color-gray-100);
}
.site-search-form.style-4 .search-form .search-addon-dropdown .search-addon-input {
background-color: var(--color-white);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.site-search-form.style-4 .search-form button {
background-color: transparent;
} .site-menu.horizontal.primary-menu .menu {
gap: var(--site-main-menu-gap);
}
.site-menu.horizontal.primary-menu .menu > li.menu-item-has-children > a::after {
margin-left: 0.5rem;
}
.site-menu.horizontal.primary-menu .menu > li.menu-item-has-children > .sub-menu {
min-width: 13.75rem;
}
.site-menu.horizontal.primary-menu .menu > li > a {
line-height: var(--site-main-menu-height);
height: var(--site-main-menu-height);
}
.site-menu.horizontal.primary-menu a {
font-family: var(--site-main-menu-font);
font-size: var(--site-main-menu-font-size);
font-weight: var(--site-main-menu-font-weight);
letter-spacing: var(--site-main-menu-letter-spacing);
text-transform: var(--site-main-menu-transform);
}
.site-menu.horizontal.primary-menu .sub-menu {
padding-top: 1.125rem;
padding-bottom: 1.125rem;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
border-radius: var(--site-site-radius-default);
left: -1.625rem;
}
.site-menu.horizontal.primary-menu .sub-menu li {
position: relative;
}
.site-menu.horizontal.primary-menu .sub-menu a {
position: relative;
font-size: var(--site-site-font-size-sm);
font-weight: 400;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
text-decoration: underline;
text-decoration-color: transparent;
text-decoration-thickness: 0.0625rem;
text-underline-offset: 0.3125rem;
}
.site-menu.horizontal.primary-menu .sub-menu a:hover {
text-decoration-color: var(--color-gray-400);
}
.site-menu.horizontal.primary-menu .sub-menu .sub-menu {
top: 0;
left: 100%;
margin-top: -1.0625rem;
}
.site-menu.horizontal.primary-menu .mega-menu > .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
left: 0;
}
.site-menu.horizontal.primary-menu .mega-menu > .sub-menu > li {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.site-menu.horizontal.primary-menu .mega-menu > .sub-menu > li > a {
font-weight: 600;
color: var(--color-gray-400);
pointer-events: none;
}
.site-menu.horizontal.primary-menu .mega-menu > .sub-menu .sub-menu {
position: relative;
background-color: transparent;
border: 0;
left: 0;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.site-menu.horizontal.primary-menu .mega-menu:hover .sub-menu .sub-menu {
pointer-events: auto;
} .site-mobile-navbar {
position: fixed;
display: block;
width: 100%;
bottom: 0;
left: 0;
z-index: 1000;
padding-left: calc(var(--site-site-gutter) / 2);
padding-right: calc(var(--site-site-gutter) / 2);
background-color: var(--color-white);
border-top: 1px solid var(--color-gray-200);
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
-webkit-box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.01), 0 -2px 4px -2px rgba(0, 0, 0, 0.02);
box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.01), 0 -2px 4px -2px rgba(0, 0, 0, 0.02);
}
.site-mobile-navbar .site-mobile-navbar-inner {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.site-mobile-navbar .site-mobile-navbar-inner ul {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0.625rem;
}
.site-mobile-navbar .site-mobile-navbar-inner ul li {
white-space: nowrap;
}
.site-mobile-navbar .site-mobile-navbar-inner ul li a {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 2.875rem;
height: 2.875rem;
-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-mobile-navbar .site-mobile-navbar-inner ul li a::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgb(var(--site-primary-color));
border-radius: var(--site-site-radius-default);
opacity: 0;
-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-mobile-navbar .site-mobile-navbar-inner ul li a i {
font-size: 1.375rem;
line-height: 1.375rem;
-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-mobile-navbar .site-mobile-navbar-inner ul li a .mobile-navbar-label {
display: block;
font-size: 0.5625rem;
font-weight: 700;
line-height: 1;
margin-top: 0.375rem;
color: var(--color-slate-400);
opacity: 0.7;
-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-mobile-navbar .site-mobile-navbar-inner ul li a.active::before {
opacity: 0.15;
}
.site-mobile-navbar .site-mobile-navbar-inner ul li a.active i {
color: rgb(var(--site-primary-color));
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
.site-mobile-navbar .site-mobile-navbar-inner ul li a.active i::before {
content: "\e861";
}
.site-mobile-navbar .site-mobile-navbar-inner ul li a.active .mobile-navbar-label {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
@media screen and (min-width: 1024.1px) {
.site-mobile-navbar {
display: none;
}
}  .site-footer {
margin-top: 2.25rem;
}
@media screen and (min-width: 576.1px) {
.site-footer {
margin-top: 3.5rem;
}
}
.site-footer .site-footer-row {
position: relative;
}
.site-footer .site-footer-row.border-full {
border-top: 1px solid;
}
.site-footer .site-footer-row.border-container .site-footer-inner {
border-top: 1px solid;
}
.site-footer .site-footer-row.footer-row-background-white {
background-color: var(--color-white);
border-color: var(--color-slate-200);
}
.site-footer .site-footer-row.footer-row-background-white .site-footer-inner {
border-color: var(--color-slate-200);
}
.site-footer .site-footer-row.footer-row-background-primary {
background-color: rgb(var(--site-primary-color));
border-color: rgba(255, 255, 255, 0.2);
}
.site-footer .site-footer-row.footer-row-background-primary .site-footer-inner {
border-color: rgba(255, 255, 255, 0.2);
}
.site-footer .site-footer-row.footer-row-background-black {
background-color: var(--color-slate-900);
border-color: rgba(255, 255, 255, 0.1);
}
.site-footer .site-footer-row.footer-row-background-black .site-footer-inner {
border-color: rgba(255, 255, 255, 0.1);
}
.site-footer .site-footer-row.footer-row-background-gray {
background-color: var(--color-slate-50);
border-color: var(--color-slate-200);
}
.site-footer .site-footer-row.footer-row-background-gray .site-footer-inner {
border-color: var(--color-slate-200);
}
.site-footer .site-footer-row.footer-row-color-white {
color: var(--color-white);
}
.site-footer .site-footer-row.footer-row-color-black {
color: var(--color-black);
}
.site-footer .site-footer-row.footer-row-color-black .site-footer-inner .widget .menu li a {
color: var(--color-slate-800);
}
.site-footer .site-footer-row.footer-row-color-black p:not(.site-copyright) {
color: var(--color-slate-500);
} #footer-iconboxes .site-footer-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;
padding-top: 1rem;
padding-bottom: 1rem;
gap: 1.25rem;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner {
padding-top: 1.625rem;
padding-bottom: 1.625rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner .iconboxes {
gap: 2.5rem;
}
}
@media screen and (min-width: 1024.1px) {
#footer-iconboxes .site-footer-inner .iconboxes {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 3.75rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes .iconbox {
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.625rem;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner .iconboxes .iconbox {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 1rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .icon {
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;
line-height: 1.25rem;
width: 1.25rem;
height: 1.25rem;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .icon {
font-size: 1.5rem;
line-height: 1.5rem;
width: 1.5rem;
height: 1.5rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .content .entry-title {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .content .entry-title {
font-size: 0.9375rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .content p {
font-size: 0.8125rem;
margin-bottom: 0;
} #footer-newsletter .site-footer-inner {
position: relative;
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.5rem;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
@media screen and (min-width: 768.1px) {
#footer-newsletter .site-footer-inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
}
#footer-newsletter.footer-newsletter-style-1 .footer-icon {
position: absolute;
left: auto;
right: auto;
top: -30%;
}
@media screen and (min-width: 768.1px) {
#footer-newsletter.footer-newsletter-style-1 .footer-icon {
left: 0;
bottom: -30%;
top: auto;
}
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-text {
text-align: center;
}
@media screen and (min-width: 768.1px) {
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-text {
text-align: left;
padding-left: 9.375rem;
}
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-text .entry-title {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 0.125rem;
}
@media screen and (min-width: 576.1px) {
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-text .entry-title {
font-size: 1.25rem;
}
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-text p {
font-size: 0.875rem;
margin-bottom: 0;
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-form {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
}
@media screen and (min-width: 576.1px) {
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-form {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 50%;
}
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-form .mc4wp-form {
max-width: 28.75rem;
width: 100%;
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-form .mc4wp-form-fields {
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;
gap: 0.25rem;
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-form .mc4wp-form-fields .subscribe-input {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
font-size: 0.875rem;
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-form .mc4wp-form-fields button {
font-size: 0.875rem;
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-form .mc4wp-form-fields .privacy-policy {
width: 100%;
}
#footer-newsletter.footer-newsletter-style-1 .footer-newsletter-form .mc4wp-form-fields .privacy-policy p {
font-size: 0.75rem;
margin-bottom: 0;
}
#footer-newsletter.footer-newsletter-style-2 .site-footer-inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 576.1px) {
#footer-newsletter.footer-newsletter-style-2 .site-footer-inner {
gap: 4.125rem;
}
}
#footer-newsletter.footer-newsletter-style-2 .site-footer-newsletter-column {
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;
gap: 1.125rem;
}
#footer-newsletter.footer-newsletter-style-2 .site-footer-newsletter-column .footer-newsletter-text .entry-title {
font-size: var(--site-site-font-size-base);
margin-bottom: 0.25rem;
}
#footer-newsletter.footer-newsletter-style-2 .site-footer-newsletter-column .footer-newsletter-text p {
font-size: 0.8125rem;
margin-bottom: 0;
}
#footer-newsletter.footer-newsletter-style-2 .footer-newsletter-form {
max-width: 28.75rem;
width: 100%;
}
#footer-newsletter.footer-newsletter-style-2 .footer-newsletter-form .mc4wp-form-fields {
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;
gap: 0.25rem;
}
#footer-newsletter.footer-newsletter-style-2 .footer-newsletter-form .mc4wp-form-fields .subscribe-input {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
font-size: 0.875rem;
}
#footer-newsletter.footer-newsletter-style-2 .footer-newsletter-form .mc4wp-form-fields button {
font-size: 0.875rem;
}
#footer-newsletter:not(.footer-row-background-white):not(.footer-row-background-gray) .footer-newsletter-form .subscribe-input {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
} #footer-widgets .site-footer-inner {
display: grid;
gap: 1.25rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media screen and (min-width: 576.1px) {
#footer-widgets .site-footer-inner {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
}
@media screen and (min-width: 576.1px) {
#footer-widgets .site-footer-inner.widgets-column-2 {
gap: 2rem;
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 576.1px) {
#footer-widgets .site-footer-inner.widgets-column-3 {
gap: 2rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 576.1px) {
#footer-widgets .site-footer-inner.widgets-column-4 {
gap: 2rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024.1px) {
#footer-widgets .site-footer-inner.widgets-column-4 {
gap: 2.625rem;
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 576.1px) {
#footer-widgets .site-footer-inner.widgets-column-5 {
gap: 2rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024.1px) {
#footer-widgets .site-footer-inner.widgets-column-5 {
gap: 2.625rem;
grid-template-columns: repeat(5, 1fr);
}
}
@media screen and (min-width: 576.1px) {
#footer-widgets .site-footer-inner.widgets-column-6 {
gap: 2rem;
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024.1px) {
#footer-widgets .site-footer-inner.widgets-column-6 {
gap: 2.625rem;
grid-template-columns: repeat(6, 1fr);
}
}
#footer-widgets .site-footer-inner .column > * {
margin-bottom: 1.625rem;
}
#footer-widgets .site-footer-inner .column > *:last-child {
margin-bottom: 0;
}
#footer-widgets .widget .widget-title {
font-size: 0.9375rem;
font-weight: 700;
margin-bottom: 0.75rem;
}
#footer-widgets .widget .menu {
margin: 0;
padding: 0;
list-style: none;
}
#footer-widgets .widget .menu li + li {
margin-top: 0.125rem;
}
#footer-widgets .widget .menu li a {
font-size: 0.875rem;
color: currentColor;
text-decoration-color: transparent;
text-underline-offset: 0.3125rem;
}
#footer-widgets .widget .menu li a:hover {
text-decoration-color: currentColor;
}
#footer-widgets .widget p {
font-size: 0.8125rem;
}
#footer-widgets .widget p + .app-buttons {
margin-top: 2.25rem;
}
#footer-widgets .widget .app-buttons {
margin-bottom: 1.625rem;
}
#footer-widgets .widget .app-buttons .app-button {
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;
gap: 0.875rem;
}
#footer-widgets .widget .app-buttons .app-button + .app-button {
margin-top: 0.625rem;
}
#footer-widgets .widget .app-buttons .app-button img {
max-width: 7.5rem;
}
#footer-widgets .widget .app-buttons .app-button p {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
font-size: 0.6875rem;
margin-bottom: 0;
}
#footer-widgets .widget .app-buttons + .site-social {
margin-top: 2.25rem;
}
#footer-widgets .widget .contact-info a {
font-weight: 600;
color: currentColor;
text-decoration: none;
margin-bottom: 0.125rem;
}
#footer-widgets .widget .contact-info p {
font-size: 0.75rem;
}
#footer-widgets:not(.footer-row-background-white):not(.footer-row-background-gray) .site-footer-inner .widget .menu li a {
color: var(--color-slate-200);
}
#footer-widgets:not(.footer-row-background-white):not(.footer-row-background-gray) .site-footer-inner .widget p {
color: var(--color-slate-300);
} #footer-contact .site-footer-inner {
padding-top: 1rem;
padding-bottom: 1rem;
}
#footer-contact .site-footer-inner 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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.625rem;
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (min-width: 576.1px) {
#footer-contact .site-footer-inner ul {
gap: 3.5rem;
}
}
#footer-contact .site-footer-inner 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;
gap: 0.5rem;
color: currentColor;
text-decoration: none;
}
#footer-contact .site-footer-inner ul li a i {
font-size: 1.125rem;
line-height: 1.125rem;
}
#footer-contact .site-footer-inner ul li a p {
font-size: 0.8125rem;
font-weight: 600;
margin-bottom: 0;
} #footer-copyright {
padding-bottom: var(--mobile-nav-height);
}
#footer-copyright .site-footer-inner {
text-align: center;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media screen and (min-width: 576.1px) {
#footer-copyright .site-footer-inner {
padding-top: 1.625rem;
padding-bottom: 1.625rem;
}
}
#footer-copyright .site-footer-inner .site-social {
margin-bottom: 1rem;
}
@media screen and (min-width: 576.1px) {
#footer-copyright .site-footer-inner .site-social a {
width: 2.5rem;
height: 2.5rem;
}
}
#footer-copyright .site-footer-inner .site-copyright-content {
font-size: 0.625rem;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
#footer-copyright .site-footer-inner .site-copyright {
font-size: var(--site-site-font-size-xs);
margin-bottom: 0;
}
#footer-copyright .site-footer-inner .site-copyright a {
font-weight: 600;
color: currentColor;
text-decoration-color: transparent;
text-underline-offset: 0.25rem;
}
#footer-copyright .site-footer-inner .site-copyright a:hover {
text-decoration-color: currentColor;
} #footer-iconboxes .site-footer-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;
padding-top: 1rem;
padding-bottom: 1rem;
gap: 1.25rem;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner {
padding-top: 1.625rem;
padding-bottom: 1.625rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner .iconboxes {
gap: 2.5rem;
}
}
@media screen and (min-width: 1024.1px) {
#footer-iconboxes .site-footer-inner .iconboxes {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 3.75rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes .iconbox {
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.625rem;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner .iconboxes .iconbox {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 1rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .icon {
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;
line-height: 1.25rem;
width: 1.25rem;
height: 1.25rem;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .icon {
font-size: 1.5rem;
line-height: 1.5rem;
width: 1.5rem;
height: 1.5rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .content .entry-title {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0;
}
@media screen and (min-width: 576.1px) {
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .content .entry-title {
font-size: 0.9375rem;
}
}
#footer-iconboxes .site-footer-inner .iconboxes .iconbox .content p {
font-size: 0.8125rem;
margin-bottom: 0;
}