:root {
	--tree-link-color: rgb(64, 166, 100);
}


.treeInfo a,
.treeInfo a:link,
.treeInfo a:visited {
	color: var(--tree-link-color);
}



.simple {
	background: rgb(234, 238, 240);
}


.simple .familyTree {
	font-family: "Roboto", sans-serif;
    box-sizing: border-box;
    padding: 65px 100px 100px 100px;
}

.simple .union {
	padding: 10px 0;
	background: white;
	border-radius: 10px;
}

.simple .union + .union {
	margin-top: 10px;
}


.simple .union[data-children='true'] {
}


.simple .knot {
	padding: 3px 3px 3px 20px;
	text-align: left;

	svg {
		width: 16px;
	}
}

.simple .union[data-remarriage] {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.simple .union[data-remarriage] .knot {
	display: none;
}

.simple .union[data-remarriage] .label {
	font-style: italic;
	padding-left: 20px;
}


.simple .person {
	box-sizing: border-box;
	padding: 8px 8px;
}

.simple .union .person {
	padding: 4px 8px;
}

.simple .person[data-inlaw='true'] {
	color: #505050;
}


.simple notes {
	display: none;
}


.simple .connectors {
	position: relative;
	width: 64px;
}

.simple .personLine {
	width: 30px;
	left: -31px;
	height: 2px;
	background: #00000031;
}

.simple .unionLine {
	width: 30px;
	right: -31px;
	height: 2px;
	background: #00000031;
}

.simple .connectorLine {
	display:block;
	position: relative;
	background: #00000031;
	left: 0;
	height: 2px;
	padding-right: 2px;
}


.simple .bg {
	border-radius: 10px;
	background: #f0f0f0;
}


.simple .dropShadow .bg {
	box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

.simple .dropShadow .treeToolbar {
	box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}