/* ============================================================
   Lee Family Genealogy — Custom overrides for Template 15
   Replacing cold teal (#063E53) with warm walnut brown (#5C3317)
   ============================================================ */

/* Primary accent: warm walnut brown */
a:link, a:active, div.icons a,
ul.tngdd a,
.site-title a, .site-title a:hover {
    color: #5C3317;
}

a:visited {
    color: #7A4A28;
}

/* Navigation bar */
.nav-primary {
    background-color: #5C3317;
    color: #fff;
}
.nav-primary .nav-menu a { color: #f0dcc8; }
.nav-primary .nav-menu a:hover { color: #ffcc33; }
.nav-primary .nav-menu .current-menu-item a { color: #fff; }
.nav-primary .nav-menu .current-menu-item a:hover { color: #ffcc33; }

/* Sidebar widget titles */
.widget-title,
.sidebar .widget-title {
    background-color: #5C3317;
    color: #fff;
}

/* Admin/back navigation bars */
.fieldnameback, .bar, .LB_closeAjaxWindow,
.tablesaw-cell-label,
.admincell, .sideback {
    background-color: #5C3317;
}

/* Hover / active states */
a.snlink:hover, .snlinkact, .adminnav .snlinkact,
a.admincell:hover, a.leftlink:hover {
    background-color: #8B5E0A;
    color: #fff;
}

/* Menu dropdowns */
.nav-menu a { color: #5C3317; }
.nav-menu { color: #5C3317; }
ul.tngdd .menulink:hover, ul.tngdd .menuhover {
    background: #5C3317 url(../img/arrowdown2.gif) 2px 12px no-repeat;
    color: #fff;
}
#tabs .here, #tngnav a.here {
    background: #5C3317;
    color: #fc0;
}
#tabs a:hover, #tngnav a:hover {
    background: #5C3317;
    color: #fff;
}

/* Footer */
.footer-widgets, .site-footer {
    background-color: #5C3317;
}
.site-footer { color: #ddd; }
.site-footer a { color: #f0dcc8; }
.site-footer a:hover { color: #ffcc33; }

/* Site title: warm amber instead of red */
.site-head, .site-head a {
    color: #8B5E0A;
}
/* Constrain Photo of the Day image in header */
.site-header .widget-area img {
    max-width: 100%;
    max-height: 280px;
    width: auto;
    object-fit: cover;
}
/* Constrain images in main content and sidebar widgets */
.content-sidebar img,
.widget img,
.entry-content img {
    max-width: 100%;
    max-height: 400px;
    width: auto;
    height: auto;
    object-fit: contain;
}