/*body { font: 19.5px/1.45 "Source Sans Pro","Helvetica Neue",Arial,sans-serif; -moz-osx-font-smoothing: grayscale;  margin: 0; background-color: #dedcd6;  } */
body { font: 17.5px/1.45 "Source Sans Pro","Helvetica Neue",Arial,sans-serif; -moz-osx-font-smoothing: grayscale;  margin: 0; background-color: #dedcd6;  } 
#summaryIn { display: none; }
#main { background-color: #f8f7f3; }
#topMenu {
    font-size: 80%; color: #666; background-color: #dedcd6; text-transform: uppercase; line-height: 2; padding-left: 1em; text-align: center; color: chocolate;  position: fixed; top: 0; width: 100%;
    }
#topMenu span, #topMenu a {
    margin: 0 1em; color: #666; cursor: pointer;
    color: chocolate;
    }
#banner { height: 10em; width: 100%; background-color: #706B63; display: flex; align-items: center; border-top-right-radius: .5em; }
#top { font-size: 80%; line-height: 2; }
#pagetitle { font-size: 280%; margin-inline: 10rem; color: rgb(248, 247, 243); line-height: .8; max-width: 80%; }
#bannerdates { font-size: 53%; text-align: center; }
#subbanner { background-color: #D1CAB0; min-height: 2.5em; text-align: center; text-transform: uppercase; color: rgb(83, 77, 70); font-size: 90%; display: flex; align-items: center; }
#subbanner div { margin: auto; max-width: 80%; }
#subsubbanner, #subsubsubbanner { background-color: #dedcd6; border-bottom: 1px solid #ddd; text-align: center; text-transform: uppercase; color: rgb(83, 77, 70); font-size: 90%; display: flex; align-items: center; padding: 0.5em; }
#subsubsubbanner { background-color: #f8f7f3; }
#subsubsubbanner span { white-space: nowrap; }
#subsubbanner div, #subsubsubbanner div { margin: auto; max-width: 80%; }
#in { display: none; }
#summary { font-size: 120%; }
.dateAndRecord { display: flex; flex-flow: row nowrap; }
.record .recordTitle { color: #648200; font-size: 130%; font-weight: 400; margin-bottom: 0; line-height: 1.3; }
.record { flex: 6; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; margin: .2em .7em; padding: .8em; display: flex; }
.record p { margin: 0 0.5em 0.5em 0; padding: 0; }
.record p:last-of-type { margin: 0; padding: 0; }
.recordDate { height: 60px; width: 60px; border-radius: 50%; background-color: #60527E; text-align:center; color: white; font-size: 1em; margin: 1em;}
.recordDate { display: flex; flex-flow: column nowrap; align-items: center; line-height: .9; }
.recordDate span:first-of-type { font-size: 140%; margin-top:5px; }
.other { background-color: #F0eee9; }
summary { font-size: 90%; text-align: start; cursor: pointer; }
details pre { font-size: 80%; white-space: pre-wrap; }
textarea { width: 90%; height: 100px; }
.marriage { border-color: red; border-width: 2px; }
.death { border-color: black; border-width: 2px; }
.familydeath { border-color: black; border-width: 1px; background-color: #F0eee9; }
.footnotes { font-size: 80%; margin-top: 1em; }
.footnotes p { margin-top: 1em; }
.footnotes ol { margin-top: 0; margin-bottom: 0; }
a { color: rgba(183,117,0,1.00); color: #648200; text-decoration: none; }
#places { background-color: #dedcd6; color: rgb(83, 77, 70); font-size: 80%; padding: 0.5em 3em;  margin-top: 3em; }
#places p { margin: .3em 0; }
.portrait { max-height: 200px; float: left; margin: .5em 1em 1em 0; }
q { font-style: italic; }
.record p.floatedIcons { margin: .5em 0 0 0; }

pre img { vertical-align: bottom; margin: 5px 5px 5px 0; }
.recordTitle::first-letter { text-transform: capitalize; }
.event { background-color:rgba(251,242,224,1.00); }
.floatedIcons img { vertical-align: middle; height: 0.7em; white-space:nowrap; }
.recordTitle span { white-space:nowrap; }


.figure { background-color: #f8f7f3; border: 0; }
.figure details { display: none; }
figure { text-align: center; margin:0; margin: 1em; }
figure img { max-height: 400px; max-width: 100%; border: 3px solid gray; }
figcaption { font-style: italic; text-align: center; }
.treeLink { border-bottom: 2px dotted #ccc; }

.keypoints {
    font-size: 80%;
    width: 12%;
    margin: 1em 0 0 0;
    clear: both;
	text-align: start;
}
.keypoints .occ { text-transform:capitalize; }
.keypoints .place {font-style:italic; }

#links { display: none; }
.detaillink { font-size:70%; margin-left: 1em; }
code, samp { font-size: 80%; }


.titleEtc { width: 32%; padding-right: 1em; }
.figure .titleEtc, .background .titleEtc { display: none; }
.descriptionText { width: 63%; }
.figure .descriptionText, .background .descriptionText { width: 100%; }
details { padding-left: 0.5em; }
details[open] { width: 100%; }
summary { margin-right: 0; text-align: left;}


section .recordTitle { color: #648200; font-size: 130%; font-weight: 400; margin-bottom: 0; line-height: 1.3; }
section { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; margin: 1em .7em; padding: .8em; }
section:last-of-type { margin-top: 0; }
section p { margin: 0 0.5em 0.5em 0; padding: 0; }
section p:last-of-type { margin: 0; padding: 0; }

article {
    background-color: #f8f7f3;
    margin: 0;
    padding: 2em;
}

#copyNotice, #characterMarkup {
    position: fixed;
    top: 40%;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
}


.copyThis {
    height: .8rem;
    width: .8rem;
    }