#page_Heading::after {
  display: block;
  content: "\a" "Family Page";
  font-size: clamp(1rem, 2vw + 1rem, 3rem);
  font-style: normal;
  line-height: 100%;
}

#page_PrevNext:empty,
#page_Text:empty,
#page_Photo:empty,
#page_Submitter:empty {
  display: none;
}

#page_Text {
  background: var(--paper-bg-pattern) repeat;
  font-family: var(--font-family-serif);
  font-size: var(--font-size-base);
  color: var(--base-black);
  padding: 1rem 2rem;
  border: var(--image-border-default);
  box-shadow: var(--box-shadow-style);
  margin-bottom: 1rem;
}
#page_Text h1, #page_Text h3, #page_Text h4, #page_Text h5 {
  text-align: left;
  margin: 0.25rem 0 0.25rem 0;
  color: var(--brand-dark);
}
#page_Text h1 {
  font-size: var(--font-size-h16);
}
#page_Text h3 {
  font-size: var(--font-size-h3);
}
#page_Text h4 {
  font-size: var(--font-size-h4);
  text-align: center;
  color: var(--brand-dark);
  margin: 1rem;
}
#page_Text h5 {
  font-size: var(--font-size-h5);
}
#page_Text hr {
  height: 2px;
  width: 50%;
  margin: 1rem 1rem 1rem 0;
}
#page_Text p {
  line-height: var(--line-height-computed);
  text-indent: 1.5rem;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0;
}
#page_Text p.noIndent {
  text-indent: 0;
}
#page_Text dl {
  margin-left: 2rem;
}
#page_Text dt {
  font-weight: bold;
  line-height: var(--line-height-computed);
  margin-top: 1rem;
}
#page_Text dd {
  margin-left: 1rem;
}
#page_Text ol {
  line-height: var(--line-height-computed);
  text-indent: 0;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0;
}
#page_Text a.show_kids {
  margin-left: 1.5rem;
  color: var(--accent-green);
  font-weight: bold;
  cursor: pointer;
}
#page_Text span.ancestor {
  font-weight: 400;
}
#page_Text span.view_kids {
  display: none;
}
#page_Text.centerbold {
  text-align: center;
  font-weight: bold;
  text-indent: 0;
}
#page_Text.caption {
  text-indent: 0;
  line-height: 110%;
}

#page_Table {
  margin-bottom: 0;
}
#page_Table table td {
  cursor: auto;
  color: var(--base-black);
  font-size: var(--font-size-base);
}
#page_Table table td:first-child {
  padding-left: 2rem;
  padding-right: 2rem;
}
#page_Table table td:last-child {
  padding-left: 2rem;
}
#page_Table table td span.ancestor {
  font-weight: 400;
}

#page_Submitter {
  font-style: italic;
}
#page_Submitter::before {
  content: "Information provided by... ";
  font-weight: bold;
  font-style: normal;
  padding-left: 1rem;
}

#viewAllBtn:hover {
  color: var(--base-white);
}

div.spacer {
  display: none;
}

#page_Wrapper {
  grid-template-areas: "page-prev" "page-text" "page-subm";
  grid-gap: 0;
}

#page_PrevNext {
  grid-area: page-prev;
  grid-column: col 4/span 6;
  grid-row: 1;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
}

#page_Text {
  grid-area: page-text;
  grid-column: col 4/span 6;
  grid-row: 2;
  height: -moz-fit-content;
  height: fit-content;
}

#page_Submitter {
  grid-area: page-subm;
  grid-column: col 4/span 6;
  grid-row: 3;
  height: -moz-fit-content;
  height: fit-content;
}

#page_Photo {
  grid-area: page-photo;
  grid-column: col 4/span 6;
  grid-row: 4;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (min-width: 992px) and (max-width: 1399.98px) {
  #page_PrevNext,
  #page_Text,
  #page_Submitter,
  #page_Photo {
    grid-column: col 3/span 8;
  }
}
@media screen and (min-width: 772px) and (max-width: 991.98px) {
  #page_PrevNext,
  #page_Text,
  #page_Submitter,
  #page_Photo {
    grid-column: col 3/span 8;
  }
}
@media screen and (min-width: 574px) and (max-width: 771.98px) {
  #page_PrevNext,
  #page_Text,
  #page_Submitter,
  #page_Photo {
    grid-column: col 2/span 10;
  }
}
@media screen and (min-width: 0px) and (max-width: 573.98px) {
  #page_PrevNext,
  #page_Text,
  #page_Submitter,
  #page_Photo {
    grid-column: col 1/span 12;
  }
}