Brand Identity
Color Palette
#FAF9F4
#FEE563
#027D8D
#000000
#F36053
#4DC5BA
#634790
Typographic Palette
Headings: Sofia Pro
Body Text: Inter
Custom Code
/*
* General
*/
html {
scroll-behavior: smooth;
}
:root {
--yellow: #FEE563;
--teal: #027D8D;
}
/*
* Header
*/
:is([aria-current="page"], [aria-current="true"]) .header-menu-nav-item-content {
background-image: none;
color: #ffffff;
}
body:not(.header--menu-open) .header-nav-item--active>a {
color: var(--yellow) !important;
background-image: linear-gradient(var(--teal), var(--teal));
background-size: 2px 2px;
}
/*
* Footer
*/
footer a {
text-decoration: none !important;
}
/*
* Animations
*/
@keyframes twinkle {
0% {
transform: scale(1) rotate(-10deg);
}
50% {
transform: scale(1.125) rotate(10deg);
}
100% {
transform: scale(1) rotate(-10deg);
}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* twinkle */
#block-88dfe2a568bac24e4071 svg, #block-yui_3_17_2_1_1727821677652_4086 svg, #block-57ae768937634869a48e svg {
animation: twinkle 4s infinite linear;
}
#block-yui_3_17_2_1_1727814687130_2809 svg, #block-a901ebe8a3f8ddb53939 svg,
#block-yui_3_17_2_1_1727825670701_5663 svg, #block-a64f117018748f4bfa6d svg {
animation: twinkle 2s infinite linear reverse;
}
#block-259e8119e0f072595a1f svg, #block-269d0036c1557fe1ad29 svg, #block-49b2a3923f7635bc96c1 svg {
animation: twinkle 8s infinite linear;
}
/* fade */
#collection-66fc1fbcbb43ea017a371e76 svg {
animation: fade 1s ease-in forward;
}
/*
* Curtain Reveal
*/
body:not(.sqs-edit-mode-active) {
.overlay {
pointer-events:none;
position:fixed;
background:white;
width:100vw;
height:100vh;
top:0;
left:0;
}
.scroll-left, .scroll-right {
z-index:2222 !important;
}
}
body.sqs-edit-mode-active .pin-spacer {translate: unset !important;/*sqs*/height: 100% !important;display: contents !important;}body.sqs-edit-mode-active .content-wrapper {height: unset !important;/*sqs*/transform: none !important;position: relative !important;}
.page-section:has(.pin-spacer) {
overflow: hidden;
}
/*-----------------
* PAGES
*/
/*
* Homepage Summary Block Header
*/
#block-66fc26ea7e37ce3ddb288043,
.fe-block-5337b9f0be674ce064aa {
.summary-heading {
text-align: center;
width: 100%;
}
.summary-header-text {
font-family: var(--heading-font-font-family);
font-weight: 900;
text-transform: uppercase;
margin-left: auto;
margin-right: auto;
font-size: 2em;
}
}
/*
* Test Testimonial Cascade
*/
body:not(.sqs-edit-mode-active) section[data-section-id="66fd7918660b4c44e269d304"] {
.fe-block:not(.fe-block-5337b9f0be674ce064aa):nth-of-type(3n+1) svg {
animation: twinkle 4s infinite alternate linear;
}
.fe-block:not(.fe-block-5337b9f0be674ce064aa):nth-of-type(3n+2) svg {
animation: twinkle 2s infinite reverse linear;
}
.fe-block:not(.fe-block-5337b9f0be674ce064aa):nth-of-type(3n+3) svg {
animation: twinkle 8s infinite linear;
}
}
body:not(.sqs-edit-mode-active) .fe-block-5337b9f0be674ce064aa {
position:sticky !important;
top:50%;
transform:translateY(-50%);
}