@charset "UTF-8";
/* CSS Document */

/* Tooltip container */
div.tooltip {
	position: relative;
	display: inline-block;
	background-color: #b2e0f3;
	color: #040937;
	border: 1px solid #040937;
	border-radius: 2px;
	margin: 1px;
	padding: 1px;
	font-family: 'Crimson Pro', Times, "Times New Roman", "serif";
	font-size: 1rem;
	font-weight: 300;
}

/* Tooltip text */
div.tooltip span.tooltiptext {
	visibility: hidden;
	background-color: #b2e0f3;
	color: #040937;
	padding: 8px;
	border: 1px solid #040937;
	border-radius: 16px;
	min-width: 16rem;
    max-width: 33%;
	font-size: 1.5rem;

	/* Position the tooltip text */
	position: fixed;
	z-index: 1;
	top: 4%;
	right: 4%;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.25s;
}

/* Show the tooltip text when you mouse over the tooltip container */
div.tooltip:hover span.tooltiptext {
    visibility: visible;
    opacity: 1;
}
span.tooltiptext h3 {
	font-size: 2rem;
	font-weight: normal;
	font-family: 'Crimson Pro', Times, "Times New Roman", "serif";
	line-height: 2rem;
	color: #040937;
	border-bottom: 1px solid #b2e0f3;
	text-align: center;
}
div.tooltip:hover {
	border: 1px solid #040937;
	color: #f0d8aa;
	background-color: #040937;
	cursor: pointer;
}

div.tooltip span.tooltiptext p {
    text-align: justify;
    border: none;
	font-family: 'Crimson Pro', Times, "Times New Roman", "serif";
	color: #b2e0f3;
	font-size: 1rem;
	line-height: 1.2rem;
}
div.tooltip strong, div.tooltip b {
	color: inherit;
	font-weight: 400;
}