/*
// map.js and map.css are a hack to render the map on mobile by manipulating the map created by
//  https://www.ncbi.nlm.nih.gov/projects/clinvar/data/map/map_hm.js
//  see ../../README.md for details
*/

@media all and (max-width: 64em)
{
  .map-svg
  {
    position: absolute;
  }
  .map-div3
  {
    position: relative;
    width: 100%;
  }
  .map-div2
  {
    width: 100%;
  }
  td:has(.map-legend-bar)
  {
    width: 16.66%;
  }
  #map-legend
  {
    padding-bottom: 0.5em;
  }
  #map-legend table
  {
    margin-bottom: 1em;
    margin-top: 1em;
  }
  .map-legend-bar
  {
    width: 100%;
  }
  div:has(> .google-visualization-tooltip)
  {
    position: relative;
    top: 0;
    left: 0;
    height: 0;
    overflow: visible;
  }
  body .google-visualization-tooltip
  {
    position: static !important;
    z-index: 2000;
  }
}


@media all and (min-width: 64em)
{
  .map-svg
  {
    width: 950px;
    height: 700px;
    overflow: hidden;
  }
  .map-div3
  {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
  }
  .map-div2
  {
    position: relative;
    width: 950px;
    height: 700px;
  }
  .map-div1
  {
    position: relative;
  }
  .map-legend
  {
    top: -80px;
    position: relative;
    right: -560px;
  }
  .map-legend-bar
  {
    width: 55px;
  }

}

.map-legend-bar {
  display: block;
  height: 8px;
  border: solid 1px black;
}