@font-face {
  font-family: "Chapbook";
  src: url("../css/fonts/Chapbook.ttf");
}
/*
0-600px      phone
600-900px    tablet portrait
900-1200px   tablet landscape
1200-1800px  desktop normal
1800+px      big desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop

1em = 16px
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}
@media (max-width: 56.25em) {
  html {
    font-size: 50%;
  }
}
@media (max-width: 75em) {
  html {
    font-size: 56.25%;
  }
}
@media (min-width: 112.5em) {
  html {
    font-size: 75%;
  }
}

body {
  display: flex;
  flex-direction: column;
}

#page {
  margin: 0 2%;
}

#page-wrapper {
  flex: 1;
  margin-top: 20px;
  width: 97%;
}

#page-wrapper-main {
  flex: 1;
  margin-top: 20px;
  width: 97%;
}

#hm-page {
  background-color: #006699;
}

#ma-page {
  background-color: #dcdcdc;
}

@media (max-width: 37.5em) {
  #fa-page {
    margin-top: 40px;
  }
}

#mem-page {
  background-color: #76808f;
}

#qt-page {
  background-color: #f3f3f3;
}

.row {
  width: 95%;
}

@media (max-width: 37.5em) {
  .column {
    padding: 0;
  }
}

.footer-hm {
  flex-shrink: 0;
}

@keyframes explodeIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
  }
}
/* GENERAL */
.color1,
.color-blue-primary {
  background: #006699;
}

.color2 {
  color: #ffcc99;
}

.color3 {
  color: #a6111f;
}

.color4 {
  color: #04486a; /* dark blue */
}

.color5 {
  color: #ebebeb;
}

.color6,
.color-red-primary {
  color: #a6111f; /* dark red */
}

.color7,
.color-dark-blue {
  color: #0000ff; /* dark blue */
}

.color01 {
  color: #000;
}

.color02 {
  color: #008000;
}

.color03 {
  color: #a6111f;
}

.color04 {
  color: #08364c;
}

.color05 {
  color: #8b008b;
  font-weight: 500;
}

.color-secondary {
  color: #1a82f7;
}

.color-secondary-dark {
  color: #0769d7;
}

.color-navy-blue {
  color: #076df2;
}

.color-slate-grey {
  color: #76808f;
}

@font-face {
  font-family: "Old-Newspaper";
  src: url("/fonts/OldNewspaperTypes.ttf") format("truetype");
}
@font-face {
  font-family: "OldStandard-Regular";
  src: url("/fonts/OldStandard-Regular.ttf") format("truetype");
}
.italic {
  font-style: italic;
}

.strong {
  font-weight: 600;
}

.emphasis-1 {
  font-weight: 500;
  color: #0000ff;
}
.emphasis-2 {
  font-weight: 500;
  color: #a6111f;
}
.emphasis-3 {
  font-weight: 500;
}

.amp:after {
  content: "&";
}

.font-00-50 {
  font-size: 0.5rem;
}
.font-01-00 {
  font-size: 1rem;
}
.font-01-25 {
  font-size: 1.25rem;
}
.font-01-50 {
  font-size: 1.5rem;
}
.font-01-75 {
  font-size: 1.75rem;
}
.font-02-00, .font-anc-head-info {
  font-size: 2rem;
}
.font-02-25 {
  font-size: 2.25rem;
}
.font-02-50 {
  font-size: 2.5rem;
}
.font-03-00, .font-anc-head-name {
  font-size: 3rem;
}
.font-03-50 {
  font-size: 3.5rem;
}
.font-04-00 {
  font-size: 4rem;
}

.font01 {
  font-family: "Open Sans", sans-serif;
  font-size: 2.25rem;
}

.font02 {
  font-size: 2rem;
}

.font03,
.anc-view-title {
  font-family: "Open Sans", sans-serif;
  font-size: 1.75rem;
}

.font04 {
  font-size: 1.5rem;
}

.font05,
.anc-view-comment {
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
}

.font06h {
  font-family: "Open Sans Condensed", sans-serif;
  color: #a6111f;
  font-size: 1.1rem;
}

.font06 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.1rem;
}

.font06b {
  font-family: "Open Sans", sans-serif;
  font-size: 1.05rem;
}

.font07 {
  font-size: 1rem;
}

.font07b {
  font-size: 0.85rem;
}

.font08 {
  font-size: 0.5rem;
}

.font17thc {
  font-family: "Chapbook";
  font-size: 1rem;
}

.lh-05 {
  line-height: 1rem;
}

.none {
  list-style: none;
}

.numbers {
  list-style: decimal;
}

a, a:hover, a:visited {
  color: #0000ff;
}

.fill a {
  color: #000;
}
.fill a:hover {
  color: #0000ff;
}

/* GENEALOGY - GENERAL */
.gen-title-a {
  font-size: 3rem;
}
@media (max-width: 37.5em) {
  .gen-title-a {
    font-size: 2.5rem;
  }
}

.gen-title-b {
  font-size: 2rem;
}

.gen-title-c {
  font-size: 1.75rem;
}

.gen-title-d {
  font-size: 1.5rem;
}

.gen-text-a {
  font-size: 2rem;
}

