//
// Typography
// --------------------------------------------------


// Body text
// -------------------------

p {
  margin: 0.715em 0;
}


// Emphasis & misc
// -------------------------

small {
  font-size: 80%; // Ex: 14px base font * 85% = about 12px
}
b, strong {
  font-weight: bolder;
}
em {
  font-style: italic;
}
cite {
  font-style: normal;
}


// Headings
// -------------------------

h1, h2, h3, h4, h5, h6 {
  line-height: 40px;
  margin: 0.715em 0;
  text-rendering: optimizelegibility; // Fix the character spacing for headings
}
h1 { font-size: 257%; }
h2 { font-size: 214%; }
h3 { font-size: 171%; }
h4 { font-size: 128%; }
h5 { font-size: 100%; }
h6 { font-size: 85%; }
h4, h5, h6 { line-height: 20px; }


// Lists
// --------------------------------------------------

// Unordered and Ordered lists
ul, ol {
  padding: 0;
  margin: 0 0 0.715em 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 1.43em;
}

// MISC
// ----

// Horizontal rules
hr {
  margin: 1.43em 0;
  border: 0;
  border-bottom: 1px solid var(--hr-color, #eee);
  height: 0;
}

// Blockquotes
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 1.43em;
  border-left: 5px solid var(--border-color, #ddd);
}

// Quotes
q::before,
q::after,
blockquote::before,
blockquote::after {
  content: "";
}

// Addresses
address {
  display: block;
  margin-bottom: 1.43em;
  font-style: normal;
  line-height: 1.43em;
}
