/*====================================
  marzipano.css fixes for UX
=====================================*/

/*====================================
 control
=====================================*/
 

  /*====================================
    scene name
  =====================================*/
  #titleBar .sceneName {
    width: 100%;
    height: 100%;
    line-height: inherit;
    padding: 8px;
    background-color: inherit;
  }

  .sceneName{
    width: 100%;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 500;
  }

  /*====================================
   hotspots
  =====================================*/
.info-hotspot .info-hotspot-icon {
    /* margin: 10%; */
}
.info-hotspot .info-hotspot-header {
    background-color: #252b36;
    border-color: #252b36;
    color: white;

    /* width: 60px;
    height: 60px;
    border-radius: 30px; */
}

.link-hotspot-tooltip {
    background-color: #252b36;
    border-color: #252b36;
    color: white;
}

.info-hotspot-text{
  background-color: #252b36;
  border-color: #252b36;
  color: white;
}

.info-hotspot .info-hotspot-text {
  background-color: #252b36;
  border-color: #252b36;
  color: white;

  /* top: 50px;
  width: 308px; */
}

.info-hotspot .info-hotspot-icon-wrapper {
  /* width: 50px;
  height: 50px;
  margin: 2px !important; */
}

.info-hotspot .info-hotspot-title-wrapper {
  /* left: 50px;
  height: 50px; */
}
.info-hotspot .info-hotspot-close-wrapper {
  background-color: #252b36;
  border-color: #252b36;
  color: white;
  /* height: 48px;
  width: 48px;
  top: 2px; */
}
.info-hotspot .info-hotspot-close-icon {
  /* width: 60%;
  height: 60%;
  margin: 15%; */
}
.desktop .info-hotspot.visible .info-hotspot-title-wrapper, .desktop.no-touch .info-hotspot .info-hotspot-header:hover .info-hotspot-title-wrapper {
  /* padding: 0 10px; */
}