.gen-text-b {
  font-size: 1.75rem;
  text-align: justify;
}
@media (max-width: 37.5em) {
  .gen-text-b {
    font-size: 1.5rem;
  }
}

.gen-text-c {
  font-size: 1.5rem;
}

.gen-text-d {
  font-size: 1.25rem;
}

.anc-name-list .button {
  width: 8rem;
  height: 3rem;
  font-size: 1.25rem;
  background-color: #006699;
  color: #fff;
  text-align: center;
  padding: 0.3rem;
  margin: auto;
  vertical-align: middle;
}

.sup {
  vertical-align: super;
  font-family: Arial;
  font-size: 1.5rem;
  font-weight: 600;
  color: red;
}

.yago {
  font-size: 1.4rem;
  font-style: italic;
  color: #008000;
}

article p {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 1.75rem;
}

/* GENEALOGY - TREE PAGE */
/* GENEALOGY - ANCESTOR PAGE */
.gen-page {
  font-size: 1.75rem;
}

.anc-head-title {
  font-size: 3rem;
  color: #000;
}
@media (max-width: 37.5em) {
  .anc-head-title {
    font-size: 2.5rem;
  }
}

.anc-head-label {
  font-size: 1.75rem;
  font-weight: 500;
  color: #780c16;
}
@media (max-width: 37.5em) {
  .anc-head-label {
    font-size: 1.5rem;
  }
}

.anc-head-info {
  font-size: 1.75rem;
}
@media (max-width: 37.5em) {
  .anc-head-info {
    font-size: 1.5rem;
  }
}

.button {
  font-size: 1.25rem;
}

.anc-data-label {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.4rem;
  color: #780c16;
}
@media (max-width: 37.5em) {
  .anc-data-label {
    font-size: 1.5rem;
  }
}

.anc-evidence-sub-title {
  font-size: 1.5rem;
}

.anc-evidence-title-notes {
  font-size: 1.4rem;
}

/* GENEALOGY - VIEWER PAGE */
.view {
  display: block;
}
.view-title {
  font-size: 2.5rem;
}
@media (max-width: 37.5em) {
  .view-title {
    font-size: 2rem;
  }
}
.view-subtitle {
  display: block;
  font-size: 1.75rem;
  line-height: 1.5;
}
@media (max-width: 37.5em) {
  .view-subtitle {
    font-size: 1.75rem;
  }
}
.view-title-note {
  display: block;
  font-size: 1.75rem;
  line-height: 1.5;
}
.view-comment {
  display: block;
  font-size: 1.75rem;
  line-height: 1.5;
}
@media (max-width: 37.5em) {
  .view-comment {
    font-size: 1.5rem;
  }
}

.attrib-txt {
  font-size: 1.25rem;
  line-height: 1.5;
}

.grave-marker-txt {
  font-family: "Simonetta", cursive;
  color: #a6111f;
  font-size: 1.75rem;
  padding-left: 25%;
}
.grave-marker-txt-centered {
  font-family: "Simonetta", cursive;
  color: #a6111f;
  font-size: 1.75rem;
  text-align: center;
  padding-left: 10%;
  padding-right: 60%;
}
@media (max-width: 37.5em) {
  .grave-marker-txt-centered {
    font-size: 1.25rem;
    padding-left: 5%;
    padding-right: 0%;
  }
}
@media (max-width: 37.5em) {
  .grave-marker-txt {
    font-size: 1rem;
    padding-right: 0%;
  }
}

.hist-marker-txt,
.transcription-txt {
  font-family: "times";
  color: #0000ff;
  font-size: 1.75rem;
  text-align: justify;
  padding-left: 25%;
}

.hist-marker-txt-centered {
  font-family: "times";
  color: #0000ff;
  font-size: 1.75rem;
  text-align: center;
}

.font-17th-c-txt {
  font-family: "Chapbook";
  color: #0000ff;
  font-size: 2.5rem;
}
@media (max-width: 37.5em) {
  .font-17th-c-txt {
    font-size: 1.5rem;
  }
}

.book-17th-c-txt {
  font-family: "Chapbook";
  color: #0000ff;
  font-size: 2rem;
  text-align: justify;
  padding-left: 15%;
}
@media (max-width: 37.5em) {
  .book-17th-c-txt {
    font-size: 1.5rem;
    padding-left: 5%;
  }
}

.font-19th-c-txt {
  font-family: OldStandard-Regular;
  color: #0000ff;
  font-size: 2rem;
}
@media (max-width: 37.5em) {
  .font-19th-c-txt {
    font-size: 1.5rem;
  }
}

.font-bracket-txt {
  color: #000;
  font-size: 1.25rem;
}
@media (max-width: 37.5em) {
  .font-bracket-txt {
    font-size: 1.25rem;
  }
}

.font-19th-c-txt-Old-Newspaper {
  font-family: "Old-Newspaper";
  font-size: 1.9rem;
  font-weight: normal;
  font-style: normal;
}

.quote-txt {
  color: #8b008b;
  font-style: italic;
}

/* GENEALOGY - GALLERY PAGE */
.probate-img-list {
  font-size: 1.25rem;
}

.lh-normal {
  display: block;
  line-height: normal;
}

/*-- rules to prevent 'flash of unstyled content' ------------------*/
.no-js .top-bar-right {
  display: none;
}

