.weather-wrapper.location-template {
  background: #3598dc;
  display: table;
  width: 100%;
  table-layout: fixed;
  color: #fff;
  height: 192px;
}

.weather-wrapper.location-template .day-wrapper {
  display: table-cell;
  width: 45%;
  vertical-align: middle;
  padding: 0 2.5%;
}

.weather-wrapper.location-template .day-wrapper.day-0 {
  width: 70%;
  background: #3598dc;
  padding-left: 0;
}

.weather-wrapper.location-template .day-wrapper:nth-child(odd) {
  background: #1a86d0;
}

.weather-wrapper.location-template .day-wrapper .day {
  display: table;
  width: 100%;
  text-align: center;
  position: relative;
}

.weather-wrapper.location-template .day-wrapper .day .date {
  display: block;
}

.weather-wrapper.location-template .day-wrapper .day .info-wrapper {
  display: table;
  width: 100%;
  text-align: center;
  position: relative;
}

.weather-wrapper.location-template .day-wrapper .day .image-wrapper {
  display: table-cell;
  width: 50%;
  text-align: center;
}

.weather-wrapper.location-template .day-wrapper .day .temps-wrapper {
  display: table;
  width: 100%;
  text-align: center;
}

.weather-wrapper.location-template .day-wrapper .day .temps-wrapper .temp {
  display: table-cell;
  width: 50%;
  text-align: center;
}

.weather-wrapper.location-template .day-wrapper .description-wrapper,
.weather-wrapper.location-template .day-wrapper .detail-wrapper {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: center;
}

.weather-wrapper.location-template .title {
  display: block;
  text-transform: uppercase;
  font-size: 0.8em;
}

.weather-wrapper.location-template .date {
  font-size: 0.9em;
  margin-top: -1em;
}

.weather-wrapper.location-template .day-wrapper .temps-wrapper .temp.max-temp .value-wrapper,
.weather-wrapper.location-template .day-wrapper .temps-wrapper .temp.min-temp .value-wrapper {
  background: #fff;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
  font-size: 1.2em;
  font-weight: bold;
}

.weather-wrapper.location-template .day-wrapper .temps-wrapper .temp.max-temp .value-wrapper {
  background: #ffa200;
}

.weather-wrapper.location-template .day-wrapper .temps-wrapper .temp.min-temp .value-wrapper {
  color: #3f80e4;
}

.weather-wrapper.location-template .day-wrapper .data-wrapper {
  display: table;
  width: 100%;
}

.weather-wrapper.location-template .day-wrapper .data-wrapper .rain-wrapper,
.weather-wrapper.location-template .day-wrapper .data-wrapper .wind-wrapper {
  display: table-cell;
  width: 50%;
}

.weather-wrapper.location-template .day-wrapper .data-wrapper .wind-wrapper .title,
.weather-wrapper.location-template .day-wrapper .data-wrapper .wind-wrapper .image-wrapper {
  display: inline;
}

.weather-wrapper.location-template .day-wrapper .data-wrapper .wind-wrapper .value-wrapper {
  display: block;
}

.weather-wrapper.location-template .day-wrapper .description-wrapper .image-wrapper,
.weather-wrapper.location-template .day-wrapper .description-wrapper .info-wrapper {
  display: block;
  width: 100%;
}

.weather-wrapper.location-template .day-wrapper .description-wrapper .title {
  font-size: 1.5em;
  text-transform: inherit;
}

.weather-wrapper.location-template .day-wrapper .description-wrapper .date {
  margin-top: 0.5em;
}

.weather-wrapper.location-template .day-wrapper .detail-wrapper .temps-wrapper {
  display: table;
  width: 100%;
}

.weather-wrapper.location-template .day-wrapper .detail-wrapper .temps-wrapper .temp {
  display: table-cell;
  width: 50%;
}

.weather-wrapper.location-template .day-wrapper .detail-wrapper .temps-wrapper .temp.max-temp .value-wrapper,
.weather-wrapper.location-template .day-wrapper .detail-wrapper .temps-wrapper .temp.min-temp .value-wrapper {
  height: 65px;
  width: 65px;
  line-height: 65px;
  font-size: 2.2em;
}

.weather-wrapper.location-template .day-wrapper .detail-wrapper .data-wrapper {
  display: table;
  width: 100%;
}

.weather-wrapper.location-template .day-wrapper .detail-wrapper .data-wrapper .rain-wrapper,
.weather-wrapper.location-template .day-wrapper .detail-wrapper .data-wrapper .wind-wrapper {
  display: table-cell;
  width: 50%;
}

.weather-wrapper.location-template .day-wrapper .detail-wrapper .data-wrapper .wind-wrapper .title,
.weather-wrapper.location-template .day-wrapper .detail-wrapper .data-wrapper .wind-wrapper .image-wrapper {
  display: inline;
}

.weather-wrapper.location-template .day-wrapper .detail-wrapper .data-wrapper .wind-wrapper .value-wrapper {
  display: block;
}

.weather-wrapper .image-wrapper > img {
  visibility: visible !important;
}