/* ROOM360 rolling hills: the signature landscape pattern, tone-on-tone in each room's colour via soft-light, on a fine paper grain. */
#r360-top, #r360-top section[style*="background: #26577C"], #r360-top section[style*="background: #15324A"], #r360-top section[style*="background: #DDD3BA"], #r360-top section[style*="background: #EBE4D1"], #r360-top section[style*="background: #E1DAC5"], #r360-lobby, .r360-pc-face {
  background-blend-mode: soft-light;
  background-repeat: repeat !important;
}
/* walls: wide, slow hills behind every floor */
#r360-top, #r360-top section[style*="background: #26577C"], #r360-top section[style*="background: #15324A"], #r360-top section[style*="background: #DDD3BA"], #r360-top section[style*="background: #EBE4D1"], #r360-top section[style*="background: #E1DAC5"] {
  background-image: url('/brand/paper-grain.svg'), url('/stone/hills-tone.jpg') !important;   /* paper grain over the soft hills */
  background-size: 240px 240px, 1500px 500px !important;
  background-position: 0 0, center top !important;
  background-attachment: scroll, fixed !important;
}
/* lobby: the same hills, a little smaller */
#r360-lobby {
  background-image: url('/stone/hills-tone.jpg') !important;
  background-size: 1200px 400px !important;
  background-position: center top !important;
  background-attachment: fixed !important;
}
.r360-pc-face { background-image: url('/stone/hills-tone.jpg') !important; background-size: 600px 200px !important; }
/* touch screens ignore fixed backgrounds: let the panels scroll with the page */
@media (hover: none) {
  #r360-top, #r360-top section { background-attachment: scroll !important; background-size: 240px 240px, 900px 300px !important; }
  #r360-lobby { background-attachment: scroll !important; background-size: 900px 300px !important; }
}