p1 – Noto Sans. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

p2 – Noto Sans. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

p3 – Noto Sans. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Primary Button

Secondary Button

Tertiary Button

ALL COLOR HEX CODES

Twilight
#081935

Depth
#431504

Serenity
#f596a7

Foam
#ffe6eb

Coral
#de5485

Calm
#d5ecfb

Silk
#fef3e9

Horizon
#0b6366

Energize
#cffa5e

Wave
#0993e3

Empower
#c32826

White
#FFFFFF

Blush (can be used as text on a WHITE background only)
#c94574

Breeze
#96cff5

Custom CSS Code Backup

/* CUSTOM FONTS ************************/
@font-face {
  font-family: 'very-vogue-text';
  src: url('https://static1.squarespace.com/static/68543e19b40bdc503ccee203/t/68652f07fe08335d1826afa9/1751461639498/veryvogue-text-webfont.woff')    
} 

@font-face {
  font-family: 'very-vogue-text-italic';
  src: url('https://static1.squarespace.com/static/68543e19b40bdc503ccee203/t/68652f07fa2ce7392a5719bf/1751461639483/veryvogue-text-italic-webfont.woff')   
}




/* FONT ASSIGNMENTS **********/
h1 {
  font-family: 'very-vogue-text' !important;
}
h1 em {
  font-family: 'very-vogue-text-italic' !important;
}
h2 {
  font-family: 'very-vogue-text' !important;
}
h2 em {
  font-family: 'very-vogue-text-italic' !important;
}
h3 {
  font-family: 'very-vogue-text' !important;
}
h3 em {
  font-family: 'very-vogue-text-italic' !important;
}

h4 { font-family: 'noto sans';
  font-weight: 600;
}

.header-nav *, nav.header-menu-nav-list * {
  font-family: 'very-vogue-text' !important;
  font-size: 1.4rem;

}

/***ACCORDIAN STYLING***/
.sqs-block-accordion .plus__horizontal-line, .sqs-block-accordion .plus__vertical-line {
    border: solid .25px #081935;
  color: #081935;
}


// Accordion title description
  .accordion-item__description * {
    max-width: 100% !important;
    opacity: 100;
    font-size: 1rem;
}
  
// Removing the default divider  
.accordion-divider {
  display: none;
}

.accordion-item  {
  border: solid 2px #081935;
  border-bottom: 0;
}
  
.accordion-item:last-child {
  border-bottom: solid 2px #081935;
}

.accordion-item__dropdown--open {
  padding-top: 20px;
  border-top: solid 1px #081935;
  
}
  
//More weight to the title
 span.accordion-item__title {
font-size: 1.3rem;
  }
  
//Add more padding to item description
  .accordion-item__description {
    color: #081935;
    padding-left: 20px !important;
    max-width: 90% !important;
}
  
// Accordion title padding
  .accordion-item__title-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


/***ABOUT PAGE Rotate badge***/
#block-33219aa57ca7d39868f7 {
  
  -webkit-animation: rotation 4s infinite linear;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
//END BADGE ROTATION//

/* RETREAT */
 

Video Walkthroughs

Other Links

Don’t forget

SITE STYLES

h1 heading – Very Vogue Text and italic

h2 heading – Very Vogue Text and italic

h3 heading – Very Vogue Text and italic

h4 heading – Noto Sans weight 600

Custom CSS Code Backup