Site Elements

Fonts

.eb-garamond

Body text ‘EB Garamond’

.oswald-title

Oswald Title

.oswald

Oswald

This is an example of a blockquote in ‘Cormorant Garamond’.

Buttons

.btn-navy

Navy Button

.btn-ghost

Ghost Button

.underline-arrow

Underline Arrow

.underline-link

Underline Link

.col-two

  • Two Column List
  • Test
  • Test
  • Test

Developer Classes

.navy-overlay-up

Adds a navy linear gradient that goes from bottom to top.

.navy-overlay

Adds a full navy overlay at 80% opacity.

.gold

Adds color: gold to element.

.oswald-title

Gives a title oswald font family, letter-spacing and caps.

.oswald

Gives text oswald font family.

.eb-garamond

Gives text EB Garamond font family.

.c-garamond

Gives text Cormorant Garamond font family.

.gold-border-hover

Adds a gold box shadow to an element on hover.

Animation Classes

.animatable .fadeInUp

Adds fade in up animation to element.

.animatable .fadeInLeft

Adds animation to element to fade it in from right to left.

.animatable .fadeInRight

Adds animation to element to fade it in from left to right.

Reuseable ACFs

CTA Panel

Used to add the CTA Panel to the bottom of various templates.

Panel Button

Used to add a button copy/link fields to various panels.