:root {
  --primary-color: #34a02f;
  --primary-dark-color: #1e5e1b;
  --slider-track-color: #bcbcbc;
}

#navigation>ul>li>a {
  font-size: 14px;
}

#navigation>ul>li:hover>a, #navigation>ul>li.active>a {
  background-color: var(--primary-color) !important;
  color: white;
}

#navigation ul ul li a {
  background: var(--primary-color);
  color: white;
}

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

.topbar .anchor-link, .topbar, .header-link button {
  color: white;
}

/* Utility classes */

.flex-grow-1 {
  flex-grow: 1;
}

.font-weight-normal {
  font-weight: 400;
}

.font-style-italic {
  font-style: italic;
}

.bg-light {
  background-color: #f2f2f2;
}

.text-small {
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
}

.text-medium {
  font-size: 16px;
}

.footer {
  background: var(--primary-color);
  color: #f2f2f2;
}

.tiny-footer {
  background: var(--primary-dark-color);
}

.widget-footer a, ul.arrow-footer li:before, .tiny-footer {
  color: #e9e9e9
}

.logo {
  display: block;
  width: 90px;
  position: absolute;
  top: -13px;
}

.slider-captions {
  bottom: 90px;
}

.widget-footer .widget-title {
  text-transform: none;
}

.widget-footer .widget-title {
  margin-bottom: 20px;
}

.header-classic {
  padding-top: 20px;
  margin-top: 0;
  background-color: #eeeeee;
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
}

/***** Track Styles *****/
/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-runnable-track {
  background: var(--slider-track-color);;
  height: 8px;
  border-radius: 4px;
}

/******** Firefox ********/
input[type="range"]::-moz-range-track {
  background: var(--slider-track-color);
  height: 8px;
  border-radius: 4px;
}

/***** Thumb Styles *****/
/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -7px; /* Centers thumb on the track */
  background-color: var(--primary-color);
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

/***** Thumb Styles *****/
/***** Firefox *****/
input[type="range"]::-moz-range-thumb {
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0; /*Removes default border-radius that FF applies*/
  background-color: var(--primary-color);
  height: 20px;
  width: 20px;
  border-radius: 50%;
}