#day0:before {
  content: "";
  position: absolute;
  z-index: -5;
  display: block;
  background: rgba(127,127,127,0.10);
  width: 100%;
  height: 100%;
  
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  pointer-events: none;
}
section[id ^= 'day'] {
  display: flex;
  flex: 1 0 25vh;
  margin: 0.75vh;
  /*outline: 1px dotted lime;*/
  flex-flow: column nowrap;
  align-items: center;
  position: relative;
  /*justify-content: center;
    align-content: center;*/

}
section[id ^= 'day'] > img {
  height: 16vh;
  margin-top: 1vh;
  margin-bottom: -2vh;
}

div[id $= '-textual'] {
  height: 5vh;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

div[id $= '-textual-day'],
div[id $= '-textual-night'] {
  font-size: 0.75em;
}
/*.forecast-value-high {
font-size: 3.5vw;
position: absolute;
top: -1vh;
left: 1.5vw;
color: white;
}

.forecast-value-low {
font-size: 3vw;
position: absolute;
bottom: -1vh;
right: 1.5vw;
}
.sideways-divided {
  width: 100%;
  height: 7vmin;
  position: relative;
  background: 
    linear-gradient( 150deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) calc(50% - 2px),
      #505050 50%,
      rgba(0,0,0,0) calc(50% + 2px),
      rgba(0,0,0,0) 100%);
}*/

.forecast-value-high {
  display: inline;
  font-size: 4vh;
  color: white;
}

.forecast-value-high:after {
  padding-inline-start: 0.15em;
  content: "/ ";
  font-size: 3vh;
  color: #909090;
}
.forecast-value-low {
  display: inline;
  font-size: 3vh;
}

.sideways-divided {
  width: 100%;
  text-align: center;
}
.quickpop span, .quickqpf span, .quicksnow span {
  line-height: 1.5em;
}
.quickpop-icon, .quickqpf-icon, .quicksnow-icon {
  vertical-align: bottom;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
}

.quickpop-icon {
  background-image: url('../svg/day/sleet.svg');
}
.quickqpf-icon {
  background-image: url('../svg/day/rain.svg');
}
.quicksnow-icon {
  background-image: url('../svg/any/snow.svg');
}