Styles

BUTTONS

Header	Header 2	Header 3
This is item 1	This is Item 2	Item 3
Este es elemento 4	Este el Cinco	Este es el Número 6
Footer Label 1	Footer Label 2	Footer Label 3

COLORS

Blue
#2D3E94

Dark Blue
#0A1653

Dark Red
#7D1912

Red
#B43618

Orange
#D6470C

HEADERS

H3 Level Three Header (Orange)

H4 Level Three Header (Blue) link

H5 Level Three Header (Orange)

H6 Level Three Header (Black)

IMAGES

Left aligned placeholder image at 50% width with caption (link).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fermentum leo a urna convallis, vel mattis lacus ornare. Morbi viverra dolor in rhoncus accumsan. Nam facilisis quam ac congue aliquam. Aenean elementum, odio quis semper cursus, neque nisl tincidunt libero, sit amet vestibulum magna sapien vel odio. In vitae vehicula tortor, at aliquam augue. Nunc aliquam elit libero, a facilisis nibh posuere et. In auctor nibh ac purus bibendum, in posuere libero molestie. Integer dictum ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fermentum leo a urna convallis, vel mattis lacus ornare. Morbi viverra dolor in rhoncus accumsan. Nam facilisis quam ac congue aliquam. Aenean elementum, odio quis semper cursus, neque nisl tincidunt libero, sit amet vestibulum magna sapien vel.

Left aligned placeholder image at full size with caption and duotone filter!

Full width placeholder image with caption.

Cover Image with Parallax Effect

Image Gallery

LISTS

Unordered List (Bulleted)

Lorem ipsum dolor sit amet, consectetur. Adipiscing elit. Aliquam fermentum leo a urna.
Vel mattis lacus ornare.
Morbi viverra dolor in rhoncus accumsan.
Nam facilisis quam ac congue aliquam.

List with class for custom bullets:
colorful-list

Aenean elementum, odio quis semper cursus.
Neque nisl tincidunt libero, sit amet vestibulum.
Magna sapien vel odio. In vitae vehicula tortor.
At aliquam augue. Nunc aliquam elit libero.

Ordered List (Numbered)

Lorem ipsum dolor sit amet, consectetur. Adipiscing elit. Aliquam fermentum leo a urna.
Vel mattis lacus ornare.
Morbi viverra dolor in rhoncus accumsan.
Nam facilisis quam ac congue aliquam.

List with class for custom numbers: colorful-list

Aenean elementum, odio quis semper cursus.
Neque nisl tincidunt libero, sit amet vestibulum.
Magna sapien vel odio. In vitae vehicula tortor.
At aliquam augue. Nunc aliquam elit libero.

MULTIMEDIA

H3 Video Block

https://www.youtube.com/watch?v=gVP_dS-aldI

H3 Audio Block

FULL WIDTH ELEMENTS

BLOCK – PULLQUOTE: Full width, default style.
It highlights a piece of content ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fermentum leo a urna convallis, vel mattis lacus ornare.
Optional caption viverra dolor in rhoncus accumsan.

BLOCK – COVER IMAGE: Full Width

Nunc posuere quis urna sed faucibus. Donec eget nibh imperdiet, rhoncus mauris non, blandit mi. In sagittis feugiat eros, sit amet facilisis lectus faucibus ultrices. Duis congue risus quam, sed venenatis magna vehicula ac. Aenean dapibus neque ac pellentesque congue. Phasellus lorem lacus, ornare ut odio in, accumsan consequat massa. Cras justo purus, rutrum eu nisi sed, varius fringilla justo.

Use this custom class to preserve the global margins within the cover image block: container

GROUPED BLOCKS: Full Width (with color applied to the group)

(Used for Intro Paragraphs)
Nunc posuere quis urna sed faucibus. Donec eget nibh imperdiet, rhoncus mauris non, blandit mi. In sagittis feugiat eros, sit amet facilisis lectus faucibus ultrices. Duis congue risus quam, sed venenatis magna vehicula ac. Aenean dapibus neque ac pellentesque congue. Phasellus lorem lacus, ornare ut odio in, accumsan consequat massa. Cras justo purus, rutrum eu nisi sed, varius fringilla justo.

Use this custom class to preserve the global margins within the cover image block: container

CUSTOM BLOCKS

CUSTOM BLOCK: Card Image + Text with card link

Shown in 2 column format. Custom class applied [to the columns]: even-column-dark-red

Custom Block: Image, Title, Description + Link

Card text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat maximus lacus, ut venenatis mi feugiat sed. Cras quis tempus metus, eu mollis urna. Vivamus blandit risus risus, tristique molestie magna rutrum id.