#cc-um-directory {
  margin: 20px;
}
#cc-um-directory #cc-um-directory-search,
#cc-um-directory .cc-um-directory-field {
  margin-bottom: 10px;
  padding: 5px;
  width: 100%;
}
#cc-um-directory .cc-um-directory-checkbox,
#cc-um-directory .cc-um-directory-radio {
  margin-right: 10px;
}
#cc-um-directory .cc-um-directory-select {
  margin-bottom: 10px;
  padding: 5px;
  width: 100%;
}
#cc-um-directory .cc-um-directory-field-group {
  margin-bottom: 15px;
}
#cc-um-directory .cc-um-directory-view-toggle {
  margin-bottom: 20px;
}
#cc-um-directory .cc-um-directory-view-toggle button {
  margin-right: 10px;
}
#cc-um-directory .cc-um-directory-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}
#cc-um-directory .cc-um-directory-grid .cc-um-directory-user {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
}
#cc-um-directory .cc-um-directory-list {
  display: block;
}
#cc-um-directory .cc-um-directory-list .cc-um-directory-user {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
#cc-um-directory .cc-um-directory-cover-photo {
  margin-bottom: -2rem;
  overflow: hidden;
}
#cc-um-directory .cc-um-directory-cover-photo img {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #ccc;
}
#cc-um-directory .cc-um-directory-profile-photo img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 10px;
}
#cc-um-directory .cc-um-directory-contact-btn {
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 0.25rem;
  width: 100%;
  text-align: center;
  background-color: darkgray;
  color: white;
}/*# sourceMappingURL=style.css.map */