/* =CSS VARIABLES Use these for non essential styles -------------------------------------------------------------------- */ :root { --theme-page-background-color: #ffffff; } /* =THEME HELPERS -------------------------------------------------------------------- */ body { font-family: Sailec, Helvetica Neue, Helvetica, Arial, sans-serif; } .theme-page-background-color { background: #ffffff !important; } .theme-content-area-foreground-color { color: #ffffff !important; } .theme-content-area-background-color { background-color: #000000 !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .theme-content-area-highlight-background-color { background-color: #000000 !important; /* [1] */ background-color: #6e6e6e0A !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .theme-content-area-highlight-border-color { border-color: #000000 !important; /* [1] */ border-color: #6e6e6e40 !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .theme-content-area-subtle-foreground-color { color: #ffffff !important; /* [1] */ color: #ffffffCC !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .theme-content-area-subtle-background-color { background-color: #000000 !important; /* [1] */ background-color: #ffffff0A !important; } .theme-header-background-color { background: #474747 !important; } .theme-header-foreground-color { color: #ffffff !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .theme-header-border-color { border-color: #ffffff !important; /* [1] */ border-color: #ffffff40 !important; } .theme-button-border-color { border-color: #6e6e6e !important; } .theme-button-foreground-color { color: #ffffff !important; } .theme-button-foreground-color .stroke-default { stroke: #ffffff !important; } .theme-button-foreground-color .fill-default { fill: #ffffff !important; } .theme-button-background-color { background-color: #6e6e6e !important; } .theme-accent-foreground-color { color: #ffffff !important; } .theme-accent-background-color { background-color: #ffffff !important; } .theme-accent-border-color { border-color: #ffffff !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .theme-placeholder-foreground-color::placeholder { color: #ffffff !important; /* [1] */ color: #ffffffCC !important; } .theme-border-radius { border-radius: 5.00px !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .theme-background-subtle-color { background-color: #ffffff; /* [1] */ background-color: #ffffff10; } .theme-border-color { border-color: #636363 !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .theme-form-input-border-color { border-color: #ffffff !important; /* [1] */ border-color: #ffffff66 !important; } /** * 1. Fallback for browsers that don't support rgba hex */ .theme-subtle-border-color { border-color: #636363 !important; border-color: #636363B3 !important; } /* =SVG ICONS -------------------------------------------------------------------- */ .theme-fill-default, .fill-default { fill: currentColor !important; } .theme-fill-accent, .fill-accent { fill: #ffffff !important; } .theme-stroke-default, .stroke-default { stroke: #ffffff !important; } .theme-stroke-accent, .stroke-accent { stroke: #ffffff !important; } .facebook--button-fill .fill-default, .twitter--button-fill .fill-default { fill: currentColor !important; }