@media screen and (min-width: 4rem) {
  .no-js .top-bar-right {
    display: block;
  }
  .no-js .top-bar-title {
    display: block;
  }
  .fn-img img {
    max-width: 300%;
    height: auto;
  }
}
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px, ... */
@media (max-width: 37.5em) {
  nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
  }
}

#main-menu {
  width: 100%;
  height: 60px;
  background: #006699;
  /* Menu Items */
  /* Hide Hamburger */
}
#main-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#main-menu ul #hm-first-item-padding {
  padding-right: 60%;
}
#main-menu ul #ma-first-item-padding {
  padding-right: 40%;
}
#main-menu ul #fa-first-item-padding {
  padding-right: 15%;
}
#main-menu ul #fa-guest-item-padding {
  padding-right: 40%;
}
#main-menu ul li {
  display: inline-block;
  padding: 0.75rem 0 0.75rem 2rem;
  box-sizing: border-box;
}
#main-menu h2 {
  color: #33ccff;
  font-style: italic;
  font-size: 3rem;
  font-weight: 600;
}
#main-menu h3 {
  color: #ffcc99;
  font-size: 1.5rem;
  font-weight: 300;
}
#main-menu .no-hamburger {
  visibility: visible;
  display: grid;
  grid-template-rows: 60px;
  grid-template-columns: 55% 1fr;
}
#main-menu .no-hamburger-fa {
  visibility: visible;
  display: grid;
  grid-template-rows: 60px;
  grid-template-columns: 25% 1fr;
}
#main-menu .no-hamburger-gg {
  visibility: visible;
  display: grid;
  grid-template-rows: 60px;
  grid-template-columns: 75% 1fr;
}
#main-menu .hamburger {
  visibility: hidden;
  display: none;
}
#main-menu label,
#main-menu #hamburger,
#main-menu menu-title {
  display: none;
}
@media (max-width: 37.5em) {
  #main-menu {
    height: 40px;
    /* Show Hamburger */
    /* Break down menu items into vertical */
    /* Toggle show/hide menu on checkbox click */
  }
  #main-menu .no-hamburger,
  #main-menu .no-hamburger-gg {
    display: none;
    visibility: hidden;
  }
  #main-menu .hamburger {
    visibility: visible;
  }
  #main-menu label {
    display: inline-block;
    color: #fff;
    background: #a02620;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }
  #main-menu menu-id {
    display: inline-block;
    color: #fff;
    font-size: 1.6em;
    padding: 2px 5px;
  }
  #main-menu .hm menu-id {
    display: hidden;
  }
  #main-menu menu-title {
    display: inline-block;
    color: #33ccff;
    font-size: 2.2em;
    font-style: italic;
    padding: 2px 5px;
  }
  #main-menu ul {
    display: none;
  }
  #main-menu ul li {
    display: block;
    width: 30%;
    border-top: 1px solid grey;
    background-color: #006699;
  }
  #main-menu ul li:first-child {
    display: none;
  }
  #main-menu ul li:last-child {
    padding-right: 0;
    border-bottom: 0.5px solid #000;
  }
  #main-menu .fa li {
    width: 50%;
  }
  #main-menu input:checked ~ ul {
    display: block;
  }
  #main-menu .dropdown-items {
    background-color: #76808f;
    min-width: 160px;
    height: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid #333;
    padding-left: 15px;
  }
  #main-menu .gen-page, #main-menu #page-wrapper {
    margin-top: 40px;
  }
}
@media (max-width: 75em) {
  #main-menu ul #ma-first-item-padding {
    padding-right: 60%;
  }
  #main-menu ul #fa-first-item-padding {
    padding-right: 15%;
  }
  #main-menu ul #fa-guest-item-padding {
    padding-right: 60%;
  }
  #main-menu h2 {
    font-size: 3rem;
  }
  #main-menu h3 {
    font-size: 1.75rem;
  }
  #main-menu li:nth-child(3n) :nth-child(1n) {
    width: 150px;
  }
}
@media (max-width: 56.25em) {
  #main-menu {
    color: #ffcc99;
    text-decoration: none;
    padding-right: 2rem;
  }
  #main-menu ul #fa-guest-item-padding {
    padding-right: 40%;
  }
  #main-menu h2 {
    font-size: 3rem;
  }
  #main-menu h3 {
    font-size: 1.75rem;
  }
  #main-menu:hover {
    color: #ff9933;
  }
}
#main-menu .dropdown {
  position: relative;
  display: inline-block;
}
#main-menu .dropdown-items {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #76808f;
  min-width: 160px;
  height: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #333;
  padding-left: 15px;
}
#main-menu .dropdown-items a {
  display: block;
  text-decoration: none;
}
#main-menu .dropdown:hover .dropdown-items {
  display: block;
}

.hm .left-head,
.ma .left-head,
.fa .left-head,
.gg .left-head {
  grid-column-start: 1;
  grid-column-end: 2;
}
.hm .right-head,
.ma .right-head,
.fa .right-head,
.gg .right-head {
  grid-column-start: 2;
  grid-column-end: 3;
}

.nav-title {
  display: grid;
  grid-template-rows: 60px;
  padding-left: 3rem;
  align-items: center;
}

