/*
//File    : mapstyle.css
//Date    : October 2017
//Author  : Lee B Wilson
//Email   : wilsol@us.ibm.com
//Desc    : Sample stylesheet for D3 World Map where the countries
//          are hyperlinks to specific pages
*/

svg {
  /*Color for the backgroung of the D3 map*/
  background: white;
}

.country {
  /*Color used to fill in the country shapes*/
  fill: #054ca7;
  /*Color used to draw the country outlines / shapes
  Stroke needs to be small in order for the map to look okay*/
  stroke: #FFFFFF;
  stroke-width: 0.1px;
}

.presence {
  /*Color used to fill in the country shapes
  where there is a dedicated GUR presence*/
  fill: #13543f;
}

.selected {
  /*Color used when mousing over a country
  Applies to both presence and non-presence countries*/
  fill: #D62275 !important;
}

.svg-container {
    display: inline-block;
    position: relative;
    /*Percentage of the map <div> taken up by the SVG graphic*/
    width: 100%;
    /*Padding Bottom affects the aspect ration of the SVG graphic
    100% == 1:1 vs 50% == 1:2*/
    padding-bottom: 45%;
    vertical-align: top;
    overflow: hidden;
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #FAFAFA;
}

/*Style for the transparent overlay used in the zooming functionality*/
.overlay {
  fill: none;
  pointer-events: all;
}

@media only screen and (max-width: 820px) {
  /* For mobile phones: */
  #ibm-leadspace-body {
    min-height:0 !important;
    padding-top: 60px !important;
  }
}