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

.kms-content

  .single-page &
    padding: 80px 0

  h1, h2, h3
    font-size: 1.8rem
    line-height: 1.4
    color: $blue

    strong
      color: $blue-700
      font-weight: 400

  h2, h3
    font-size: 1.4rem

  h3
    color: $blue-700

    strong
      color: $blue

  h4
    font-size: 1.125rem
    line-height: 1.4
    color: $blue
    text-transform: uppercase

  p
    font-size: 1.125rem
    line-height: 1.4
    color: $semiLightBlue

    strong
      color: $blue

  ul
    padding-left: 0
    list-style: none

    li
      position: relative
      padding-left: 30px
      font-size: 1.125rem
      line-height: 1.4
      color: $semiLightBlue

      + li
        margin-top: 5px

      &:before
        position: absolute
        left: 0
        content: '•'
        color: $semiLightBlue
        font-size: 1.125rem
        line-height: 1.4

      + li
        margin-top: 5px

  ol
    counter-reset: ol-counter
    padding-left: 0
    list-style: none
    li
      position: relative
      padding-left: 30px
      font-size: 1.125rem
      line-height: 1.4
      color: $pastelBlue

      + li
        margin-top: 5px

      &:before
        counter-increment: ol-counter
        content: counter(ol-counter)'.'
        position: absolute
        left: 0
        color: $pastelBlue

      + li
        margin-top: 5px

  a
    color: $blue-700

    &:hover
      text-decoration: underline