.nav-menu {
  display: grid;
  grid-template-rows: 60px;
  align-items: center;
  justify-items: center;
}
.nav-menu-hm {
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
}
.nav-menu-ma {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 10px;
}
.nav-menu-fa {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 5px;
}
.nav-menu-gg {
  grid-template-columns: 1fr 1fr;
}

.dl-tree-button a:visited {
  color: #fff;
}
.dl-tree-button button {
  height: auto;
}

.button {
  border-radius: 0.25rem;
  box-shadow: 0.25rem 0.25rem 0.25rem #000;
}
@media (max-width: 37.5em) {
  .button {
    font-size: 1rem;
  }
}
.button:hover {
  transform: scale(1.1);
}
.button:after {
  color: #d3d3d3;
}

.viewer-zoom-btns {
  background-color: #87898d;
}
.viewer-zoom-btns-bar {
  width: 100%;
}
.viewer-zoom-btns-bar-probate {
  position: absolute;
  width: 100%;
  z-index: 100;
}

.btn-viewer {
  display: inline-block;
  float: left;
  width: 3rem;
  margin: 1rem 1rem;
}
.btn-viewer:hover {
  transform: scale(1.05);
}
.btn-viewer img {
  border-bottom: 0;
}

.zoom-in {
  border: none;
}

.viewer-tips .button {
  font-size: 1.1rem;
  background-color: #2199e8;
}
.viewer-tips li {
  font-size: 1.5rem;
  font-style: oblique;
  color: darkred;
}
.viewer-tips img {
  width: 1.75rem;
  height: auto;
}

input[type=range] {
  -webkit-appearance: none;
  width: 90%;
  margin: 1.5rem 1rem;
  background: transparent;
  background-color: #87898d;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  height: 2.5rem;
  width: 1.5rem;
  border-radius: 0.5rem;
  background: #006699;
  cursor: pointer;
  margin-top: -0.8rem;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  height: 2.5rem;
  width: 1.5rem;
  border: 1px #000;
  border-radius: 0.5rem;
  background: #006699;
  cursor: pointer;
}

input[type=range]::-ms-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  border: 1.8px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  height: 11.4px;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.75rem;
  cursor: pointer;
  box-shadow: 0.1rem 0.1rem 0.1rem #000000, 0px 0px 0.4rem #0d0d0d;
  background: transparent;
  background-color: #dcdcdc;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  border: 0.2px solid #010101;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #dcdcdc;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 0.75rem;
  cursor: pointer;
  box-shadow: 0.1rem 0.1rem 0.1rem #000000, 0px 0px 0.4rem #0d0d0d;
  background: transparent;
  background-color: #dcdcdc;
  border-radius: 0.25rem;
  border: 0.2px solid #010101;
}

input[type=range]::-ms-track {
  width: 90%;
  height: 0.75rem;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 1px 0;
  color: transparent;
}

input[type=range]:focus::-moz-range-track {
  background: #dcdcdc;
}

input[type=range]::-ms-fill-lower {
  background: #dcdcdc;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]::-ms-fill-upper {
  background: #dcdcdc;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type=range]:focus::-ms-fill-lower {
  background: #dcdcdc;
}

input[type=range]:focus::-ms-fill-upper {
  background: #dcdcdc;
}

/*



*/
.hr {
  display: block;
  max-width: 100%;
  border-top: 1px solid #000;
}

.hr-rule {
  display: block;
  border: 0;
  width: 80%;
  height: 5rem;
  margin: auto;
}

.img-float-right {
  float: right;
  max-width: 40%;
  height: auto;
}

.special-fig {
  display: inline-block;
  margin: 0;
}

.footer {
  flex-shrink: 0;
  text-align: center;
  padding: 1rem 0 1rem 0;
  background-color: #007ebd;
  font-size: 1.5rem;
  color: #ebebeb;
}
.footer a, .footer a:visited {
  text-decoration: none;
  color: #ebebeb;
}
.footer a:hover {
  color: #c2c2c2;
}

#main-page-footer .footer {
  flex-shrink: 0;
  background-color: transparent;
  color: #ffcc99;
}
#main-page-footer .footer a, #main-page-footer .footer a:visited {
  text-decoration: none;
  color: #ffcc99;
}
#main-page-footer .footer a:hover {
  color: #ff9933;
}

/* 	GENERAL  */
.left {
  float: left;
}

.right {
  float: right;
}

.center,
.center-text {
  text-align: center;
}

.center-img {
  display: block;
  margin: auto;
  width: 60%;
}
@media (max-width: 37.5em) {
  .center-img {
    width: 90%;
  }
}

