body {
  font-family: arial;
}
.Treant > .node {
  border: 1px solid black;
  padding: 5px;
  background-color: #e1e4ff;
  text-align: center;
}
.Treant > .node.ancestor {
  background-color: #ffe4e4;
}
.Treant > .node.ancestor .node-name {
  margin-bottom: 0;
}
.Treant > .node.ancestor .node-title {
  margin-bottom: 0;
  margin-top: 0;
}
.Treant > .node.ancestor .node-desc {
  margin-top: 0;
}
.Treant > .node.ancestor .node-contact {
  font-size: smaller;
}
.Treant > .node.spouse {
  border: 1px dashed black;
  background-color: #ffffff;
  font-size: smaller;
}
.Treant > .node.highlight-name .node-name,
.Treant > .node.ancestor.highlight-name .node-name,
.Treant > .node.ancestor.highlight-desc .node-desc {
  font-weight: bold;
  color: #721c24;
}
a.node {
  text-decoration: none;
  color: inherit;
}
h3 {
  text-align: center;
  width: 100%;
}
ul.unstyled {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}
.tree-modal {
  font-family: arial !important;
}
.modal__title {
  color: inherit !important;
}
.modal__content li.reference a {
  font-size: smaller;
}
ul.thumbnails {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin-top: 20px; /* Remove margins */
  margin-left: 0px; /* Remove margins */
}
ul.thumbnails li {
  display: inline-grid;
}