@charset "UTF-8";

.panel-pane.pane-fc19-base-daily-statistics ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 10px;
}

.panel-pane.pane-fc19-base-daily-statistics ul li { width: 100%; }
@media screen and (min-width: 480px) {
  .panel-pane.pane-fc19-base-daily-statistics ul li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 980px) {
  .panel-pane.pane-fc19-base-daily-statistics ul li {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.panel-pane.pane-fc19-base-daily-statistics ul li .stat-item {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 80px;
  border: 1px solid #006532;
  border-radius: 2px;
  margin: 5px !important;
  padding: 10px 5px 10px 75px;
  text-align: center;
}
.panel-pane.pane-fc19-base-daily-statistics ul li.tests-completed .stat-item {
  background-image: url('../images/tests-completed.png');
}
.panel-pane.pane-fc19-base-daily-statistics ul li.positive-cases .stat-item {
  background-image: url('../images/positive-cases.png');
}
.panel-pane.pane-fc19-base-daily-statistics ul li.recoveries .stat-item {
  background-image: url('../images/recoveries.png');
}
.panel-pane.pane-fc19-base-daily-statistics ul li.deaths .stat-item {
  background-image: url('../images/deaths.png');
}

.panel-pane.pane-fc19-base-daily-statistics ul li .stat-item-label {
  font-size: 0.8em;
  line-height: 1.2;
}
.panel-pane.pane-fc19-base-daily-statistics ul li .stat-item-number {
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1.3;
}