Styles

[et_pb_section fb_built=”1″ _builder_version=”3.22.3″][et_pb_row _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”3.26.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]

h1This is the page’s main headline, 
set in 46-point Rubik Extra Bold.

h2Main topic headlines are set in a smaller font size, usually from 27-33px.

Some headlines will have icons.

h3Here’s the style for minor topics & subheads, set in 23px Rubik Bold

A minor topic or subhead with a corresponding icon

h4<h4> tags are set in 19px bold (1px larger than the text font)

h5Italic text-size subheads run at 18px, same size as the text font.
h6Captions and footnotes can use a smaller (15px) display font

This is sample text, set in a Rubik Light 18px with a line-height set to 1.8em, with 1em of additional space after each paragraph.

Lorem ipsum dolor sit amet, semper ubi sub ubi.Vestibulum interdum, neque in ullamcorper scelerisque, nibh sapien volutpat lectus, a pulvinar erat purus et urna. Vivamus non laoreet enim, vel semper orci. Nullam pellentesque faucibus dolor, in commodo est facilisis quis. Vestibulum quam justo, semper at consectetur quis, aliquet ac nunc.

Quoted text, aka blockquotes are indented and receive a left vertical rule. Fusce ut justo dictum, consectetur erat in, posuere lorem. Morbi id nunc pharetra, bibendum odio ac, pellentesque quam. Duis et ipsum vel urna fringilla accumsan. Nam in tincidunt dolor. Phasellus vehicula, mi at faucibus commodo, orci nisi interdum sapien, sit amet pretium odio sem at nulla. Nam tristique ut ipsum nec interdum.

Note: Here’s a block of copy that deserves special attention. ipsum dolor sit amet, semper ubi sub ubi.Vestibulum interdum, neque in ullamcorper scelerisque, nibh sapien volutpat lectus, a pulvinar erat purus et urna. Vivamus non laoreet enim, vel semper orci
  • Here’s an item within a list of items
  • Another item in the list
  • Maecenas non placerat ipsum. Nunc sagittis hendrerit quam, eu gravida tortor euismod nec. Nam dui diam, viverra a pulvinar sed, dictum sed nisl.

This is an inline text link. When hovered, it turns to a brighter color.

Sample Form Styles:

[/et_pb_text][et_pb_contact_form _builder_version=”3.25.3″ form_field_background_color=”#ffffff” form_field_text_color=”#aaaaaa” title_level=”h3″ title_font=”Rubik|300|||||||” title_text_color=”#b35236″ form_field_font=”Rubik|300|||||||” form_field_font_size=”16px” custom_margin=”|||60px” custom_padding=”|||”][et_pb_contact_field field_id=”Name” field_title=”Name” _builder_version=”3.16″ border_radii=”on||||” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_contact_field][et_pb_contact_field field_id=”Email” field_title=”Email Address” field_type=”email” _builder_version=”3.16″ border_radii=”on||||” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_contact_field][et_pb_contact_field field_id=”Message” field_title=”Message” field_type=”text” fullwidth_field=”on” _builder_version=”3.16″ border_radii=”on||||” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_contact_field][/et_pb_contact_form][/et_pb_column][/et_pb_row][et_pb_row custom_margin=”2em||||false|false” admin_label=”Colors” module_id=”color-row” _builder_version=”3.26.4″][et_pb_column type=”4_4″ _builder_version=”3.26.4″][et_pb_text admin_label=”blue-dark” module_class=”color-square blue-dark” _builder_version=”3.26.4″]

blue-dark

#3A60A6

[/et_pb_text][et_pb_text admin_label=”green-dark” module_class=”color-square green-dark” _builder_version=”3.26.4″ background_color=”#209957″]

green-dark

#209957

[/et_pb_text][et_pb_text admin_label=”sand-dark” module_class=”color-square sand-dark” _builder_version=”3.26.4″ background_color=”#b3a459″]

sand-dark

#B3A459

[/et_pb_text][et_pb_text admin_label=”brick-dark” module_class=”color-square brick-dark” _builder_version=”3.26.4″ background_color=”#b35236″]

brick-dark

#B35236

[/et_pb_text][et_pb_text admin_label=”blue-bright” module_class=”color-square blue-bright” _builder_version=”3.26.4″]

blue-bright

#4C7CD9

[/et_pb_text][et_pb_text admin_label=”green-bright” module_class=”color-square green-bright” _builder_version=”3.26.4″ background_color=”#209957″]

green-bright

#2AC971

[/et_pb_text][et_pb_text admin_label=”sand-bright” module_class=”color-square sand-bright” _builder_version=”3.26.4″ background_color=”#b3a459″]

sand-bright

#D9C76C

[/et_pb_text][et_pb_text admin_label=”brick-bright” module_class=”color-square brick-bright” _builder_version=”3.26.4″ background_color=”#b35236″]

brick-bright

#D96341

[/et_pb_text][et_pb_text admin_label=”blue-muted” module_class=”color-square blue-muted” _builder_version=”3.26.4″]

blue-muted

#8DA7D9

[/et_pb_text][et_pb_text admin_label=”green-muted” module_class=”color-square green-muted” _builder_version=”3.26.4″ background_color=”#209957″]

green-muted

#83C9A3

[/et_pb_text][et_pb_text admin_label=”sand-muted” module_class=”color-square sand-muted” _builder_version=”3.26.4″ background_color=”#b3a459″]

sand-muted

#D9CE98

[/et_pb_text][et_pb_text admin_label=”brick-muted” module_class=”color-square brick-muted” _builder_version=”3.26.4″ background_color=”#b35236″]

brick-muted

#D9856D

[/et_pb_text][et_pb_text admin_label=”grey-dark” module_class=”color-square grey-dark” _builder_version=”3.26.4″]

grey-dark

#4A4A4A

[/et_pb_text][et_pb_text admin_label=”grey-medium” module_class=”color-square grey-medium” _builder_version=”3.26.4″]

grey-medium

#AAAAAA

[/et_pb_text][et_pb_text admin_label=”grey-light” module_class=”color-square grey-light” _builder_version=”3.26.4″]

grey-light

#EAEAEA

[/et_pb_text][et_pb_text admin_label=”background” module_class=”color-square background” _builder_version=”3.26.4″]

background

#FFEDC7

[/et_pb_text][et_pb_text admin_label=”off-white” module_class=”color-square off-white” _builder_version=”3.26.4″]

off-white

#FFFCF5

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]