/**
 * Fonts 
 **/

@font-face {
  font-family: "Lyon";
  src: url(./fonts/LyonTextWeb-Regular.woff) format('woff');
}

@font-face {
  font-family: "Lyon";
  font-weight: bold;
  src: url(./fonts/McClatchySerif-Demi.woff) format('woff');
}

@font-face {
  font-family: "McClatchy Slab";
  src: url(./fonts/McClatchySlab-Regular.woff) format('woff');
}

@font-face {
  font-family: "McClatchy Slab";
  font-weight: bold;
  src: url(./fonts/McClatchySlab-Semibold.woff) format('woff');
}

/**
 * Typography 
 **/

.slab {
  font-family: "McClatchy Slab", Georgia, serif;
}

.sans {
  font-family: Helvetica, sans-serif;
}

.sans-cond {
  font-family: "Helvetica Condensed", Helvetica, sans-serif;
}

.mono {
  font-family: monospace;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.soft {
  font-weight: normal;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.smaller {
  font-size: .8em;
}

a {
  text-decoration: none;
  color: #0093d0;
}

h1, h2, h3 {
  font-weight: normal;
  font-family: "McClatchy Slab", Georgia, serif;
}

h4, h5, h6 {
  font-family: Helvetica, sans-serif;
}

p, li {
  line-height: 1.6em;
}

ul, ol {
  padding-left: 1em;
}

figcaption {
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

hr {
  display: block;
  margin: 3rem auto;
  max-width: 320px !important;
  border-color: #212121;
  border-style: solid;
  clear: both;
}