/* Additive long-form support. Does not replace foundation.css, styles.css, or template.css. */
.learn-nav-row {
  margin: 8px 0 28px;
}
.learn-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.learn-nav li {
  display: inline-block;
  margin: 0 18px 8px 0;
}
.learn-nav a {
  color: #B7B7B7;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.3px;
}
.learn-nav a:hover,
.learn-nav a.is-active {
  color: #000;
}
body.home .learn-nav a {
  color: #fff;
}
body.home .learn-nav a:hover,
body.home .learn-nav a.is-active {
  color: #000;
}
.learn-prose h2,
.learn-grid h2 {
  margin: 0 0 12px;
  font-size: 32px;
  line-height: 0.95;
  letter-spacing: -1px;
}
.learn-prose h3 {
  margin: 22px 0 8px;
  font-size: 20px;
  letter-spacing: -0.4px;
}
.learn-prose p,
.learn-prose li,
.learn-grid p,
.learn-grid li {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
}
.learn-prose ul,
.learn-prose ol {
  margin: 0 0 18px 20px;
}
.learn-prose p,
.learn-grid p {
  margin: 0 0 16px;
}
.learn-callout {
  margin: 0 0 28px;
  padding: 18px 0 0;
  border-top: 1px solid #1D1F1C;
}
.learn-grid .box-4-cols {
  min-height: 0;
  margin-bottom: 28px;
}
body.home .learn-home p,
body.home .learn-home li {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: normal;
  font-family: "Times New Roman", Times, serif;
  margin-bottom: 16px;
}
body.home .learn-home h2 {
  font-size: 28px;
  letter-spacing: -1px;
  margin: 0 0 12px;
}
body.home .learn-home a {
  font-weight: bold;
}
.learn-article-meta {
  margin: 0 0 28px;
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
.learn-faq details {
  margin: 0 0 14px;
  padding: 12px 0;
  border-top: 1px solid #1D1F1C;
}
.learn-faq summary {
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -0.4px;
}
@media only screen and (max-width: 767px) {
  .learn-nav a { font-size: 14px; }
  .learn-prose h2 { font-size: 26px; }
}