/*
 * Fixes on top of base.min.css (compiled from the Bolt 3 theme sources).
 *
 * Cloud parallax (#clouds, used on the homepage and in .cloud-header): the main
 * cloud artwork (cloudd.png) is 2556px wide and starts 399px off-screen, so it
 * ended at x = 2157px and left plain sky on wider screens. A mirrored copy
 * continues it, overlapping its last 400px (where the artwork thins out into
 * sky) so no vertical band of sky shows at the join. Clouds now reach ~4300px;
 * screens up to ~1750px look exactly as before.
 */
#clouds > li:nth-child(1)::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - 400px);
  width: 2556px;
  height: 100%;
  background: url("../images/cloudd.png") no-repeat left top;
  transform: scaleX(-1);
  pointer-events: none;
}

/* The last small cloud sat at a fixed 1030px; on wide screens spread it with the viewport. */
#clouds > li:nth-child(3) img {
  margin-left: max(1030px, 53.64vw);
}