/*
 * Editorial article typography
 * Scoped to the column=2 news_article.tpl route. The current content width is
 * deliberately preserved; this layer only repairs typography and rhythm.
 */

body.news-article .container.news-article .news-page__wrapper {
  color: #3c3b36;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 17px !important;
  line-height: 28px !important;
  text-align: left;
}

body.news-article .container.news-article #content > .row > h1.h40 {
  font-size: 36px !important;
  font-weight: 600;
  line-height: 42px !important;
}

body.news-article .container.news-article .news-page__wrapper p {
  margin: 0 0 20px !important;
  color: #3c3b36;
  font-family: inherit;
  font-size: 17px !important;
  line-height: 28px !important;
  text-align: left;
}

body.news-article .container.news-article .news-page__wrapper h2 {
  margin: 44px 0 14px !important;
  padding: 0 !important;
  color: #3c3b36;
  font-size: 28px !important;
  font-weight: 700;
  line-height: 35px !important;
  scroll-margin-top: 96px;
}

body.news-article .container.news-article .news-page__wrapper h3 {
  margin: 32px 0 10px !important;
  padding: 0 !important;
  color: #3c3b36;
  font-size: 22px !important;
  font-weight: 700;
  line-height: 29px !important;
}

body.news-article .container.news-article .news-page__wrapper p a:not([class]),
body.news-article .container.news-article .news-page__wrapper li a:not([class]),
body.news-article .container.news-article .news-page__wrapper td a:not([class]),
body.news-article .container.news-article .news-page__wrapper th a:not([class]),
body.news-article .container.news-article .news-page__wrapper figcaption a:not([class]) {
  color: #8a6424 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit;
  line-height: inherit !important;
  opacity: 1 !important;
  text-decoration: underline !important;
  text-decoration-color: currentColor !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px;
}

body.news-article .container.news-article .news-page__wrapper p a:not([class]):hover,
body.news-article .container.news-article .news-page__wrapper li a:not([class]):hover,
body.news-article .container.news-article .news-page__wrapper td a:not([class]):hover,
body.news-article .container.news-article .news-page__wrapper th a:not([class]):hover,
body.news-article .container.news-article .news-page__wrapper figcaption a:not([class]):hover {
  color: #654815 !important;
  opacity: 1 !important;
}

body.news-article .container.news-article .news-page__wrapper > ul:not(.article-toc__list),
body.news-article .container.news-article .news-page__wrapper > section > ul:not(.article-toc__list),
body.news-article .container.news-article .news-page__wrapper > div > ul:not(.article-toc__list) {
  margin: 0 0 20px;
  padding-left: 26px !important;
  list-style: disc outside !important;
}

body.news-article .container.news-article .news-page__wrapper > ol,
body.news-article .container.news-article .news-page__wrapper > section > ol,
body.news-article .container.news-article .news-page__wrapper > div > ol {
  margin: 0 0 20px;
  padding-left: 26px !important;
  list-style: decimal outside !important;
}

body.news-article .container.news-article .news-page__wrapper > ul:not(.article-toc__list) > li,
body.news-article .container.news-article .news-page__wrapper > ol > li,
body.news-article .container.news-article .news-page__wrapper > section > ul:not(.article-toc__list) > li,
body.news-article .container.news-article .news-page__wrapper > section > ol > li,
body.news-article .container.news-article .news-page__wrapper > div > ul:not(.article-toc__list) > li,
body.news-article .container.news-article .news-page__wrapper > div > ol > li {
  margin: 0 0 8px;
  padding-left: 2px;
}

body.news-article .container.news-article .news-page__wrapper > ul:not(.article-toc__list) > li:last-child,
body.news-article .container.news-article .news-page__wrapper > ol > li:last-child,
body.news-article .container.news-article .news-page__wrapper > section > ul:not(.article-toc__list) > li:last-child,
body.news-article .container.news-article .news-page__wrapper > section > ol > li:last-child,
body.news-article .container.news-article .news-page__wrapper > div > ul:not(.article-toc__list) > li:last-child,
body.news-article .container.news-article .news-page__wrapper > div > ol > li:last-child {
  margin-bottom: 0;
}

body.news-article .container.news-article .news-page__wrapper .article-toc__list {
  margin: 0;
  padding: 0 !important;
  list-style: none !important;
}

body.news-article .container.news-article .news-page__wrapper .article-toc__list li {
  margin-bottom: 8px;
  padding-left: 14px;
}

body.news-article .container.news-article .news-page__wrapper .article-toc .article-toc__list li a {
  color: #555 !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 21px !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

body.news-article .container.news-article .news-page__wrapper .article-toc .article-toc__list li a:hover {
  color: #8a6424 !important;
  text-decoration: underline !important;
}

body.news-article .container.news-article .news-page__wrapper figure img {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 6px !important;
}

body.news-article .container.news-article .news-page__wrapper figure figcaption {
  margin: 10px 0 0 !important;
  padding: 0;
  color: #6b625a;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px !important;
  text-align: left;
}

body.news-article .container.news-article .news-page__wrapper .bruno-article-cta h2 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

body.news-article .container.news-article .news-page__wrapper .bruno-article-cta p {
  margin-bottom: 22px !important;
}

@media (max-width: 767px) {
  body.news-article .container.news-article .news-page__wrapper {
    font-size: 17px !important;
    line-height: 27px !important;
  }

  body.news-article .container.news-article #content > .row > h1.h40 {
    font-size: 26px !important;
    line-height: 32px !important;
  }

  body.news-article .container.news-article .news-page__wrapper p {
    font-size: 17px !important;
    line-height: 27px !important;
  }

  body.news-article .container.news-article .news-page__wrapper h2 {
    margin: 34px 0 12px !important;
    font-size: 24px !important;
    line-height: 30px !important;
  }

  body.news-article .container.news-article .news-page__wrapper h3 {
    margin: 28px 0 10px !important;
    font-size: 20px !important;
    line-height: 26px !important;
  }

  body.news-article .container.news-article .news-page__wrapper .bruno-article-cta h2 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
}