/*==========================================================================
  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: $darkGreen
    font-weight: semi-bold()
    margin-bottom: 30px

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

  .content
    font-size: 0.9rem
    line-height: 1.6
    color: $darkGreen

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

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

      strong
        color: $darkerGreen
        opacity: 1
        font-size: inherit
        text-transform: none

      a
        color: $orange
        text-decoration: none
        border-bottom: 2px solid $orange
        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"