/* body class to increase specificity*/
.familyTree {
	.familyTree.horizontal {


		.union {
			background: none;
		}

		#gen1 .union {
			background: #f0f0f0;
		}

		.person.clickable[data-ref='sedgwick-catharine'] {
			background: white;
            font-size: 19px;
            padding: 18px 9px;
            box-sizing: border-box;
		}


		--var-color1: #aacfe7;
		--var-color2: #aafbf3;
		--var-color3: #a8e789;
		--var-color4: #e5c26e;
		--var-color5: #e7afb7;
		--var-color6: #b4bfed;
		--var-color7: #f2a796;
	}

}


.namesInfoBox {

	h4 {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.note {
		background: #f0f0f0;
		width: calc(100% + 20px);
		margin-left: -10px;
		padding: 10px;
		line-height: 1.5;
	}

	.nickname {
		display: block;
	}

}