body {
  background-color: #DBEBFB;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3 {
  font-weight: 400;
}

h1 {
  padding: 60px 0 30px;
  margin: 0 0 30px 0;
}

h2 {
  margin: 60px 0 30px;
}

p.description {
  font-weight: 100;
  margin-bottom: 30px;
}

.section {
  display: inline-block;
  position: relative;
  max-width: 960px;
  width: 100%;
  max-height: 960px;
  margin: 0 auto;
  vertical-align: top;
  overflow: hidden;
}

.intro {
  display: block;
  font-weight: 100;
  width: 30%;
  min-width: 498px;
  line-height: 1.5em;
  font-size: 1.1em;
  margin: 10px auto 30px;
}

.teaser {
  font-weight: 400;
}

#circularNetwork {
    display: inline-block;
    position: relative;
    max-width: 660px;
    width: 100%;
    height: 100%;
    max-height: 660px;
    margin: 0 auto;
    vertical-align: top;
    overflow: hidden;
}

.chart {
  margin-bottom: 60px;
}

.svg-content-responsive {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}

.case {
  fill: #5EA334;
  opacity: 0.8;
  stroke: #70B920;
}

.case.referencedOnly {
  fill: #6F582E;
  opacity: 0.7;
  stroke: #A0421B;
}

.citation {
  fill: none;
  stroke: #6F582E;
  stroke-width: 0.7px;
  stroke-opacity: 0.3;
}

.voronoi {
  fill: none;
  stroke: none;
  stroke-width: 1px;
}

.highlight, .highlightCitedBy, .stickyHighlight, .stickyHighlightCitedBy {
  opacity: 1 !important;
  /*stroke: #6F582E !important;*/
  stroke-width: 2px !important;
  stroke-opacity: 0.9 !important;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.highlight, .stickyHighlight{
  stroke: #A12421 !important;
}
.highlight.referencedOnly, .stickyHighlight.referencedOnly {
  stroke: #A12421 !important;
}

.highlightCitedBy, .stickyHighlightCitedBy {
  stroke: #A12421 !important;
}

g#voronoi {
  pointer-events: all;
}

/* shadow trick from bl.ocks.org */
#tooltip {
  width: 300px;
  height: 200px;
  /*font-weight: 900;*/
  /*color: white;*/
  pointer-events: none;
  /*text-shadow: 1px 1px 0 #252525, 1px -1px 0 #252525, -1px 1px 0 #252525, -1px -1px 0 #252525;*/
  text-align: center;
  margin: 0 auto;
  border-top: 1px solid black;
  padding: 10px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}


#tooltip h3 {
  margin: 10px 0;
  font-weight: 400;
}

#tooltip p {
  margin: 0;
  padding: 0;
  font-weight: 100;
}

#tooltip p::before {
  font-size: 25px;
  vertical-align: -6%;
  margin: 0 5px 0;
}

#tooltip p.text-cites::before {
  content: "—";
  color: #A12421;
}

#tooltip p.text-citedby::before {
  content: "○";
  color: #A12421;
}

#tooltip p.text-catchwords {
  font-size: 
  font-weight: 100;
  font-style: italic;
  font-size: 0.95em;
  margin-top: 10px;
}