/* Colors for the surfaces marked in the reference screenshots. */
:root {
    --reference-primary: #0c5324;
    --reference-secondary: #3f6c38;
}

.second-nav .bg,
#menusite .navbar-default,
.metismenu #menu_3 > li > a,
.panel-primary > .panel-heading,
.headerSearch .btn-info,
[id^="poll-box-"] .btn-primary {
    background: var(--reference-primary);
}

/* Override the legacy navigation gradient and mobile !important rules. */
.second-nav .bg {
    background-image: none !important;
}
#menusite .navbar-default {
    background: var(--reference-primary) !important;
    border-color: var(--reference-primary) !important;
}
.panel-primary > .panel-heading,
.headerSearch .btn-info,
[id^="poll-box-"] .btn-primary {
    border-color: var(--reference-primary);
    color: #fff;
}


.metismenu #menu_3 > li > ul,
.metismenu #menu_3 > li > ul a{
    background: var(--reference-secondary);
}
.header-nav,
.footerNav2 {
    background: var(--reference-primary);
}
#footer {
    background: var(--reference-primary);
}

/* White footer text and bottom navigation icons. */
#footer,
#footer h3,
#footer a,
#footer .copyright,
#footer .company_info,
#footer .menu li a::before,
#footer .btn,
.footerNav2,
.footerNav2 .theme-change a,
.footerNav2 .theme-change span,
.footerNav2 .bttop a,
.footerNav2 .fa {
    color: #fff;
}

/* The legacy copyright link rule uses !important. */
#footer .copyright span a,
#footer .btn.text-black {
    color: #fff !important;
}

/* Match the borders of all primary panels to their heading color. */
.panel-primary {
    border-color: var(--reference-primary);
}

/* Extend the header color across the full viewport, preserving its image layer. */
.body-bg {
    background-image: url(../images/header.png), linear-gradient(to bottom, var(--reference-primary) 0, var(--reference-primary) 51px, #fff 51px, #fff 100%);
}

.header-nav .socialList li a,
.header-nav .socialList li a:hover,
.header-nav .socialList li a:focus {
    background: var(--reference-secondary);
    border-color: var(--reference-secondary);
    color: #fff;
}

#contactButton #btn-toggle-contact {
    background: var(--reference-primary);
    border-color: var(--reference-primary);
    color: #fff;
}

.header-nav a.button,
.header-nav a.button:hover,
.header-nav a.button:focus {
    background: var(--reference-primary) !important;
    border-color: var(--reference-primary);
    color: #fff;
}

.header-nav .social-icons a.button,
.header-nav .social-icons a.button:hover,
.header-nav .social-icons a.button:focus {
    background: var(--reference-secondary) !important;
    border-color: var(--reference-secondary);
}

/* Main category names in the home page section headings. */
.news_column .panel-heading .sub-list-icon > li:first-child h4 > a {
    color: var(--reference-primary);
}