/*CSS for page specific modifications of either global.css or sections.css rules*/
/*CSS for page layout*/
div.section-body-1 {margin-bottom:0px;}
div.section-body-2 {display:grid; grid-template-columns:auto auto; grid-column-gap:4em;}

h3{
	text-align:center;
	margin-top:0px;
	line-height:1.3;
}

h4 {
	text-align:center;
	margin-top:0px;
}
/*CSS for the chart*/
#line-graph-container {
	margin-top:1em;
	padding-top:2em;
	width:100%;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	box-shadow: 0 4px 12px  rgba(64,60,67,.16)/*0 1px 3px rgba(0,0,0,0.12), 0 1px 5px rgba(0,0,0,0.24)*/;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	}
.highcharts-title > tspan:nth-child(1) {display:none;}
.highcharts-axis-title > tspan:nth-child(1) {display:none;}

.highcharts-point{
	visibility: hidden;
}
/*CSS for tooltips*/
.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: /*#edbf26*/#f7f7f7;
}

.highcharts-annotation-label text{
	font-family: 'Roboto light', sans-serif !important;
	line-height:1.5 !important;
	padding: 5px !important;
	fill: #444;
}
.highcharts-tooltip text {
  fill: #333333;
}
.headword-birth-tooltip{
	font-weight: bold;
	font-family: 'Roboto light', sans-serif ;
	line-height:1.5;
	padding: 5px;
}
/*
.tool-tip.headword >span{
	/* Styling of the tooltips of the dark tooltips
	 /* TvN query: I don't know what this CSS is applying to; have added 'span.headword-birth-tooltip'  
	font-size:12px !important;
	color: #0a0a0a !important;
	font-family: 'Roboto light', sans-serif !important;
	line-height:1.5;
	padding: 5px;
}
*/
.tool-tip.headword text{
	line-height:1.5;
}
.tool-tip.historical-event {
		/* Styling of the light tooltips used for events */
}
span.headword-birth-tooltip {
	/* Styling of the headword inside the dark tooltips*/
	font-weight: bold;
}
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #f5f5f5;
  fill-opacity: 0.75;
  
}
@media only screen and (max-width:1200px) {
div.section-body-2 {display:grid; grid-template-columns:100%;}
.intro-para{margin-bottom:2em;}

}