#map {
  width:100%;
  z-index: 100;
  border-top: 20px #fff solid;
  position: relative;
  background-color: rgba(255,255,255,0.95);
}
#inner-content{
  overflow: visible;
}

#inner-content #infographic,
#inner-content #infographic-tablet,
#inner-content #infographic-mobile {
  min-height: 600px;
} {
  min-height: 600px;
} {
	min-height:600px;
}
#inner-content .timestamp.custom {
	width:330px !important;
  height: 40px;
}
.land {
  fill:#e3e4df;
}
.border {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-linecap: round;
}
#menu {
  width:100%;
  margin-bottom: 20px;
	position:relative;
  z-index: 50;
  margin-bottom:30px;
  text-align: center;
  min-height: 50px;
}
.menuLabel {
  font-family:'BWHaasText-55Roman',arial,helvetica;
  font-size:13px;
  margin-bottom: 5px;
  text-align: center;
}
.clearFilter {
	font-family:'BWHaasText-55Roman',arial,helvetica;
  font-size:13px;
  font-weight:bold;
  cursor:pointer;
  position: absolute;
  bottom: 106%;
  width: 100%;
  text-align: center;
  display: none;
}
a.menu-item {
  width:100px;
  font-family:'BWHaasText-65Medium',arial,helvetica;
  font-size:13px;
  color: #fff;
  line-height: 22px;
  display: inline-block;
  margin-right: 2px;
  height:30px;
  margin-bottom:3px;
  padding:5px;
  cursor:pointer;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

#menu .menu-item.inactive {
	opacity:.5 !important;
	background-color:#000;
}
.menu-item text {
	font-family:'BWHaasText-55Roman',arial,helvetica;
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
.menu-item#Business {
	background-color: #3F499E;
}
.menu-item#Politics {
	background-color: #ED2865;
}
.menu-item#Entertainment {
	background-color: #53B847;
}
.menu-item#Sports {
	background-color: #F4B11F;
}
.menu-item#Science {
	background-color: #0BB9E6;
}
.menu-item#Media {
	background-color: #F0582A;
}
.menu-item#Education {
	background-color: #FF423C;
}
.menu-item#Philanthropy {
	background-color: #1CCB91;
}
.namesContainer {
  position: relative;
  top: 32px;
  left: 0px;
  width: 98%;
  max-width: 1000px;
  overflow-y: scroll;
  cursor: default;
  margin: 20px auto 40px;
  text-align: center;
}
.namesContainer a:hover, .namesContainer a:active{
  color: #fff;
  -webkit-box-shadow:inset 0px 0px 0px 3px #111;
  -moz-box-shadow:inset 0px 0px 0px 3px #111;
  box-shadow:inset 0px 0px 0px 3px #111;
}

.namesContainer::-webkit-scrollbar {
      width: 10px;
}
.namesContainer::-webkit-scrollbar-track {
      background-color: rgba(0,0,0,0);
} /* the new scrollbar will have a flat appearance with the set background color */
 
.namesContainer::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2); 
} /* this will style the thumb, ignoring the track */
 
