﻿.blue-box {
	background-color: #232D4b;
	color: white;
}

.highcharts-description {
	color: #444444;
	font-family: var(--font-caption);
	font-size: 0.95em;
	line-height: 1.1em;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.intro {
	--intro-background: #ffde16;
	background-color: var(--intro-background);
}

.lead-words {
	font-family: var(--sans-serif-display);
	font-size: 1.2em;
	font-weight: bold;
}

.section-head-icon {
	float: left;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	width: 2em;
}

.vox-speech-bubble {
	--bubble-radius: 7rem;
	border-top-right-radius: var(--bubble-radius);
	border-bottom-left-radius: var(--bubble-radius);
	margin-bottom: calc(var(--bubble-radius) - 2rem);
	padding: 3rem;
	position: relative;
}
.vox-speech-bubble--small-radius {
	--bubble-radius: 2rem;
	padding: 1.5rem;
}
	.vox-speech-bubble:after {
		bottom: calc(var(--bubble-radius) * -1);
		border-top-right-radius: var(--bubble-radius);
		content: "";
		display: block;
		height: var(--bubble-radius);
		position: absolute;
		right: 0;
		width: var(--bubble-radius);
		z-index: 10;
	}
	.vox-speech-bubble:before {
		bottom: calc(var(--bubble-radius) * -1);
		content: "";
		display: block;
		height: var(--bubble-radius);
		position: absolute;
		right: 0;
		width: var(--bubble-radius);
		z-index: 5;
	}
.intro .vox-speech-bubble:after { background-color: var(--intro-background); }
.intro .vox-speech-bubble:before { background-color: white; }

.vox-speech-bubble--blue {
	background-color: var(--uva-blue);
	color: white;
}
.vox-speech-bubble--blue::after { background-color: white; }
.vox-speech-bubble--blue::before { background-color: var(--uva-blue); }