/*Project stage colours*/
.pink {
  color: #e84b83;
}
.purple {
  color: #ab36ff;
}
.red {
  color: #ab36ff;
}
.green {
  color: #9bcc46;
}
.yellow {
  color: #F9D53E;
}

/* Add CSS to hide the .fadein element initially */
.fadein {
  display: none;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

/*Project hero updates*/

.power-hub-chart-container .blue {
  color: #3fa9f5;
}

.paragraph--type--map .filtersec.inline .filterrow {
  display: inline-block;
  margin-right: 10px;
}

.paragraph--type--map .filtersec.inline .filterrow img,
.paragraph--type--map .filtersec.inline .filterrow div {
  display: inline-block;
}

.shaded {
  padding: 7px 0px 4px 7px;
  background-color: #f5f5f5;
  border-radius: 0px 0px 5px 5px;
  margin: -11px 10px 15px 0px;
  width: auto;
}

 .container.hcentre.power-hub-chart-container {
    max-width: 1920px;
    padding-bottom:50px;
}

.phgraphcontainer{
    max-width: 420px;
    line-height: 1em;
}

.stat {
    background: none;
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0px;
}

canvas#power-hub-chart {
    scale: 1.2;
}

.stat.offtake {
    background: none;
    border: none;
}

img.staticon {
    width: 50px;
    height: 50px;
}

.stat h3 {
    margin: 3px 0px;
}

.statpre {
    margin-top: 4px;
    line-height: 1.2em;
    margin-bottom: -5px;
  font-family: 'Chillax';
}

.power-hub-chart-container .col:nth-child(2) {
    min-width: 45%;
}

.power-hub-chart-container .doughnut-label {
  position: absolute;
  bottom: 0;
  width: 80px;
  text-align: center;
  padding-bottom: 25px;
  font-family: 'Chillax';
}

.mapmain {
  max-height: inherit;
}

@media screen and (max-width: 767px) {

.stat.offtake {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

canvas#power-hub-chart {
    scale: 1;
}
}