.user-profile-page
  header.hero
    position: relative

  .profile-image
    position: absolute
    bottom: 0
    left: 50%
    border: 6px solid white
    margin-bottom: -75px
    margin-left: -75px
    &.personal
      +avatar-position(150px)
    &.company
      +avatar-position(150px, 320px)

  section.content
    padding: 1.5em 0

  .hero-bio
    padding: 5em 0 2em
    text-align: center
    background: white
    h2
      text-transform: uppercase
      margin-bottom: 0
    .bio
      margin: 1em auto
      color: $secondary-font-color
      font:
        size: 1.05em
        weight: 300

  .user-social
    li
      display: inline-block
    .social-link
      display: block
      width: 30px
      height: 30px
      padding: 5px
      background: $primary-color
      color: white
      text-align: center
      line-height: 1.3em
      border-radius: 50%
      margin: 0 .3em
      +transition(.3s)
      &:hover
        background: darken($primary-color, 15%)

  .projects
    [class*="column"]:last-child
      float: left

.user-profile-page
  header.hero
    position: relative

  .profile-image
    position: absolute
    bottom: 0
    left: 50%
    border: 6px solid white
    margin-bottom: -75px
    margin-left: -75px
    background: white
    &.personal
      +avatar-position(150px)
    &.company
      +avatar-position(150px, 320px)

  section.content
    padding: 1.5em 0

  .hero-bio
    padding: 5em 0 2em
    text-align: center
    background: white
    h2
      text-transform: uppercase
      margin-bottom: 0
    .bio
      margin: 1em auto
      color: $secondary-font-color
      font:
        size: 1.05em
        weight: 300

  .user-social
    li
      display: inline-block
    .social-link
      display: block
      width: 30px
      height: 30px
      padding: 5px
      background: $primary-color
      color: white
      text-align: center
      line-height: 1.3em
      border-radius: 50%
      margin: 0 .3em
      +transition(.3s)
      &:hover
        background: darken($primary-color, 15%)

  .projects
    [class*="column"]:last-child
      float: left

Fix user avatar with white on public user page
Fix user avatar with white on public user page
