/* Account managers
 ========================================================================== */

// Based on a col-5 container
.account-managers-holder
  white-space: nowrap

  .account-manager
    display: inline-block
    width: calc((100% - 80px) / 3)
    font-size: .8rem
    line-height: 1.2
    white-space: normal

    + .account-manager
      margin-left: 40px

    .portrait
      position: relative
      overflow: hidden
      border-radius: 500px
      margin-bottom: 20px

      img
        width: 100%


    .name
      display: block
      font-weight: semibold()
      white-space: nowrap

    .function
      display: block
      color: rgba(255,255,255,0.8)
      white-space: nowrap

    a
      text-decoration: none
      color: $blue

    +respond-to-width($smGridBreakpoint)
      .function
        font-size: .9rem

  +respond-to-width(550)
    white-space: normal
    font-size: 0

    .account-manager
      width: calc((100% - 40px) / 2)
      margin-bottom: 40px

      &:nth-child(2n + 1)
        margin-left: 0

  +respond-to-width(375)
    text-align: center

    .account-manager
      width: 100%
      max-width: 200px
      margin-left: 0 !important