.center-img-80 {
  display: block;
  margin: auto;
  width: 80%;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.text-left {
  text-align: left;
}

.no-margin {
  margin: 0;
  padding: 0;
}

.hidden, .small-hidden {
  visibility: hidden;
}

.relative {
  position: relative;
}

.no-display {
  display: none;
}

.small-no-display {
  display: block;
}

/* 	FAMILY AREA  */
.img-fa-page-hdr {
  width: 100%;
}

.img-fa-page-hdr-small {
  width: 65%;
  vertical-align: middle;
}

.txt-fa-page-hdr {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* 	GENEALOGY  */
.gen-page {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  background-color: #dcdcdc;
}
@media (max-width: 37.5em) {
  .gen-page {
    margin-top: 0;
    font-size: 1.5rem;
  }
}
.gen-page.row {
  width: 100%;
}

.gen-header-wrapper {
  width: 100%;
  border-bottom: thin groove #000;
}

.gen-header-wrapper-addl-page {
  width: 100%;
  border-bottom: thin groove #000;
}

.gen-page-wrapper {
  flex: 1;
  width: 97%;
  padding-left: 3%;
}

.gen-page-heading {
  width: 100%;
  padding: 3% 0 1% 0;
  background-image: linear-gradient(to right, #999999, #babaab, #777777);
}
@media (max-width: 37.5em) {
  .gen-page-heading {
    padding-left: 1rem;
  }
}
@media (max-width: 56.25em) {
  .gen-page-heading .medium-10,
  .gen-page-heading .large-10 {
    width: 100%;
  }
}

.gen-gallery-heading {
  max-width: 100%;
  padding: 3% 0 1% 0;
  background-color: #babaab;
}
@media (max-width: 37.5em) {
  .gen-gallery-heading {
    padding-left: 1rem;
  }
}

.gen-page-wrapper-special {
  width: 100%;
  margin: 0;
}

.gen-page-data {
  flex: 1;
  border-top: 1px solid #000;
  background-color: #ebebeb;
}

.centered {
  text-align: center;
}

.top-border {
  border-top: thin groove #000;
}

.bottom-border {
  width: 95%;
  border-bottom: thin groove #000;
}

.div-border-bottom {
  border-bottom: 0.1rem solid #000;
}

.top-pad-10 {
  padding-top: 1rem;
}
.top-pad-20 {
  padding-top: 2rem;
}
.top-pad-30 {
  padding-top: 3rem;
}
.top-pad-40 {
  padding-top: 4rem;
}

.bottom-pad-05 {
  padding-bottom: 0.5rem;
}
.bottom-pad-10 {
  padding-bottom: 1rem;
}
.bottom-pad-20 {
  padding-bottom: 2rem;
}
.bottom-pad-30 {
  padding-bottom: 3rem;
}

.left-pad-05r {
  padding-left: 0.5rem;
}
.left-pad-1r {
  padding-left: 1rem;
}
.left-pad-2r, .left-pad-20 {
  padding-left: 2rem;
}
.left-pad-3r {
  padding-left: 3rem;
}
.left-pad-4r {
  padding-left: 4rem;
}
@media (max-width: 37.5em) {
  .left-pad-4r {
    padding-left: 0;
  }
}
.left-pad-5r {
  padding-left: 5rem;
}
.left-pad-10r {
  padding-left: 10rem;
}
.left-pad-30 {
  padding-left: 3rem;
}
.left-pad-10p {
  padding-left: 10%;
}
.left-pad-20p {
  padding-left: 20%;
}
.left-pad-30p {
  padding-left: 30%;
}
.left-pad-40p {
  padding-left: 40%;
}

.right-pad-1r {
  padding-right: 1rem;
}
.right-pad-2r {
  padding-right: 2rem;
}
.right-pad-10p {
  padding-right: 10%;
}
.right-pad-30 {
  padding-right: 3rem;
}
.right-pad-30p {
  padding-right: 30%;
}
.right-pad-40p {
  padding-right: 40%;
}
.right-pad-4r {
  padding-right: 4rem;
}

.engraved-text {
  display: flex;
  width: 100vw;
  height: 50vh;
  margin: auto;
  color: #424143;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  font-style: italic;
  text-shadow: 0px 1px 0px rgba(128, 128, 128, 0.7), 0px -2px 0px rgb(0, 0, 0);
}
@media (min-width: 112.5em) {
  .engraved-text {
    font-size: 22rem;
  }
}
@media (max-width: 93.75em) {
  .engraved-text {
    font-size: 18rem;
  }
}
@media (max-width: 75em) {
  .engraved-text {
    font-size: 12rem;
  }
}
@media (max-width: 56.25em) {
  .engraved-text {
    font-size: 8rem;
  }
}
@media (max-width: 37.5em) {
  .engraved-text {
    font-size: 5rem;
  }
}

.main-text--a {
  margin: auto;
  padding-top: 15%;
  text-align: center;
  /*
      animation-name: explodeIn;
      animation-duration: 1s;
      animation-timing-function: ease-out;
  */
}

#error_msg {
  position: relative;
  text-align: center;
}

#err_msg_1 {
  font-size: 0.11rem;
  color: #a6111f;
  padding: 0;
}

#err_msg_2 {
  font-size: 0.11rem;
  color: #ebebeb; /* same as background - smoke white */
  padding: 0;
}

#memoriam-img {
  display: block;
  width: 30%;
  height: auto;
  border: 10px solid #000;
  padding: 5px;
  margin: 0 auto;
}

.memoriam-caption {
  font-size: 1.5rem;
  text-align: center;
  color: #dcdcdc;
}
@media (max-width: 56.25em) {
  .memoriam-caption {
    font-size: 1.25rem;
  }
}

.memoriam-text {
  font-size: 1.75rem;
  padding: 0 3%;
  color: #000;
}
@media (max-width: 56.25em) {
  .memoriam-text {
    font-size: 1.5rem;
  }
}
.memoriam-text a,
.memoriam-text a:visited {
  color: #33ccff;
}

