Styles

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading

This is a paragraph modipiciis2 dolupta2 dollatem quissi cumquassunte this is a link ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

  • This is an unordered list utet unt.
  • Event ut dest quassimus re cusdani scitatiorrum reptio. Et ea nonsequiam re dolupta spelendem solor aut harum
    • qui il mod quatusda
    • comnim volo et porum
    • quassimus re cusdani scitatiorrum reptio.
  • voluptatis evel et voluptia cumquam quia que con num aciam

This is a bold link Alit expersp edipicaepra sunt ullabor epeles endae in consedio ipiendam facea vent dolupti onsecest, sit labor sincia doluptam nis et alitat alistru ptibus nonempo ssimpore modi berestrum ius, nis ium ut rem nullendios cum nes qui conseru ptataspe pore dolorat ecest, te cones ditios istis dolorum res ne net dolor si nobitam.

  1. This is an ordered list Della sit il ereped utet unt.
  2. Event ut dest quassimus re cusdani scitatiorrum reptio. Et ea nonsequiam re dolupta spelendem solor aut harum
  3. voluptatis evel et voluptia cumquam quia que con num aciam

This is a blockquote Modipiciis dolupta dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

Lota Grotesque

Lota Grotesque Light 300

Lota Grotesque Regular 400

Lota Grotesque Semi-Bold 600

Lota Grotesque Bold 700

<h1> Lorem ipsum dolor sit amet

Modipiciis dolupta dollatem quissi cumquassunte This is a link ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

<h2> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Modipiciis dolupta dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

<h3> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Modipiciis dolupta dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

<h4> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Modipiciis dolupta This is a link dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

<h5> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Modipiciis dolupta dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

<h6> Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Modipiciis dolupta dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

Fallback Image
This is a caption

Modipiciis dolupta dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

Fallback Image

Modipiciis dolupta dollatem quissi cumquassunte lien doluptatet ut perum eos ese cum experitaqui atur, suntecati veratia erehent. Id mil et prorro esciendit assimol uptate dit hiciae nis ut quis vernatus.

Global Colour Palette

academy-blue

var(--academy-blue)#0c2340

denim-blue

var(--denim-blue)#12335B

lawn-green

var(--lawn-green)#459547

forest-green

var(--forest-green)#1C6B36

white

var(--white)#ffffff

swirl

var(--swirl)#efeeed

kermit-green

var(--kermit-green)#67AD2F

mint

var(--mint)#E8F3E0

pale-mint

var(--pale-mint)#F3F9EF

error

var(--error)#E83FA4

Buttons

BB Button
BB Button
BB Button
BB Button

Custom CSS helpers

Remove <p> paragraph bottom margin

aca-text-no-margin-b

  • Remove <ul> list left margin
  • Pariatur duis eu sint. In velit culpa occaecat voluptate non ut fugiat. Amet sint.
  • Incididunt ipsum elit ex voluptate quis pariatur est enim.

aca-list-no-margin-l

Text intro

aca-text-intro

Note

aca-note

Heading Fake h1

Make other <hn> look like h1

aca-heading-fake-h1

Heading Fake h2

Make other <hn> look like h2

aca-heading-fake-h2

Heading Fake h3

Make other <hn> look like h3

aca-heading-fake-h3

aca-mobile-max-width
Limit item's direct child width (CSS var set in style.css) + center horizontally on mobile

aca-mobile-max-width-narrow
Limit item's direct child width (CSS var set in style.css) + center horizontally on mobile

Local Icons

font-family
Academy-Funerals-Icons

aca-icon-house / e900

aca-icon-magnifying-glass / e901

aca-icon-arrow-down-long / e902

aca-icon-arrow-left-long / e903

aca-icon-arrow-right-long / e904

aca-icon-arrow-up-long / e905

aca-icon-arrow-down / e906

aca-icon-arrow-left / e907

aca-icon-arrow-right / e908

aca-icon-arrow-up / e909

aca-icon-check / e90a

aca-icon-minus / e90b

aca-icon-plus / e90c

aca-icon-asterisk / e90d

aca-icon-flower-1 / e90e

aca-icon-flower-2 / e90f

aca-icon-flower-3 / e910

aca-icon-heart / e911

aca-icon-leave-1 / e912

aca-icon-leave-2 / e913

aca-icon-leave-3 / e914

aca-icon-leaves-branch / e915

aca-icon-musical-note / e916

aca-icon-star / e917

aca-icon-facebook-f / e918

Accessibility Colour Matrix

[colour_matrix]