:root {
  /* text */
  --text: #571c15;
  --darktext: #3b100b;
  
  /* backgrounds & solids */
  --primary: #365a73;
  --primaryDark: #fdbf6b;
  --accent: #69985b;
  --accent2: #571c15;
  --lightBackground: #e3eaf1;
  --white: #FFFFFF;
}

body, html { background: #f3f3f3; color: var(--text) }
body.home { background: #FFFFFF }

#logo span { color: #365a73 }
h1 { color: #69985b }
h2 { color: #571c15 }
h3, .sidebar h3 { color: #571c15 }
h4, h5, p, li, table thead, figcaption, a, a:hover { color: var(--text) }

/* NAV DRAWER */
#nav-icon { fill: var(--accent) }
body.home #nav-icon { fill: var(--white) }
body.drawer #nav-icon { fill: var(--accent2) }
#nav-icon-close { fill: var(--accent2) }
#drawerNav form#search-form i { font-size: 1.3rem; color: var(--accent2) }
#drawerNav { background: rgba(105,152,91,.95); }
#drawerNav ul li a { color: var(--white) }
#drawerNav button.submenu-toggle { background: rgba(13,46,66,0) }
#drawerNav ul li a:hover, #drawerNav button.submenu-toggle:hover, .quick-nav a:hover { background: rgba(13,46,66,.3) }
.quick-nav a { border: 1px solid var(--accent2); color: var(--white); }
.quick-nav a i { color: var(--accent2); }
.accordion-menu a { color: #571c15 }
.accordion-menu a:hover { color: #69985b }
.menu button:hover { background: rgba(87,28,21,.2) }
.accordion-menu li { border-bottom: 1px solid rgba(87,28,21,.2) }

/* LINKS */
.text-columns p a, .text-columns ul li a, .text-columns ol li a, .text-image-block p a, .text-image-block ul li a, .text-image-block ol li a, .tabs-content p a, .tabs-content ul li a, .tabs-content ol li a, .sidebar-block p a, .accordion-content p a, .accordion-content li a { text-decoration-color: #9cb5d0 }

.panel-wrapper.primary * { color: var(--white) }
.row.title-bg { background: var(--primaryDark) }

/* BUTTONS */
.button { background: #69985b; color: #ffffff; border: 1.5px solid #69985b }
.button.light, #nav-main .button { color: #571c15; border: 1.5px solid #571c15; background: transparent }
.button:hover, .button:focus, body.home #nav-main .button:hover, body.home #nav-main .button:focus, .button.light:hover,.button.light:focus, #nav-main .button:hover, #nav-main .button:focus { background: #571c15; color: #FFF; border-color: #571c15 }

/* BANNERS */
.banner.primaryDark, .color-block.primaryDark, .panel-wrapper.primaryDark { background: var(--primaryDark) }
.banner.primary, .color-block.primary, .color-block.noColor, .panel-wrapper.primary { background: var(--primary) }
.banner.accent, .color-block.accent, .panel-wrapper.accent { background: var(--accent) }
.banner.accent2, .color-block.accent2, .panel-wrapper.accent2 { background: var(--accent2) }
.banner.lightBackground, .color-block.lightBackground, .panel-wrapper.lightBackground { background: var(--lightBackground) }

/* QUICKLINKS */
.quick-link { background: #E3EAF1 }
.quick-link h4 { color: #571c15 }
.quick-link i { color: #69985b }
@media only screen and (min-width: 40.063em) {
  .quick-link:hover,.quick-link.active { background: #69985b }
  .quick-link:hover h4,.quick-link.active h4 { color: #FFFFFF }
  .quick-link:hover i,.quick-link.active i { color: #FEC06B }
}

/* STATS */
.stats i { color: #467CA3 }
.stats span.value { color: #C34C67 }
.stats span.text { color: #0d2e42 }

/* FOOTER */
footer { background: #571c15 url('/assets/img/logo-footer-bg.png') no-repeat right center; background-size: contain; }
footer h3 { color: #fdbf6b; }
footer p, footer a { color: #e3eaf1 }
footer a:hover, footer a:active, footer a:focus { color: #E3EAF1; }