#obit-img {
  display: block;
  width: 50%;
  height: auto;
  border: 5px solid #000;
  margin: 0 auto;
}

.mail-clients {
  display: block;
  margin: 0 auto;
}

.fieldset {
  border: 2px solid #000;
  width: 25%;
  margin: 0 auto;
}
.fieldset legend {
  color: #dcdcdc;
  background: #1583cc;
  font-size: 1.5rem;
  border: 1px solid #a6111f;
  margin-left: 6px;
  padding: 2px 6px;
}
.fieldset label {
  width: 100%;
  font-size: 1.5rem;
}

.fieldset-button {
  font-size: 1rem;
  text-align: center;
}

.iframe-conf {
  width: 100%;
  margin: auto auto;
}
@media (max-width: 93.75em) {
  .iframe-conf {
    height: 720px;
  }
}
@media (max-width: 56.25em) {
  .iframe-conf {
    height: 600px;
  }
}
@media (max-width: 37.5em) {
  .iframe-conf {
    height: 550px;
  }
}

.main-fa-page h4 {
  color: #000;
  font-size: large;
  text-align: center;
}

.fa-title {
  text-align: left;
}
@media (max-width: 37.5em) {
  .fa-title {
    font-size: 2.5rem;
  }
}
.fa-title h3 {
  font-size: 40px;
  padding-top: 15px;
}

.fa-title-a {
  font-size: 3rem;
}
@media (max-width: 37.5em) {
  .fa-title-a {
    font-size: 2.5rem;
  }
}

.fa-main-img {
  display: block;
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.fa-main-img-large {
  display: block;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.fa-main-img-small {
  display: block;
  width: 60%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.fa-main-title h4 {
  font-size: 20px;
}

#qt-champ {
  margin: 0;
  padding: 0;
}

#qt-champ-img {
  width: 100%;
  margin-top: 0px;
}

#qt-champ figcaption {
  font-size: 1.5rem;
  text-align: center;
}

#qt-game-img {
  width: 325px;
  height: auto;
  padding: 5px;
}

#qt-trophy-img {
  width: 150px;
  height: auto;
  padding: 5px;
}

#qt-results img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.qt-results-heading {
  margin: 0;
  font-size: 1.5rem;
  text-align: center;
  padding-bottom: 1rem;
}
.qt-results-heading h1 {
  margin: 0;
  padding: 0;
  font-family: Verdana;
  font-size: 4rem;
  text-decoration: none;
}
.qt-results-heading h3 {
  color: #a6111f;
  font-size: 3rem;
  text-align: center;
}
.qt-results-heading h4 {
  text-align: left;
}

.qt-summary-heading h3 {
  color: #a6111f;
  text-align: left;
  font-size: 3rem;
}
.qt-summary-heading h4 {
  text-align: left;
}

.qt-text {
  text-align: left;
}

.qt-summary-text {
  font-family: Arial;
  font-size: 1.75rem;
  padding-right: 15px;
  text-decoration: none;
}

.qt-img {
  width: 800px;
  height: auto;
  margin: 0 auto;
}

.qt-table {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}
.qt-table th {
  font-size: 1.75rem;
  color: #0000ff;
}
.qt-table td {
  font-size: 1.5rem;
}
.qt-table a:hover {
  color: #a6111f;
}

.qt-rank-table tbody th, .qt-rank-table tbody td {
  padding: 0;
  border-right: 1px solid #000;
}

.qt-table-name {
  display: block;
  text-align: left;
  margin-left: 10px;
}

.qt-outcome-table-name {
  text-align: left;
  padding-left: 20px;
  border-right: 1px solid #000;
}

.qt-outcome-table {
  font-size: 1.5rem;
}
.qt-outcome-table tbody th, .qt-outcome-table tbody td.a {
  padding: 0;
  border-right: 2px solid #000;
  text-align: center;
}
.qt-outcome-table tbody td.b, .qt-outcome-table tbody th.b {
  padding: 0;
  border-right: 1px solid #000;
  text-align: center;
}
.qt-outcome-table tbody td {
  width: 1%;
}

.row-rank {
  width: 3%;
}

.row-name {
  width: 5%;
}

.row-games {
  width: 8%;
}

.row-tgames {
  width: 6%;
}

.row-tourney {
  width: 6%;
}

.row-score {
  width: 6%;
}

.color-th1 {
  background-color: #5b7f9a;
}

.color-tr1 {
  background-color: #93aebf;
}

.color-tr2 {
  background-color: #d9c5a0;
}

.color-tr3 {
  background-color: #9e9e9e;
}

.color-tr4 {
  background-color: #cd5c5c;
}

.color-tr1 td a, .color-tr2 td a, h6.standings-link a {
  color: #076df2;
}

h6.standings-link a:hover {
  color: #a6111f;
}

.standings-link {
  font-style: italic;
}

