/*
 * typography.scss
 */


/* Definition Lists */

dl
{
  margin: 32px 0 0;

  dd
  {
    margin-bottom: 16px;

    ul,
    ul li:last-child,
    p,
    address
    {
      margin-bottom: 0;
      padding-bottom: 0;
    }
  }
}



/* Headlines */

h2
{
  position: relative;

  margin: 0;
  padding: 16px 0;

  font-weight: var(--font_weight_bold);
  font-size: 2.4rem;

  i.fas
  {
    position: relative;
    top: -4px;

    font-size: 1.8rem;
  }

  small
  {
    font-weight: var(--font_weight_normal);
    font-size: 1rem;
    color: var(--color_muted);
  }
}

h3
{
  margin-bottom: 32px;
}

h3.sub-heading
{
  margin: 0;
  padding: 16px 0 0;
  font-weight: var(--font_weight_bold);

  small
  {
    color: var(--color_muted);
    font-size: 1rem;
  }
}

h4
{
  margin-bottom: 16px;

  font-size: 1.1rem;
  font-weight: var(--font_weight_bold);
}



/* Links */

table tr th,
table tr td,
dl dt,
dl dd
{
  a,
  a:link,
  a:visited
  {
    text-decoration: none;
  }

  a:hover,
  a:focus,
  a:active
  {
    &:not(.btn)
    {
      text-decoration: underline;
    }
  }
}



/* Lists */

main
{
  p,
  ol:not(.nav, .dropdown-menu) li,
  ul:not(.nav, .dropdown-menu) li,
  dl dt,
  dl dd
  {
    line-height: 1.6rem;
  }
}

main ul:not(.nav, .dropdown-menu, .list-unstyled) li,
main ol:not(.nav, .dropdown-menu, .list-unstyled) li
{
  margin-bottom: 8px;
}



/* Money, Numbers and Percentages */

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

.text-money,
.text-number
{
  text-align: right;
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: regular;
}

.text-strike,
.text-deleted
{
  text-decoration: line-through;
}

.text-transform-none
{
  text-transform: none;
}

.text-uncertain
{
  border-bottom: 1px dashed #000;
}