/* The navigation bar */
.forecastmenu {
  overflow: hidden;
  background-color: #6d8e0d;
  color:white;
  z-index:99 !important;
  text-align:center;
 	white-space: nowrap;
	width:100%;
	height:32px;  
	vertical-align:center;

  }



/* Links inside the navbar */
.forecastmenu a {
  color: #f2f2f2;
  text-align: center;
  padding-left: 6px;
 padding-right: 6px;
width: 20px;
		content:"";
overflow: hidden;
display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  height:32px;
}

/* Change background on mouse-over */
.forecastmenu a:hover {
  color: #d2d2d2;

}





.menu-item-archive-solid::before, .menu-item-power-off::before, .menu-item-chart-pie::before, .menu-item-compass-regular::before, .menu-item-chart-line::before, .menu-item-edit-regular::before, .menu-item-list::before, .menu-item-paper-plane::before  {
  content: "";
  background-size: 100% 100%;
  height: 22px;
  width:22px;
    display: inline-block;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(103%) contrast(101%);
  position:relative;
  right:5px;	
	top:5px;
	padding-right: 6px;

}

.menu-item-compass-regular::before {
  background-image:url(../img/compass-regular.svg);
}

.menu-item-chart-pie::before {
  background-image:url(../img/chart-pie.svg);
}

.menu-item-chart-line::before {
  background-image:url(../img/chart-line.svg);
}

.menu-item-edit-regular::before {
  background-image:url(../img/edit-regular.svg);
}

.menu-item-list::before {
  background-image:url(../img/list.svg);
}

.menu-item-paper-plane::before {
  background-image:url(../img/paper-plane.svg);
}

.menu-item-power-off::before {
  background-image:url(../img/power-off.svg);
}

.menu-item-archive-solid::before {
  background-image:url(../img/archive-solid.svg);
}

@media (min-width: 600px) {
	.forecastmenu a {
		width:unset;

	}	
}