/* CSS support for marking person-boxes and family-circles, for use with family trees as generated by the SVG Family-Tree Generator (SVG-FTG) */
/* Author:	A.C.Proctor	27-Jan-2021	*/

/* NB: These styles are dynamically applied and so we must enforce their precedence */

.pd-family {				/* Family-circle */
    stroke: black !important;
    stroke-width: 3.0 !important;
}

.pd-person.f {				/* Female person-box border */
    stroke: red !important;
    stroke-width: 3.0 !important;
}

.pd-person.m {				/* Male person-box border */
    stroke: blue !important;
    stroke-width: 3.0 !important;
}

.pd-person.u, .pd-person.x {		/* Unknown/other person-box border */
    stroke: dimgray !important;
    stroke-width: 3.0 !important;
}

.pd-personBox.f {			/* Female person-box fill */
    fill: rgb(255,150,150) !important;
    fill-opacity: 1.0 !important;
}

.pd-personBox.m {			/* Male person-box fill */
    fill: rgb(150,150,255) !important;
    fill-opacity: 1.0 !important;
}

.pd-personBox.u, .pd-personBox.x {	/* Unknown/other person-box fill */
    fill: rgb(167,167,167) !important;
    fill-opacity: 1.0 !important;
}