/* Weather Background Animations */
body::before,body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:0;transition:opacity 1s}

/* Clear/Sunny Day */
body.weather-clear::before{
  opacity:1;
  background:url('../Sunny_Clear.png') center/cover no-repeat;
}

/* Clear Night */
body.weather-clear.night::before{
  opacity:1;
  background:url('../Clear_Night.png') center/cover no-repeat;
}

/* Partly Cloudy Day */
body.weather-partly_cloudy::before{
  opacity:1;
  background:url('../Partly_Cloudy.png') center/cover no-repeat;
}

/* Cloudy Day */
body.weather-cloudy::before{
  opacity:1;
  background:url('../Cloudy_Day.png') center/cover no-repeat;
}

/* Rain Day */
body.weather-rain::before{
  opacity:1;
  background:url('../Rainy_Day.png') center/cover no-repeat;
}

/* Snow Day */
body.weather-snow::before{
  opacity:1;
  background:url('../Snow_Day.png') center/cover no-repeat;
}

/* Thunderstorm Day */
body.weather-thunderstorm::before{
  opacity:1;
  background:url('../Thunderstorm.png') center/cover no-repeat;
}

/* === NIGHTTIME BACKGROUNDS === */
/* Note: Clear Night uses custom image (see above) */

/* Partly Cloudy Night */
body.weather-partly_cloudy.night::before{
  opacity:1;
  background:url('../Partly_Cloudy_Night.png') center/cover no-repeat;
}

/* Cloudy Night */
body.weather-cloudy.night::before{
  opacity:1;
  background:url('../Cloudy_Night.png') center/cover no-repeat;
}

/* Rain Night */
body.weather-rain.night::before{
  opacity:1;
  background:url('../Rainy_Night.png') center/cover no-repeat;
}

/* Snow Night */
body.weather-snow.night::before{
  opacity:1;
  background:url('../Snowy_Night.png') center/cover no-repeat;
}

/* Thunderstorm Night */
body.weather-thunderstorm.night::before{
  opacity:1;
  background:url('../Stormy_Night.png') center/cover no-repeat;
}

/* === FOG AND MIX CONDITIONS === */

/* Fog Day */
body.weather-fog::before{
  opacity:1;
  background:url('../Foggy_Day.png') center/cover no-repeat;
}

/* Fog Night */
body.weather-fog.night::before{
  opacity:1;
  background:url('../Foggy_Night.png') center/cover no-repeat;
}

/* Mix (Rain/Snow) Day */
body.weather-mix::before{
  opacity:1;
  background:url('../Mix_Day.png') center/cover no-repeat;
}

/* Mix (Rain/Snow) Night */
body.weather-mix.night::before{
  opacity:1;
  background:url('../Mix_Night.png') center/cover no-repeat;
}