#charter-signatories {

  --cp-border-color: rgba(0, 0, 0, .08);
  --cp-hover-bg: #f8f7ff;

  --cp-territory-bg: var(--light-orange);
  --cp-territory-color: #333;


  --cp-text-muted: #888;
  --cp-text-secondary: #555;

  --cp-radius: .75rem;

}


/* ========================= */
/* COMMON */
/* ========================= */

#charter-signatories .cp-signatory {
  border-color: var(--cp-border-color);
  transition:
    background .1s,
    border-color .15s;
}




#charter-signatories .cp-signatory-name {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4;
  color: inherit;
}

#charter-signatories .cp-signatory-signer {
  font-size: .9rem;
  font-weight: 500;
  color: var(--cp-text-secondary);
}

#charter-signatories .cp-signatory-role {
  font-size: .9rem;
  line-height: 1.4;
  /* color: var(--cp-text-muted); */
}

#charter-signatories .cp-signatory-divider {
  border-color: var(--cp-border-color);
}

#charter-signatories .cp-signatory-territory {
  background-color: var(--cp-territory-bg);
  color: var(--cp-territory-color);
  font-size: .9rem;
  font-weight: 500;
}

#charter-signatories .cp-signatory-date {
  font-size: .9rem;
}

#charter-signatories .cp-signatory-url a {
  text-decoration: none;
  font-weight: 500;
  font-size: .9rem;
  color: var(--orange);
}

#charter-signatories .cp-signatory-url a:hover {
  text-decoration: underline;
}

#charter-signatories .fa-user {
  font-size: 0.7rem;
  position: relative;
  top: 3px;
}

#charter-signatories .list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: inherit;
  text-decoration: none;
  background-color: inherit;
}

/* ========================= */
/* LIST VERSION */
/* ========================= */

#charter-signatories .cp-signatories-list {
  font-family: inherit;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#charter-signatories .cp-signatories-list .cp-signatory {
  border-radius: 0 !important;
}

#charter-signatories .cp-signatories-list .cp-signatory:first-child {
  border-radius: var(--cp-radius) var(--cp-radius) 0 0 !important;
}

#charter-signatories .cp-signatories-list .cp-signatory:last-child {
  border-radius: 0 0 var(--cp-radius) var(--cp-radius) !important;
}




/* ========================= */
/* CARDS VERSION */
/* ========================= */

#charter-signatories .cp-signatories-cards .cp-signatory {
  border: 1px solid var(--cp-border-color);
  border-radius: var(--cp-radius);
}

#charter-signatories .cp-signatories-cards .card-header {
  height: 70px;
}

#charter-signatories .cp-signatories-cards .cp-signatory {
  border-color: var(--orange);
}