.impact, .cost, .impact-tier {
	font-weight: bold;
    color: white;
    border-radius: 3px;
    padding: 3px;
    font-size: .75em;
}



.cost {
  background: #8c8cd0;
}

.cost.free {
	background: #4040b1;
}

.cost.cost-saving {
	background: #33338e;
}

.cost.low-cost {
	background: #6666c1;
}

.cost.investment {
	background: #7232a2;
}


.impact {
  background: #658b51;
}

.impact[impact-level="1"] {
  background: #a7bd9c;
}

.impact[impact-level="2"] {
  background: #91ac83;
}

.impact[impact-level="3"] {
  background: #7b9b6a;
}

.impact[impact-level="5"] {
  background: #658b51;
}

.impact[impact-level="20"] {
  background: #4f7a39;
}

.impact[impact-level="30"] {
  background: #4f7a39;
}

.impact[impact-level="40"] {
  background: #396a20;
}

.impact[impact-level="100"] {
  background: #205006;
}


.impact-tier {
  background: gray;
}

.impact-tier.basic {
  background: #99d3df;
}

.impact-tier.advanced {
  background: #4db3c8;
}

.impact-tier.optimal {
  background: #0092B0;
}

.action-item::before {
  padding-right: 8px;
  content: "▢";
}

.action-item .anchorjs-link {
  margin-left: -2.5em !important;
}


h3.action-item {
  font-size: .875rem;
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.highlight {
  font-weight: bold;
  color: #1aa54c;
  font-size: 1.1em;
}

#climate-action-progress {
  width: 100%;
  padding-top: 10px;
  position: fixed;
  bottom: 0;
  background: #17469c;
  box-shadow: 0 0 5px #c8c8c8;
}

#climate-action-progress p {
  color: white;
  font-family: "Lato","Helvetica Neue",Helvetica,sans-serif;
  text-align: center;
  font-size: 1.05em;
  margin: 0;
  padding: 10px;
}

#climate-action-progress span.number {
  font-weight: bold;
}

#climate-action-progress a {
  color: white;
  text-shadow: none;
  font-weight: bold;
  background-image: linear-gradient(to top, transparent 13%, rgba(255, 255, 255, 0.8) 13%, rgba(255, 255, 255, 0.8) 18%, transparent 17%);
}

.progress-bar {
    background-color: #f1f1f1!important;
    width: 100%;
    position: absolute;
    top: 0;
}

.progress-bar .fill {
    height: 10px;
    background-color: #0bb520!important;
    transition:all 300ms ease-in-out;
}
