/*==========================================================================
  Dynamic Blocks
  ========================================================================== */

.dynamic-block

  .content
    font-size: 0.9rem
    line-height: 1.5

    h2
      font-size: 1.6rem
      font-weight: medium()
      color: $orange
      margin: 0 0 40px

    ul, ol
      padding-left: 20px
      list-style: none

      li
        position: relative
        padding-left: 20px
        //font-size: 0.8rem
        color: $darkPurple

        &:before
          content: '•'
          position: absolute
          color: $darkerPurple
          font-size: 1.2rem
          line-height: 1
          left: -20px

    ol
      counter-reset: ol-counter
      li
        &:before
          counter-increment: ol-counter
          content: counter(ol-counter)'.'
          font-size: 1rem
          top: 2px

    p
      color: $darkPurple

      &:first-of-type
        margin-top: 0
      &:last-of-type
        margin-bottom: 0

      a
        color: $bluePurple3
        text-decoration: underline
        transition: color 0.3s

        &:hover
          color: $bluePurple2


  a.button
    display: inline-block
    margin-top: 50px
    padding: 15px 20px
    border-radius: 25px
    background-color: $blue
    text-decoration: none
    font-size: 0.9rem
    line-height: 1
    font-weight: bold()
    color: white
    transition: background-color 0.3s

    &:after
      content: ''
      +arrowWhite
      margin-left: 20px
      +translate3d(0,0,0)
      transition: transform 0.3s

    &:hover
      background-color: $darkBlue
      &:after
        +translate3d(5px, 0, 0)

@import "twoTextColumn"
@import "fullImageColumn"
@import "contentBlock"
@import "multipleImages"
@import "fullTextBlock"
@import "videoBlock"