/* ==========================================================================
   Home page
   ========================================================================== */

.personal
  display: inline-block
  width: column(7, 12)
  margin-right: column(1, 12)
  margin-left: column(1, 12)

  +respond-to-width(950)
    margin-right: 0

  +respond-to-width(850)
    margin-left: 0
    padding-left: column(0.5, 8)
    width: calc(100% - 60px)


  .alert-danger
    background-color: rgba(255, 51, 51, 0.7)
    padding: 5px 10px
    margin-top: -45px
    margin-bottom: 45px
    border-radius: 5px
    color: white

  .form-group
    position: relative
    margin-bottom: 60px
    span.icon
      position: absolute
      left: column(-1, 7)
      width: 30px
      height: 30px
      top: -8px
      &.person
        top: 0
      svg
        width: 18px
        height: 18px
        transition: opacity 0.2s

      +respond-to-width(650)
        position: relative
        left: calc(50% - 20px)
        top: -30px
        margin-bottom: 15px

  input[type=submit]
    +respond-to-width(425)
      width: calc(100% - 60px)
      min-width: 170px

.sidebar
  &.user
    ul
      overflow: visible
      height: auto
      li
        padding: 25px 14%
        +respond-to-width-beyond(1800)
          padding: 25px 50px

        &:last-of-type
          border-bottom: 0.5px solid $ctaBackground

        p
          color: $semiBlack
          font-weight: 600
          margin-bottom: 1.5em

          &.value
            font-weight: normal
            color: $gray
            margin-bottom: 0.375em