@charset "UTF-8";
/*----------------------------------------------*\
    BLOCK - Body Text
	=================

	@package theorder

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package theorder

\*----------------------------------------------*/
/*
 *
 * / Variables
------------------------------------------------*/
/* Breakpoints */
/* Responsive type multipliers */
/* Type sizes (Minor third) */
/* Max-widths */
/* is used for calculation for extend width. Each side is extended by x ems */
.body-text {
  padding: 0 var(--size-400);
  margin-bottom: var(--size-700);
  line-height: 1.5;
  color: var(--color-text); }
  .body-text--width-narrow {
    text-align: center; }
  .body-text > *:first-child {
    margin-top: 0; }
  .body-text > *:last-child {
    margin-bottom: 0; }
    .body-text > *:last-child > li:last-child {
      margin-bottom: 0; }
  .body-text p {
    font-size: var(--size-400);
    margin-bottom: var(--size-300); }
  .body-text h2, .body-text h3 {
    /* h2 is only used in search results */
    font-size: var(--size-500);
    margin-top: var(--size-600);
    margin-bottom: var(--size-200);
    font-weight: 500;
    color: var(--color-headings-3);
    line-height: 1.3;
    max-height: 50ch; }
    .body-text h2 a, .body-text h3 a {
      color: var(--color-headings-3);
      -webkit-text-decoration-color: var(--color-headings-3);
              text-decoration-color: var(--color-headings-3);
      text-decoration-thickness: 1px;
      text-underline-offset: .125em; }
  .body-text h4 {
    font-size: var(--size-300);
    margin-top: var(--size-700);
    margin-bottom: var(--size-100);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .0625em;
    color: var(--color-headings-4);
    line-height: 1.1; }
    .body-text h4 a {
      color: var(--color-headings-4);
      -webkit-text-decoration-color: var(--color-headings-4);
              text-decoration-color: var(--color-headings-4);
      text-decoration-thickness: 1px;
      text-underline-offset: .125em; }
  .body-text ul {
    margin-bottom: var(--size-600);
    font-size: var(--size-400); }
    .body-text ul li {
      font-family: var(--font-sans);
      max-width: 65ch;
      list-style-image: url(../../../images/li-style.svg);
      list-style-position: outside;
      margin-left: 2em;
      margin-bottom: var(--size-300); }
  .body-text ol {
    font-size: var(--size-400);
    margin-bottom: var(--size-600);
    list-style: none;
    counter-reset: item; }
    .body-text ol li {
      font-family: var(--font-sans);
      max-width: 65ch;
      margin-left: 2em;
      margin-bottom: var(--size-300);
      counter-increment: item;
      position: relative; }
      .body-text ol li:before {
        content: counter(item) " —";
        margin-right: .5em;
        color: var(--color-link-underline);
        font-family: var(--font-sans);
        font-weight: 700;
        position: absolute;
        left: -1.825em;
        text-align: right; }
  .body-text li a {
    font-family: var(--font-sans); }
  .body-text a {
    color: var(--color-link);
    -webkit-text-decoration-color: var(--color-link-underline);
            text-decoration-color: var(--color-link-underline);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 1px; }
  .body-text blockquote {
    font-family: var(--font-sans);
    padding: var(--size-200) var(--size-400) var(--size-100);
    border-left: 2px solid var(--color-secondary);
    margin-bottom: var(--size-300); }
    .body-text blockquote > :last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 48rem) {
      .body-text blockquote {
        margin-left: var(--size-700);
        padding-right: var(--size-600); } }