.namesContainer::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
.speakerName {
	font-family:'BWHaasText-55Roman',arial,helvetica;
  font-size:12px;
  font-weight: bold;
  padding:10px;
  color:#fff;
  display: inline-block;
  margin: 1px;
}
.speakerName.Business {
	background-color:#3F499E;
}
.speakerName.Politics {
	background-color:#ED2865;
}
.speakerName.Entertainment {
	background-color:#53B847;
}
.speakerName.Sports {
	background-color:#F4B11F;
}
.speakerName.Science {
	background-color: #0BB9E6;
}
.speakerName.Media {
	background-color: #F0582A;
}
.speakerName.Education {
	background-color: #FF423C;
}
.speakerName.Philanthropy {
	background-color: #1CCB91;
}
circle.Business {
	fill:#3F499E;	
}
circle.Politics {
	fill:#ED2865;
}
circle.Entertainment {
	fill:#53B847;	
}
circle.Sports {
	fill:#F4B11F;
}
circle.Science {
	fill:#0BB9E6;	
}
circle.Media {
	fill:#F0582A;
}
circle.Education {
	fill:#FF423C;	
}
circle.Philanthropy {
	fill:#1CCB91;	
}
path.Business {
  stroke:#3F499E; 
}
path.Politics {
  stroke:#ED2865;
}
path.Entertainment {
  stroke:#53B847; 
}
path.Sports {
  stroke:#F4B11F;
}
path.Science {
  stroke:#0BB9E6; 
}
path.Media {
  stroke:#F0582A;
}
path.Education {
  stroke:#FF423C; 
}
path.Philanthropy {
  stroke:#1CCB91; 
}
/* tooltip */
div.custom-tooltip {
  font-family:"Arial","Helvetica";
  position: absolute;
  top:-1000px;
  min-width: 200px;
  max-width:300px;
  min-height: 0px;
  padding: 10px;
  background: rgba(255, 255, 255, .85);
  border: 1px solid lightgray;
  box-shadow: 1px 1px 10px lightgray;
  color:black;
  pointer-events: none;
  z-index: 200;
}
.custom-tooltip:after, .custom-tooltip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 100;
}
.custom-tooltip:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: rgba(255, 255, 255, .9);
  border-width: 12px;
  margin-left: -12px;
}
.custom-tooltip:before {
  border-color: rgba(102, 102, 102, 0);
  border-top-color: rgba(102, 102, 102, 0.2);
  border-width: 13px;
  margin-left: -13px;
}
.custom-tooltip-hidden{
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{0})";
  filter: ~"alpha(opacity=@{0})";
}
.custom-tooltip .tooltip-name {
  font-size:15px;
  font-weight:bold;
}
.custom-tooltip .tooltip-title {
  border-bottom:1px solid #000;
  padding-bottom:5px;
  margin-bottom:5px;
  font-size:12px;
}
.custom-tooltip .tooltip-school {
  font-size:14px;
}
.custom-tooltip .speaking-subhed,
.mtip .speaking-subhed {
  font-weight: bold;
  font-size: 13px;
}
#photoContainer {
  position: absolute;
  top:0px;
  z-index: 1;
}
.photolayer {
  position: absolute;
  top: 0px;
  left:0px;
  display: block;
}
.photolayer.inactive {
  display:none;
  pointer-events: none;
}
.photolayer div {
  top:0px;
  left:0px;
  position: absolute;
  width:82px;
  height:82px;
}

#fixsection{
  position: relative;
  overflow: visible;
}

#footer{
  margin-top: 120px;
}



@media only screen and (min-width: 980px) and (max-width: 1160px) {

}


/* TABLET SIZE container at 980px*/
@media only screen and (max-width: 979px)  {

}

@media only screen and (max-width: 728px)  {

}

@media only screen and (max-width: 680px)  {
  #fixsection{
    position: relative;
    overflow: hidden;
  }
  #map.graph-scroll-fixed{
    position: fixed;
    top: 0px;
  }
  #map.graph-scroll-below{
    position: absolute;
    bottom: 0px;
  }
  .speakerName{
    float: none;
    display: block;
    font-size:15px;
    font-weight: bold;
  }
  #header-sharing.stuck{
    top: auto;
    bottom: 34px;
    right: 16px;
    background-color: #fff;
  }
  .mtip {
    font-size:12px;
    font-weight: normal;
  }
  .mtip .tooltip-title {
    margin-bottom: 5px;
  }
  .mtip .tooltip-school {
    font-size:14px;
  }
}

/* MOBILE window less than 568px wide */
@media only screen and (max-width: 568px)  {

}

/* MOBILE window less than 360px wide */
@media only screen and (max-width: 360px)  {

}