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

.dynamic-block
  position: relative
  margin-bottom: 50px

  &:last-child
    margin-bottom: 0

  .grid-row
    +flex(space-between, center)

  h3
    display: block
    width: 100%
    font-size: 1rem
    color: white
    font-weight: semi-bold()
    margin-bottom: 30px

  h4
    display: block
    width: 100%
    font-size: 0.65rem
    color: $lightBlue
    font-weight: semi-bold()
    text-transform: uppercase
    margin-bottom: 30px

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

    h2
      font-size: 1.2rem
      color: white
      margin: 0 0 40px

    ul, ol

      li
        color: white


    p
      color: white

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

      strong
        color: white

      a
        color: white
        text-decoration: none
        border-bottom: 2px solid white
        opacity: 1
        transition: color 0.3s, border 0.3s, opacity 0.3s
        &:hover
          opacity: 0.6

  .button
    margin-top: 30px

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