@charset 'UTF-8';
.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;
}
}
      button,
hr,
input {
overflow: visible;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
progress,
sub,
sup {
vertical-align: baseline;
}
[type='checkbox'],
[type='radio'],
legend {
box-sizing: border-box;
padding: 0;
}
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
display: block;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
figure {
margin: 1em 4rem;
}
hr {
box-sizing: content-box;
height: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
dfn {
font-style: italic;
}
mark {
color: #000000;
background-color: #fdffb6;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-size: 100%;
line-height: 1.15;
}
button,
select {
text-transform: none;
}
[type='reset'],
[type='submit'],
button,
html [type='button'] {
-webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 0.1rem;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
display: table;
max-width: 100%;
color: inherit;
white-space: normal;
}
textarea {
overflow: auto;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -0.2rem;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
} html,
input[type='search'] {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
} .author-box,
.clearfix,
.entry,
.entry-content,
.footer-widgets,
.nav-primary,
.nav-secondary,
.pagination,
.site-container,
.site-footer,
.site-header,
.site-inner,
.widget,
.wrap {
clear: both;
}
.author-box:before,
.author-box:after,
.clearfix:before,
.clearfix:after,
.entry:before,
.entry:after,
.entry-content:before,
.entry-content:after,
.footer-widgets:before,
.footer-widgets:after,
.nav-primary:before,
.nav-primary:after,
.nav-secondary:before,
.nav-secondary:after,
.pagination:before,
.pagination:after,
.site-container:before,
.site-container:after,
.site-footer:before,
.site-footer:after,
.site-header:before,
.site-header:after,
.site-inner:before,
.site-inner:after,
.widget:before,
.widget:after,
.wrap:before,
.wrap:after {
display: block;
clear: both;
content: '';
} * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
::-moz-selection {
background-color: #cbeafb;
}
::selection {
background-color: #cbeafb;
}
html {
overflow-x: hidden;
max-width: 100vw;
font-size: 62.5%;
}
body {
overflow-x: hidden;
max-width: 100vw;
margin: 0;
color: #2a3139;
background-color: #ffffff;
font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.618;
word-break: break-word;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: grayscale;
-moz-osx-font-smoothing: grayscale;
}
body.boxed-page {
background-color: #F0F0EE;
}
body > div {
font-size: 1.6rem;
}
p {
margin: 0 0 1.382em;
padding: 0;
}
a {
color: #4d5968;
word-wrap: break-word;
}
a:hover,
a:focus {
color: #771216;
}
ol,
ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
}
hr {
clear: both;
margin: 0 0 2em;
padding: 1em 0 0;
border: 0;
border-bottom: 1px solid #eceef1;
border-collapse: collapse;
}
b,
strong {
font-weight: 600;
}
blockquote,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 0 1.382em;
padding: 0 1em;
border-left: 2px solid #771216;
}
blockquote p:last-of-type {
margin-bottom: 0;
}
pre,
code,
kbd,
samp {
font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace;
} h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.5em;
font-weight: normal;
line-height: 1.236;
}
h1 {
font-family: 'Patua One', cursive;
font-size: 2.0em;
}
h2 {
font-family: 'Patua One', cursive;
font-size: 1.8em;
text-transform: uppercase;
}
h3 {
font-family: 'Patua One', cursive;
font-size: 1.6em;
text-transform: uppercase;
}
h4 {
font-family: 'Patua One', cursive;
font-size: 1.4em;
}
h5 {
font-size: 1.5em;
}
h6 {
font-size: 1.3em;
font-weight: 600;
} :focus {
outline: 2px solid #eceef1;
}
::-moz-placeholder {
opacity: 1;
color: #90959f;
}
::-webkit-input-placeholder {
color: #90959f;
}
input,
select,
textarea {
width: 100%;
height: 3em;
padding: 0 1.5em;
border: 1px solid #eceef1;
border-radius: 9rem;
color: #2a3139;
background-color: #fbfcfd;
font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif;
font-size: 1.6rem;
font-weight: 600;
line-height: 3;
}
input:focus,
select:focus,
textarea:focus {
border-color: #771216;
outline: none;
}
textarea {
height: auto;
padding: 1.5em;
border-radius: 2.5rem;
line-height: 1.618;
}
input[type='checkbox'],
input[type='image'],
input[type='radio'] {
width: auto;
}
input[type='search'] {
-webkit-appearance: none;
}
.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.wp-block-button a {
display: inline-block;
width: auto;
height: auto;
border: 0;
border-radius: 6px;
color: #ffffff;
box-shadow: 0 0.25rem 2rem -0.5rem rgba(255, 255, 255, 0);
font-family: 'Patua One', cursive;
font-size: 15px;
font-size: 1.5rem;
font-weight: 600;
padding: 1.2em 2.2em;
background-color: #771216;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
}
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type='button']:hover,
input[type='button']:focus,
input[type='reset']:hover,
input[type='reset']:focus,
input[type='submit']:hover,
input[type='submit']:focus,
.wp-block-button a:hover,
.wp-block-button a:focus {
color: #ffffff;
box-shadow: inset 0 0 0 9rem rgba(255, 255, 255, 0.1), 0 1.25rem 1rem -0.5rem rgba(35, 44, 57, 0.1);
}
.button.outline,
button.outline,
input[type='button'].outline,
input[type='reset'].outline,
input[type='submit'].outline,
.wp-block-button a.outline {
color: #771216;
background: transparent;
box-shadow: inset 0 0 0 2px #771216;
}
.button.outline:hover,
.button.outline:focus,
button.outline:hover,
button.outline:focus,
input[type='button'].outline:hover,
input[type='button'].outline:focus,
input[type='reset'].outline:hover,
input[type='reset'].outline:focus,
input[type='submit'].outline:hover,
input[type='submit'].outline:focus,
.wp-block-button a.outline:hover,
.wp-block-button a.outline:focus {
color: #ffffff;
background-color: #771216;
box-shadow: none;
}
.button.white,
button.white,
input[type='button'].white,
input[type='reset'].white,
input[type='submit'].white,
.wp-block-button a.white {
color: #2a3139;
background: #ffffff;
box-shadow: 0 0.25rem 2rem rgba(198, 202, 206, 0.05);
}
.button.white:hover,
.button.white:focus,
button.white:hover,
button.white:focus,
input[type='button'].white:hover,
input[type='button'].white:focus,
input[type='reset'].white:hover,
input[type='reset'].white:focus,
input[type='submit'].white:hover,
input[type='submit'].white:focus,
.wp-block-button a.white:hover,
.wp-block-button a.white:focus {
color: #771216;
background: #ffffff;
box-shadow: 0 1rem 2rem rgba(198, 202, 206, 0.35);
}
.button.white.outline,
button.white.outline,
input[type='button'].white.outline,
input[type='reset'].white.outline,
input[type='submit'].white.outline,
.wp-block-button a.white.outline {
color: #ffffff;
background: transparent;
box-shadow: inset 0 0 0 2px #ffffff;
}
.button.white.outline:hover,
.button.white.outline:focus,
button.white.outline:hover,
button.white.outline:focus,
input[type='button'].white.outline:hover,
input[type='button'].white.outline:focus,
input[type='reset'].white.outline:hover,
input[type='reset'].white.outline:focus,
input[type='submit'].white.outline:hover,
input[type='submit'].white.outline:focus,
.wp-block-button a.white.outline:hover,
.wp-block-button a.white.outline:focus {
color: #2a3139;
background: #ffffff;
box-shadow: inset 0 0 0 0 #ffffff;
}
.button.small,
button.small,
input[type='button'].small,
input[type='reset'].small,
input[type='submit'].small,
.wp-block-button a.small {
height: 2.36em;
padding: 0 2.36em;
font-size: 1.3rem;
line-height: 2.36;
}
.button.large,
button.large,
input[type='button'].large,
input[type='reset'].large,
input[type='submit'].large,
.wp-block-button a.large {
font-size: 1.9rem;
}
.button:disabled,
button:disabled,
input[type='button']:disabled,
input[type='reset']:disabled,
input[type='submit']:disabled,
.wp-block-button a:disabled {
border-width: 0;
color: #c6cace;
background: #eceef1;
box-shadow: none;
cursor: not-allowed;
}
.button + button,
.button + .button,
button + button,
button + .button,
input[type='button'] + button,
input[type='button'] + .button,
input[type='reset'] + button,
input[type='reset'] + .button,
input[type='submit'] + button,
input[type='submit'] + .button,
.wp-block-button a + button,
.wp-block-button a + .button {
clear: both;
margin-top: 1em;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button {
display: none;
}
fieldset {
margin-bottom: 1em;
} embed,
iframe,
img,
object,
video,
.wp-caption,
.wp-video-shortcode {
display: block;
max-width: 100%;
}
img {
height: auto;
}
figure {
margin: 0;
}
video {
-o-object-fit: cover;
object-fit: cover;
}
.no-js .wp-video-shortcode {
width: 100%;
border: 1px solid #eceef1;
background-color: #F0F0EE;
} table {
width: 100%;
margin-bottom: 4rem;
border: 1px solid #eceef1;
border-spacing: 0;
border-collapse: collapse;
background-color: #ffffff;
line-height: 1;
}
tbody {
border-bottom: 1px solid #eceef1;
}
td,
th {
padding: 0.618em;
border-top: 1px solid #eceef1;
border-right: 1px solid #eceef1;
text-align: left;
} .screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut,
.wp-custom-logo .site-title,
.wp-custom-logo .site-description {
overflow: hidden;
clip: rect(0, 0, 0, 0);
position: absolute !important;
width: 0.1rem;
height: 0.1rem;
border: 0;
background-color: #ffffff;
}
.screen-reader-text:focus,
.screen-reader-shortcut:focus {
display: block;
clip: auto !important;
z-index: 100000;
width: auto;
height: auto;
padding: 1rem 2rem;
box-shadow: 0 0 0.2rem 0.2rem rgba(42, 49, 57, 0.1);
text-decoration: none;
}
.more-link {
position: relative;
font-style: normal;
}
.genesis-skip-link {
margin: 0;
}
.genesis-skip-link li {
width: 0;
height: 0;
list-style: none;
} .boxed-page .site-container {
max-width: 1152px;
margin: 0 auto;
background-color: #ffffff;
box-shadow: 0 0 0 1px #eceef1, 0 0 10rem rgba(198, 202, 206, 0.1);
}
.content-sidebar-wrap,
.wrap {
margin: 0 auto;
padding-right: 6vw;
padding-left: 6vw;
}
.content-sidebar-wrap .wrap,
.wrap .wrap {
width: auto;
max-width: 100%;
padding: 0;
}
.site-inner {
clear: both;
}
.blog .site-inner,
.archive .site-inner,
.search-results .site-inner {
background-color: #F0F0EE;
}
.page-builder .site-inner {
border-top: 1px solid #eceef1;
border-bottom: 1px solid #eceef1;
}
.contact-page .site-inner {
padding-top: 6rem;
}
.content-sidebar-wrap {
position: relative;
z-index: 1;
max-width: 1152px;
} .content {
display: flex;
width: 100%;
min-height: 40rem;
padding: 4rem 0;
flex-wrap: wrap;
}
.front-page.page .content {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.blog .content,
.archive .content,
.search-results .content {
margin-top: 0;
padding: 4rem 0;
background-color: transparent;
}
.blog .content:before,
.archive .content:before,
.search-results .content:before {
display: none;
}
.front-page.page .content {
background-color: transparent;
}
.page .content,
.single .content,
.error404 .content {
position: relative;
border-radius: 1px;
background-color: #ffffff;
}
.page .content:before,
.single .content:before,
.error404 .content:before {
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
height: 40rem;
box-shadow: 0 -5rem 10rem rgba(42, 49, 57, 0.05);
content: '';
pointer-events: none;
}
.sidebar-primary {
padding-bottom: 5rem;
} .full-width {
display: block;
width: 100%;
clear: both;
}
.full-width:before,
.full-width:after {
display: block;
clear: both;
content: '';
} .gallery,
.gallery-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.gallery a,
.gallery img {
display: block;
}
.single .gallery {
display: inline-flex;
position: relative;
left: 50%;
width: 100vw;
max-width: 768px;
margin: 1.618em auto;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.gallery-caption {
display: block;
}
.gallery-item {
display: block;
width: 100%;
margin: 0 0 6vw;
text-align: center;
} .pricing-table {
display: flex;
margin: 0 auto;
border: 1px solid #eceef1;
border-radius: 3px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
clear: both;
}
.pricing-table:before,
.pricing-table:after {
display: block;
clear: both;
content: '';
}
.pricing-table + .pricing-table {
margin: 5rem auto;
}
.pricing-table + hr {
margin: 5rem 0;
padding: 0;
}
.pricing-table div {
padding: 3rem;
border-radius: 3px;
text-align: center;
}
.pricing-table div ul {
margin: 1em 0;
}
.pricing-table div ul li {
margin: 0;
list-style-type: none;
}
.pricing-table .featured {
border: 1px solid #eceef1;
background-color: #ffffff;
box-shadow: 0 2rem 5rem -1rem rgba(42, 49, 57, 0.0618);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.pricing-table h4 {
font-size: 2rem;
}
.pricing-table p {
position: relative;
max-width: 768px;
margin: 0 auto;
padding: 0 5%;
}
.pricing-table strong {
display: block;
color: #771216;
font-size: 2.8em;
font-weight: 700;
}
.pricing-table em {
display: block;
color: #4d5968;
font-size: small;
}
.pricing-table button,
.pricing-table .button {
margin-bottom: 0.5em;
}
.pricing-table .one-fourth strong {
font-size: 2.4em;
}
.pricing-table .one-fourth button,
.pricing-table .one-fourth .button {
padding-right: 2em;
padding-left: 2em;
} .avatar {
float: left;
margin-right: 2rem;
border-radius: 50%;
}
.alignright .avatar {
margin-left: 2rem;
} .breadcrumb {
width: 100%;
padding: 1rem 0 0;
color: #c6cace;
font-size: 1.4rem;
text-align: center;
}
.breadcrumb a {
color: #ffffff;
text-decoration: none;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
text-decoration: underline;
}
.after-entry {
width: 100%;
margin: 2rem auto;
padding: 6vw;
border: 1px solid #eceef1;
border-radius: 3px;
background-color: #F0F0EE;
text-align: center;
}
.after-entry .enews form {
display: flex;
margin: 1em 0 0;
flex-wrap: wrap;
justify-content: center;
}
.after-entry .enews input {
width: 100%;
margin-bottom: 1em;
background-color: #ffffff;
}
.author-box {
width: 100%;
max-width: 768px;
padding: 6vw 0;
}
.author .author-box {
max-width: 100%;
margin-bottom: 4rem;
padding: 4rem;
border: 1px solid #eceef1;
border-radius: 3px;
background-color: #ffffff;
}
.author-box p {
color: #4d5968;
}
.author-box p:last-of-type {
margin-bottom: 0;
}
.author-box-title {
margin-bottom: 0;
font-size: 2rem;
} .search-form {
display: flex;
position: relative;
width: 100%;
align-items: center;
justify-content: flex-start;
clear: both;
}
.search-form:before,
.search-form:after {
display: block;
clear: both;
content: '';
}
.search-form .search-toggle {
display: none;
width: 2.5rem;
height: 2.5rem;
background: center/1.75rem no-repeat url(//www.eastmainink.com/wp-content/themes/corporate-pro/assets/images/search.svg);
cursor: pointer;
}
.shrink .search-form .search-toggle {
background-image: url(//www.eastmainink.com/wp-content/themes/corporate-pro/assets/images/search.svg);
}
.search-form .search-toggle.active {
background-image: url(//www.eastmainink.com/wp-content/themes/corporate-pro/assets/images/close.svg);
background-size: 1.4rem;
}
.shrink .search-form .search-toggle.active {
background-image: url(//www.eastmainink.com/wp-content/themes/corporate-pro/assets/images/close.svg);
}
.search-form input[type='search'] {
width: 30rem;
margin-right: 1em;
background-color: rgba(255, 255, 255, 0.2);
}
.site-header .search-form input[type='search'] {
display: block;
max-width: 79vw;
background-color: #F0F0EE;
}
.site-header.shrink .search-form input[type='search'] {
border: 1px solid #eceef1;
color: #2a3139;
}
.entry-content .search-form input[type='search'] {
background-color: #F0F0EE;
}
.search-form input[type='submit'] {
display: none;
}
.entry .search-form {
margin-bottom: 4rem;
} a.aligncenter img {
display: block;
margin: 0 auto;
}
a.alignnone {
display: inline-block;
}
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}
img.centered,
.aligncenter {
display: block;
margin: 0 auto 1em;
}
img.alignnone,
.alignnone {
margin-bottom: 1em;
}
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 1em 1em 0;
}
a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 1em 1em;
}
.wp-caption-text {
margin: 0;
font-size: 1.4rem;
text-align: center;
}
.entry-content p.wp-caption-text {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
margin: 0 0 1em;
}
.sticky,
.bypostauthor {
background-color: transparent;
}
.post-edit-link,
.comment-edit-link {
display: none;
} .full-width-content .alignwide {
position: relative;
left: 50%;
width: 100vw;
max-width: 896px;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.full-width-content .alignwide img {
display: inline-block;
margin: 1.618em auto;
}
.full-width-content .alignfull {
position: relative;
left: 50%;
width: 100vw;
max-width: none;
margin-left: -50vw;
}
.content-sidebar .full-width-content .alignfull,
.sidebar-content .full-width-content .alignfull {
max-width: calc(100% + 12rem);
}
.full-width-content .alignfull img {
display: inline-block;
width: 100%;
margin: 1.618em auto;
}
.wp-block-image figcaption {
margin: 0 auto 2em;
}
.wp-block-button {
display: block;
width: 100%;
background: transparent;
text-align: center;
clear: both;
}
.wp-block-button:before,
.wp-block-button:after {
display: block;
clear: both;
content: '';
}
.wp-block-button a {
display: inline-block;
}
.wp-block-button a:hover,
.wp-block-button a:focus {
color: #ffffff;
}
.wp-block-pullquote > p {
font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif;
font-weight: 400;
}
.wp-block-pullquote cite {
font-style: normal;
}
.wp-block-gallery .blocks-gallery-image {
margin-right: 0;
}
.blocks-gallery-image {
display: block;
width: 100%;
margin: 0 0 6vw;
text-align: center;
} .site-header {
position: relative;
z-index: 100;
width: 100%;
border-bottom: 1px solid rgba(198, 202, 206, 0.3);
background-color: #ffffff;
transition: all 0.3s ease;
}
.js.has-sticky-header .site-header {
position: fixed;
top: 0;
}
.js.has-sticky-header .site-header.shrink {
background-color: #ffffff;
box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05);
}
.boxed-page .site-header {
max-width: 1152px;
margin: 0 auto;
}
.contact-page .site-header {
background-color: #ffffff;
}
.site-header > .wrap {
display: flex;
position: relative;
height: 7rem;
transition: height 0.3s ease;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.no-js .site-header > .wrap {
height: auto;
padding: 3rem 6vw;
} .title-area {
display: block;
position: relative; margin: 0 auto 0 0;
width: 75px!important; }
.shrink .title-area {
width: 75px!important; }
.site-title {
margin-bottom: 0;
font-size: 1.8rem;
font-weight: 700;
line-height: 1;
}
.site-title a {
color: #2a3139;
text-decoration: none;
transition: all 0.3s ease;
}
.shrink .site-title a {
color: #2a3139;
}
.site-description {
margin-bottom: 0;
opacity: 0.618;
font-size: 1.4rem;
line-height: 1;
overflow: hidden;
clip: rect(0, 0, 0, 0);
position: absolute !important;
width: 0.1rem;
height: 0.1rem;
border: 0;
background-color: #ffffff;
}
.custom-logo {
display: block;
}
.shrink .custom-logo {
display: block;
}
.secondary-logo {
display: none;
}
.shrink .secondary-logo {
display: none;
} .before-header {
display: flex;
position: relative;
height: 4rem;
border-top: 1px solid rgba(198, 202, 206, 0.3);
border-bottom: 1px solid rgba(198, 202, 206, 0.3);
color: #3f454c;
background-color: #F0F0EE;
font-size: 1.2rem;
flex-wrap: wrap;
align-items: center;
transition: all 0.3s ease;
}
.no-js .before-header {
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
}
.menu .before-header {
display: flex;
width: 100%;
height: auto;
margin: 3em 0 0;
padding: 3em 0 0;
border-bottom: none;
background-color: transparent;
clear: both;
}
.menu .before-header:before,
.menu .before-header:after {
display: block;
clear: both;
content: '';
}
.menu .before-header .widget {
margin-bottom: 1em;
}
.menu .before-header .simple-social-icons {
margin-left: -0.5em;
}
.menu .before-header .simple-social-icons a {
margin: 0 0.5em 0 0;
}
.before-header .wrap {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
.before-header .wrap:before,
.before-header .wrap:after {
display: none;
}
.before-header .widget {
display: flex;
margin-bottom: 0;
align-items: center;
}
.before-header .widget:last-of-type {
margin-bottom: 0;
}
.before-header .widget-wrap {
width: 100%;
}
.before-header p {
display: flex;
align-items: center;
}
.before-header .fa {
margin-right: 0.5em;
}
.before-header .fa:before {
line-height: 1.618;
} .header-widget-area {
display: none;
margin: 0 1em 0 0;
}
.header-widget-area .widget:last-of-type {
margin-bottom: 0;
} .hero-section {
position: relative;
padding: 4rem 0;
border-bottom: 1px solid #eceef1;
background-color: #F0F0EE;
background-position: center;
background-size: cover;
text-align: center;
}
.hero-section:before {
display: block !important;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(42, 49, 57, 0.5);
content: '';
pointer-events: none;
transition: all 0.3s ease;
}
.hero-section .wrap {
position: relative;
z-index: 2;
}
.hero-section h1 {
width: 100%;
margin: 0 auto;
color: #ffffff;
text-align: center;
}
.hero-section p {
width: 100%;
max-width: 512px;
margin: 0.5em auto 0;
color: #ffffff;
text-align: center;
}
.hero-section a {
color: #F0F0EE;
}
.hero-section a:hover,
.hero-section a:focus {
color: #771216;
} .wp-custom-header {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
pointer-events: none;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.woocommerce .wp-custom-header img,
.wp-custom-header img,
.wp-custom-header video,
.wp-custom-header iframe {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.wp-custom-header iframe {
position: absolute;
top: -20%;
right: -20%;
bottom: -20%;
left: -20%;
width: 140%;
min-width: 100%;
max-width: 140%;
height: 140%;
min-height: 56.25vw;
max-height: none;
margin: auto;
}
.wp-custom-header img {
display: none;
}
.wp-custom-header-video-button {
display: none;
} .menu {
display: flex;
width: 100%;
font-size: 1.6rem;
font-weight: 600;
text-align: left;
flex-wrap: wrap;
align-items: center;
clear: both;
font-family: 'Patua One', cursive;
text-transform: uppercase;
}
.menu:before,
.menu:after {
display: block;
clear: both;
content: '';
}
.menu .right {
margin-left: auto;
}
.menu .rss,
.menu .date,
.menu .search,
.menu .twitter {
display: flex;
margin-top: 1em;
margin-left: 0;
align-items: center;
}
.menu .rss {
margin-left: 0;
}
.menu .rss a {
margin-left: 1em;
}
.menu-item {
display: block;
position: relative;
width: 100%;
padding: 1rem 0;
order: -1;
}
.menu-item.button {
display: flex;
margin: 1em 0;
padding: 0;
background: transparent;
box-shadow: none;
font-size: 1.2rem;
align-items: center;
}
.menu-item.button:last-of-type a {
padding-right: 3em;
}
.menu-item.button a {
font-family: 'Patua One', cursive;
font-size: 15px;
font-size: 1.5rem;
font-weight: 600;
padding: 1.2em 2.2em;
background-color: #771216;
border-radius: 6px;
color: #ffffff;
}
.shrink .menu-item.button a {
color: #ffffff;
}
.menu-item.button a:hover,
.menu-item.button a:focus,
.menu-item.button.current-menu-item > a {
color: #ffffff;
box-shadow: inset 0 0 0 9rem rgba(0, 17, 51, 0.1);
}
.menu-item a {
display: inline-block;
margin: 2px;
color: #2a3139;
text-decoration: none;
transition: all 0.3s ease;
}
.menu-item a:hover,
.menu-item a:focus,
.menu-item.current-menu-item > a {
color: #771216;
}
.menu-item span {
display: block;
} .sub-menu {
display: none;
clear: both;
}
.sub-menu:before,
.sub-menu:after {
display: block;
clear: both;
content: '';
}
.sub-menu:before {
display: none;
position: absolute;
z-index: 98;
top: -0.5rem;
left: 3rem;
width: 1rem;
height: 1rem;
border-top: 1px solid #eceef1;
border-left: 1px solid #eceef1;
opacity: 1;
background-color: #F0F0EE;
content: '';
transition-delay: 0.3s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sub-menu .menu-item {
width: 100%;
height: auto;
padding: 0.5em 0;
}
.sub-menu .menu-item:first-of-type {
margin-top: 1em;
}
.sub-menu a {
padding-left: 0.618em;
}
.sub-menu .sub-menu {
padding-left: 1em;
} .nav-primary,
.nav-secondary {
overflow: auto;
position: fixed;
top: 0;
right: -40rem;
bottom: 0;
width: 93vw;
max-width: 40rem;
height: 100vh;
margin: 0;
padding: 0 4rem;
border-top: 1px solid #eceef1;
border-bottom: 1px solid #eceef1;
background-color: #ffffff;
transition: all 0.3s ease;
}
.nav-primary.activated,
.nav-secondary.activated {
right: 0;
left: auto;
box-shadow: 0 0 4rem rgba(42, 49, 57, 0.2);
}
.no-js .nav-primary,
.no-js
.nav-secondary {
display: block;
position: relative;
right: auto;
width: 100%;
height: auto;
padding: 0;
border: 0;
}
.no-js .nav-primary .wrap,
.no-js
.nav-secondary .wrap {
padding: 0;
}
.no-js .nav-primary .menu,
.no-js
.nav-secondary .menu {
padding: 0;
}
.no-js .nav-primary .menu-item,
.no-js
.nav-secondary .menu-item {
display: inline-flex;
width: auto;
padding-right: 1rem;
}
.nav-primary .menu,
.nav-secondary .menu {
position: relative;
padding: 5em 0 7.5em;
}
.nav-secondary {
width: 100%;
}
.nav-secondary .sub-menu .menu-item {
height: auto;
}
.site-footer .menu {
justify-content: center;
margin-bottom: 0;
text-transform: none;
font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.618;
}
.site-footer .menu-item {
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.site-footer .menu-item:last-of-type {
margin-bottom: 0;
}
.site-footer .menu-item:last-of-type a {
margin-bottom: 2px;
}
.site-footer .menu-item a {
margin-bottom: 1em;
padding: 0;
color: #4d5968;
}
.site-footer .menu-item a:hover,
.site-footer .menu-item a:focus,
.site-footer .menu-item.current-menu-item > a {
color: #771216;
} .menu-toggle {
display: block;
position: relative;
z-index: 1;
height: auto;
margin-right: -0.5em;
padding: 1em 0.5em;
color: #2a3139;
background: transparent;
box-shadow: none;
cursor: pointer;
}
.menu-toggle:hover,
.menu-toggle:focus {
color: #2a3139;
background: none;
box-shadow: none;
}
.menu-toggle.activated {
position: fixed;
right: 6vw;
}
.menu-toggle.activated,
.shrink .menu-toggle {
color: #2a3139;
}
.menu-toggle.activated span,
.shrink .menu-toggle span {
background: #2a3139;
}
.menu-toggle.activated span:before,
.menu-toggle.activated span:after,
.shrink .menu-toggle span:before,
.shrink .menu-toggle span:after {
background: #2a3139;
}
.menu-toggle span {
display: block;
float: right;
position: relative;
width: 2rem;
height: 2px;
border-radius: 3px;
background: #2a3139;
}
.menu-toggle span:before,
.menu-toggle span:after {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 2px;
border-radius: 3px;
background-color: #2a3139;
content: ' ';
}
.menu-toggle span:before {
top: -0.5rem;
transition: top 0.2s 0.2s, -webkit-transform 0.2s 0s;
transition: top 0.2s 0.2s, transform 0.2s 0s;
transition: top 0.2s 0.2s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
}
.menu-toggle span:after {
bottom: -0.5rem;
transition: bottom 0.2s 0.2s, -webkit-transform 0.2s 0s;
transition: bottom 0.2s 0.2s, transform 0.2s 0s;
transition: bottom 0.2s 0.2s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
}
.menu-toggle.activated span {
background: none;
}
.menu-toggle.activated span:before {
top: 0;
transition: top 0.2s 0s, -webkit-transform 0.2s 0.2s;
transition: top 0.2s 0s, transform 0.2s 0.2s;
transition: top 0.2s 0s, transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-toggle.activated span:after {
bottom: 0;
transition: bottom 0.2s 0s, -webkit-transform 0.2s 0.2s;
transition: bottom 0.2s 0s, transform 0.2s 0.2s;
transition: bottom 0.2s 0s, transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .sub-menu-toggle {
position: absolute;
top: 0.1em;
right: 3em;
height: auto;
margin: 0 -1em;
padding: 1em;
background: none;
box-shadow: none;
}
.sub-menu-toggle:hover,
.sub-menu-toggle:focus {
background: none;
box-shadow: none;
}
.sub-menu-toggle:focus {
outline: 2px solid #eceef1;
}
.sub-menu-toggle:before {
display: block;
margin: 0.2rem 0 -0.2rem;
border: 0.4rem solid transparent;
border-top-color: #2a3139;
content: '';
}
.sub-menu-toggle.activated:before {
margin: -0.2rem 0 0.2rem;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
} .content .entry {
position: relative;
margin-bottom: 6vw;
border: 1px solid #eceef1;
background-color: #ffffff;
}
.content .entry:last-of-type {
margin-bottom: 0;
}
.page .content .entry,
.single .content .entry,
.error404 .content .entry {
width: 100%;
border: 0;
}
.front-page .content .entry.post,
.blog .content .entry,
.archive .content .entry,
.search-results .content .entry {
width: 100%;
margin-bottom: 6vw;
padding: 3rem;
border: 1px solid #eceef1;
border-radius: 3px;
transition: all 0.3s ease;
}
.front-page .content .entry.post:hover,
.front-page .content .entry.post:focus,
.blog .content .entry:hover,
.blog .content .entry:focus,
.archive .content .entry:hover,
.archive .content .entry:focus,
.search-results .content .entry:hover,
.search-results .content .entry:focus {
box-shadow: 0 2rem 6rem rgba(198, 202, 206, 0.2);
}
.search-no-results .content .entry {
border: 0;
} .entry-content p {
color: #4d5968;
}
.entry-content p a:not(.button) {
color: #4d5968;
box-shadow: inset 0 -1.5px 0 #771216;
text-decoration: none;
transition: all 0.3s ease;
}
.entry-content p a:not(.button):hover,
.entry-content p a:not(.button):focus {
color: #771216;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
padding-top: 0.618em;
}
.entry-content ol,
.entry-content ul {
margin-bottom: 1.618em;
margin-left: 4rem;
color: #4d5968;
line-height: 2;
}
.error404 .entry-content ol,
.error404
.entry-content ul {
margin-bottom: 4rem;
}
.entry-content ol > li {
list-style-type: decimal;
}
.entry-content ul > li {
list-style-type: disc;
}
.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}
.entry-content li li {
list-style-type: circle;
}
.entry-content code {
padding: 0.4rem 0.8rem;
border: 1px solid #eceef1;
background-color: #F0F0EE;
font-size: 1.4rem;
line-height: 2;
}
.entry-content pre {
display: block;
margin: 0 0 1.382em;
padding: 1rem 2rem;
border: 1px solid #eceef1;
border-radius: 3px;
background-color: #F0F0EE;
font-size: 1.4rem;
}
.entry-content pre code {
padding: 0;
border: none;
background-color: transparent;
}
.entry-content input,
.entry-content select,
.entry-content textarea {
margin-bottom: 1em;
}
.entry-content iframe,
.entry-content video {
width: 100%;
}
.entry-content blockquote {
display: block;
position: relative;
left: 50%;
width: 896px;
max-width: 100vw;
margin: 3em 0;
padding: 0 6rem 2em;
border: 0;
border-top: 1px solid #eceef1;
border-bottom: 1px solid #eceef1;
background-color: #ffffff;
text-align: center;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.entry-content blockquote:before {
display: block;
width: 1em;
margin: -0.25em auto;
color: rgba(42, 49, 57, 0.2);
background-color: #ffffff;
font-family: 'Georgia', 'Apple Garamond', 'Baskerville', 'Times New Roman', 'Droid Serif', 'Times', 'Source Serif Pro', serif;
font-size: 8rem;
line-height: 1;
content: '“';
}
.entry-image-link {
display: block;
margin-bottom: 1em;
clear: both;
}
.entry-image-link:before,
.entry-image-link:after {
display: block;
clear: both;
content: '';
}
.blog .entry-image-link,
.archive .entry-image-link,
.search-results .entry-image-link {
display: block;
width: calc(100% + 6rem + 0.2rem);
margin: -3.1rem -3.1rem 3rem;
border-radius: 3px 3px 0 0;
}
.entry-image-link img {
display: block;
margin: 0;
border-radius: 3px 3px 0 0;
} .entry-title a {
display: block;
color: #2a3139;
font-size: 2rem;
text-decoration: none;
transition: all 0.3s ease;
}
.entry-title a:hover,
.entry-title a:focus {
color: #771216;
} .entry-meta {
width: 100%;
font-size: small;
}
.entry-footer .entry-meta {
margin-bottom: 0;
}
.entry-categories,
.entry-tags {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: 0.2em;
}
.entry-categories img,
.entry-tags img {
display: inline-flex;
opacity: 0.618;
}
.entry-categories a,
.entry-tags a {
display: inline-flex;
margin-left: 0.2em;
font-weight: 600;
transition: all 0.3s ease;
}
.entry-author-name {
text-transform: capitalize;
}
.archive-description {
width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding: 15rem 0;
border-bottom: 1px solid #eceef1;
background-color: #c6cace;
}
.archive-description h1 {
max-width: 512px;
margin: 0 auto;
color: #ffffff;
text-align: center;
} .entry-footer {
margin-top: 5vw;
padding: 5vw 0;
border-top: 1px solid #eceef1;
border-bottom: 1px solid #eceef1;
}
.blog .entry-footer,
.archive .entry-footer,
.search-results .entry-footer {
margin: 0;
padding: 0;
border: 0;
}
.single-portfolio .entry-footer {
display: none;
} .pagination {
padding: 6vw 0;
clear: both;
}
.pagination:before,
.pagination:after {
display: block;
clear: both;
content: '';
}
.adjacent-entry-pagination {
padding-bottom: 0;
}
.archive-pagination {
width: 100%;
}
.archive-pagination ul {
display: flex;
justify-content: center;
}
.archive-pagination li {
margin: 0 0.25em 0 0;
}
.archive-pagination a {
display: block;
padding: 0.5rem 1rem;
border-radius: 3px;
color: #2a3139;
font-size: 1.6rem;
text-decoration: none;
transition: all 0.3s ease;
}
.archive-pagination a:hover,
.archive-pagination a:focus {
color: #771216;
}
.archive-pagination .active a {
font-family: 'Patua One', cursive;
font-size: 15px;
font-size: 1.5rem;
font-weight: 600;
padding: 1.2em 2.2em;
background-color: #771216;
color: #ffffff;
} .comment-respond,
.entry-comments,
.entry-pings {
width: 100%;
max-width: 768px;
margin: 0 auto;
padding: 6vw 0;
border-radius: 3px;
font-size: 1.6rem;
}
.comment-respond .form-submit {
margin-bottom: 0;
}
.comment-respond label {
display: block;
width: 100%;
margin-bottom: 1em;
}
.comment-respond input,
.comment-respond textarea {
display: block;
width: 100%;
}
.comment-respond input[type='submit'] {
width: auto;
}
.comment-author span:first-of-type {
font-weight: 700;
text-transform: capitalize;
}
.comment-list li {
padding: 4rem 0 0 5vw;
}
.comment-list .depth-1 {
padding-left: 0;
}
.comment-list .comment-respond {
padding-left: 5vw;
}
.comment-list > .comment-respond {
padding-left: 0;
}
.comment-header {
margin-bottom: 5vw;
}
.comment-header p {
margin-bottom: 0;
}
.comment-edit-link {
padding-left: calc(4.8rem + 1em);
}
.entry-pings .comment-edit-link {
display: block;
clear: both;
padding: 0;
}
.comment-meta {
padding-left: calc(4.8rem + 1em);
word-break: break-all;
}
.entry-pings .comment-meta {
padding: 0 0 1em;
}
.comment-meta .comment-time a {
color: #c6cace;
font-size: small;
text-decoration: none;
}
.comment-content {
clear: both;
}
.comment-content ul > li {
list-style-type: disc;
}
.comment-respond input[type='email'] label,
.comment-respond input[type='text'] label,
.comment-respond input[type='url'] label {
display: block;
margin-right: 1rem;
}
.comment-reply-title a {
font-size: 1.5rem;
}
.entry-pings .reply {
display: none;
}
.pingback:last-of-type p {
margin-bottom: 0;
} .sidebar {
position: relative;
z-index: 1;
}
.sidebar ol,
.sidebar ul {
margin-left: 1em;
color: #4d5968;
line-height: 2;
}
.sidebar ol > li {
list-style-type: decimal;
}
.sidebar ul > li {
list-style-type: disc;
}
.sidebar li li {
list-style-type: circle;
}
.sidebar a {
color: #3f454c;
}
.sidebar a:hover,
.sidebar a:focus {
color: #771216;
} .sidebar .widget {
padding: 3.5vw 0;
font-size: 1.5rem;
}
.sidebar .widget:first-of-type {
padding-top: 0;
}
.blog .sidebar .widget,
.archive .sidebar .widget {
margin-bottom: 7vw;
padding: 3.5vw;
border: 1px solid #eceef1;
border-radius: 3px;
background-color: #ffffff;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar td,
.widget_calendar th {
text-align: center;
} .site-footer {
position: relative;
width: 100%;
border-top: 1px solid #eceef1;
color: #4d5968;
}
.site-footer a {
color: #3f454c;
}
.site-footer a:hover,
.site-footer a:focus {
color: #771216;
}
.site-footer .button {
color: #ffffff;
}
.site-footer .button:hover,
.site-footer .button:focus {
color: #ffffff;
}
.site-footer .button.outline {
color: #771216;
}
.site-footer .button.outline:hover,
.site-footer .button.outline:focus {
color: #ffffff;
}
.site-footer .button.white {
color: #2a3139;
}
.site-footer .button.white:hover,
.site-footer .button.white:focus {
color: #2a3139;
}
.site-footer .button.white.outline {
color: #ffffff;
}
.site-footer .button.white.outline:hover,
.site-footer .button.white.outline:focus {
color: #2a3139;
}
.site-footer .button:disabled {
color: #c6cace;
}  .before-footer {
padding: 4rem 0;
position: relative;
color: #ffffff;
background-position: center;
background-size: cover;
}
.before-footer:before {
display: block !important;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(42, 49, 57, 0.4);
content: '';
pointer-events: none;
transition: all 0.3s ease;
}
.before-footer .widget {
position: relative;
z-index: 2;
max-width: 768px;
margin: 0 auto;
}
.before-footer .widget-wrap {
height: 100%;
}
.before-footer .widget_media_image {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
padding: 0;
}
.before-footer .widget_media_image figure {
width: 100%;
min-width: 100%;
height: 100%;
margin: 0;
}
.before-footer .widget_media_image img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.before-footer .widget_media_image figcaption {
overflow: hidden;
clip: rect(0, 0, 0, 0);
position: absolute !important;
width: 0.1rem;
height: 0.1rem;
border: 0;
background-color: #ffffff;
}
.before-footer p {
color: #eceef1;
} .footer-widgets {
position: relative;
padding: 5rem 0 0;
font-size: 1.5rem;
}
.footer-widgets .widget-title {
margin-bottom: 1em;
color: #2a3139;
font-size: 1.6rem;
}
.footer-widgets .widget-area {
margin: 0 auto 4rem;
}
.footer-widgets .widget-area.footer-widgets-1 i {
display: inline-block;
float: left;
margin-top: 0.2em;
margin-right: 0.618em;
}
.footer-widgets .widget-area.footer-widgets-2 {
display: flex;
}
.footer-widgets .widget-area.footer-widgets-2 .widget {
width: 48.71795%;
}
.footer-widgets .widget-area .widget {
display: block;
margin-bottom: 4rem;
}
.footer-widgets .widget-area .widget:last-of-type {
margin-bottom: 0;
}
.footer-widgets .widget-area .widget.widget_nav_menu {
margin-bottom: 0;
} .footer-credits {
display: flex;
width: 100%;
margin: 0;
font-size: 1.5rem;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.footer-credits .wrap {
padding: 4rem 0;
border-top: 1px solid #eceef1;
}
.footer-credits .simple-social-icons {
margin-bottom: 1em;
margin-left: -1em;
}
.footer-credits .menu-item {
width: auto;
margin-left: 2em;
}
.footer-credits p {
margin-bottom: 0;
} .sidebar .enews input {
margin-bottom: 1em;
}
.site-footer .enews form {
position: relative;
margin-top: 0.618em;
}
.site-footer .enews input[type='text'],
.site-footer .enews input[type='email'] {
margin-top: 1rem;
}
.site-footer .enews input[type='submit'] {
position: absolute;
right: 0;
bottom: 0;
padding-right: 0;
color: transparent;
background: transparent;
box-shadow: none;
}
.site-footer .enews input[type='submit']:hover + .send-icon,
.site-footer .enews input[type='submit']:focus + .send-icon {
opacity: 1;
}
.site-footer .enews .send-icon {
display: block;
position: absolute;
right: 2em;
bottom: 1em;
width: 1.8rem;
height: 1.8rem;
margin: 0;
opacity: 0.236;
background: center/contain no-repeat url(//www.eastmainink.com/wp-content/themes/corporate-pro/assets/images/paper-plane.svg);
pointer-events: none;
transition: all 0.3s ease;
} .archive.genesis-pro-portfolio .content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.archive.genesis-pro-portfolio .entry {
width: 100%;
margin: 0 0 6vw;
padding: 0;
border: 0;
}
.archive.genesis-pro-portfolio .entry:before {
display: block !important;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(42, 49, 57, 0.5);
content: '';
pointer-events: none;
transition: all 0.3s ease;
}
.archive.genesis-pro-portfolio .entry:before {
opacity: 0;
}
.archive.genesis-pro-portfolio .entry:hover:before,
.archive.genesis-pro-portfolio .entry:focus:before {
opacity: 1;
}
.archive.genesis-pro-portfolio .entry:hover .entry-header,
.archive.genesis-pro-portfolio .entry:focus .entry-header {
top: 0;
bottom: 0;
margin: 0;
opacity: 1;
}
.archive.genesis-pro-portfolio .entry-header {
display: flex;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-top: 100%;
opacity: 0;
pointer-events: none;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.archive.genesis-pro-portfolio .entry-header a {
color: #ffffff;
} div.gs-faq {
padding: 0;
border-top: 1px solid #eceef1;
box-shadow: 0 2rem 5rem -0.618rem rgba(42, 49, 57, 0.0618);
}
div.gs-faq .gs-faq__question {
display: block;
position: relative;
z-index: 1;
height: auto;
margin: 0;
padding: 1.5em 3em 1.5em 1.5em;
border: 1px solid #eceef1;
border-top: 0;
border-radius: 0;
color: #2a3139;
background: #ffffff;
box-shadow: none;
font-size: 1.8rem;
font-weight: 600;
line-height: 1;
}
div.gs-faq .gs-faq__question:hover,
div.gs-faq .gs-faq__question:focus {
color: #771216;
}
div.gs-faq .gs-faq__question:after {
position: absolute;
top: 1.5em;
right: 1em;
line-height: 1;
content: '+';
}
div.gs-faq .gs-faq__question.gs-faq--expanded:after {
content: '-';
}
div.gs-faq .gs-faq__question:last-of-type {
margin-bottom: 0;
}
div.gs-faq .gs-faq__answer {
margin: 0;
padding: 3rem;
border: 1px solid #eceef1;
border-top: 0;
background-color: #ffffff;
} .share-after {
margin-top: 4rem;
} .lSSlideWrapper {
max-width: calc(100% + 4em);
margin: 0 -2em;
}
.gts-rating {
margin: 1em auto -1em;
}
.lSSlideOuter {
width: 100%;
}
.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
height: auto !important;
}
ul.testimonials-list li:before {
display: block;
margin: 0 0 -0.5em;
color: rgba(42, 49, 57, 0.2);
font-family: 'Georgia', 'Apple Garamond', 'Baskerville', 'Times New Roman', 'Droid Serif', 'Times', 'Source Serif Pro', serif;
font-size: 8rem;
line-height: 1;
content: '“';
}
ul.testimonials-list blockquote {
padding: 0 2em 1em;
border: 0;
}
ul.testimonials-list img {
width: 6rem;
margin: 2rem auto;
}
ul.testimonials-list h5 {
color: #2a3139;
font-size: 1em;
}
.lSSlideOuter .lSPager.lSpg > li a {
opacity: 0.1;
background-color: #2a3139;
}
.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg > li:hover a {
opacity: 0.3;
background-color: #2a3139;
}
.gts-company {
display: block;
margin-bottom: 1em;
font-size: small;
} .contact-page .agm-canvas:before {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(42, 49, 57, 0.618);
} .nf-field .nf-field-element input,
.nf-field .nf-field-element select {
height: 3em;
} .slick-initialized .slick-slide {
display: flex;
}
.no-js .slick-slide:first-of-type {
display: block;
width: 100%;
}
.slick-arrow {
box-shadow: none;
} .simple-social-icons {
overflow: hidden;
}
.simple-social-icons svg[class^='social-'],
.simple-social-icons svg[class*=' social-'] {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.simple-social-icons ul {
display: flex;
margin: -0.5em -0.5em 0 0;
padding: 0;
flex-wrap: wrap;
justify-content: flex-start;
}
.simple-social-icons ul li {
margin: 0.5em 0.5em 0 0;
padding: 0;
border: none;
background: none;
list-style-type: none;
}
.simple-social-icons ul li a {
display: inline-block;
box-sizing: content-box;
width: 1em;
height: 1em;
margin: 2px;
border: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 1;
text-align: center;
text-decoration: none;
text-transform: none;
}
.simple-social-icons ul.aligncenter {
justify-content: center;
}
.simple-social-icons ul.alignleft {
justify-content: flex-start;
}
.simple-social-icons ul.alignright {
justify-content: flex-end;
} .featherlight .featherlight-close-icon {
box-shadow: none;
} .front-page-widget {
position: relative;
width: 100%;
padding: 6rem 0;
}
.front-page-widget:nth-of-type(even) {
border-top: 1px solid #eceef1;
border-bottom: 1px solid #eceef1;
background-color: #F0F0EE;
}
.front-page-widget .widget:last-of-type {
margin-bottom: 0;
}
.front-page-widget .textwidget {
width: 100%;
}
.front-page-widget p,
.front-page-widget li {
color: #4d5968;
} .no-js.has-hero-slider .front-page-1 .slick-slide {
min-height: 100%;
}
.no-js.has-hero-slider .front-page-1 .slick-slide:first-of-type {
display: flex;
align-items: center;
}
.has-hero-slider .front-page-1 {
padding: 0;
background-color: #c6cace;
}
.has-hero-slider .front-page-1 > .wrap {
width: 100%;
max-width: 100%;
padding: 0;
}
.has-hero-slider .front-page-1 .slick-slider {
max-height: 100vh;
}
.has-hero-slider .front-page-1 .slick-slide {
min-height: 100%;
}
.has-hero-slider .front-page-1 .slick-dots {
line-height: 0;
}
.has-hero-slider .front-page-1 .slick-wrap {
max-width: 88vw;
}
.has-hero-slider .front-page-1 .slick-content {
max-width: 768px;
}
.has-hero-slider .front-page-1 .slick-arrow {
visibility: hidden;
overflow: hidden;
}
.has-hero-slider .front-page-1 h2 {
margin-bottom: 0.382em;
font-size: 2em;
}
.has-hero-slider .front-page-1 p {
max-width: 512px;
line-height: 1.382;
}
.front-page-1.hero-section {
padding: calc(15vw + 6rem) 0 15vw;
text-align: left;
}
.front-page-1.hero-section .wrap {
margin: 0 auto;
padding-right: 6vw;
padding-left: 6vw;
}
.front-page-1.hero-section h1 {
text-align: left;
}
.front-page-1.hero-section p {
margin: 0.5em 0 1.5em;
color: #ffffff;
text-align: left;
} .front-page-2 .wrap {
padding: 0;
}
.front-page-2 .gallery img {
width: 100%;
height: auto;
min-height: 1rem;
margin: 2px;
padding: 0 6vw;
}
.front-page-2 .gallery-item {
margin: 0;
}
.no-js .front-page-2 .gallery-item {
max-width: 50%;
}
.front-page-2 .slick-list {
width: 100%;
}
.front-page-2 .slick-track {
display: flex;
align-items: center;
justify-content: space-between;
min-width: 100%;
} .front-page-3 .wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.front-page-3 .wrap:before,
.front-page-3 .wrap:after {
display: none;
}
.front-page-3 .widget hr {
margin: 5rem 0;
}
.front-page-3 .icon_widget {
align-self: flex-start;
}
.front-page-3 .icon_widget .widget-title {
font-size: 1.9rem;
}
.front-page-3 .icon_widget i {
display: inline-block;
}
.front-page-3 .mejs-container {
min-width: 86vw !important;
max-width: 86vw;
border-radius: 6px;
background-color: #F0F0EE;
}
.front-page-3 .mejs-mediaelement {
overflow: hidden;
padding: 0;
border-radius: 5px;
box-shadow: 0 2rem 6rem -2rem rgba(42, 49, 57, 0.236);
}
.front-page-3 .mejs-controls {
display: none;
}
.front-page-3 .mejs-overlay-button {
display: flex;
width: 6rem;
height: 6rem;
border-radius: 9rem;
background-color: #ffffff;
box-shadow: 0 2rem 3rem -1rem rgba(42, 49, 57, 0.5);
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.front-page-3 .mejs-overlay-button:hover,
.front-page-3 .mejs-overlay-button:focus {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.front-page-3 .mejs-overlay-button:after {
display: block;
color: #2a3139;
line-height: 1;
content: '►';
}
.front-page-3 iframe {
-webkit-transform: scale(1.01);
transform: scale(1.01);
} .front-page-4 .wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
text-align: center;
}
.front-page-4 .widget:first-of-type {
margin-bottom: 5rem;
} .front-page-5 {
padding: 0;
border: none !important;
text-align: center;
}
.front-page-5 .wrap {
width: 100%;
min-width: 100%;
padding: 0;
}
.front-page-5 .widget-title {
margin: 0 0 5rem;
text-align: center;
}
.front-page-5 .widget-subtitle {
margin: 10rem 0 1em;
text-align: center;
}
.front-page-5 .widget-wrap {
display: flex;
width: 100vw;
flex-wrap: wrap;
}
.front-page-5 .entry.portfolio {
overflow: hidden;
position: relative;
width: 100vw;
margin: 0;
padding: 0;
text-align: center;
}
.front-page-5 .entry.portfolio > a {
display: block;
margin: 0;
}
.front-page-5 .entry.portfolio > a:before {
display: block !important;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(42, 49, 57, 0.5);
content: '';
pointer-events: none;
transition: all 0.3s ease;
}
.front-page-5 .entry.portfolio > a:before {
opacity: 0;
}
.front-page-5 .entry.portfolio > a:hover:before,
.front-page-5 .entry.portfolio > a:focus:before {
opacity: 1;
}
.front-page-5 .entry.portfolio > a:hover + .entry-header,
.front-page-5 .entry.portfolio > a:focus + .entry-header {
top: 50%;
opacity: 1;
}
.front-page-5 .entry-header {
position: absolute;
z-index: 2;
top: 100%;
left: 50%;
opacity: 0;
color: #ffffff;
font-size: 1em;
font-weight: 700;
text-decoration: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
transition: all 0.3s ease;
}
.front-page-5 .entry-header a {
color: #ffffff;
}
.front-page-5 img {
display: block;
min-width: 100%;
transition: all 0.3s ease;
} .front-page-6 {
font-family: 'Patua One', cursive;
font-size: 15px;
font-size: 1.5rem;
font-weight: 600;
padding: 1.2em 2.2em;
background-color: #771216;
border: none !important;
color: #ffffff;
}
.front-page-6 .wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.front-page-6 .wrap:before,
.front-page-6 .wrap:after {
display: none;
}
.front-page-6 .widget:last-of-type .button {
margin-bottom: 0;
}
.front-page-6 p {
max-width: 768px;
color: #ffffff;
}
.front-page-6 .alignright {
margin-left: 0;
} .front-page-7 {
text-align: center;
}
.front-page-7 .wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0;
}
.front-page-7 .wrap:before,
.front-page-7 .wrap:after {
display: none;
}
.front-page-7 .widget {
width: 100%;
}
.front-page-7 .pricing-table {
margin-right: 6vw;
margin-left: 6vw;
}
.front-page-7 hr {
max-width: 88vw;
margin-right: auto;
margin-left: auto;
}
.front-page-7 ul blockquote {
padding-right: calc(2em + 6vw);
padding-left: calc(2em + 6vw);
} .front-page-8 .wrap {
position: relative;
}
.front-page-8 .widget-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.front-page-8 .widget-title {
width: 100%;
margin-bottom: 1.618em;
text-align: center;
}
.front-page-8 .widget-subtitle {
width: 100%;
text-align: center;
}
.front-page-8 .entry {
padding: 3rem;
border: 1px solid #eceef1;
border-radius: 3px;
transition: all 0.3s ease;
}
.front-page-8 .entry:hover,
.front-page-8 .entry:focus {
box-shadow: 0 2rem 6rem rgba(198, 202, 206, 0.2);
}
.front-page-8 .entry > a {
display: block;
width: calc(100% + 6rem);
max-width: calc(100% + 6rem);
margin: 0;
margin: -3rem -3rem 3rem;
border-radius: 3px 3px 0 0;
}
.front-page-8 .entry > a img {
border-radius: 3px 3px 0 0;
}
.front-page-8 .entry p:last-of-type {
margin-bottom: 0;
}
.front-page-8 .entry-title {
order: 2;
}
.front-page-8 p.entry-meta {
order: 1;
font-size: small;
}
.front-page-8 p.entry-meta:last-of-type {
margin-bottom: 1em;
} .front-page-9 {
position: relative;
color: #ffffff;
background-position: center;
background-size: cover; }
.front-page-9:before {
display: block !important;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(42, 49, 57, 0.4);
content: '';
pointer-events: none;
transition: all 0.3s ease;
}
.front-page-9 .widget {
position: relative;
z-index: 2;
max-width: 768px;
margin: 0 auto;
}
.front-page-9 .widget-wrap {
height: 100%;
}
.front-page-9 .widget_media_image {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
padding: 0;
}
.front-page-9 .widget_media_image figure {
width: 100%;
min-width: 100%;
height: 100%;
margin: 0;
}
.front-page-9 .widget_media_image img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.front-page-9 .widget_media_image figcaption {
overflow: hidden;
clip: rect(0, 0, 0, 0);
position: absolute !important;
width: 0.1rem;
height: 0.1rem;
border: 0;
background-color: #ffffff;
}
.front-page-9 p {
color: #eceef1;
}
.front-page-9 form {
margin-top: 1.382em;
}
.front-page-9 ::-moz-placeholder {
opacity: 1;
color: #eceef1;
}
.front-page-9 ::-webkit-input-placeholder {
color: #eceef1;
}
.front-page-9 input {
display: block;
margin: 0 auto 1em;
border: 0;
color: #ffffff;
background-color: rgba(255, 255, 255, 0.25);
transition: all 0.3s ease;
}
.front-page-9 input[type='submit'] {
width: auto;
margin-bottom: 0;
}
.front-page-9 input:hover,
.front-page-9 input:focus {
background-color: rgba(255, 255, 255, 0.3);
} @media (min-width: 384px) {
.before-header p {
display: inline-flex;
margin: 0 1em 0 0;
}
.has-hero-slider .front-page-1 h2 {
font-size: 2.2em;
line-height: 1.236;
}
.has-hero-slider .front-page-1 p {
line-height: 1.618;
}
}
@media (min-width: 512px) {
.button + button,
.button + .button,
button + button,
button + .button,
input[type='button'] + button,
input[type='button'] + .button,
input[type='reset'] + button,
input[type='reset'] + .button,
input[type='submit'] + button,
input[type='submit'] + .button,
.wp-block-button a + button,
.wp-block-button a + .button {
clear: none;
margin-top: 0;
}
.gallery-item {
width: 48.71795%;
margin-bottom: 2.5rem;
}
.gallery-item:nth-of-type(odd) {
clear: both;
margin-left: 0;
}
.after-entry .enews input {
max-width: 38.46154%;
margin-left: 2.5641%;
}
.after-entry .enews input:first-of-type {
margin-left: 0;
}
.blocks-gallery-image {
width: 48.71795%;
margin-bottom: 2.5641%;
}
.blocks-gallery-image:nth-of-type(odd) {
clear: both;
margin-left: 0;
}
.front-page .content .entry.post,
.blog .content .entry,
.archive .content .entry,
.search-results .content .entry {
width: 48.71795%;
margin-bottom: 2.5rem;
margin-left: 2.5641%;
}
.front-page .content .entry.post:nth-of-type(odd),
.blog .content .entry:nth-of-type(odd),
.archive .content .entry:nth-of-type(odd),
.search-results .content .entry:nth-of-type(odd) {
margin-left: 0;
}
.archive.genesis-pro-portfolio .entry {
width: 48.71795%;
margin-bottom: 2.5rem;
margin-left: 2.5641%;
}
.archive.genesis-pro-portfolio .entry:nth-of-type(odd) {
margin-left: 0;
}
.has-hero-slider .front-page-1 .slick-arrow {
visibility: visible;
}
.front-page-5 .entry.portfolio {
width: 50vw;
}
.front-page-9 input {
display: inline-block;
width: auto;
margin: 0 0.2em 1em;
}
}
@media (min-width: 768px) {
body {
font-size: 1.8rem;
}
body > div {
font-size: 1.8rem;
}
h1 {
font-size: 2.4em;
}
.front-page-2 h1 {font-size: 2.4em}
.wp-video-shortcode {
width: auto;
}
.content-sidebar-wrap,
.wrap {
width: 88%;
max-width: 1152px;
padding-right: 0;
padding-left: 0;
}
.contact-page .site-inner {
padding-top: 10rem;
}
.contact-page.has-before-header .site-inner {
padding-top: 14rem;
}
.content {
padding: 6rem;
}
.front-page.page .content {
margin: 0;
}
.blog .content,
.archive .content,
.search-results .content {
padding: 6rem 0;
}
.page .content,
.single .content,
.error404 .content {
margin: -6rem auto 0;
}
.page .content:before,
.single .content:before,
.error404 .content:before {
display: block;
}
.landing-page .content {
margin-top: 0;
}
.landing-page .content:before {
display: none;
}
.one-half,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth,
.two-thirds,
.two-fourths,
.two-fifths,
.two-sixths,
.three-fourths,
.three-fifths,
.three-sixths,
.four-fifths,
.four-sixths,
.five-sixths {
float: left;
clear: none;
margin-left: 2.5641%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.71795%;
}
.one-third,
.two-sixths {
width: 31.62393%;
}
.four-sixths,
.two-thirds {
width: 65.81197%;
}
.one-fourth {
width: 23.07692%;
}
.three-fourths {
width: 74.35897%;
}
.one-fifth {
width: 17.94872%;
}
.two-fifths {
width: 38.46154%;
}
.three-fifths {
width: 58.97436%;
}
.four-fifths {
width: 79.48718%;
}
.one-sixth {
width: 14.52991%;
}
.five-sixths {
width: 82.90598%;
}
.first {
clear: both;
margin-left: 0;
}
.gallery-item {
margin-bottom: 2.5rem;
margin-left: 2.5641%;
}
.gallery-item:nth-of-type(odd) {
margin-left: 2.5641%;
}
.gallery-columns-2 .gallery-item {
width: 48.71795%;
}
.gallery-columns-2 .gallery-item:nth-of-type(odd) {
margin-left: 0;
}
.gallery-columns-3 .gallery-item {
width: 31.62393%;
}
.gallery-columns-3 .gallery-item:nth-of-type(odd) {
margin-left: 2.5641%;
}
.gallery-columns-3 .gallery-item:nth-of-type(3n + 1) {
margin-left: 0;
}
.gallery-columns-4 .gallery-item {
width: 23.07692%;
}
.gallery-columns-4 .gallery-item:nth-of-type(3n + 1) {
margin-left: 2.5641%;
}
.gallery-columns-4 .gallery-item:nth-of-type(4n + 1) {
margin-left: 0;
}
.gallery-columns-5 .gallery-item {
width: 17.94872%;
}
.gallery-columns-5 .gallery-item:nth-of-type(4n + 1) {
margin-left: 2.5641%;
}
.gallery-columns-5 .gallery-item:nth-of-type(5n + 1) {
margin-left: 0;
}
.gallery-columns-6 .gallery-item {
width: 14.52991%;
}
.gallery-columns-6 .gallery-item:nth-of-type(5n + 1) {
margin-left: 2.5641%;
}
.gallery-columns-6 .gallery-item:nth-of-type(6n + 1) {
margin-left: 0;
}
.gallery-columns-7 .gallery-item {
width: 12.08791%;
}
.gallery-columns-7 .gallery-item:nth-of-type(6n + 1) {
margin-left: 2.5641%;
}
.gallery-columns-7 .gallery-item:nth-of-type(7n + 1) {
margin-left: 0;
}
.gallery-columns-8 .gallery-item {
width: 10.25641%;
}
.gallery-columns-8 .gallery-item:nth-of-type(7n + 1) {
margin-left: 2.5641%;
}
.gallery-columns-8 .gallery-item:nth-of-type(8n + 1) {
margin-left: 0;
}
.gallery-columns-9 .gallery-item {
width: 8.83191%;
}
.gallery-columns-9 .gallery-item:nth-of-type(8n + 1) {
margin-left: 2.5641%;
}
.gallery-columns-9 .gallery-item:nth-of-type(9n + 1) {
margin-left: 0;
}
.pricing-table + .pricing-table {
margin: 10rem 0;
}
.pricing-table + hr {
margin: 10rem 0;
}
.author-box {
padding: 6rem 0;
}
.blocks-gallery-image {
margin-bottom: 2.5641%;
margin-left: 2.5641%;
}
.blocks-gallery-image:nth-of-type(odd) {
margin-left: 2.5641%;
}
.wp-block-gallery.columns-2 .blocks-gallery-image {
width: 48.71795%;
margin-left: 2.5641%;
}
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(odd) {
margin-left: 0;
}
.wp-block-gallery.columns-3 .blocks-gallery-image {
width: 31.62393%;
}
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(odd) {
margin-left: 2.5641%;
}
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n + 1) {
margin-left: 0;
}
.wp-block-gallery.columns-4 .blocks-gallery-image {
width: 23.07692%;
}
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(3n + 1) {
margin-left: 2.5641%;
}
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n + 1) {
margin-left: 0;
}
.wp-block-gallery.columns-5 .blocks-gallery-image {
width: 17.94872%;
}
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(4n + 1) {
margin-left: 2.5641%;
}
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n + 1) {
margin-left: 0;
}
.wp-block-gallery.columns-6 .blocks-gallery-image {
width: 14.52991%;
}
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(5n + 1) {
margin-left: 2.5641%;
}
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n + 1) {
margin-left: 0;
}
.wp-block-gallery.columns-7 .blocks-gallery-image {
width: 12.08791%;
}
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(6n + 1) {
margin-left: 2.5641%;
}
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n + 1) {
margin-left: 0;
}
.wp-block-gallery.columns-8 .blocks-gallery-image {
width: 10.25641%;
}
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(7n + 1) {
margin-left: 2.5641%;
}
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n + 1) {
margin-left: 0;
}
.wp-block-gallery.columns-9 .blocks-gallery-image {
width: 8.83191%;
}
.wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(8n + 1) {
margin-left: 2.5641%;
}
.wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(9n + 1) {
margin-left: 0;
}
.hero-section {
padding: 6rem 0;
}
.blog .hero-section .wrap,
.archive .hero-section .wrap,
.search-results .hero-section .wrap {
padding-bottom: 0;
}
.hero-section .wrap {
max-width: 896px;
padding-bottom: 6rem;
}
.nav-primary,
.nav-secondary {
right: calc(-40rem + -6vw);
}
.nav-primary.activated,
.nav-secondary.activated {
right: -6vw;
}
.entry-footer {
margin-top: 4rem;
padding: 4rem 0;
}
.comment-respond,
.entry-comments,
.entry-pings {
padding: 6rem 0;
}
.comment-header {
margin-bottom: 2em;
}
.sidebar .widget {
padding: 3rem 0;
}
.sidebar .widget:first-of-type {
padding-top: 3rem;
}
.blog .sidebar .widget,
.archive .sidebar .widget {
margin-bottom: 3rem;
padding: 3rem;
}
.site-footer .widget-area {
margin-bottom: 0;
} .before-footer.front-page-widget {
padding: 5rem 0;
}
.before-footer .wrap {
padding: 5rem 0;
}
.footer-widgets {
padding: 10rem 0 0;
}
.footer-widgets .wrap {
display: flex;
flex-wrap: wrap;
}
.footer-widgets .widget-area {
width: 31.62393%;
margin-left: 2.5641%;
}
.footer-widgets .widget-area.footer-widgets-1 {
margin-left: 0;
}
.footer-widgets .widget-area.footer-widgets-2 {
margin-bottom: 0;
}
.footer-credits {
margin-top: 4rem;
}
.footer-credits .wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer-credits .widget:last-of-type {
text-align: right;
}
.footer-credits .simple-social-icons {
margin-bottom: 0;
}
.front-page-widget {
padding: 10rem 0;
}
.front-page-9.front-page-widget {
padding: 5rem 0;
}
.has-hero-slider .front-page-1 {
padding: 0;
}
.has-hero-slider .front-page-1 .slick-slider {
max-height: 100vh;
}
.has-hero-slider .front-page-1 .slick-arrow {
top: 50%;
}
.has-hero-slider .front-page-1 h2 {
font-size: 2.4em;
}
.front-page-1.hero-section {
padding: 16rem 0;
}
.front-page-1.hero-section .wrap {
width: 88%;
max-width: 1152px;
padding-right: 0;
padding-left: 0;
}
.front-page-2 {
padding: 5rem 0;
}
.front-page-2 .widget-wrap {
width: calc(100% + 10vw);
max-width: calc(100% + 10vw);
margin: 0 -5vw;
}
.front-page-2 .gallery img {
padding: 0 5vw;
}
.no-js .front-page-2 .gallery img {
padding: 0 1rem;
}
.front-page-2 .gallery-item {
margin: 0 !important;
}
.no-js .front-page-2 .gallery-item {
max-width: 100%;
}
.front-page-3 .widget hr {
margin: 7.5rem 0;
}
.front-page-3 .mejs-container {
min-width: 100% !important;
max-width: 100%;
}
.front-page-3 .mejs-mediaelement {
box-shadow: 0 3rem 9rem -3rem rgba(42, 49, 57, 0.236);
}
.front-page-3 .mejs-overlay-button {
width: 8rem;
height: 8rem;
}
.front-page-4 .pull-left {
position: relative;
right: 0;
width: 150%;
max-width: 150% !important;
margin-left: -50%;
}
.front-page-5 {
padding: 0;
}
.front-page-5 .entry.portfolio {
width: 33.33333333333333vw;
}
.front-page-6 {
padding: 10rem 0;
}
.front-page-6 .widget {
margin-bottom: 0;
}
.front-page-6 p {
margin-bottom: 0;
}
.front-page-7 .pricing-table {
margin-top: 5rem;
margin-right: 0;
margin-left: 0;
}
.front-page-7 hr {
max-width: 100%;
}
.front-page-7 ul blockquote {
padding-right: 2em;
padding-left: 2em;
}
.front-page-8 .entry {
clear: none;
width: 31.62393%;
margin-top: 0;
margin-bottom: 0;
margin-left: 2.5641%;
}
.front-page-8 .entry:nth-of-type(3n + 1) {
margin-left: 0;
}
.front-page-8 .entry:nth-of-type(1n + 4) {
margin-top: 2.5641%;
}
.front-page-9 .wrap {
padding: 5rem 0;
}
.front-page-9 input {
margin-bottom: 0;
}
}
@media (min-width: 896px) {
.content-sidebar-wrap {
display: flex;
padding: 0;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.content-sidebar-wrap:before,
.content-sidebar-wrap:after {
display: none;
}
.sidebar-content .content-sidebar-wrap {
flex-direction: row-reverse;
}
.single .content,
.contact-page .content {
width: 768px;
}
.single-product .content {
width: 896px;
}
.content {
width: 100%;
}
.sidebar-primary {
width: 25%;
padding-top: 3rem;
}
.blog .sidebar-primary,
.archive .sidebar-primary {
padding-top: 6rem;
}
.sidebar-content .content,
.content-sidebar .content {
width: calc(75% - 5rem);
margin-right: 0;
margin-left: 0;
}
.single .gallery {
max-width: 896px;
}
.after-entry {
width: calc(100% + 12rem);
max-width: calc(100% + 12rem);
margin: 0 -6rem;
padding: 6rem;
}
.search-form .search-toggle {
display: block;
}
.site-header .search-form input[type='search'] {
display: none;
position: absolute;
top: 0;
right: 2em;
bottom: 0;
margin: auto 1em auto 0;
}
.js.has-sticky-header .site-header.shrink > .wrap {
height: 7rem;
}
.site-header > .wrap {
height: 10rem;
padding: 0;
flex-wrap: nowrap;
}
.no-js .site-header > .wrap {
padding: 0;
}
.title-area {
width: 100px!important;
}
.site-description {
line-height: 1.382;
text-align: left;
}
.before-header {
width: 100vw;
max-width: 100%;
}
.has-sticky-header .shrink .before-header {
margin-top: -4rem;
}
.before-header .wrap {
width: 88%;
max-width: 1152px;
padding: 0;
}
.header-widget-area {
display: block;
margin: 0 0 0 0.5em;
order: 5;
}
.hero-section {
padding: 8rem 0;
}
.menu {
font-size: 1.4rem;
}
.menu .rss,
.menu .date,
.menu .search,
.menu .twitter {
margin-top: 0;
margin-left: 0.618em;
}
.menu-item {
display: flex;
width: auto;
max-width: 30rem;
height: 10rem;
padding: 0 0.618em;
align-items: center;
order: initial;
}
.shrink .menu-item {
height: 7rem;
}
.menu-item:first-of-type > a {
padding-left: 0;
}
.menu-item:last-of-type a {
padding-right: 0;
}
.menu-item.button {
margin: 0 0 0 1em;
}
.sub-menu {
position: absolute;
z-index: 99;
top: 100%;
left: 0;
width: 20rem;
margin-left: -1em;
padding: 1em 0;
border: 1px solid #eceef1;
border-radius: 3px;
background-color: #F0F0EE;
}
.sub-menu:before {
display: block;
}
.sub-menu .menu-item {
height: auto;
padding: 0.5em 1em;
}
.sub-menu .menu-item:first-of-type {
margin-top: 0;
}
.sub-menu a {
position: relative;
padding: 0;
color: #90959f;
word-wrap: break-word;
}
.sub-menu .sub-menu {
top: -0.5em;
left: -0.1rem;
margin: -0.1rem 0 0 19.9rem;
padding-left: 0;
border: 1px solid #eceef1;
}
.nav-primary,
.nav-secondary {
display: block;
overflow: visible;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: auto;
max-width: none;
height: auto;
margin: 0;
padding: 0;
border: none;
background-color: transparent;
box-shadow: none;
}
.nav-primary.activated,
.nav-secondary.activated {
right: auto;
box-shadow: none;
}
.no-js .nav-primary,
.no-js
.nav-secondary {
display: block;
width: auto;
}
.nav-primary .menu,
.nav-secondary .menu {
padding: 0;
}
.nav-secondary {
width: 100%;
border-top: 1px solid rgba(198, 202, 206, 0.3);
}
.nav-secondary .menu-item {
height: 6rem;
}
.has-sticky-header .shrink .nav-secondary .menu-item {
height: 5rem;
}
.nav-secondary .menu > .menu-item:first-of-type {
padding-left: 0;
}
.menu-toggle {
display: none;
}
.sub-menu-toggle {
display: none;
}
.front-page .content .entry.post,
.blog .content .entry,
.archive .content .entry,
.search-results .content .entry {
width: 31.62393%;
margin-bottom: 2.5rem;
}
.front-page .content .entry.post:nth-of-type(odd),
.blog .content .entry:nth-of-type(odd),
.archive .content .entry:nth-of-type(odd),
.search-results .content .entry:nth-of-type(odd) {
margin-left: 2.5641%;
}
.front-page .content .entry.post:nth-of-type(3n + 1),
.blog .content .entry:nth-of-type(3n + 1),
.archive .content .entry:nth-of-type(3n + 1),
.search-results .content .entry:nth-of-type(3n + 1) {
margin-left: 0;
}
.pagination {
padding: 5rem 0;
}
.wpmenucart-contents {
margin-left: 1em;
}
.has-hero-slider .front-page-1 .slick-wrap {
width: 88%;
max-width: 1152px;
}
.has-before-header .has-hero-slider .front-page-1 .slick-wrap {
padding-top: 14rem;
}
.has-nav-secondary .has-hero-slider .front-page-1 .slick-wrap {
padding-top: 16rem;
}
.has-nav-secondary.has-before-header .has-hero-slider .front-page-1 .slick-wrap {
padding-top: 20rem;
}
}
@media (min-width: 1152px) {
.header-widget-area {
margin: 0 0 0 0;
}
.menu-item {
padding: 0 1em;
}
.front-page-2 .widget-wrap {
width: calc(100% + 7.5rem);
max-width: calc(100% + 7.5rem);
margin: 0 -3.75rem;
}
.front-page-2 .gallery img {
padding: 0 3.75rem;
}
}
@media (min-width: 1280px) {
.menu .rss,
.menu .date,
.menu .search,
.menu .twitter {
margin-left: 1.5em;
}
.comment-respond input[type='email'],
.comment-respond input[type='text'],
.comment-respond input[type='url'] {
width: 50%;
}
}
@media (max-width: 768px) {
.pricing-table div {
width: 100%;
}
.contact-page .agm-canvas {
height: 30rem !important;
}
}
@media print {
*,
*:before,
*:after {
color: #2a3139 !important;
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: ' (' attr(href) ')';
}
abbr[title]:after {
content: ' (' attr(title) ')';
}
a[href^='javascript:']:after,
a[href^='#']:after,
.site-title > a:after {
content: '';
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 2cm 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
blockquote,
pre {
border: 1px solid #eceef1;
page-break-inside: avoid;
}
.content,
.content-sidebar {
width: 100%;
}
button,
input,
select,
textarea,
.breadcrumb,
.comment-edit-link,
.comment-form,
.comment-list .reply a,
.comment-reply-title,
.edit-link,
.entry-comments-link,
.entry-footer,
.genesis-box,
.header-widget-area,
.hidden-print,
.home-top,
.nav-primary,
.nav-secondary,
.post-edit-link,
.sidebar {
display: none !important;
}
.title-area {
width: 100%;
text-align: center;
}
.site-title > a {
margin: 0;
text-decoration: none;
text-indent: 0;
}
.site-inner {
position: relative;
top: -10rem;
padding-top: 0;
}
.author-box {
margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
orphans: 3;
page-break-after: avoid;
page-break-inside: avoid;
widows: 3;
}
img {
page-break-after: avoid;
page-break-inside: avoid;
}
blockquote,
pre,
table {
page-break-inside: avoid;
}
dl,
ol,
ul {
page-break-before: avoid;
}
}