.sbi-qs-scroll-locked {
overflow: hidden !important;
height: 100vh;
height: 100dvh;
} .sbi-qs-overlay {
position: fixed;
inset: 0;
background: #000;
z-index: 999999;
display: none;
overflow: hidden;
color: #fff;
color-scheme: dark;
font-family: Inter, InterVariable, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
font-feature-settings: 'liga' 1, 'calt' 1;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
user-select: none; opacity: 0;
transition: opacity 180ms ease; --sbi-qs-stage-radius: 0px;
--sbi-qs-rail-w: 0px;
--sbi-qs-stage-gap: 0px;
--sbi-qs-frame-shift: 0px; --sbi-qs-stage-half: 50vw; --sbi-qs-caption-cap: calc(18.2px * 12);
}
.sbi-qs-overlay.sbi-qs-active {
display: block;
}
.sbi-qs-overlay.sbi-qs-visible {
opacity: 1;
}
.sbi-qs-overlay:focus {
outline: 0;
} .sbi-qs-close { font: inherit;
-webkit-appearance: none;
appearance: none;
padding: 0;
position: absolute;
top: 12px;
top: max(12px, env(safe-area-inset-top, 0px));
left: 12px;
z-index: 6;
box-sizing: border-box;
width: 40px;
height: 40px;
border-radius: 50%;
border: 0;
background: rgba(255, 255, 255, 0.16);
color: #fff;
cursor: pointer; pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
transition: background 150ms ease, transform 150ms ease;
}
.sbi-qs-close:hover,
.sbi-qs-close:focus-visible {
background: rgba(255, 255, 255, 0.28);
outline: 0;
}
.sbi-qs-close:active {
transform: scale(0.94);
} .sbi-qs-close:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6);
}
.sbi-qs-close svg {
width: 22px;
height: 22px;
} .sbi-qs-close::before {
content: '';
position: absolute;
inset: -2px;
border-radius: 50%;
} .sbi-qs-viewport {
position: absolute;
inset: 0;
overflow: hidden;
z-index: 2;
pointer-events: none;
}
.sbi-qs-track {
position: relative;
width: 100%;
will-change: transform;
transform: translate3d(0, 0, 0);
pointer-events: none;  } .sbi-qs-post {
position: relative;
width: 100%; height: 100vh;
height: 100dvh;
overflow: hidden;
pointer-events: none;
} .sbi-qs-media {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: #000;
border-radius: var(--sbi-qs-stage-radius, 0px);
overflow: hidden;
isolation: isolate;
pointer-events: none;
} .sbi-qs-backdrop {
position: absolute;
inset: -10%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
filter: blur(28px) brightness(0.55) saturate(1.2);
transform: scale(1.1);
pointer-events: none;
}
.sbi-qs-video,
.sbi-qs-poster,
.sbi-qs-embed {
position: relative;
width: 100%;
height: 100%;
pointer-events: none; border-radius: var(--sbi-qs-stage-radius, 0px);
clip-path: inset(0 round var(--sbi-qs-stage-radius, 0px));
}
.sbi-qs-video,
.sbi-qs-poster { object-fit: cover;
}
.sbi-qs-media[data-fit="contain"] .sbi-qs-video,
.sbi-qs-media[data-fit="contain"] .sbi-qs-poster {
object-fit: contain;
}
.sbi-qs-embed {
border: 0;
background: #000;
} .sbi-qs-mediahost {
position: absolute;
inset: 0;
pointer-events: none;
} .sbi-qs-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
box-sizing: border-box;
width: 36px;
height: 36px;
border: 3px solid rgba(255, 255, 255, 0.25);
border-top-color: #fff;
border-radius: 50%;
z-index: 2;
pointer-events: none;
opacity: 0;
transition: opacity 200ms ease;
animation: sbiQsSpin 0.8s linear infinite;
}
.sbi-qs-media[data-buffering="true"] .sbi-qs-spinner {
opacity: 1;
} .sbi-qs-fail {
position: absolute;
inset: 0;
z-index: 2;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
background: rgba(0, 0, 0, 0.4); pointer-events: none;
}
.sbi-qs-media[data-tier="terminal"] .sbi-qs-fail {
display: flex;
} .sbi-qs-media[data-tier="terminal"] .sbi-qs-fail-link {
display: inline-flex;
pointer-events: auto;
}
.sbi-qs-fail-text {
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
} .sbi-qs-gesture {
position: absolute;
inset: 0;
z-index: 1;
cursor: pointer;
} .sbi-qs-framechrome {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 3;
border-radius: var(--sbi-qs-stage-radius, 0px);
overflow: hidden; pointer-events: none;
} .sbi-qs-top {
position: absolute;
top: 0;
left: 0;
right: 0;
box-sizing: border-box;
height: 48px;
padding: 14px 10px 0 62px;
padding-top: max(14px, env(safe-area-inset-top, 0px));
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
pointer-events: none;
} .sbi-qs-mute { font: inherit;
-webkit-appearance: none;
appearance: none;
position: relative; box-sizing: border-box;
min-width: 34px;
height: 34px;
border: 0;
border-radius: 17px;
padding: 0 7px;
background: #fff;
color: #111;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px); box-shadow: none;
text-shadow: none;
cursor: pointer;
pointer-events: auto;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto; white-space: nowrap;
line-height: 1;
transition: padding 700ms cubic-bezier(0.22, 1, 0.36, 1),
background 450ms ease,
color 450ms ease;
}
.sbi-qs-mute svg {
width: 20px;
height: 20px;
flex: 0 0 auto;
filter: none;
} .sbi-qs-mute::before {
content: '';
position: absolute;
inset: -5px;
border-radius: 22px;
}
.sbi-qs-mute-label {
max-width: 0;
margin-left: 0;
opacity: 0;
transform: translateX(-6px);
overflow: hidden;
font-size: 13px;
font-weight: 600;
line-height: 13px;
letter-spacing: -0.005em;
white-space: nowrap;
transition: max-width 700ms cubic-bezier(0.22, 1, 0.36, 1),
margin 700ms cubic-bezier(0.22, 1, 0.36, 1),
opacity 350ms ease 50ms,
transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}
.sbi-qs-mute-hinting {
padding: 0 12px 0 9px;
}
.sbi-qs-mute-hinting .sbi-qs-mute-label {
max-width: 140px;
margin-left: 6px;
opacity: 1;
transform: none;
} .sbi-qs-mute[data-state="on"] {
background: rgba(0, 0, 0, 0.55);
color: #fff;
}
.sbi-qs-mute[data-state="on"]:hover,
.sbi-qs-mute[data-state="on"]:focus-visible {
background: rgba(0, 0, 0, 0.75);
}
.sbi-qs-mute[data-state="on"] .sbi-qs-mute-label {
display: none;
}
.sbi-qs-mute:focus-visible {
outline: 0;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6);
} .sbi-qs-mute:disabled {
opacity: 0.35;
cursor: default;
} .sbi-qs-view-on-ig,
.sbi-qs-fail-link {
position: relative; display: none;
box-sizing: border-box;
align-items: center;
gap: 7px;
height: 34px;
padding: 0 13px 0 11px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.35);
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
text-decoration: none;
text-shadow: none;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
pointer-events: auto;
flex: 0 0 auto;
transition: background 150ms ease;
}
.sbi-qs-view-on-ig svg,
.sbi-qs-fail-link svg {
width: 16px;
height: 16px;
flex: 0 0 auto;
} .sbi-qs-view-on-ig::before,
.sbi-qs-fail-link::before {
content: '';
position: absolute;
top: -5px;
right: 0;
bottom: -5px;
left: 0;
border-radius: 999px;
}
.sbi-qs-view-on-ig:hover,
.sbi-qs-view-on-ig:focus-visible,
.sbi-qs-fail-link:hover,
.sbi-qs-fail-link:focus-visible {
background: rgba(0, 0, 0, 0.55);
color: #fff;
text-decoration: none;
outline: 0;
}
.sbi-qs-view-on-ig:focus-visible,
.sbi-qs-fail-link:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.7);
} .sbi-qs-progress {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: rgba(255, 255, 255, 0.28);
overflow: hidden; pointer-events: none;
}
.sbi-qs-progress-fill {
display: block;
width: 100%;
height: 100%;
background: #fff;
transform: scaleX(0);
transform-origin: left center;
transition: transform 250ms linear;
} .sbi-qs-progress-fill-jump {
transition: none;
} .sbi-qs-flash {
position: absolute;
top: 50%;
left: 50%;
margin: -42px 0 0 -42px;
z-index: 4; pointer-events: none;
display: none;
}
.sbi-qs-flash svg {
box-sizing: border-box;
width: 84px;
height: 84px;
padding: 22px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
color: #fff;
will-change: transform, filter;
}
.sbi-qs-overlay[data-paused="true"] .sbi-qs-flash {
display: block;
}
.sbi-qs-overlay[data-paused="true"] .sbi-qs-flash svg {
animation: sbiQsFlashIn 200ms cubic-bezier(0.2, 0.9, 0.25, 1.15) both;
} .sbi-qs-overlay[data-paused="false"] .sbi-qs-flash-on {
display: block;
}
.sbi-qs-overlay[data-paused="false"] .sbi-qs-flash-on svg {
animation: sbiQsFlashOut 100ms cubic-bezier(0.4, 0, 0.6, 1) both;
} .sbi-qs-nav {
position: absolute;
right: calc(50% - var(--sbi-qs-frame-shift) - var(--sbi-qs-stage-half));
width: var(--sbi-qs-rail-w);
top: 50%;
transform: translateY(-50%);
z-index: 5; display: none;
flex-direction: column;
align-items: center;
gap: 12px; pointer-events: none;
}
.sbi-qs-nav-prev,
.sbi-qs-nav-next { font: inherit;
-webkit-appearance: none;
appearance: none;
padding: 0;
position: relative;
box-sizing: border-box;
width: 44px;
height: 44px;
border-radius: 50%;
border: 0; background: rgba(255, 255, 255, 0.16);
color: #fff;
cursor: pointer;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: background 150ms ease, transform 150ms ease, opacity 150ms ease;
}
.sbi-qs-nav-prev svg,
.sbi-qs-nav-next svg {
width: 24px;
height: 24px;
}
.sbi-qs-nav-prev:hover,
.sbi-qs-nav-next:hover,
.sbi-qs-nav-prev:focus-visible,
.sbi-qs-nav-next:focus-visible {
background: rgba(255, 255, 255, 0.28);
outline: 0;
}
.sbi-qs-nav-prev:active,
.sbi-qs-nav-next:active {
transform: scale(0.94);
}
.sbi-qs-nav-prev:focus-visible,
.sbi-qs-nav-next:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6);
}
.sbi-qs-nav-prev:disabled,
.sbi-qs-nav-next:disabled {
opacity: 0.3;
cursor: default;
transform: none;
} .sbi-qs-scrim {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 42%;
z-index: 1;
background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.28) 55%, rgba(0, 0, 0, 0) 100%);
pointer-events: none;
} .sbi-qs-railcol {
position: absolute;
right: 10px;
bottom: 0;
z-index: 5;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end; transition-property: transform;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-duration: 0ms; pointer-events: none;
} .sbi-qs-railcol[hidden] {
display: none;
}
.sbi-qs-rail {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
padding-bottom: 18px;
padding-bottom: max(18px, var(--sbi-qs-safe-bottom, env(safe-area-inset-bottom, 0px)));
pointer-events: none;
} .sbi-qs-act { font: inherit;
-webkit-appearance: none;
appearance: none;
position: relative; display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
margin: 0;
padding: 0;
border: 0;
background: none;
color: #fff;
text-decoration: none;
cursor: pointer;
pointer-events: auto; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
transition: transform 120ms ease;
}
.sbi-qs-act svg {
width: 28px;
height: 28px;
flex: 0 0 auto;
} .sbi-qs-act::before {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
min-height: 44px;
left: 50%;
width: 44px;
margin-left: -22px;
}
.sbi-qs-act-count,
.sbi-qs-act-label { display: block;
min-height: 12px;
font-size: 12px;
font-weight: 600;
line-height: 12px; font-variant-numeric: tabular-nums;
}
.sbi-qs-act:hover {
color: #fff;
text-decoration: none;
transform: scale(1.06);
}
.sbi-qs-act:active {
transform: scale(0.94);
}
.sbi-qs-act:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
border-radius: 4px;
} .sbi-qs-act[hidden] {
display: none;
} .sbi-qs-act-like {
cursor: default;
}
.sbi-qs-act-like:hover,
.sbi-qs-act-like:active {
transform: none;
} .sbi-qs-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
box-sizing: border-box;
padding: 0 16px 16px 16px;
padding-bottom: max(16px, var(--sbi-qs-safe-bottom, env(safe-area-inset-bottom, 0px)));
padding-right: 76px;
display: flex;
flex-direction: column;
gap: 10px;
font-size: 14px;
line-height: 18.2px; pointer-events: none;
} .sbi-qs-authorrow {
display: flex;
align-items: center;
gap: 10px; align-self: flex-start;
min-width: 0;
max-width: 100%;
}
.sbi-qs-author {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
color: #fff;
text-decoration: none;
pointer-events: auto;
}
.sbi-qs-author:hover .sbi-qs-handle-text,
.sbi-qs-author:focus-visible .sbi-qs-handle-text {
text-decoration: underline;
text-underline-offset: 3px;
}
.sbi-qs-author:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
border-radius: 4px;
}
.sbi-qs-avatar {
box-sizing: border-box;
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
flex: 0 0 auto;
background: #262626;
} .sbi-qs-avatar-fallback {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
color: #fff;
background-image: linear-gradient(135deg, hsl(var(--sbi-qs-avatar-hue, 212) 70% 58%), hsl(calc(var(--sbi-qs-avatar-hue, 212) + 50) 65% 38%));
}
.sbi-qs-handle {
display: flex;
align-items: center;
gap: 4px;
min-width: 0;
font-size: 14px;
font-weight: 600;
line-height: 18.2px;
}
.sbi-qs-handle-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sbi-qs-verified {
width: 14px;
height: 14px;
flex: 0 0 auto;
} .sbi-qs-follow {
position: relative; box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
height: 28px;
padding: 0 12px;
margin-left: 2px;
border: 1px solid rgba(255, 255, 255, 0.75);
border-radius: 8px;
background: transparent;
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
text-decoration: none;
flex: 0 0 auto;
pointer-events: auto;
transition: background 150ms ease;
} .sbi-qs-follow::before {
content: '';
position: absolute;
top: -8px;
right: 0;
bottom: -8px;
left: 0;
border-radius: 8px;
}
.sbi-qs-follow:hover,
.sbi-qs-follow:focus-visible {
background: rgba(255, 255, 255, 0.12);
color: #fff;
text-decoration: none;
outline: 0;
}
.sbi-qs-follow:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.7);
} .sbi-qs-caption {
margin: 0;
display: flex;
align-items: baseline;
gap: 6px;
font-size: 14px;
line-height: 18.2px; pointer-events: none;
}
.sbi-qs-caption-text {
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sbi-qs-caption-more { font: inherit;
-webkit-appearance: none;
appearance: none; pointer-events: auto;
position: relative;
flex: 0 0 auto;
display: none;
margin: 0;
padding: 0;
border: 0;
background: none;
color: #a8a8a8;
font-size: 14px;
font-weight: 400;
line-height: 18.2px;
cursor: pointer;
} .sbi-qs-caption-more::before {
content: '';
position: absolute;
top: -13px;
right: -6px;
bottom: -13px;
left: -6px;
}
.sbi-qs-caption-has-more .sbi-qs-caption-more {
display: inline-block;
}
.sbi-qs-caption-more:hover {
color: #fff;
}
.sbi-qs-caption-more:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
border-radius: 4px;
}
.sbi-qs-caption-expanded {
align-items: flex-end;
}
.sbi-qs-caption-expanded .sbi-qs-caption-text { white-space: pre-line;
overflow-y: auto;
overflow-x: hidden;
text-overflow: clip;
max-height: var(--sbi-qs-caption-cap); pointer-events: auto;
padding-right: 10px;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}
.sbi-qs-caption-expanded .sbi-qs-caption-text::-webkit-scrollbar {
width: 4px;
}
.sbi-qs-caption-expanded .sbi-qs-caption-text::-webkit-scrollbar-track {
background: transparent;
}
.sbi-qs-caption-expanded .sbi-qs-caption-text::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.35);
border-radius: 2px;
} .sbi-qs-tag {
color: #e0f1ff;
} .sbi-qs-coach {
position: absolute;
inset: 0;
z-index: 9;
display: none;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.35);
pointer-events: none;
}
.sbi-qs-coach-visible {
display: flex;
}
.sbi-qs-coach-inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 600;
line-height: 19.5px;
text-align: center;
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}
.sbi-qs-coach-hand {
width: 44px;
height: 64px;
animation: sbiQsSwipe 1.4s ease-in-out infinite;
} @keyframes sbiQsSpin {
to { transform: rotate(360deg); }
}
@keyframes sbiQsFlashIn {
0%   { opacity: 0; transform: scale(0.3); filter: blur(4px); }
100% { opacity: 1; transform: scale(1);   filter: blur(0);   }
}
@keyframes sbiQsFlashOut {
0%   { opacity: 1; transform: scale(1);   filter: blur(0);   }
100% { opacity: 0; transform: scale(0.8); filter: blur(4px); }
}
@keyframes sbiQsSwipe {
0%   { transform: translateY(18px);  opacity: 0.35; }
45%  { transform: translateY(-26px); opacity: 1; }
100% { transform: translateY(18px);  opacity: 0.35; }
}  @media (hover: hover) and (pointer: fine) {
.sbi-qs-overlay { background: rgba(0, 0, 0, 0.82);
background: color-mix(in srgb, #000 82%, transparent);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
--sbi-qs-stage-radius: 8px;
--sbi-qs-rail-w: 44px;
--sbi-qs-stage-gap: 16px; --sbi-qs-frame-shift: 30px; --sbi-qs-stage-half: min(calc(50vw - 30px), calc((50vh - 8px) * 9 / 16));
--sbi-qs-stage-half: min(calc(50vw - 30px), calc((50dvh - 8px) * 9 / 16));
} .sbi-qs-close {
top: 16px;
left: 16px;
} .sbi-qs-media,
.sbi-qs-framechrome {
right: calc(var(--sbi-qs-rail-w) + var(--sbi-qs-stage-gap));
height: calc(100vh - 16px);
height: calc(100dvh - 16px);
width: min(calc(100vw - var(--sbi-qs-rail-w) - var(--sbi-qs-stage-gap)), calc((100vh - 16px) * 9 / 16));
width: min(calc(100vw - var(--sbi-qs-rail-w) - var(--sbi-qs-stage-gap)), calc((100dvh - 16px) * 9 / 16));
} .sbi-qs-top {
padding: 14px 14px 0 16px;
} .sbi-qs-view-on-ig {
display: inline-flex;
}
.sbi-qs-act-view {
display: none;
}
.sbi-qs-nav {
display: flex;
} .sbi-qs-railcol {
right: calc(50% - var(--sbi-qs-frame-shift) - var(--sbi-qs-stage-half));
left: auto;
bottom: 8px;
width: var(--sbi-qs-rail-w);
}
.sbi-qs-rail {
gap: 18px;
padding-bottom: 18px;
} .sbi-qs-act svg {
width: 26px;
height: 26px;
} .sbi-qs-bottom {
padding-right: 16px;
} [data-sbi-qs-tip]::after {
content: attr(data-sbi-qs-tip);
position: absolute;
top: 50%;
left: calc(100% + 10px);
transform: translateY(-50%) translateX(4px);
padding: 6px 9px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 6px;
background: rgba(28, 28, 30, 0.96);
color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 12px;
white-space: nowrap;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
z-index: 30;
opacity: 0;
pointer-events: none;
transition: opacity 120ms ease, transform 120ms ease;
}
[data-sbi-qs-tip]:hover::after,
[data-sbi-qs-tip]:focus-visible::after {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
} @media (prefers-reduced-motion: reduce) {
.sbi-qs-track {
transition: none !important;
}
.sbi-qs-overlay,
.sbi-qs-close,
.sbi-qs-mute,
.sbi-qs-mute-label,
.sbi-qs-nav-prev,
.sbi-qs-nav-next,
.sbi-qs-view-on-ig,
.sbi-qs-follow,
.sbi-qs-author,
.sbi-qs-act,
.sbi-qs-spinner {
transition: none;
} .sbi-qs-railcol {
transition: none;
} .sbi-qs-flash svg,
.sbi-qs-coach-hand {
animation: none !important;
}
.sbi-qs-overlay[data-paused="false"] .sbi-qs-flash-on {
display: none;
}
[data-sbi-qs-tip]::after {
transition: none;
}
}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{-ms-word-wrap:break-word;word-wrap:break-word}body,button,input,textarea{color:#43454b;font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height:1.618;text-rendering:optimizeLegibility;font-weight:400}select{color:initial;font-family:"Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;max-width:100%}summary{display:list-item}h1,h2,h3,h4,h5,h6{clear:both;font-weight:300;margin:0 0 .5407911001em;color:#131315}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:300}h1,.alpha{font-size:2.617924em;line-height:1.214;letter-spacing:-1px}h2,.beta{font-size:2em;line-height:1.214}h2+h3,.beta+h3{border-top:1px solid rgba(0,0,0,.05);padding-top:.5407911001em}h3,.gamma{font-size:1.618em}h4,.delta{font-size:1.41575em}.alpha,.beta,.gamma,.delta{display:block}p+h2,p+header h2,p+h3,p+h4,ul+h2,ul+header h2,ul+h3,ul+h4,ol+h2,ol+header h2,ol+h3,ol+h4,table+h2,table+header h2,table+h3,table+h4,blockquote+h2,blockquote+header h2,blockquote+h3,blockquote+h4,form+h2,form+header h2,form+h3,form+h4{margin-top:2.2906835em}hr{background-color:#ccc;border:0;height:1px;margin:0 0 1.41575em}p{margin:0 0 1.41575em}ul,ol{margin:0 0 1.41575em 3em;padding:0}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1em}dt{font-weight:600}dd{margin:0 0 1.618em}b,strong{font-weight:600}dfn,cite,em,i{font-style:italic}blockquote{padding:0 1em;border-left:3px solid rgba(0,0,0,.05);font-style:italic}address{margin:0 0 1.41575em}pre{background:rgba(0,0,0,.1);font-family:"Courier 10 Pitch",Courier,monospace;margin-bottom:1.618em;padding:1.618em;overflow:auto;max-width:100%}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;background-color:rgba(0,0,0,.05);padding:.202em .5407911001em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{text-decoration:none;font-weight:600;background:rgba(0,0,0,0)}sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}img{height:auto;max-width:100%;display:block;border-radius:3px}a{color:#2c2d33;text-decoration:none}a:focus,input:focus,textarea:focus,button:focus{outline:2px solid #7f54b3}.storefront-cute *{font-family:"Comic Sans MS",sans-serif}*{box-sizing:border-box}body{background-color:#fff;overflow-x:hidden}.site{overflow-x:hidden}.site-content,.header-widget-region{-webkit-tap-highlight-color:rgba(0,0,0,0)}.site-header{background-color:#2c2d33;padding-top:1.618em;padding-bottom:1.618em;color:#9aa0a7;background-position:center center;position:relative;z-index:999;border-bottom:1px solid rgba(0,0,0,0)}.site-header .site-logo-anchor,.site-header .site-logo-link,.site-header .custom-logo-link{display:block;margin-bottom:0}.site-header .site-logo-anchor img,.site-header .site-logo-link img,.site-header .custom-logo-link img{width:100%;max-width:210px}.site-header .widget{margin-bottom:0}.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header{margin-bottom:4.235801032em}.no-wc-breadcrumb .site-header{margin-bottom:4.235801032em}.no-wc-breadcrumb.page-template-template-homepage .site-header{margin-bottom:0}.header-widget-region{position:relative;z-index:99}.header-widget-region::before,.header-widget-region::after{content:"";display:table}.header-widget-region::after{clear:both}.header-widget-region .widget{margin:0;padding:1em 0;font-size:.875em}.site-branding{float:left;margin-bottom:0;width:calc(100% - 120px)}.site-branding .site-title{font-size:2em;letter-spacing:-1px;margin:0}.site-branding .site-title a{font-weight:700}.site-branding .site-description{font-size:.875em;display:none}.site-branding .logo{margin:0}.site-main{margin-bottom:2.617924em}.site-content{outline:none}.page-template-template-homepage:not(.has-post-thumbnail) .site-main{padding-top:4.235801032em}.page-template-template-homepage .type-page{padding-top:2.617924em;padding-bottom:2.617924em;position:relative}.page-template-template-homepage .type-page .storefront-hero__button-edit{position:absolute;top:1em;right:1em;font-size:.875em}.page-template-template-homepage .entry-content{font-size:1.1em}.page-template-template-homepage .entry-content p:last-child{margin-bottom:0}.page-template-template-homepage .entry-header h1{font-size:3.706325903em;margin-bottom:.2360828548em}.page-template-template-homepage .entry-content,.page-template-template-homepage .entry-header{max-width:41.0994671405em;margin-left:auto;margin-right:auto;text-align:center}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail{background-size:cover;background-position:center center;padding-top:6.8535260698em;padding-bottom:6.8535260698em}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title{opacity:0;transition:all,ease,.5s}.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded{opacity:1}.site-footer{background-color:#f3f3f3;color:#3b3c3f;padding:1.618em 0 3.706325903em}.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6{color:#333437}.site-footer a{color:#2c2d33;text-decoration:underline}.site-footer a:hover{text-decoration:none}.site-footer a.button,.site-footer a.components-button:not(.is-link),.site-footer a.wp-block-button__link{text-decoration:none}.site-info{padding:2.617924em 0}.site-info span[role=separator]{padding:0 .2360828548em 0 .3342343017em}.site-info span[role=separator]::before{content:"|"}.alignleft{display:inline;float:left;margin-right:1em}.alignright{display:inline;float:right;margin-left:1em}.aligncenter{clear:both;display:block;margin:0 auto}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;display:block;font-weight:700;height:auto;left:0;line-height:normal;padding:1em 1.618em;text-decoration:none;top:0;width:auto;z-index:100000;outline:none}.screen-reader-text.skip-link:focus{-webkit-clip-path:none;clip-path:none}.clear::before,.clear::after,.entry-content::before,.entry-content::after,.comment-content::before,.comment-content::after,.site-header::before,.site-header::after,.site-content::before,.site-content::after,.site-footer::before,.site-footer::after{content:"";display:table}.clear::after,.entry-content::after,.comment-content::after,.site-header::after,.site-content::after,.site-footer::after{clear:both}table{border-spacing:0;width:100%;margin:0 0 1.41575em;border-collapse:separate}table caption{padding:1em 0;font-weight:600}table td,table th{padding:1em 1.41575em;text-align:left;vertical-align:top}table td p:last-child,table th p:last-child{margin-bottom:0}table th{font-weight:600}table thead th{padding:1.41575em;vertical-align:middle}table tbody h2{font-size:1em;letter-spacing:normal;font-weight:400}table tbody h2 a{font-weight:400}.error404 .site-content .widget_product_search{padding:1.618em;background-color:rgba(0,0,0,.025)}.error404 .site-content .widget_product_search form{margin:0}.error404.right-sidebar .content-area,.error404.left-sidebar .content-area{width:100%}.error404 .fourohfour-columns-2{padding:2.617924em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;margin-bottom:2.617924em}.error404 .fourohfour-columns-2::before,.error404 .fourohfour-columns-2::after{content:"";display:table}.error404 .fourohfour-columns-2::after{clear:both}.error404 .fourohfour-columns-2 ul.products li.product,.error404 .fourohfour-columns-2 .widget{margin-bottom:0}.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:2.2906835em}.error404 .fourohfour-columns-2 .col-1 ul.products li.product{width:45.4545454545%;float:left;margin-right:9.0909090909%}.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child{margin-right:0}.error404 .fourohfour-columns-2 .col-2{padding:1.618em;background-color:rgba(0,0,0,.025)}#comments{padding-top:2.617924em}#comments .comments-title{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.5407911001em;margin-bottom:1.618em}#comments .comment-list{list-style:none;margin-left:0}#comments .comment-list .comment-body::before,#comments .comment-list .comment-body::after{content:"";display:table}#comments .comment-list .comment-body::after{clear:both}#comments .comment-list .comment-content{padding-bottom:1.618em;margin-bottom:1.618em}#comments .comment-list .comment-content .comment-text{padding:1.618em;border-radius:3px}#comments .comment-list .comment-content .comment-text p:last-child{margin-bottom:0}#comments .comment-list .comment-meta{margin-bottom:1em}#comments .comment-list .comment-meta .avatar{margin-bottom:1em;max-width:64px;height:auto}#comments .comment-list .comment-meta a.comment-date{font-size:.875em}#comments .comment-list .comment-meta cite{font-style:normal;clear:both;display:block}#comments .comment-list .reply{margin-bottom:1.618em;padding-top:.6180469716em}#comments .comment-list .reply::before,#comments .comment-list .reply::after{content:"";display:table}#comments .comment-list .reply::after{clear:both}#comments .comment-list .reply a{display:inline-block;margin-right:1em}#comments .comment-list .reply a:last-child{margin-right:0}#comments .comment-list .children{list-style:none}.comment-content a{word-wrap:break-word}#respond{clear:both;padding:1.618em;background-color:rgba(0,0,0,.0125);position:relative}#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input{width:100%}#respond .form-submit,#respond form{margin-bottom:0}#respond #cancel-comment-reply-link{position:absolute;top:.5407911001em;right:.5407911001em;display:block;height:1em;width:1em;overflow:hidden;line-height:1;font-size:1.41575em;text-align:center;transition:transform,ease,.3s}#respond #cancel-comment-reply-link:hover{transform:scale(1.3)}.hentry{margin:0 0 4.235801032em}.hentry .wp-post-image{margin-bottom:1.618em;margin-left:auto;margin-right:auto}.hentry .entry-header{margin-bottom:1em;border-bottom:1px solid rgba(0,0,0,.05)}.hentry .entry-header .posted-on,.hentry .entry-header .post-author,.hentry .entry-header .post-comments,.hentry .entry-header .byline{font-size:.875em}.hentry .entry-header .posted-on a,.hentry .entry-header .post-author a,.hentry .entry-header .post-comments a,.hentry .entry-header .byline a{font-weight:600;text-decoration:underline}.hentry .entry-header .posted-on a:hover,.hentry .entry-header .post-author a:hover,.hentry .entry-header .post-comments a:hover,.hentry .entry-header .byline a:hover{text-decoration:none}.hentry .entry-content a{text-decoration:underline}.hentry .entry-content a:hover{text-decoration:none}.hentry .entry-content a.button,.hentry .entry-content a.components-button:not(.is-link),.hentry .entry-content a.wp-block-button__link{text-decoration:none}.hentry .entry-taxonomy{margin:1.41575em 0 0;padding-top:1em;border-top:1px solid rgba(0,0,0,.05)}.hentry.type-page .entry-header{border-bottom:0;margin-bottom:0}.cat-links,.tags-links{font-size:.875em}.cat-links a,.tags-links a{color:#727272;font-weight:600;text-decoration:underline}.byline,.updated:not(.published){display:none}.single .byline,.group-blog .byline{display:inline}.page-links{clear:both;margin:0 0 1em}form{margin-bottom:1.618em}button,input,select,textarea{font-size:100%;margin:0}button,input[type=button],input[type=reset],input[type=submit],.button,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,.added_to_cart{border:0;border-radius:0;background:none;background-color:#43454b;border-color:#43454b;color:#fff;cursor:pointer;padding:.6180469716em 1.41575em;text-decoration:none;font-weight:600;text-shadow:none;display:inline-block;-webkit-appearance:none}button::after,input[type=button]::after,input[type=reset]::after,input[type=submit]::after,.button::after,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,.added_to_cart::after{display:none}button.cta,button.alt,input[type=button].cta,input[type=button].alt,input[type=reset].cta,input[type=reset].alt,input[type=submit].cta,input[type=submit].alt,.button.cta,.button.alt,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,.added_to_cart.cta,.added_to_cart.alt{background-color:#2c2d33;border-color:#2c2d33}button.cta:hover,button.alt:hover,input[type=button].cta:hover,input[type=button].alt:hover,input[type=reset].cta:hover,input[type=reset].alt:hover,input[type=submit].cta:hover,input[type=submit].alt:hover,.button.cta:hover,.button.alt:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,.added_to_cart.cta:hover,.added_to_cart.alt:hover{background-color:#2c2d33}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.button:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,.added_to_cart:hover{color:#fff}button.loading,input[type=button].loading,input[type=reset].loading,input[type=submit].loading,.button.loading,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,.added_to_cart.loading{opacity:.5}button.small,input[type=button].small,input[type=reset].small,input[type=submit].small,.button.small,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,.added_to_cart.small{padding:.5407911001em .875em;font-size:.875em}button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled,.button.disabled,.button:disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,.added_to_cart.disabled,.added_to_cart:disabled{opacity:.5 !important;cursor:not-allowed}button.disabled:hover,button:disabled:hover,input[type=button].disabled:hover,input[type=button]:disabled:hover,input[type=reset].disabled:hover,input[type=reset]:disabled:hover,input[type=submit].disabled:hover,input[type=submit]:disabled:hover,.button.disabled:hover,.button:disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,.added_to_cart.disabled:hover,.added_to_cart:disabled:hover{opacity:.5 !important}.button.woocommerce-MyAccount-downloads-file{overflow-wrap:anywhere;word-break:break-word;-ms-word-break:break-all}.wc-block-components-button:not(.is-link).disabled,.wc-block-components-button:not(.is-link):disabled{opacity:.5;cursor:not-allowed}.wc-block-components-button:not(.is-link).disabled:hover,.wc-block-components-button:not(.is-link):disabled:hover{opacity:.5}input[type=checkbox],input[type=radio]{padding:0}input[type=checkbox]+label,input[type=radio]+label{margin:0 0 0 .3819820591em}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]{box-sizing:border-box}input[type=search]::placeholder{color:#616161}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=search],textarea,.input-text{padding:.6180469716em;background-color:#f2f2f2;color:#43454b;border:0;-webkit-appearance:none;box-sizing:border-box;font-weight:400;box-shadow:inset 0 1px 1px rgba(0,0,0,.125)}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,.input-text:focus{background-color:#ededed}textarea{overflow:auto;padding-left:.875em;vertical-align:top;width:100%}label{font-weight:400}label.inline input{width:auto}fieldset{padding:1.618em;padding-top:1em;border:0;margin:0;margin-bottom:1.618em;margin-top:1.618em}fieldset legend{font-weight:600;padding:.6180469716em 1em;margin-left:-1em}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:0}.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;display:inline-block;border-radius:0}.wp-caption{margin-bottom:1em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto}.wp-caption .wp-caption-text{text-align:left;font-style:italic;border-bottom:2px solid rgba(0,0,0,.05);padding:1em 0}.gallery{margin-bottom:1em}.gallery::before,.gallery::after{content:"";display:table}.gallery::after{clear:both}.gallery .gallery-item{float:left}.gallery .gallery-item .gallery-icon a{display:block}.gallery .gallery-item .gallery-icon img{border:none;height:auto;margin:0 auto}.gallery .gallery-item .gallery-caption{margin:0;text-align:center}.gallery.gallery-columns-1 .gallery-item{width:100%}.gallery.gallery-columns-2 .gallery-item{width:50%}.gallery.gallery-columns-3 .gallery-item{width:33.3%}.gallery.gallery-columns-4 .gallery-item{width:25%}.gallery.gallery-columns-5 .gallery-item{width:20%}.gallery.gallery-columns-6 .gallery-item{width:16.666666667%}.gallery.gallery-columns-7 .gallery-item{width:14.285714286%}.gallery.gallery-columns-8 .gallery-item{width:12.5%}.gallery.gallery-columns-9 .gallery-item{width:11.111111111%}embed,iframe,object,video{max-width:100%}.secondary-navigation{display:none}button.menu-toggle{cursor:pointer;text-align:left;float:right;position:relative;border:2px solid rgba(0,0,0,0);box-shadow:none;border-radius:2px;background-image:none;padding:.6180469716em .875em .6180469716em 2.617924em;font-size:.875em;max-width:120px}button.menu-toggle:hover{background-image:none}button.menu-toggle span::before{transition:all,ease,.2s}button.menu-toggle::before,button.menu-toggle::after,button.menu-toggle span::before{content:"";display:block;height:2px;width:14px;position:absolute;top:50%;left:1em;margin-top:-1px;transition:all,ease,.2s;border-radius:3px}button.menu-toggle::before{transform:translateY(-4px)}button.menu-toggle::after{transform:translateY(4px)}.toggled button.menu-toggle::before,.toggled button.menu-toggle::after{transform:rotate(45deg)}.toggled button.menu-toggle::after{transform:rotate(-45deg)}.toggled button.menu-toggle span::before{opacity:0}.primary-navigation{display:none}.main-navigation::before,.main-navigation::after{content:"";display:table}.main-navigation::after{clear:both}.main-navigation div.menu{display:none}.main-navigation div.menu:last-child{display:block}.main-navigation .menu{clear:both}.handheld-navigation,.nav-menu,.main-navigation div.menu>ul:not(.nav-menu){overflow:hidden;max-height:0;transition:all,ease,.8s}.handheld-navigation{clear:both}.handheld-navigation ul{margin:0}.handheld-navigation ul.menu li{position:relative}.handheld-navigation ul.menu li button::after{transition:all,ease,.9s}.handheld-navigation ul.menu li button.toggled-on::after{transform:rotate(180deg)}.handheld-navigation ul.menu .sub-menu{visibility:hidden;opacity:0;max-height:0;transition:all,ease,.9s}.handheld-navigation ul.menu .sub-menu.toggled-on{visibility:visible;max-height:9999px;opacity:1}.handheld-navigation .dropdown-toggle{background:rgba(0,0,0,0);position:absolute;top:0;right:0;display:block}.main-navigation.toggled .handheld-navigation,.main-navigation.toggled .menu>ul:not(.nav-menu),.main-navigation.toggled ul[aria-expanded=true]{max-height:9999px}.main-navigation ul{margin-left:0;list-style:none;margin-bottom:0}.main-navigation ul ul{display:block;margin-left:1.41575em}.main-navigation ul li a{padding:.875em 0;display:block}.main-navigation ul li a:hover{color:#e6e6e6}.site-main nav.navigation{clear:both;padding:2.617924em 0}.site-main nav.navigation::before,.site-main nav.navigation::after{content:"";display:table}.site-main nav.navigation::after{clear:both}.site-main nav.navigation .nav-previous a,.site-main nav.navigation .nav-next a{display:inline-block}.site-main nav.navigation .nav-previous{float:left;width:50%}.site-main nav.navigation .nav-next{float:right;text-align:right;width:50%}.pagination,.woocommerce-pagination{padding:1em 0;border:1px solid rgba(0,0,0,.05);border-width:1px 0;text-align:center;clear:both}.pagination ul.page-numbers::before,.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::before,.woocommerce-pagination ul.page-numbers::after{content:"";display:table}.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::after{clear:both}.pagination .page-numbers,.woocommerce-pagination .page-numbers{list-style:none;margin:0;vertical-align:middle}.pagination .page-numbers li,.woocommerce-pagination .page-numbers li{display:inline-block}.pagination .page-numbers li .page-numbers,.woocommerce-pagination .page-numbers li .page-numbers{border-left-width:0;display:inline-block;padding:.3342343017em .875em;background-color:rgba(0,0,0,.025);color:#43454b}.pagination .page-numbers li .page-numbers.current,.woocommerce-pagination .page-numbers li .page-numbers.current{background-color:#2c2d33;border-color:#2c2d33}.pagination .page-numbers li .page-numbers.dots,.woocommerce-pagination .page-numbers li .page-numbers.dots{background-color:rgba(0,0,0,0)}.pagination .page-numbers li .page-numbers.prev,.pagination .page-numbers li .page-numbers.next,.woocommerce-pagination .page-numbers li .page-numbers.prev,.woocommerce-pagination .page-numbers li .page-numbers.next{padding-left:1em;padding-right:1em}.pagination .page-numbers li a.page-numbers:hover,.woocommerce-pagination .page-numbers li a.page-numbers:hover{background-color:rgba(0,0,0,.05)}.rtl .pagination a.next,.rtl .pagination a.prev,.rtl .woocommerce-pagination a.next,.rtl .woocommerce-pagination a.prev{transform:rotateY(180deg)}.widget{margin:0 0 3.706325903em}.widget select{max-width:100%}.widget .widget-search .search-submit{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.widget .widget-title,.widget .widgettitle{font-size:1.41575em;letter-spacing:0;border-bottom:1px solid rgba(0,0,0,.05);padding:0 0 1em;margin-bottom:1em;font-weight:300}.widget ul{margin-left:0;list-style:none}.widget ul ul{margin-left:1.618em}.widget-area .widget{font-size:.875em;font-weight:400}.widget-area .widget h1.widget-title{font-size:1.41575em}.widget-area .widget a{font-weight:600;text-decoration:underline}.widget-area .widget a:hover{text-decoration:none}.widget-area .widget a.button,.widget-area .widget a.components-button:not(.is-link),.widget-area .widget a.wp-block-button__link{text-decoration:none}.widget-area .widget a.button{font-weight:600 !important}.widget_search form:not(.wp-block-search),.widget_product_search form:not(.wp-block-search){position:relative}.widget_search form:not(.wp-block-search) input[type=text],.widget_search form:not(.wp-block-search) input[type=search],.widget_product_search form:not(.wp-block-search) input[type=text],.widget_product_search form:not(.wp-block-search) input[type=search]{width:100%}.widget_search form:not(.wp-block-search) input[type=submit],.widget_search form:not(.wp-block-search) button[type=submit],.widget_product_search form:not(.wp-block-search) input[type=submit],.widget_product_search form:not(.wp-block-search) button[type=submit]{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important;top:0;left:0}.widget_recent_entries ul,.widget_pages ul,.widget_categories ul,.widget_archive ul,.widget_recent_comments ul,.widget_nav_menu ul,.widget_links ul,.widget_product_categories ul,.widget_layered_nav ul,.widget_layered_nav_filters ul{margin:0}.widget_recent_entries ul li,.widget_pages ul li,.widget_categories ul li,.widget_archive ul li,.widget_recent_comments ul li,.widget_nav_menu ul li,.widget_links ul li,.widget_product_categories ul li,.widget_layered_nav ul li,.widget_layered_nav_filters ul li{list-style:none;margin-bottom:1em;line-height:1.41575em}.widget_recent_entries ul .children,.widget_pages ul .children,.widget_categories ul .children,.widget_archive ul .children,.widget_recent_comments ul .children,.widget_nav_menu ul .children,.widget_links ul .children,.widget_product_categories ul .children,.widget_layered_nav ul .children,.widget_layered_nav_filters ul .children{margin-left:0;margin-top:1em}#wp-calendar th,#wp-calendar td,.wp-calendar-table th,.wp-calendar-table td{padding:.236em;text-align:center}.widget_recent_entries ul ul.children,.widget_pages ul ul.children{margin:.6180469716em 0 0 1.41575em}.widget_rating_filter .wc-layered-nav-rating{margin-bottom:.6180469716em}.widget_rating_filter .wc-layered-nav-rating a{text-decoration:none !important}.widget_rating_filter .wc-layered-nav-rating .star-rating{display:inline-block;height:1em;line-height:1}@media(min-width: 768px){table.shop_table_responsive tbody tr td,table.shop_table_responsive tbody tr th{text-align:left}.site-header{padding-top:2.617924em;padding-bottom:0}.site-header .site-branding{display:block;width:100%;float:left;margin-left:0;margin-right:0;clear:both}.site-header .site-branding img{height:auto;max-width:230px;max-height:none}.woocommerce-active .site-header .site-branding{width:73.9130434783%;float:left;margin-right:4.347826087%}.woocommerce-active .site-header .site-search{width:21.7391304348%;float:right;margin-right:0;clear:none}.woocommerce-active .site-header .main-navigation{width:73.9130434783%;float:left;margin-right:4.347826087%;clear:both}.woocommerce-active .site-header .site-header-cart{width:21.7391304348%;float:right;margin-right:0;margin-bottom:0}.storefront-secondary-navigation .site-header .site-branding{width:39.1304347826%;float:left;margin-right:4.347826087%}.storefront-secondary-navigation .site-header .secondary-navigation{width:56.5217391304%;float:right;margin-right:0}.storefront-secondary-navigation.woocommerce-active .site-header .site-branding{width:21.7391304348%;float:left;margin-right:4.347826087%}.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{width:47.8260869565%;float:left;margin-right:4.347826087%}.site-branding .site-description{margin-bottom:0;display:block}.site-branding,.site-search,.site-header-cart,.site-logo-anchor,.site-logo-link,.custom-logo-link{margin-bottom:1.41575em}.site-header .subscribe-and-connect-connect{float:right;margin-bottom:1em}.site-header .subscribe-and-connect-connect .icons{list-style:none;margin:0}.site-header .subscribe-and-connect-connect .icons a{font-size:1em !important}.site-header .subscribe-and-connect-connect .icons li{margin:0 0 0 .5407911001em !important;display:inline-block}.col-full{max-width:66.4989378333em;margin-left:auto;margin-right:auto;padding:0 2.617924em;box-sizing:content-box}.col-full::before,.col-full::after{content:"";display:table}.col-full::after{clear:both}.col-full:after{content:" ";display:block;clear:both}.site-content::before,.site-content::after{content:"";display:table}.site-content::after{clear:both}.content-area{width:73.9130434783%;float:left;margin-right:4.347826087%}.widget-area{width:21.7391304348%;float:right;margin-right:0}.right-sidebar .content-area{width:73.9130434783%;float:left;margin-right:4.347826087%}.right-sidebar .widget-area{width:21.7391304348%;float:right;margin-right:0}.left-sidebar .content-area{width:73.9130434783%;float:right;margin-right:0}.left-sidebar .widget-area{width:21.7391304348%;float:left;margin-right:4.347826087%}.storefront-full-width-content .content-area{width:100%;float:left;margin-left:0;margin-right:0}.content-area,.widget-area{margin-bottom:2.617924em}.page-template-template-fullwidth-php .content-area,.page-template-template-homepage-php .content-area{width:100%;float:left;margin-left:0;margin-right:0}.footer-widgets{padding-top:4.235801032em;border-bottom:1px solid rgba(0,0,0,.05)}.footer-widgets::before,.footer-widgets::after{content:"";display:table}.footer-widgets::after{clear:both}.footer-widgets.col-2 .block{width:47.8260869565%;float:left;margin-right:4.347826087%}.footer-widgets.col-2 .block.footer-widget-2{float:right;margin-right:0}.footer-widgets.col-3 .block{width:30.4347826087%;float:left;margin-right:4.347826087%}.footer-widgets.col-3 .block.footer-widget-3{float:right;margin-right:0}.footer-widgets.col-4 .block{width:21.7391304348%;float:left;margin-right:4.347826087%}.footer-widgets.col-4 .block.footer-widget-4{float:right;margin-right:0}.comment-list::before,.comment-list::after{content:"";display:table}.comment-list::after{clear:both}.comment-list .comment{clear:both}.comment-list .comment-meta{width:17.6470588235%;float:left;margin-right:5.8823529412%;text-align:right}.comment-list .comment-meta .avatar{float:right}.comment-list .comment-content{padding-bottom:3.706325903em;margin-bottom:3.706325903em}.comment-list .comment-content,.comment-list #respond{width:76.4705882353%;float:right;margin-right:0}.comment-list #respond{float:right}.comment-list #respond .comment-form-author,.comment-list #respond .comment-form-email,.comment-list #respond .comment-form-url{width:100%;margin-right:0}.comment-list .comment-body #respond{box-shadow:0 6px 2em rgba(0,0,0,.2);margin-bottom:2.617924em;margin-top:-1.618em}.comment-list .reply{clear:both;text-align:right}.comment-list ol.children{width:88.2352941176%;float:right;margin-right:0;list-style:none}.comment-list ol.children .comment-meta{width:20%;float:left;margin-right:6.6666666667%}.comment-list ol.children .comment-content,.comment-list ol.children #respond{width:73.3333333333%;float:right;margin-right:0}.comment-list ol.children ol.children{width:86.6666666667%;float:right;margin-right:0}.comment-list ol.children ol.children .comment-meta{width:23.0769230769%;float:left;margin-right:7.6923076923%}.comment-list ol.children ol.children .comment-content,.comment-list ol.children ol.children #respond{width:69.2307692308%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children{width:84.6153846154%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children .comment-meta{width:27.2727272727%;float:left;margin-right:9.0909090909%}.comment-list ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children #respond{width:63.6363636364%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children ol.children{width:81.8181818182%;float:right;margin-right:0}.comment-list ol.children ol.children ol.children ol.children .comment-meta{width:33.3333333333%;float:left;margin-right:11.1111111111%}.comment-list ol.children ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children ol.children #respond{width:55.5555555556%;float:right;margin-right:0}#respond{padding:2.617924em}#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url{width:29.4117647059%;float:left;margin-right:5.8823529412%}#respond .comment-form-url{float:right;margin-right:0}#respond .comment-form-comment{clear:both}.hentry .entry-header{margin-bottom:2.617924em}.menu-toggle,.handheld-navigation,.main-navigation.toggled .handheld-navigation,.main-navigation.toggled div.menu{display:none}.primary-navigation{display:block}.main-navigation,.secondary-navigation{clear:both;display:block;width:100%}.main-navigation ul,.secondary-navigation ul{list-style:none;margin:0;padding-left:0;display:block}.main-navigation ul li,.secondary-navigation ul li{position:relative;display:inline-block;text-align:left}.main-navigation ul li a,.secondary-navigation ul li a{display:block}.main-navigation ul li a::before,.secondary-navigation ul li a::before{display:none}.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul,.secondary-navigation ul li:hover>ul,.secondary-navigation ul li.focus>ul{left:0;display:block}.main-navigation ul li:hover>ul li>ul,.main-navigation ul li.focus>ul li>ul,.secondary-navigation ul li:hover>ul li>ul,.secondary-navigation ul li.focus>ul li>ul{left:-9999px}.main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device{display:none;left:0}.main-navigation ul li:hover>ul li:hover>ul,.main-navigation ul li:hover>ul li.focus>ul,.main-navigation ul li.focus>ul li:hover>ul,.main-navigation ul li.focus>ul li.focus>ul,.secondary-navigation ul li:hover>ul li:hover>ul,.secondary-navigation ul li:hover>ul li.focus>ul,.secondary-navigation ul li.focus>ul li:hover>ul,.secondary-navigation ul li.focus>ul li.focus>ul{left:100%;top:0;display:block}.main-navigation ul ul,.secondary-navigation ul ul{float:left;position:absolute;top:100%;z-index:99999;left:-9999px}.main-navigation ul ul.sub-menu--is-touch-device,.secondary-navigation ul ul.sub-menu--is-touch-device{display:none;left:0}.main-navigation ul ul li,.secondary-navigation ul ul li{display:block}.main-navigation ul ul li a,.secondary-navigation ul ul li a{width:200px}ul.menu li.current-menu-item>a{color:#43454b}.storefront-primary-navigation{clear:both}.storefront-primary-navigation::before,.storefront-primary-navigation::after{content:"";display:table}.storefront-primary-navigation::after{clear:both}.main-navigation div.menu{display:block}.main-navigation ul.menu,.main-navigation ul.nav-menu{max-height:none;overflow:visible;margin-left:-1em;transition:none}.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{padding:1.618em 1em}.main-navigation ul.menu>li.menu-item-has-children:hover::after,.main-navigation ul.menu>li.page_item_has_children:hover::after,.main-navigation ul.nav-menu>li.menu-item-has-children:hover::after,.main-navigation ul.nav-menu>li.page_item_has_children:hover::after{display:block}.main-navigation ul.menu ul,.main-navigation ul.nav-menu ul{margin-left:0}.main-navigation ul.menu ul li a,.main-navigation ul.nav-menu ul li a{padding:.875em 1.41575em;font-weight:400;font-size:.875em}.main-navigation ul.menu ul li:last-child,.main-navigation ul.nav-menu ul li:last-child{border-bottom:0}.main-navigation ul.menu ul ul,.main-navigation ul.nav-menu ul ul{margin-left:0;box-shadow:none}.main-navigation ul.menu ul a:hover,.main-navigation ul.menu ul li:hover>a,.main-navigation ul.menu ul li.focus,.main-navigation ul.nav-menu ul a:hover,.main-navigation ul.nav-menu ul li:hover>a,.main-navigation ul.nav-menu ul li.focus{background-color:rgba(0,0,0,.025)}.main-navigation a{padding:0 1em 2.2906835em}.secondary-navigation{margin:0 0 1.618em;width:auto;clear:none;line-height:1}.secondary-navigation .menu{font-size:.875em;width:auto;float:right}.secondary-navigation .menu>li:hover>a{text-decoration:none}.secondary-navigation .menu ul a{padding:.326em .875em;background:rgba(0,0,0,.05)}.secondary-navigation .menu ul li:first-child a{padding-top:1em}.secondary-navigation .menu ul li:last-child a{padding-bottom:1em}.secondary-navigation .menu ul ul{margin-top:-.6180469716em}.secondary-navigation .menu a{padding:1em .875em;color:#737781;font-weight:400}.secondary-navigation .menu a:hover{text-decoration:none}.error404 .fourohfour-columns-2 .col-1{width:47.8260869565%;float:left;margin-right:4.347826087%}.error404 .fourohfour-columns-2 .col-1 ul.products{margin-bottom:0}.error404 .fourohfour-columns-2 .col-2{width:47.8260869565%;float:right;margin-right:0}}@media(max-width: 66.4989378333em){.col-full{margin-left:2.617924em;margin-right:2.617924em;padding:0}}@media(max-width: 568px){.col-full{margin-left:1.41575em;margin-right:1.41575em;padding:0}}
@font-face {
font-family: 'messy_smiling_cactusregular';
src: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/messysmilingcactus-regular-webfont.eot);
src: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/messysmilingcactus-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/messysmilingcactus-regular-webfont.woff2) format('woff2'),
url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/messysmilingcactus-regular-webfont.woff) format('woff'),
url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/messysmilingcactus-regular-webfont.ttf) format('truetype'),
url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/messysmilingcactus-regular-webfont.svg#messy_smiling_cactusregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'brushaffregular';
src: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/brushaff-webfont.eot);
src: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/brushaff-webfont.eot?#iefix) format('embedded-opentype'),
url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/brushaff-webfont.woff2) format('woff2'),
url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/brushaff-webfont.woff) format('woff'),
url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/brushaff-webfont.ttf) format('truetype'),
url(//selvasauvage.com/wp-content/themes/storefront-child-theme/fonts/brushaff-webfont.svg#brushaffregular) format('svg');
font-weight: normal;
font-style: normal;
} :root {
--title-font: 'Roboto', cursive;
--main-font: 'Roboto', sans-serif;
--price-font: 'Roboto';
--main-color: #07615B;
--hover-color: #93B7BC;
} ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a:not(.has-font-size), ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size) {
font-size: 0.8rem;
}	
ul#menu-social-links-menu ul.sub-menu {
width: 40px;
}
ul#menu-social-links-menu ul.sub-menu li a {
padding:15px 10px;
}
#masthead.site-header {
background-color: transparent;
padding-top: 10px;
margin-bottom: 50px;
}
.home #masthead.site-header {
margin-bottom: 0;
}
footer .widget_nav_menu ul li::before {
content: none;
}
footer .widget_nav_menu .menu-item {
padding-left: 0;
}
a:focus, .button:focus {
outline: none;
}
#masthead .secondary-navigation ul.menu a img.wpml-ls-flag {
width: 20px;
}
.secondary-navigation .menu ul a {
background:none !important;
}
.wpml-ls-current-language > a::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "";
margin-left: 1em;
}  body {
font-family: 'Roboto', sans-serif;
color: #777;
font-size: 16px;
line-height: 24px;
background-color: #f7f6f4 !important;	
}
h1, h2 {
font-family: var(--title-font);
letter-spacing: .1em;
}
h1.entry-title, .main-navigation ul li a {
font-family: 'Roboto';
text-transform: uppercase;
}
footer .footer-widgets, .widget .widget-title {
font-family: 'Roboto';
text-transform: normal;
}
.textwidget a {
letter-spacing:0.1em;
}
.widget .widget-title {
font-family: 'Roboto';
font-weight:bold;
text-transform: uppercase;
}
h1.entry-title:not(h1.product_title) {
display: none;
}
a, body .hentry .entry-content a {
color: #777;
text-decoration: none !important;
transition: all .5s ease;
}
a:hover, .hentry .entry-content a:hover {
color: black;
}
.widget-area .widget a:not(.button) {
font-weight: 300;
}
.main-navigation ul li a {
font-size: 11px;
letter-spacing: .2em;
}
footer .footer-widgets .textwidget {
font-size: 0.8em;
color: #fafafa;
text-transform:none;
}
footer .widget-title {
font-size: 21px;
font-weight: bold;
} .site-search {
display: none !important;
}
#masthead > .col-full {
display: flex;
flex-wrap: wrap;
}
#masthead .site-branding {
order: 1;
width: 100%;
margin-right: 0;
}
#masthead .menu-shop-menu-container ul li.wishlist-icon {
background-image: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/img/like.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: relative;
top: 5px;
height: 25px;
}
#masthead .menu-shop-menu-container ul li.account-icon {
background-image: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/img/user.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: relative;
top: 4px;
height: 25px;
}
#masthead .menu-shop-menu-container ul li.wishlist-icon a, #masthead .menu-shop-menu-container ul li.account-icon a {
color: transparent;
height: 25px;
}
#masthead .menu-shop-menu-container ul li i.fa-user {
font-size: 1.4em;
position: relative;
top: 7px;
}
.woocommerce-active .site-header .site-header-cart {
width: 5%;
text-align: center;
display: none;
background-image: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/img/shopping-bag.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
line-height: 3.1em;
font-size: .8em;
height: 30px;
}
.woocommerce-active .site-header .site-header-cart a {
margin-left: 1px;
}
#site-header-cart .woocommerce.widget_shopping_cart {
margin-top: 10px;
}
#masthead .site-branding a img {
max-width: 400px;
margin: 0 auto;
}
#masthead .secondary-navigation {
width: 92%;
margin-right: 0;
}
#masthead #menu-shop-menu {
float: none;
display: flex;
}
#masthead #menu-item-124 {
margin-right: auto;
}
#masthead #site-navigation {
width: 100%;
margin-right: 0;
text-align: center;
}
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
color: initial;
border: none;
}
#masthead .secondary-navigation ul.menu a img {
width: 33px;
}
#masthead .secondary-navigation #menu-item-95 a {
display: flex;
}
#masthead .secondary-navigation #menu-item-95 p {
align-self: center;
margin: 0 5px 0 0;
text-transform: uppercase;
}
#masthead .secondary-navigation #menu-item-95 img {
height: 35px;
width: auto;
}
#masthead .secondary-navigation #menu-item-91 a {
font-family: 'messy_smiling_cactusregular', sans-serif;
font-size: 17px;
}
#masthead .secondary-navigation #menu-item-91 a img {
width: 25px;
margin: 0 auto;
}
#masthead .secondary-navigation #menu-item-91 a:hover {
color: var(--main-color);
}
.main-navigation ul.nav-menu ul,
.main-navigation ul.nav-menu ul.sub-menu {
box-shadow: 0 0 10px lightgrey !important;
}
.main-navigation ul.nav-menu ul li {
background-color: #fff;
border-bottom: 1px solid #e9e9e9;
transition: all .5s ease;
}
.main-navigation ul.nav-menu ul li:hover {
background-color: var(--main-color);
}
@media (min-width: 768px) {
.main-navigation ul.nav-menu ul li a {
color: black;
font-family: 'Roboto';
font-size: 0.65em;
letter-spacing: 2px;
transition: all .5s ease;
}
}
@media (min-width: 768px) {
.woocommerce-active .site-header .site-header-cart {
display: block;
}
.site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
width: 250px;
margin-left: -197px;
}
.site-header-cart.focus .widget_shopping_cart *, .site-header-cart:hover .widget_shopping_cart * {
font-size: 16px;
}
.main-navigation ul.menu ul a:hover {
color:#fff;
}
} footer#colophon {
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
min-height: 1320px;
}
footer .footer-widgets {
margin-top: 700px;
border-bottom: none;
}
@media (min-width: 2280px) {
footer .footer-widgets {
margin-top: 800px;
}
}
@media (max-width: 767px) {
footer#colophon 
footer .footer-widgets {
margin-top: 1300px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
footer#colophon .footer-widgets {
display: flex;
flex-wrap: wrap;
}
footer#colophon .footer-widgets div.block {
width: 40%;
}
}
footer .footer-widgets .widget-title {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 10px;
font-size: 0.8em;
letter-spacing: .1em;
}
footer .footer-widgets li {
margin-bottom: 3px;
line-height: 1em;
letter-spacing: .1em;
}
footer.site-footer .footer-widgets li a {
color: #fafafa;
text-decoration: none;
font-size: .8em;
transition: all .5s ease;
}
footer.site-footer .footer-widgets li a:hover {
color: #347747;
}
footer form .field-wrapper {
display: flex;
}
footer form input[placeholder], footer form input[type=submit] {
font-size: 15px;
padding: 17px;
}
footer form .icon-email {
background-color: #f2f2f2;
padding: 12px 0 19px 17px;
}
footer form i.fa-envelope {
color: grey;
position: relative;
top: 4px;
}
footer form input[type=email] {
border-radius: 0;
}
footer form input:focus, footer form input[type=email]:focus {
outline: none;
outline-color: none;
background-color: #f2f2f2;
}
footer form input[type="email"] {
box-shadow: none;
width:100%;
}
footer form input[type="submit"] {
background-color: #93B7BC;
transition: all .5s ease;
}
footer .site-info, footer .site-info a {
color: #fafafa !important;
text-align: center;
}
footer .site-info a {
text-decoration: underline;
}
.button {
background-color: #004842;
border-color: #004842;
text-transform: uppercase;
}
.button:hover {
border-color: #07615B;
background-color: #07615B;
}
h1.entry-title:not(h1.product_title) {
text-align: center;
}
.widget .widget-title {
border-bottom: none;
padding: 0;
}
#secondary .widget:not(:last-of-type) {
border-bottom: 1px solid #e9e9e9;
margin: 0 0 20px;
padding-bottom: 15px;
}
@media (min-width: 768px) {
.archive #primary {
border-left: 1px solid #e9e9e9;
padding-left: 30px;
}
.single-product #primary {
width: 100%;
}
}
h1.product_title {
font-size: 24px;
font-weight: bold;
letter-spacing: .1em;
} .storefront-handheld-footer-bar .wishlist a::before {
background-image: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/img/like.png);
background-position: center;
background-repeat: no-repeat;
background-size: 27px;
content: '';
width: 100%;
}
.storefront-handheld-footer-bar ul li.my-account>a::before {
background-image: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/img/user.png);
background-position: center;
background-repeat: no-repeat;
background-size: 27px;
content: '';
width: 100%;
}
.storefront-handheld-footer-bar ul li.cart>a::before {
background-image: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/img/shopping-bag.png);
background-position: center;
background-repeat: no-repeat;
background-size: 27px;
content: '';
width: 100%;
} .home #main {
padding-top: 0;
}
.page-template-template-homepage .entry-content {
max-width: 100%;
}
.home #main .col-full {
padding: 0;
}
@media (max-width: 767px) {
.wpb_wrapper {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
}
ul.products li.product {
margin-bottom: 20px;
}
#sb_instagram #sbi_load {
display: none;
}
#sb_instagram .sbi_follow_btn a {
background-image: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/img/FollowUsInstagram2.png);
background-repeat: no-repeat;
background-position: center;
background-size: auto 50px;
background-color: transparent;
color: transparent;
display: inline-block;
height: 50px;
}
#sb_instagram .sbi_follow_btn a:hover {
box-shadow: none;
}
@media (min-width: 768px) {
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product, .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-4 li.product, .page-template-template-homepage-php .site-main ul.products.columns-4 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-4 li.product, .storefront-full-width-content .site-main ul.products.columns-4 li.product {
width: 25%;
margin-right: 0;
}
} h2.woocommerce-loop-product__title {
font-family: Roboto;
font-weight: 800;
font-size: 0.7em !important;
letter-spacing: 0;
margin-bottom: 0px !important;
float: none;
width:100%;
margin-top: 5px;
text-transform: uppercase;
}
ul.products li.product {
padding: 20px;
box-shadow: 0 0 10px transparent;
transition: all .5s ease;
}
ul.products li.product:hover {
box-shadow: 0 0 10px lightgrey;
}
ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 {
color: initial;
transition: all .5s ease;
}
ul.products li.product .woocommerce-loop-product__title:hover, ul.products li.product h2:hover {
color: var(--main-color);
}
ul.products li.product .button {
font-size: .8em;
padding: 15px 20px;
}
ul.products li.product .yith-wcwl-add-button a{
text-decoration: none;
color: var(--main-color);
margin-left: 10px;
}
ul.products li.product .yith-wcwl-add-button a::before {
content: '\f004';
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 5px;
}
.widget-area .widget a:not(.button) {
text-decoration: none;
}
.widget_archive ul li, .widget_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li, .widget_links ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_product_categories ul li, .widget_recent_comments ul li, .widget_recent_entries ul li {
padding-left: 5px;
}
.widget_archive ul li::before, .widget_categories ul li::before, .widget_layered_nav ul li::before, .widget_layered_nav_filters ul li::before, .widget_links ul li::before, .widget_nav_menu ul li::before, .widget_pages ul li::before, .widget_product_categories ul li::before, .widget_recent_comments ul li::before, .widget_recent_entries ul li::before {
content: none;
}
p.woocommerce-result-count {
display: none;
}
#main .storefront-sorting {
position: relative;
}
#main .storefront-sorting .gridlist-toggle {
position: absolute;
left: 70%;
top: 60%;
}
.woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: #e6e6e6;
}
@media (min-width: 768px) {
.site-main ul.products.columns-3 li.product {
width: 33.33333%;
margin-right: 0;
}
.widget_product_categories ul.children {
padding-left: 10px;
}
#main .storefront-sorting .woocommerce-ordering {
width: 49%;
margin-right: 0 !important;
}
#main .storefront-sorting form.products-per-page {
width: 49%;
margin-left: 0 !important;
margin-bottom: 0;
position: relative;
top: 5px;
}
#main .storefront-sorting .gridlist-toggle {
left: 50%;
top: 35%;
}
} .variations .label label {
text-transform: uppercase;
display: inline-block;
margin-bottom: 5px;
}
.variations select {
border: none;
width: 200px;
color: grey;
}
.button.alt {
background-color: var(--main-color);
border-color: var(--main-color);
transition: all .5s ease;
}
.button.alt:hover {
background-color: var(--hover-color);
border-color: var(--hover-color);
}
.yith-wcwl-add-button a.add_to_wishlist {
color: var(--main-color);
}
.yith-wcwl-add-button a.add_to_wishlist::before {
content: "\f004";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 5px;
color: var(--main-color);
}
.single-product section {
padding: 50px 10px 0;
}
.single-product hr {
height: 10px;
background-image: url(//selvasauvage.com/wp-content/themes/storefront-child-theme/img/Lijn1.png);
background-color: transparent;
}
.single-product .woocommerce-Tabs-panel h2 {
text-align: left;
}
.single-product h2 {
text-align: center;
font-size: 1.8em;
}
.single-product div.product .woocommerce-product-gallery img {
width: 100%;
} .page-id-32 #secondary {
display: none;
}
.page-id-32 #primary {
width: 100%;
}
.shipping-message {
color: var(--main-color);
} .page-id-33 #secondary {
display: none;
}
.page-id-33 #primary {
width: 100%;
}
.woocommerce-billing-fields h3, #order_review_heading, #ship-to-different-address label span {
font-family: var(--title-font);
color: var(--main-color);
font-size: 32px;
}
.coupon button {
background-color: var(--main-color);
transition: all .5s ease;
}
.wc-proceed-to-checkout a {
background-color: var(main);
color: #fff !important;
} .fa-chevron-up {
position: fixed;
bottom: 40px;
right: 0;
background-color: #07615B;
color: #fff;
padding: 20px 22px 22px;
font-size: 1.2em;
cursor: pointer;
display: none;
} body.page-id-12, body.page-id-13 {
color: #777;
font-size: 16px;
line-height: 24px;
}
.page-id-12 .hentry .wp-post-image {
border-radius: 0;
margin-bottom: 0;
} body.page-id-14, body.page-id-14 #cff a {
color: #777;
font-size: 16px;
line-height: 24px;
} .post-84 h1.entry-title {
text-align: center;
} .page-id-13 .hentry .entry-content a {
text-decoration: none;
color: #777;
transition: all .5s ease;
}
.page-id-13 .hentry .entry-content a:hover {
color: black;
}
@media(max-width: 767px) {
.fa-chevron-up {
bottom: 70px;
}
}
#main .storefront-sorting {
display: flex;
flex-wrap: wrap;
}
#main .storefront-sorting > * {
width: 100%;
text-align: left;
}
.woocommerce-result-count {
margin-bottom: 10px;
} .custom_pro_counter{
border: none;
padding: 0px 10px;
}
.ShowListGride.gridlist-toggle a {
margin: 0 5px;
background-color: transparent !important;
border: 1px solid #c2c2c2;
color: #c2c2c2!important;
}
.ShowListGride.gridlist-toggle a.active, .ShowListGride.gridlist-toggle a:hover {
color: #0e605b !important;
transition: unset !important;
}
.custom_pro_counter {
min-width: 100px;
} .post-93 .wishlist-title {
display: none;
} .site-footer .widget .widget-title,
.site-footer .widget .widgettitle,
.site-footer a:not(.button):not(.components-button),
.site-footer h1,
.site-footer h2,
.site-footer h3 {
color: #fff !important;
}
.site-footer a:hover,
footer.site-footer .footer-widgets li a:hover {
color: #347747 !important;
}
.main-navigation .sub-menu > li > a:hover > .sub-menu li {
box-shadow: 0 0 5px lightgrey;
}
.main-navigation .sub-menu > li > a:hover > .sub-menu li a {
color: black;
}
.variations select {
color: #347747;
} footer#colophon {
background-image: unset !important;
background-color: #002E1B !important;
min-height: auto !important;
}
footer .footer-widgets {
margin-top: 0 !important;
}
#masthead .secondary-navigation {
height: 30px;
margin-bottom: 0;
}
#masthead .secondary-navigation .menu-social-links-menu-container {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
}
h2.woocommerce-loop-product__title {
font-family: 'Roboto';
font-weight: 800;
font-size: 0.7em !important;
letter-spacing: 0;
margin-bottom: 0px !important;
float: none;
margin-top: 5px;
text-transform: uppercase;
width:100%;
}
.woocommerce-Price-amount.amount {
color: #333;
float: right;
font-size: 0.7em;
font-weight: 400;
font-family: 'Roboto';
display: block;
margin-bottom: 10px;
}
.products .product .woocommerce-LoopProduct-link .price {
float: none;
width:100%;
color:#333;
font-family:'Roboto';
font-size:0.8em;
font-weight:400;
}
body {
background-color: #f7f6f4 !important;	
}
.woocommerce-error {
background-color: #025fb1 !important;
}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}