:root {
  --bg-white: #fff;
  --bg-light: #e1e1e1;
  --bg-middle: #d3d3d3;
  --bg-dark: #1a1a1a;
  --bg-primary: #71be45;
  --bg-secondary: #0173ba;
  --bg-tertiary: #0285d5;
  --txtcolor-primary: #000;
  --txtcolor-secondary: #555;
  --txtcolor-tertiary: #999;
  --text-color: #666666;
  --headingcolor: #71be45;
  --link-primary: #71be45;
  --link-secondary: #0173ba;
  --link-tertiary: #fff;
  --bordercolor-light: #fff;
  --bordercolor-middle: #e1e1e1;
  --bordercolor-dark: #1a1a1a;
  --bg-primary-alpha: 0, 89, 142, 0.8;
}

a,
.link {
  color: var(--link-primary);
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: var(--link-secondary);
}

a:active,
.link:active {
  color: var(--link-secondary);
  text-decoraton: underline;
}

h1,
h2,
h3,
h4,
h5 {
  color: var(--headingcolor);
}

body {
  color: #666666;
  background: var(--bg-light);
}

.social-sharing-buttons {
  fill: var(--bg-primary);
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a,
.tabs ul.primary li a.is-active,
.tabs ul.primary li.is-active a {
  background: var(--bg-white);
}

.tabs ul.primary li.is-active a {
  border-bottom-color: var(--bordercolor-light);
}

#navbar-main a {
  color: #007440;
}

#navbar-main .dropdown-menu {
  background-color: var(--bg-secondary);
  border: none;
}

#navbar-main .dropdown-menu li:hover {
  background-color: var(--bg-tertiary);
}

#navbar-main .dropdown-menu li a {
  text-decoration: none;
}

.page-item.active .page-link {
  background-color: #0071b3;
  border-color: #0071b3;
}

.page-link,
.page-link:hover {
  color: #0071b3;
}

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

.btn-primary {
  background-color: #62993b;
  border-color: #62993b;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #0256b1;
}

.site-footer {
  color: rgba(0, 0, 0, 1);
}



.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}

.background-colorprimary {
  background-color: var(--bg-primary);
}

.background-colorsecondary {
  background-color: var(--bg-secondary);
}

.text-colorprimary,
.text-colorprimary h2 {
  color: var(--txtcolor-primary);
}

.text-colorsecondary,
.text-colorsecondary h2 {
  color: var(--txtcolor-secondary);
}