/* SearchTrees.com Tree CSS
Version: 4.1
#fee08d gold
#e5dcc4 tan
#608f3c dark green
#d7e5bb light green
#656257 grey 
*/

body {
    background-color: #656257;
}
#tree-page {
    display: none;
}
#et-info-phone {
    display: none;
}
#top-header {
    background-color: #608f3c;
    height: 36px !important;
	top: 0;
    left: 0;
    right: 0;
    position: fixed;
}
#main-header {
    background-color: #d7e5bb;
    top: 36px !important;
}
#searchtrees-header {
    padding-top: 116px !important;
}
#searchtrees-header #top-menu-nav a {
    font-size: 16px !important;
}
#searchtrees-header #et-secondary-nav li a, #searchtrees-header #et-secondary-nav li li a {
	font-size: 14px !important;
}
#searchtrees-header #et-info-email { font-size: 14px; }

#tree-header {
    height: 70px !important;
    padding-top: 10px;
    background-color: #e5dcc4;
}

@media only screen and (max-width: 767px) {
#tree-header {
    height: 110px !important;
}
}
#tree-header #flex-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}
/* google custom search box */
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
}
.gsc-result .gs-title {
    height: 1.5em !important;
}
table {
    margin: 0 15px;
}
/* center { background-color: #608f3c; } */
table table {
    margin: 5px 0;
}
table table table {
    width: 300px !important;
}
table table table a {
    font-size: 16px;
}
table table table li {
    list-style: square inside;
}
table table table ul {
    background: #efefef;
    margin-bottom: 20px;
    padding: 5px;
}
sup {
    bottom: .2em;
    font-size: 13px;
}
h1 sup a, h2 sup a, sup {
    color: #00B7F3;
}
h1, h2, h3, h4 {
    font-family: 'Kreon', Arial, sans-serif;
    color: #48423F;
}
#tree-page h2 {
    font-size: 40px;
    padding: 10px 0;
}
#tree-page p { font-size: 16px !important; }
p {
    color: #ffffff;
    padding: 12px;
	font-size: 16px !important;
}
#content-area {
    background: #e5dcc4 !important;
    padding: 0 20px;
}
#content-area > table, #content-area > div.table:first-of-type {
    clear: both;
}
#content-area p {
    color: #48423F;
	font-size: 16px !important;
}
#content-area p.event {
    border-top: 3px rgba(255,255,255,.4) solid;
    margin: 0;
    padding: 20px;
	font-size: 16px !important;
}
#content-area p.event:nth-child(even) {
    background: rgba(255,255,255,.15);
}
.namelist-table tr:nth-child(2n+1) {
    background-color: #eeeeee;
}
.namelist-page center {
    clear: both;
    padding: 20px;
    font-size: 20px;
}
body.surname-page, body.namelist-page {
    background: #e5dcc4 !important;
}
body.surname-page h2, body.namelist-page h2 {
    color: #000000 !important;
}
.surname-page #searchtrees-header + a {
    background: #3a5837;
    border-radius: 5px;
    line-height: 35px;
    padding: 5px;
    color: white;
}
.surname-page a:hover {
    background: #00B7F3;
}
.surname-page td {
    padding: 4px;
}
#read-more {
    margin-bottom: 10px;
}
a.largeblue, a.smallblue {
    color: #fff !important;
    text-shadow: 1px 1px 0 #000000;
    background-color: #608f3c !important;
    border-radius: 10px !important;
    padding: 5px 8px !important;
}
#top-header {
    border-bottom: none !important;
    height: 68px;
}
#tree-footer-notice {
    background-color: rgba(0,0,0,.2);
    padding: 20px;
}
.grandparents .row, .parents .row, .person .row, .family-links .row {
    display: inline-flex;
    width: 100%;
    justify-content: center;
}
.family-links {
    text-align: center;
}
.family-links b {
    display: none;
}
.grandparents, .parents, .person {
    text-align: center;
}
.ancestor, .person .cell, .family-links a {
    background: rgba(255,255,255,.3);
    max-width: 300px;
    padding: 5px;
    margin: 10px;
    flex-grow: 1;
    flex-basis: 0;
    font-family: 'Kreon', Arial, sans-serif;
    font-size: 18px;
}
.ancestor:hover, .person .cell:hover, .family-links a:hover {
    text-decoration: underline !important;
    background: rgba(255,255,255,.7) !important;
}
.grandparents .ancestor {
}
.family-links a {
    line-height: 40px;
}
.family-links li a {
    background: none;
    padding: 0;
    margin: 0;
    line-height: 20px;
}
.family-links p {
    padding-bottom: 0;
}
.family-links .cell {
    background: rgba(0,0,0,.03);
}
.family-links ul {
    padding: 10px;
}
.person {
    font-size: 18px !important;
}
#tree-page blockquote {
    text-align: center;
}