solid-route[name="communities"],
solid-route[name="communities"] + .divider {
  display: none;
}

.communities-list {
  [next="communities-community-create"] {
    display: none;
  }
}

.communities-list > div.padding-top-xxsmall {
  padding-top: 0;
}

.communities-community-edit {
  .form {
    & > [name="profile.website"],
    & > [name="profile.tweeter"],
    & > [name="profile.facebook"],
    & > [name="profile.linkedin"],
    & > [name="profile.instagram"] {
      label.text-uppercase {
        text-transform: none;
        font-size: 16px;
      }
    }

    [name="phones"] {
      [name="phone"].width-45,
      [name="phone_type"].width-45 {
        width: 50%;
      }
      [name="phone_public"] {
        display: none;
      }
    }

    [name="emails"] {
      [name="email"].width-45,
      [name="email_type"].width-45 {
        width: 50%;
      }
      [name="email_public"] {
        display: none;
      }
    }

    [name="tzcld_profile.membership"] {
      label div {
        display: inline-block;
      }
    }

    .locations-wrapper {
      input[type="submit"] {
        display: none;
      }
    }
  }
}

.communities-community-edit,
.communities-community-add-member {
  div[style="padding-top: 0;"] {
    display: flex;
    flex-direction: column-reverse;

    & > .text-right {
      //display: 100%;
      text-align: left;
      padding-bottom: 20px;
    }
  }
}

tzcld-community-edit-add-member-display {
  solid-member-add {
    form {
      font-size: 0;

      & > * {
        font-size: 14px;
        width: 50%;
        display: inline-block;
        padding-right: 15px;
      }
      & > div {
        padding-left: 15px;
      }
    }
  }

  solid-member-delete {
    .children-icon-trash button::before {
      font-family: icons_tzcld;
      font-style: normal;
      font-weight: 400;
      content: "\0062";
      display: inline-block;
      font-variant: normal;
      line-height: 1em;
      text-align: center;
      text-decoration: inherit;
      text-transform: none;
      width: 1em;
      -webkit-font-smoothing: antialiased;
      padding-right: 20px;
      color: #000;
      vertical-align: top;
    }

    .children-link-color-primary :hover {
      background-color: transparent;
      color: var(--color-primary);
    }

    .children-button-icon button {
      font-size: 14px;
      line-height: 16px;
      padding: 0;
      display: inline;
      vertical-align: baseline;
    }
  }
}