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

.kms-content
  h1, h2, h3
    font-size: 1.7rem
    line-height: 1.4

    strong
      font-weight: 400

  h2, h3
    font-size: 1.3rem

  h4
    font-size: 0.7rem
    line-height: 1.3
    text-transform: uppercase

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

  ul
    padding-left: 0
    list-style: none

    li
      position: relative
      padding-left: 30px
      font-size: 0.8rem
      line-height: 1.4

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

      + li
        margin-top: 5px

  ol
    counter-reset: ol-counter
    padding-left: 0
    list-style: none

    li
      position: relative
      padding-left: 30px
      font-size: 0.8rem
      line-height: 1.4

      // nested Ordered list
      ol
        margin: 10px 0
        > li
          &:before
            content: counter(ol-counter, lower-alpha)'.'

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

      + li
        margin-top: 5px



  a:not([class])
    color: $color-secondary-700
    text-decoration: none

    &:hover
      color: darken($color-secondary-700, 20%)
      text-decoration: none

  .button
    margin-top: 40px