/*all site*/
body{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
    /*border: 1px solid black;*/
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
h1,h2{
	font-weight:100;
	letter-spacing: 2px;
	text-align: center;
}
b{
    color:#ff4d4d;
}

/*main naviagation panel*/
#main-navigation{
    /*border: 1px solid black;*/
    margin-top: 150px;
    margin-bottom: 400px;
}
#moreInfoLink{
    margin-bottom: 450px;
    text-align: center;
    font-size: 16px;
}
.circle{  
    width:120px;
    height:120px;
    font-size:15px;
    border-radius:50%;
    color:black;
    text-align:center;
    background:white;
    margin-left: 90px;
    padding-top: 40px;
    float: left;
    border: 1px solid black;
}
.circle:hover{
    background-color: #ff4d4d;
    color: white;
    border: none;
}

/*all panels*/
#key-facts-panel,#parasites-panel,#africa-panel,#to-do-panel,#who-panel{
    /*border: 1px solid black;*/
    clear: both;
    font-size:15px;
    margin-bottom: 350px;
}

/*rigth side panel one - malaria key facts*/
.square-facts{
    width: 200px;
    height: 120px;
    padding-top: 30px;
    text-align: center;
    margin-left: 50px;
    margin-bottom: 80px;
    float: left;
}
#fact-one{
    color:#FF9B71;
}
#fact-two{
    color:#2B3A67;
}
#fact-three{
    color:#E84855;
}
#fact-four{
    color:#B56B45;
}
#fact-one-square{
    border-right: 1px solid #FF9B71;
    border-bottom: 1px solid #FF9B71;
}
#fact-two-square{
    border-left: 1px solid #2B3A67;
    border-bottom: 1px solid #2B3A67;
}
#fact-three-square{
    border-right: 1px solid #E84855;
    border-top: 1px solid #E84855;
}
#fact-four-square{
    border-left: 1px solid #B56B45;
    border-top: 1px solid #B56B45;
}

/*map visualization*/
path {
    stroke:gray;
    stroke-width: 1px;
    fill:#adfcad;
    opacity:1;
}
svg{
    /*border: 1px solid black;*/
}

/*tree visualization*/
.node circle {
    fill: white;
    stroke: #ff4d4d;
    stroke-width: 3px;
}
.node text {
    font: 11px; 
}
.link {
    fill: none;
    stroke: gray;
    stroke-width: 2px;
    opacity: .3;
}

/*panel one malaria key facts*/
.odd{
    text-align: right;
    margin-left: 110px;
}
.even{
    margin-right: 120px;
}
ul{
    list-style-type: none;
}
li{
    margin-bottom: 20px;
    margin-top: 10px;
    border-top: 1px solid gray;
}
#panel-one{
    margin-top: 40px;
}
/*select box*/
.form-inline{
    position: absolute;
    margin-top: 60px;
    margin-left: 80px;
    
}
.africa-text{
    text-align: center;
}
/*text legend*/
.textLegend {
    font-size: 13px;
}
/*********************/
/*  TOOLTIP OVERLAY  */
/*********************/
.tooltip-title {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

.d3-tip {
  line-height: 1;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}
/*Malaria parasites section*/
.root-text-malaria{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.child-text-malaria{
    margin-top: 30px;
    margin-bottom: 30px;
    border-left: 3px solid #F2D492;
    padding-left: 5px;
}
.second-child-text-malaria{
    margin-top: 80px;
    margin-bottom: 20px;
    border-left: 3px solid #F29559;
    padding-left: 5px;
}
/*WHO recs*/
.rec-text{
    width: 200px;
    height: 180px;
    float: left;
    margin-top: 40px;
    margin-left: 80px;
    background-color: #8ACB88;
    color: white;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    padding-top: 30px;
}
.rec-one{background-color:  #26547c}
.rec-two{background-color:  #ef476f}
.rec-three{background-color:  #ffd166}
.rec-four{background-color:  #06d6a0}