modifier class	customization	usage
`.inherit_color`	removes all color rules from colored typography and sets it to inherit.	inverting a block of typography where all text and headlines should be white.
`.font-size_up`	shifts all typography up one font size step	intro blocks of text where the text. Or in articles where you can shift all text up a size.
`.font-size_down`	shifts all typography down one font size step.	citation blocks or boiler plate content where the text should be smaller and less impactful.
`.links_dark`	turns all links to the dark color standard.	this is used in junction with the `.inherit_color` class.
`.links_light`	turns all links to the light color standard.	this is used in junction with the `.inherit_color` class when text is on a dark background.

User Name Log Out

This is the primary heading and there should only be one of these per page

sub heading

A small paragraph to emphasis and show important bits.

This is a list item
So is this - there could be more
Make sure to style list items to:
- Not forgetting child list items
- Not forgetting child list items
- Not forgetting child list items
- Not forgetting child list items
A couple more
top level list items

Don't forget Ordered lists:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam tincidunt mauris eu risus.
1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
2. Aliquam tincidunt mauris eu risus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam tincidunt mauris eu risus.

A sub heading which is not as important as the first, but is quite imporant overall

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Table Heading	Table Heading
table data	table data
table data	table data
table data	table data
table data	table data

A sub heading which is not as important as the second, but should be used with consideration

“Ooh - a blockquote! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.”

A sub heading which is not as important as the second, but should be used with consideration


#header h1 a { 
    display: block; 
    width: 300px; 
    height: 80px; 
}

A sub heading which is not as important as the second, but should be used with consideration

Definition list: Consectetur adipisicing 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.
Lorem ipsum dolor sit amet: Consectetur adipisicing 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.

This heading plays a relatively small bit part role, if you use it at all

Table of Contents

How to Prepare for the Boards
General Principles of Cardiovascular Medicine
Arrhythmias
Coronary Artery Disease
Heart Failure & Cardiomyopathy
Valvular Disease
Pericardial Disease
Congenital Heart Disease
Vascular Diseases
Systemic Hypertension and Hypotension
Pulmonary Circulation Disorders
Systemic Disorders Affecting the Circulatory System
Miscellaneous
- Cardiovascular Genetics
- CPR, Post-Resuscitation Care
- Cardiac Critical Care
- Sleep Disordered Breathing
- Sports Cardiology
- Pregnancy and Cardiac Disease
- Cardiovascular Operative Management
- Pharmacology
- General Principles of Cardiovascular Medicine

Weight: -9 HideCodeBlock: display_none Styleguide HTML.Typography */ /* Reading Typography Modified This text is used as a lorem content in many of our containers. .color_inherit.bg_acc.c_white.p_4.links_light - This removes all color defining styles to make it easer to reverse colors. This sets all typography and borders to inherit their colors. Markup: {{> Sub.Placeholder.Typography modifier_class=" color_inherit bg_acc c_white p_4 links_light"}} Weight: -9 HideCodeBlock: display_none MarkupWrapperClasses: br_solid br_radius br_black-1 br_1 m_3 max-w_50 Styleguide HTML.Typography.Sample */ /* Links States This shows the look and feel of all the states of a text link, color, underline and decoration. Markup:

NORMAL: Donec non enim
HOVER: Normal Donec non enim
VISITED: Normal Donec non enim

MarkupWrapperClasses: reading-typography Weight:100 Styleguide HTML.Typography.Links */ /* Design Base Arches is design inspired by a pad of paper in the hand. Subtle Textures and Layer shadows keep the readability very high. Weight: -1000 Styleguide DesignBase */ /* Fonts The ACC is focused on stable, conservative, clean fonts. Roboto Slab is the standard serif fonts across all products at the ACC. Styleguide DesignBase.Fonts */ /* Accent Roboto Slab A beautiful Accent font that shows a complexity and texture to the fonts used in the design.