/* Bariq skin for the Marzipano tour viewer. Loaded after the exported style.css; the export itself is untouched. */
@font-face { font-family: 'Readex Pro'; src: url('/fonts/readex-pro.woff2') format('woff2'); font-weight: 160 700; font-display: swap; }

html, body { font-family: 'Readex Pro', system-ui, sans-serif; background-color: #111111; }

#titleBar .sceneName,
#sceneList .scenes,
.link-hotspot-tooltip,
.info-hotspot .info-hotspot-header,
.info-hotspot-modal .info-hotspot-header { background-color: rgba(17, 17, 17, .82); }

#fullscreenToggle, #autorotateToggle, #sceneListToggle, .viewControlButton,
.info-hotspot .info-hotspot-close-wrapper, .info-hotspot-modal .info-hotspot-close-wrapper { background-color: rgba(17, 17, 17, .72); }

.no-touch #sceneList .scene:hover { background-color: rgba(250, 250, 247, .14); }
#sceneList .scene.current { background-color: rgba(250, 250, 247, .2); }
#sceneList .scene.current .text::before {
  content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: #E2401A; margin-inline-end: 10px; vertical-align: 1px;
}
#titleBar .sceneName { font-weight: 500; }