#member-chat {
  #conversejs {
    margin:   none;
  }
}

#profiles-list,
#member-profile {
  img {
    display:  block;
  }

  &, img {
    width:      100%;
    max-width:  320px;
    min-width:  100%;
  }

  div[name="name"] {
    padding-top:  10px;
    font-weight:  bold;
    font-size:    18px;
  }

  div[name="name"], 
  div[name="location"] {
    display:  flex;
  }
}

#member-profile {
  ldp-display-mailto,
  ldp-display-tel {
    display:    block;
  }

  a[name="email"],
  a[name="number"] {
    &::before {
      font-family:      FontAwesome;
      padding-right:    4px;
      color:            black;
    }
  }
  a[name="email"] {
    &::before {
      content:          "\f0e0";
    }
  }
  a[name="number"] {
    &::before {
      content:          "\f10b";
      font-size:        22px;
      padding-left:     3px;
      padding-right:    7px;
    }
  }
}