/*
* Keyframes, the global reset, and the forced-colors accessibility block.
*
* Exported from Wix and lifted out of _includes/head.html by
* tools/extract-wix-css.js. Reformatted but otherwise unchanged — edit
* assets/css/site.css or responsive.css instead of touching this.
*/
@keyframes slide-horizontal-new {
0% {
transform: translate(100%)
}
}
@keyframes slide-horizontal-old {
80% {
opacity: 1
}
to {
opacity: 0;
transform: translate(-100%)
}
}
@keyframes slide-vertical-new {
0% {
transform: translateY(-100%)
}
}
@keyframes slide-vertical-old {
80% {
opacity: 1
}
to {
opacity: 0;
transform: translateY(100%)
}
}
@keyframes out-in-new {
0% {
opacity: 0
}
}
@keyframes out-in-old {
to {
opacity: 0
}
}
:root:active-view-transition {
view-transition-name: none
}
:root:active-view-transition::view-transition-group(*) {
animation: none
}
:root:active-view-transition::view-transition-old(*) {
animation: none
}
:root:active-view-transition::view-transition-new(*) {
animation: none
}
:root::view-transition {
pointer-events: none
}
:root:active-view-transition #SITE_HEADER {
view-transition-name: header-group
}
:root:active-view-transition #WIX_ADS {
view-transition-name: wix-ads-group
}
:root:active-view-transition #SITE_FOOTER {
view-transition-name: footer-group
}
:root:active-view-transition #BACKGROUND_GROUP_TRANSITION_GROUP>div {
view-transition-name: background-group
}
:root:active-view-transition::view-transition-group(page-group) {
pointer-events: all;
cursor: wait;
animation: revert;
animation-duration: .6s
}
:root:active-view-transition::view-transition-old(page-group) {
pointer-events: all;
cursor: wait;
animation: revert;
animation-duration: .6s
}
:root:active-view-transition::view-transition-new(page-group) {
pointer-events: all;
cursor: wait;
animation: revert;
animation-duration: .6s
}
:root:active-view-transition-type(SlideHorizontal)::view-transition-old(page-group) {
mix-blend-mode: normal;
animation: .6s cubic-bezier(.83, 0, .17, 1) forwards slide-horizontal-old
}
:root:active-view-transition-type(SlideHorizontal)::view-transition-new(page-group) {
mix-blend-mode: normal;
animation: .6s cubic-bezier(.83, 0, .17, 1) backwards slide-horizontal-new
}
:root:active-view-transition-type(SlideVertical)::view-transition-old(page-group) {
mix-blend-mode: normal;
animation: .6s cubic-bezier(.83, 0, .17, 1) forwards slide-vertical-old
}
:root:active-view-transition-type(SlideVertical)::view-transition-new(page-group) {
mix-blend-mode: normal;
animation: .6s cubic-bezier(.83, 0, .17, 1) backwards slide-vertical-new
}
:root:active-view-transition-type(OutIn)::view-transition-old(page-group) {
animation: .35s cubic-bezier(.22, 1, .36, 1) forwards out-in-old
}
:root:active-view-transition-type(OutIn)::view-transition-new(page-group) {
animation: .35s cubic-bezier(.64, 0, .78, 0) .35s backwards out-in-new
}
@media (prefers-reduced-motion:reduce) {
::view-transition-group(*) {
animation: none !important
}
::view-transition-old(*) {
animation: none !important
}
::view-transition-new(*) {
animation: none !important
}
}
html,
body {
vertical-align: baseline;
background: 0 0;
border: 0;
outline: 0;
margin: 0;
padding: 0
}
body {
--scrollbar-width: 0px;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px
}
html,
body {
height: 100%
}
body {
overflow-x: auto;
overflow-y: scroll
}
body:not(.responsive) #site-root {
width: 100%;
min-width: var(--site-width)
}
body:not([data-js-loaded]) [data-hide-prejs] {
visibility: hidden
}
interact-element {
display: contents
}
#SITE_CONTAINER {
position: relative
}
:root {
--one-unit: 1vw;
--section-max-width: 9999px;
--spx-stopper-max: 9999px;
--spx-stopper-min: 0px;
--browser-zoom: 1
}
@supports ((-webkit-appearance:none)) and (stroke-color:transparent) {
:root {
--safari-sticky-fix: opacity;
--experimental-safari-sticky-fix: translateZ(0)
}
}
@supports (container-type:inline-size) {
:root {
--one-unit: 1cqw
}
}
[id^=oldHoverBox-] {
mix-blend-mode: plus-lighter;
transition: opacity .5s, visibility .5s
}
[data-mesh-id$=inlineContent-gridContainer]:has(>[id^=oldHoverBox-]) {
isolation: isolate
}
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
nav,
button,
section,
header,
footer,
title {
vertical-align: baseline;
background: 0 0;
border: 0;
outline: 0;
margin: 0;
padding: 0
}
textarea,
input,
select {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
ins {
text-decoration: none
}
del {
text-decoration: line-through
}
table {
border-collapse: collapse;
border-spacing: 0
}
a {
cursor: pointer;
text-decoration: none
}
.testStyles {
overflow-y: hidden
}
.reset-button {
color: inherit;
font: inherit;
-webkit-appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
background: 0 0;
border: 0;
outline: 0;
padding: 0;
line-height: normal;
overflow: visible
}
:focus {
outline: none
}
body.device-mobile-optimized:not(.disable-site-overflow) {
overflow-x: hidden;
overflow-y: scroll
}
body.device-mobile-optimized:not(.responsive) #SITE_CONTAINER {
width: 320px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow-x: visible
}
body.device-mobile-optimized:not(.responsive):not(.blockSiteScrolling) #SITE_CONTAINER {
margin-top: 0
}
body.device-mobile-optimized>* {
max-width: 100% !important
}
body.device-mobile-optimized #site-root {
overflow: hidden
}
@supports (overflow:clip) {
body.device-mobile-optimized #site-root {
overflow: clip
}
}
body.device-mobile-non-optimized #SITE_CONTAINER #site-root {
overflow: clip
}
body.device-mobile-non-optimized.fullScreenMode {
background-color: #5f6360
}
body.device-mobile-non-optimized.fullScreenMode #site-root,
body.device-mobile-non-optimized.fullScreenMode #SITE_BACKGROUND,
body.device-mobile-non-optimized.fullScreenMode #MOBILE_ACTIONS_MENU,
body.fullScreenMode #WIX_ADS {
visibility: hidden
}
body.fullScreenMode {
overflow: hidden !important
}
body.fullScreenMode.device-mobile-optimized #TINY_MENU {
opacity: 0;
pointer-events: none
}
body.fullScreenMode-scrollable.device-mobile-optimized {
overflow-x: hidden !important;
overflow-y: auto !important
}
body.fullScreenMode-scrollable.device-mobile-optimized #site-root,
body.fullScreenMode-scrollable.device-mobile-optimized #masterPage {
overflow: hidden !important
}
body.fullScreenMode-scrollable.device-mobile-optimized #masterPage,
body.fullScreenMode-scrollable.device-mobile-optimized #SITE_BACKGROUND {
height: auto !important
}
body.fullScreenMode-scrollable.device-mobile-optimized #masterPage.mesh-layout {
height: 0 !important
}
body.blockSiteScrolling,
body.siteScrollingBlocked {
width: 100%;
position: fixed
}
body.siteScrollingBlockedIOSFix {
overflow: hidden !important
}
body.blockSiteScrolling #SITE_CONTAINER {
margin-top: calc(var(--blocked-site-scroll-margin-top)*-1)
}
#site-root {
top: var(--wix-ads-height);
min-height: 100%;
margin: 0 auto;
position: relative
}
#site-root img:not([src]) {
visibility: hidden
}
#site-root svg img:not([src]) {
visibility: visible
}
.auto-generated-link {
color: inherit
}
#SCROLL_TO_TOP,
#SCROLL_TO_BOTTOM {
height: 0
}
.has-click-trigger {
cursor: pointer
}
.fullScreenOverlay {
z-index: 1005;
justify-content: center;
display: flex;
position: fixed;
top: -60px;
bottom: 0;
left: 0;
right: 0;
overflow-y: hidden
}
.fullScreenOverlay>.fullScreenOverlayContent {
margin: 0 auto;
position: absolute;
top: 60px;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
transform: translateZ(0)
}
[data-mesh-id$=inlineContent],
[data-mesh-id$=centeredContent],
[data-mesh-id$=form] {
pointer-events: none;
position: relative
}
[data-mesh-id$=-gridWrapper],
[data-mesh-id$=-rotated-wrapper] {
pointer-events: none
}
[data-mesh-id$=-gridContainer]>*,
[data-mesh-id$=-rotated-wrapper]>*,
[data-mesh-id$=inlineContent]>:not([data-mesh-id$=-gridContainer]) {
pointer-events: auto
}
.device-mobile-optimized #masterPage.mesh-layout #SOSP_CONTAINER_CUSTOM_ID {
-ms-grid-row: 2;
grid-area: 2/1/3/2;
position: relative
}
#masterPage.mesh-layout {
display: -ms-grid;
-ms-grid-rows: max-content max-content min-content max-content;
-ms-grid-columns: 100%;
grid-template-rows: max-content max-content min-content max-content;
grid-template-columns: 100%;
justify-content: stretch;
align-items: start;
display: grid
}
#masterPage.mesh-layout #SITE_HEADER_WRAPPER,
#masterPage.mesh-layout #SITE_HEADER-placeholder,
#masterPage.mesh-layout #SOSP_CONTAINER_CUSTOM_ID[data-state~=mobileView],
#masterPage.mesh-layout #PAGES_CONTAINER,
#masterPage.mesh-layout #soapBeforePagesContainer,
#masterPage.mesh-layout #soapAfterPagesContainer,
#masterPage.mesh-layout #SITE_FOOTER_WRAPPER,
#masterPage.mesh-layout #SITE_FOOTER-placeholder {
-ms-grid-column: 1;
-ms-grid-row-align: start;
-ms-grid-column-align: start
}
#masterPage.mesh-layout #SITE_HEADER_WRAPPER,
#masterPage.mesh-layout #SITE_HEADER-placeholder {
-ms-grid-row: 1;
grid-area: 1/1/2/2
}
#masterPage.mesh-layout #PAGES_CONTAINER,
#masterPage.mesh-layout #soapBeforePagesContainer,
#masterPage.mesh-layout #soapAfterPagesContainer {
-ms-grid-row: 3;
grid-area: 3/1/4/2
}
#masterPage.mesh-layout #soapBeforePagesContainer,
#masterPage.mesh-layout #soapAfterPagesContainer {
width: 100%
}
#masterPage.mesh-layout #PAGES_CONTAINER {
align-self: stretch
}
#masterPage.mesh-layout main#PAGES_CONTAINER {
display: block
}
#masterPage.mesh-layout #SITE_FOOTER_WRAPPER,
#masterPage.mesh-layout #SITE_FOOTER-placeholder {
-ms-grid-row: 4;
grid-area: 4/1/5/2
}
#masterPage.mesh-layout [data-mesh-id=PAGES_CONTAINERcenteredContent],
#masterPage.mesh-layout [data-mesh-id=PAGES_CONTAINERinlineContent],
#masterPage.mesh-layout #SITE_PAGES {
height: 100%
}
#masterPage.mesh-layout.desktop>* {
width: 100%
}
#masterPage.mesh-layout #SITE_PAGES,
#masterPage.mesh-layout #SITE_HEADER_WRAPPER,
#masterPage.mesh-layout #SITE_FOOTER_WRAPPER,
#masterPage.mesh-layout #PAGES_CONTAINER,
#masterPage.mesh-layout #masterPageinlineContent,
#masterPage.mesh-layout #SITE_FOOTER,
#masterPage.mesh-layout #SITE_HEADER {
position: relative
}
#masterPage.mesh-layout #SITE_HEADER {
grid-area: 1/1/2/2
}
#masterPage.mesh-layout #SITE_FOOTER {
grid-area: 4/1/5/2
}
#masterPage.mesh-layout.overflow-x-clip #SITE_HEADER,
#masterPage.mesh-layout.overflow-x-clip #SITE_FOOTER {
overflow-x: clip
}
[data-z-counter] {
z-index: 0
}
[data-z-counter="0"] {
z-index: auto
}
.wixSiteProperties {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
:root {
--wst-button-color-fill-primary: rgb(var(--color_48));
--wst-button-color-border-primary: rgb(var(--color_49));
--wst-button-color-text-primary: rgb(var(--color_50));
--wst-button-color-fill-primary-hover: rgb(var(--color_51));
--wst-button-color-border-primary-hover: rgb(var(--color_52));
--wst-button-color-text-primary-hover: rgb(var(--color_53));
--wst-button-color-fill-primary-disabled: rgb(var(--color_54));
--wst-button-color-border-primary-disabled: rgb(var(--color_55));
--wst-button-color-text-primary-disabled: rgb(var(--color_56));
--wst-button-color-fill-secondary: rgb(var(--color_57));
--wst-button-color-border-secondary: rgb(var(--color_58));
--wst-button-color-text-secondary: rgb(var(--color_59));
--wst-button-color-fill-secondary-hover: rgb(var(--color_60));
--wst-button-color-border-secondary-hover: rgb(var(--color_61));
--wst-button-color-text-secondary-hover: rgb(var(--color_62));
--wst-button-color-fill-secondary-disabled: rgb(var(--color_63));
--wst-button-color-border-secondary-disabled: rgb(var(--color_64));
--wst-button-color-text-secondary-disabled: rgb(var(--color_65));
--wst-color-fill-base-1: rgb(var(--color_36));
--wst-color-fill-base-2: rgb(var(--color_37));
--wst-color-fill-base-shade-1: rgb(var(--color_38));
--wst-color-fill-base-shade-2: rgb(var(--color_39));
--wst-color-fill-base-shade-3: rgb(var(--color_40));
--wst-color-fill-accent-1: rgb(var(--color_41));
--wst-color-fill-accent-2: rgb(var(--color_42));
--wst-color-fill-accent-3: rgb(var(--color_43));
--wst-color-fill-accent-4: rgb(var(--color_44));
--wst-color-fill-background-primary: rgb(var(--color_11));
--wst-color-fill-background-secondary: rgb(var(--color_12));
--wst-color-text-primary: rgb(var(--color_15));
--wst-color-text-secondary: rgb(var(--color_14));
--wst-color-action: rgb(var(--color_18));
--wst-color-disabled: rgb(var(--color_39));
--wst-color-title: rgb(var(--color_45));
--wst-color-subtitle: rgb(var(--color_46));
--wst-color-line: rgb(var(--color_47));
--wst-font-style-h2: var(--font_2);
--wst-font-style-h3: var(--font_3);
--wst-font-style-h4: var(--font_4);
--wst-font-style-h5: var(--font_5);
--wst-font-style-h6: var(--font_6);
--wst-font-style-body-large: var(--font_7);
--wst-font-style-body-medium: var(--font_8);
--wst-font-style-body-small: var(--font_9);
--wst-font-style-body-x-small: var(--font_10);
--wst-color-custom-1: rgb(var(--color_13));
--wst-color-custom-2: rgb(var(--color_16));
--wst-color-custom-3: rgb(var(--color_17));
--wst-color-custom-4: rgb(var(--color_19));
--wst-color-custom-5: rgb(var(--color_20));
--wst-color-custom-6: rgb(var(--color_21));
--wst-color-custom-7: rgb(var(--color_22));
--wst-color-custom-8: rgb(var(--color_23));
--wst-color-custom-9: rgb(var(--color_24));
--wst-color-custom-10: rgb(var(--color_25));
--wst-color-custom-11: rgb(var(--color_26));
--wst-color-custom-12: rgb(var(--color_27));
--wst-color-custom-13: rgb(var(--color_28));
--wst-color-custom-14: rgb(var(--color_29));
--wst-color-custom-15: rgb(var(--color_30));
--wst-color-custom-16: rgb(var(--color_31));
--wst-color-custom-17: rgb(var(--color_32));
--wst-color-custom-18: rgb(var(--color_33));
--wst-color-custom-19: rgb(var(--color_34));
--wst-color-custom-20: rgb(var(--color_35))
}
.wix-presets-wrapper {
display: contents
}
.builder-root {
box-sizing: border-box
}
#main_MF .wix-visibility-hidden {
visibility: hidden
}
#main_MF .wix-visibility-collapsed {
display: none
}
#main_MF .wix-visibility-revealed:after {
content: "";
box-sizing: border-box;
z-index: 1;
pointer-events: none;
border-radius: inherit;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 40%, rgba(43, 86, 114, .5) 40%, rgba(43, 86, 114, .5) 45%, rgba(255, 255, 255, .333) 45%, rgba(255, 255, 255, .333) 50%, transparent 50%);
background-size: 10px 10px;
background-clip: padding-box;
border: 1px solid rgba(43, 86, 114, .5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
/* ── a11y-contrast ─────────────────────────────────────────── */
@media (forced-colors: active) {
#SITE_CONTAINER.focus-ring-active :not(.has-custom-focus):not(.ignore-focus):not([tabindex='-1']):focus,
#SITE_CONTAINER.focus-ring-active :not(.has-custom-focus):not(.ignore-focus):not([tabindex='-1']):focus~.wixSdkShowFocusOnSibling {
outline: 2px solid CanvasText;
outline-offset: 2px;
}
}