.qt-summary-table {
  margin: 0 0 0.5rem 0;
  padding: 0;
}
.qt-summary-table h4 {
  font-family: Arial;
  font-size: 1.75rem;
  text-decoration: none;
  padding-top: 5px;
}
.qt-summary-table td {
  background-color: #ebebeb;
}
.qt-summary-table .button {
  line-height: 1.25;
  font-size: 1.5rem;
  background-color: #1a82f7;
  color: #fff;
  padding: 0.5rem 0.6rem;
  margin-top: 0.75rem;
}
.qt-summary-table .button:hover, .qt-summary-table .at-summary-table .button:focus {
  background-color: #1a82f7;
  color: #fff;
}
.qt-summary-table input {
  font-size: 0.75rem;
}

.qt-standings-table-row {
  width: 0.75rem;
}

.fn-div {
  text-align: justify;
  border-right: 1px solid #000;
}

.fn-img {
  padding: 1.5rem 1.5rem 0.5rem 0.25rem;
}

.footnote-1 {
  display: block;
  font-family: sans-serif;
  font-size: smaller;
  padding-right: 20px;
}

.img-dl-thumb {
  width: 70%;
  height: auto;
  margin: 0 15%;
}

.text-dl-thumb {
  display: block;
  font-size: 1.25rem;
  text-align: center;
  padding-top: 10px;
}

.thumbnail {
  width: 7.5rem;
}

.enlarge .thumbnail {
  box-shadow: 0.25rem 0.25rem 0.25rem #000;
}
.enlarge .t2 {
  box-shadow: 0.5rem 0.75rem 0.75rem grey;
}

.gps-box {
  padding: 0.1rem 0.2rem;
  background-color: #d3d3d3;
  color: #0000ff;
  border-style: none;
  border-radius: 0.3rem;
}
@media (max-width: 37.5em) {
  .gps-box {
    font-size: 1.25rem;
  }
}

.goto-img {
  width: 2.5rem;
  height: auto;
  padding: 0 0 0.5rem 1rem;
}

.goto-img:hover {
  width: 2.7rem;
}

.tooltip-gps {
  display: inline;
  position: relative;
}

.tooltip-gps:hover:after {
  /*    background: #333; */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.5rem;
  bottom: 2.6rem;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 0.5rem 1.5rem;
  position: absolute;
  z-index: 98;
  width: 2.2rem;
}

.anc-id-img {
  display: inline-block;
  height: 2.5rem;
  margin-top: -0.5rem;
  content: url("/genealogy/images/anc-leaf.svg");
}
@media (max-width: 37.5em) {
  .anc-id-img {
    height: 2rem;
  }
}

.anc-id-img-nc {
  display: inline-block;
  height: 2.5rem;
  margin-top: -0.5rem;
  content: url("/genealogy/images/anc-leaf-2.svg");
}
@media (max-width: 37.5em) {
  .anc-id-img-nc {
    height: 2rem;
  }
}

.anc-story {
  width: 100%;
  padding-left: 3%;
  padding-right: 3%;
  text-align: justify;
  background-color: #d9d9d0;
  border-bottom: solid 0.1rem #000;
}

.anc-addon {
  width: 100%;
  padding-left: 3%;
  background-color: #daa573;
  font-family: Verdana;
  font-weight: 1.5rem;
  border-bottom: solid 0.1rem #000;
}

.anc-evidence {
  padding-bottom: 2rem;
  background-color: #ebebeb;
}

.anc-item {
  margin: 1rem 3rem;
  padding: 1rem;
  background: #eaccb0;
  border: 2px solid #005580;
  border-radius: 10px;
}
.anc-item ul li {
  color: #333;
}
.anc-item:hover {
  border: 2px solid #a6111f;
}

.alt-color {
  background: rgba(0, 102, 153, 0.2);
}

.tree-intro {
  width: 97%;
  color: #006699;
  padding-left: 3%;
}

.caption-1 {
  font-size: 1.5rem;
  color: #000;
  text-align: center;
}
@media (max-width: 37.5em) {
  .caption-1 {
    font-size: 1.25rem;
  }
}

.caption-2 {
  font-size: 1.25rem;
  color: #000;
  text-align: center;
}
@media (max-width: 37.5em) {
  .caption-2 {
    font-size: 0.75rem;
  }
}

.caption-3 {
  font-size: 1rem;
  color: #000;
  text-align: center;
}
@media (max-width: 37.5em) {
  .caption-3 {
    font-size: 0.5rem;
  }
}

figure {
  margin: 2rem 0 0 0.5rem;
}
figure img {
  display: block;
  margin: 0 auto;
}

figcaption {
  display: block;
  width: 75%;
  margin: 0 auto;
}

.fig-40 {
  width: 40%;
}
.fig-50 {
  width: 50%;
}
.fig-60 {
  width: 60%;
}
.fig-75 {
  width: 75%;
}

.viewer {
  background-color: #d0cdc8;
}

.panzoom {
  backface-visibility: hidden;
}
.panzoom img {
  height: auto;
}

.viewer-iframe {
  margin-left: 10%;
  width: 100%;
  height: 75rem;
  border: none;
}

[class^=view-box] {
  display: block;
  height: auto;
  margin: 0 auto;
}

.view-box-100 {
  width: 100%;
}
.view-box-90 {
  width: 90%;
}
.view-box-80 {
  width: 80%;
}
.view-box-70 {
  width: 70%;
}
.view-box-60 {
  width: 60%;
}
.view-box-50 {
  width: 50%;
}
.view-box-40 {
  width: 40%;
}
.view-box-30 {
  width: 30%;
}
.view-box-20 {
  width: 20%;
}
.view-box-10 {
  width: 10%;
}

