﻿:root {
	--bio-bg: #CD4754;
	--bio-color: white;
	--chem-bg: #5C6EB7;
	--chem-color: white;
	--cogsci-bg: #008094;
	--cogsci-color: white;
	--commerce-bg: #617490;
	--commerce-color: white;
	--cs-bg: #ec0085;
	--cs-color: white;
	--econ-bg: #E585B6;
	--econ-color: #303030;
	--english-bg: #447d8c;
	--english-color: white;
	--foreign-bg: #327DA9;
	--foreign-color: white;
	--global-bg: #995EA6;
	--global-color: white;
	--gov-bg: #5E7D59;
	--gov-color: white;
	--history-bg: #956E5B;
	--history-color: white;
	--mdst-bg: #CF470C;
	--mdst-color: white;
	--psych-bg: #447E6F;
	--psych-color: white;
}

.article-header h1 {
	font-family: var(--ringside-compressed);
	font-size: 5rem;
	font-style: italic;
	margin-bottom: 2rem;
}

.article-meta {
}

	.article-meta dd:not(:last-of-type)::after {
		content: '|';
		display: inline-block;
		margin: 0 0.5rem;
	}

.full-width-chart-container {
	background-color: rgba(var(--light-gray-rgb), 0.6);
	border-top: solid 1px rgba(var(--medium-gray-rgb), 0.6);
	border-bottom: solid 1px rgba(var(--medium-gray-rgb), 0.6);
	box-shadow: var(--medium-gray) 0 0 2rem;
}

.gradient-background {
	background: rgb(251,207,218);
	background: linear-gradient(124deg, rgba(251,207,218,1) 0%, rgba(191,231,247,0.3) 48%, rgba(191,231,247,1) 100%);
}

.highcharts-description {
	font-family: var(--sans-serif-text);
	font-size: 0.95rem;
	line-height: 1.1;
	margin-top: 1rem;
}

.interactive-label {
	border-radius: 0.2rem;
	display: inline-block;
	font-size: 1rem;
	font-style: italic;
	font-weight: bold;
	left: 50%;
	margin: 0 auto 1rem auto;
	padding: 0.1rem 1rem;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transform: translateX(-50%);
}

.jump-nav nav {
	--bs-nav-link-color: var(--uva-blue);
	--bs-nav-link-hover-color: var(--accessible-orange);
}

.major-group {
	--series-color: rgba(0,0,0,0.5);
	margin-bottom: 1rem;
}

	.major-group .form-label {
		align-items: center;
		display: flex;
		justify-content: start;
	}

		.major-group .form-label::after {
			background-color: var(--series-color);
			border-radius: 4px;
			content: '';
			display: inline-block;
			height: 1rem;
			margin-left: 0.5rem;
			width: 3rem;
		}

.top-10-list {
	font-size: 0.95rem;
	line-height: 1;
}
	.top-10-list .list-group-item {
		--unit-height: 0.25px;
		min-height: 32px;
	}