/* ==========================================================================
   Default styling for KMS content
   ========================================================================== */

.kms-content
  h1
    font-size: 1.6rem
    font-weight: extrabold()
    line-height: 1.8
    font-family: $fontPrimary

  h2
    font-size: 1.4rem
    line-height: 1.6
    font-family: $fontPrimary
    color: $darkblue

  h3
    font-size: 1.1rem
    line-height: 1.4
    font-family: $fontPrimary

  h4
    font-size: 0.8rem
    line-height: 1.6
    text-transform: uppercase
    font-family: $fontPrimary

  p
    font-size: 0.8rem
    line-height: 1.625

  ul, ol
    padding-left: 0
    margin-top: 1em
    list-style: none
    font-size: 0.8rem
    line-height: 1.4

  li
    position: relative
    padding-left: 30px

    &:before
      position: absolute
      left: 0
      top: 1px
      content: '•'
      font-size: 1.2em
      line-height: 1

    + li
      margin-top: 5px

  ol
    counter-reset: ol-counter

    li
      &:before
        counter-increment: ol-counter
        content: counter(ol-counter)'.'
        top: 4px
        font-size: 1em
        line-height: 1
        font-weight: 600

  a:not(.button)
    color: $darkblue
    text-decoration: underline
    transition: color 0.2s

    &:hover
      color: $blue