/*-- gallery -----------------------------------------------------*/
.gallery {
  position: relative;
  width: 100%;
  height: auto;
}
.gallery li {
  font-size: 1.25rem;
}

.gallery-wrapper {
  position: relative;
}

.gallery-img-list-hdr {
  font-family: "Open Sans", sans-serif;
  color: #a6111f;
  font-size: 1.75rem;
  text-decoration: underline;
  text-indent: inherit;
}
@media (max-width: 37.5em) {
  .gallery-img-list-hdr {
    font-size: 1.25rem;
  }
}

.gallery-img-list {
  position: relative;
  padding-top: 1.5rem;
}

.gallery-img-id {
  font-family: "Open Sans Condensed", sans-serif;
  color: #a6111f;
  font-size: 1.75rem;
  margin: 0;
  padding-top: 0;
  padding-left: 1rem;
}

.target {
  position: absolute;
  top: 0;
  margin-top: 0;
  margin-left: -9999px;
  /*    width: 90%; */
}

.target:target {
  margin-top: 0;
  margin-left: 0;
}

.ProbateCol-wrapper {
  position: relative;
  height: 98%;
  width: 100%;
}

#leftProbateCol {
  float: left;
  height: 80vh;
  overflow-y: scroll;
}
#leftProbateCol a:link {
  color: darkblue;
  font-weight: normal;
  text-decoration: none;
}
#leftProbateCol a:visited {
  color: green;
  text-decoration: none;
}
#leftProbateCol a:hover {
  color: red;
  text-decoration: underline;
}

#rightProbateCol {
  float: left;
  height: 80vh;
  background-color: #d0cdc8;
}

@media (max-width: 75em) {
  .tree-disp {
    display: inline-block;
  }
}
@media (max-width: 56.25em) {
  .tree-disp {
    display: none;
  }
}
@media (max-width: 37.5em) {
  .tree-disp {
    display: none;
  }
}

.gen-page-heading-img {
  width: 75%;
  vertical-align: middle;
}
@media (max-width: 75em) {
  .gen-page-heading-img {
    display: inline-block;
  }
}
@media (max-width: 56.25em) {
  .gen-page-heading-img {
    display: none;
  }
}
@media (max-width: 37.5em) {
  .gen-page-heading-img {
    display: none;
  }
}

.tree-dl-img {
  width: 25%;
  height: auto;
  vertical-align: middle;
}

.chart-root-name {
  font-size: 1.5rem;
  font-style: italic;
  color: #a6111f;
  padding-left: 1rem;
}

.anc-name-not-ready {
  font-style: italic;
  color: #6d6f72;
}

.not-ready a:link,
.not-ready a:visited,
.not-ready a:active {
  color: #6d6f72;
}
.not-ready a:hover {
  color: #87898d;
}

.events ul li {
  list-style-type: none;
}
.events img {
  width: 32px;
  height: 32px;
  margin-right: 1rem;
}

.fill > div {
  height: 8vh;
}

.fill .nameplate a:hover {
  border-width: 0.3rem;
  border-color: #0000ff;
}

.male {
  background-color: #cce5ff;
}

.female {
  background-color: #ffccff;
}

.family {
  background-color: #dcdcdc;
}

.left-np {
  margin-right: 0.5rem;
  float: left;
}

.right-np {
  margin-left: 0.5rem;
  float: left;
}

.mline {
  height: 5rem;
  border-bottom: 0.3rem solid #000;
  border-left: 0.3rem solid #000;
  border-right: 0.3rem solid #000;
}

.cline {
  height: 5rem;
  border-left: 0.3rem solid #000;
}

.level1, .level4 {
  list-style-type: circle;
  color: #0000ff;
}

.level2, .level5 {
  list-style-type: square;
  color: #a6111f;
}

.level3, .level6 {
  list-style-type: disc;
  color: #008000;
}

.summ-text {
  /*    margin-left: 1%; */
  font-size: 1.75rem;
  width: 95%;
  text-align: justify;
}
@media (max-width: 37.5em) {
  .summ-text {
    font-size: 1.5rem;
  }
}

.nameplate {
  display: flex;
  height: 6rem;
  border-radius: 1.5rem;
  border-width: 0.3rem;
  border-style: solid;
}
@media (max-width: 37.5em) {
  .nameplate {
    border-radius: 0.5rem;
  }
}

.npa {
  border-style: dashed;
}

.note-tree-box {
  /*    font-size: small; */
  color: #0000ff;
}
@media (max-width: 56.25em) {
  .note-tree-box {
    font-size: 0.8rem;
  }
}
@media (max-width: 75em) {
  .note-tree-box {
    font-size: 1rem;
  }
}

.box-font {
  font-size: 1.15rem;
  text-align: center;
  margin: auto;
}
@media (max-width: 37.5em) {
  .box-font {
    font-size: 0.75rem;
  }
}
@media (max-width: 75em) {
  .box-font {
    font-size: 1rem;
  }
}
@media (min-width: 112.5em) {
  .box-font {
    font-size: 1.25rem;
  }
}

/*
@import "layout/queries";
*/

/*# sourceMappingURL=style.css.map */