.chart h3,
.bar-chart h3 {
	color: #232d4b;
	text-transform: none;
}
section {
	padding: 2rem;
	margin: 3rem 0;
}
.flex.center {
	justify-content: center;
	align-items: center;
}
.banner-img {
	margin-top: 3rem;
	max-width: 100%;
}
.by-the-numbers .introduction {
	padding-top: 2rem;
	margin: 0;
}
#occPrograms section {
	padding: 2rem 0;
}
.introduction p {
	color: #232d4b;
	font-size: 1.33333rem;
	/* font-weight: 600; */
	line-height: 1.3;
	margin: 0 auto;
	width: 75%;
}
.chart {
	height: 100%;
}
.donut-chart,
.bar-chart-vert,
.chart-copy {
	display: inline-block;
	vertical-align: middle;
}
.donut-chart,
.bar-chart-vert {
	width: 52%;
}
.chart-copy {
	text-align: left;
	width: 40%;
	max-width: 32.5rem;
}
.bar-chart-vert {
	margin-bottom: 3rem;
}
.chart-copy.block {
	display: block;
	text-align: center;
	margin-bottom: 4rem;
	max-width: none;
	width: 100%;
}
.chart-copy h3 {
	margin-top: 0;
}
.chart-copy p,
.chart-copy ul li {
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.3;
	/* max-width: 32.5rem; */
}
.chart-copy .bold {
	font-weight: 600;
}
.chart-copy.block p {
	margin: 0 auto 0.75rem;
	max-width: 75%;
}
.chart-footnote {
	display: block;
	margin-left: 50%;
	overflow: hidden;
	width: 40%;
}
.chart-footnote ul {
	float: right;
	list-style: none;
	text-align: left;
}
.chart-footnote ul li {
	color: #111111;
	font-family: "franklin-gothic-urw-comp", "arial narrow", sans-serif;
	position: relative;
}
.chart-footnote ul li:first-of-type:before {
	color: #111111;
	content: "\002A";
	font-weight: 600;
	position: absolute;
	left: -0.75rem;
	top: 0;
}
.legend {
	background-color: #f1f1f1;
	border: 1px solid #111111;
	padding: 1rem 1.5rem;
	/* opacity: 0; */
	transition: all 300ms ease 50ms;
	/* transition: opacity 300ms ease 50ms; */
	/* display: none; */
}
.lines,
.labels {
	/* transition: opacity 300ms ease 50ms; */
	transition: all 300ms ease 50ms;
	opacity: 1;
}
#safety svg .bar {
	fill: #009fdf;
}
#workOrders .chart {
	/* height: 20rem; */
}
#safety .chart {
	height: 32rem;
}
#workOrders svg .bar {
	fill: #25cad3;
}

.bar-vert-container svg text {
	font-family: "franklin-gothic-urw-cond", "arial narrow", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
#safety svg .label,
#workOrders svg .label {
	/* fill: #457d9c; */
	font-weight: 900;
}
#fmBudget .chart-copy,
  /* #workOrders .chart, */
  #occTraining .chart-copy,
  #apprenticeship .chart,
  #safety .chart,
  #buildingsGrounds .chart-copy {
	/* margin-left: 3%; */
	margin-left: 6%;
}
#workOrders .stack-bar-chart {
	margin-left: 0;
}
path.slice {
	stroke-width: 2px;
}
polyline {
	opacity: 0.3;
	stroke: black;
	stroke-width: 2px;
	fill: none;
}
.chart svg text {
	font-family: "franklin-gothic-urw-comp", "arial narrow", sans-serif;
	font-size: 1rem;
}
.donut-container .legend text {
	font-size: 1.5rem;
}
.chart svg tspan {
	font-family: inherit;
}
.chart svg tspan.category {
	text-transform: uppercase;
}
.chart svg tspan.amount {
	font-weight: 600;
}
.chart svg .total-label {
	fill: #232d4b;
	font-size: 2em;
	font-weight: 400;
}
.chart svg .total-count {
	fill: #232d4b;
	font-weight: 400;
	font-size: 2.25em;
}
.tooltip {
	font-family: "franklin-gothic-urw-cond", "arial narrow", sans-serif;
	position: absolute;
	padding: 4px 8px;
	background: hsl(0, 0%, 100%);
	opacity: 0;
}
.y-label {
	font-family: "franklin-gothic-urw", Arial, sans-serif;
	font-size: 1.25em;
}
/*------------------Bar charts------------------*/
#greenhouseGasTrends,
#energyTrends,
#waterTrends {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	/* width: 80%; */
	width: 90%;
	max-width: 70rem;
	/* padding-bottom: 36%; */
	vertical-align: top;
}
.bar-chart svg {
	display: inline-block;
	/* position: absolute; */
	/* top: 0;
    left: 0; */
	height: 100%;
	width: 100%;
	max-width: 100%;
}
/*------------------Donut charts---------------*/
.donut-container,
.bar-vert-container {
	/* display: inline-block; */
	height: 100%;
	/* height: inherit; */
	vertical-align: top;
	/* width: 100%; */
	max-width: 100%;
}
.donut-container svg,
.bar-vert-container svg {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.flex-chart-row {
	display: flex;
	align-items: center;
	justify-content: center;
}
/* #fmBudget {
    display: flex;
    align-items: center;
} */
/* #fmBudget .donut-chart {
    margin-left: 3rem;
} */
/*------------------STATS BLOCKS---------------*/
.stats-block-section.inline {
	display: inline-block;
	width: 52%;
	vertical-align: middle;
}
.stats-block-section.inline img {
	max-width: 20rem;
}
.stats-block {
	display: inline-block;
	height: 15rem;
	margin: 2rem;
	vertical-align: middle;
	width: 15rem;
}
.stats-block.inline {
	display: inline-block;
	width: 33%;
	max-width: 20rem;
	height: auto;
}
.stats-block-total {
	font-family: "franklin-gothic-urw", Arial, sans-serif;
}
.stats-block-total .slab {
	font-size: 2.25rem;
}
.stats-block-active .slab {
	font-size: 2.85rem;
}
.stats-block-ongoing .slab {
	font-size: 1.65rem;
}
.uppercase {
	text-transform: uppercase;
}
.stats-block-total .lowercase {
	font-size: 0.45rem;
}
.stats-block-active .lowercase {
	font-size: 0.6rem;
}
.stats-block-ongoing .lowercase {
	font-size: 0.65rem;
}
.stats-block-ongoing .uppercase.demi {
	font-size: 0.7rem;
}
#fullReport p {
	color: #232d4b;
	text-align: center;
	font-size: 1.75rem;
	font-weight: 600;
	font-style: italic;
}
#fullReport a {
	background-color: #00bef2;
	font-size: 1.5rem;
	display: inline-block;
	padding: 1rem 1.5rem;
	text-transform: uppercase;
	font-weight: 600;
	font-family: "franklin-gothic-urw-cond", "arial narrow", sans-serif;
	text-decoration: none;
}
#fullReport a:hover {
	background-color: #6dd0f6;
	color: #002f6c;
}
#fullReport .current-report a {
	border-radius: 2rem;
}
#fullReport .past-reports {
	margin: 3rem auto;
	text-align: center;
}
/* #fullReport .past-reports li:first-of-type {
    margin-right: 4rem;
  } */
.past-reports {
	list-style: none;
}
/* .past-reports li {
    display: inline-block;
} */
-----------------MISC------------------- .no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*--------IE 10+ styles --------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#fmBudget .donut-chart,
	#workOrders .donut-chart,
	#buildingsGrounds .donut-chart,
	#apprenticeship .donut-chart {
		height: 32rem;
	}
	#workOrders .bar-vert-container {
		min-width: 30rem;
		height: 20rem;
		/* width: 80%; */
	}
	/* #workOrders .donut-chart {
        height: 20rem;
    } */
	.bar-vert-container {
		height: inherit;
	}
	#greenhouseGasTrends,
	#energyTrends,
	#waterTrends {
		height: 38rem;
	}
	#safety .bar-vert-container {
		min-width: 32rem;
	}
}
@media all and (max-width: 449px) {
	.chart .legend text {
		font-size: 1.25rem;
	}
	.stats-block.inline {
		max-width: 90%;
	}
}
@media all and (min-width: 450px) and (max-width: 767) {
	.chart .legend text {
		font-size: 1rem;
	}
}
@media all and (max-width: 767px) {
	#greenhouseGasTrends,
	#energyTrends,
	#waterTrends {
		width: 100%;
	}
	.stats-blocks-section {
		margin-top: 2rem;
	}
	.by-the-numbers .flex-row,
	.by-the-numbers .flex-chart-row {
		flex-direction: column;
	}
	.stats-block {
		display: block;
		margin: 0 auto;
	}
	.stats-block.inline {
		width: auto;
		margin: 1.25rem auto;
		/* max-width: 20rem; */
	}
	#buildingsGrounds .donut-chart,
	#apprenticeship .donut-chart {
		height: 26rem;
	}
}
@media all and (max-width: 787px) {
	.fm-horiz-logo,
	header h1 {
		display: block;
		margin: 0 auto;
	}
	.bar-chart svg text {
		font-size: 1.25rem;
	}
}
@media all and (min-width: 788px) {
	.fm-horiz-logo {
		margin-right: 4rem;
	}
	.chart .legend text {
		/* font-size: 1rem; */
	}
}
@media all and (max-width: 991px) {
	:root {
		font-size: 18px;
	}
	.container {
		padding: 1rem;
	}
	header h1 {
		font-size: 1.5rem;
		margin-top: 0.5rem;
	}
	.introduction p {
		font-size: 1.25rem;
		width: auto;
	}
	h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	.white-bg {
		padding: 0 1rem;
	}
	section {
		padding: 0;
	}
	#fullReport {
		padding: 2rem;
	}
	.chart-copy,
	.chart {
		margin: 3rem auto;
	}
	.stats-block-section.inline {
		margin: 4rem 0 3rem;
	}
	.container p,
	section p {
		font-size: 1rem;
		text-align: left;
	}
	.bodoni.copy-blue {
		font-size: 1.25rem;
	}
	#fmBudget .chart-copy,
	#workOrders .chart,
	#occPrograms .chart-copy,
	#apprenticeship .chart,
	#safety .chart,
	#buildingsGrounds .chart-copy {
		margin-left: 0;
	}
	.legend {
		/* display: block; */
		opacity: 1;
		transition: all 300ms ease 50ms;
	}
	.chart,
	.donut-chart,
	.bar-chart-vert,
	.chart-copy,
	.stats-block-section.inline {
		display: block;
		width: 100%;
	}
	.chart-copy,
	.chart-copy p,
	.chart-copy.block p {
		max-width: none;
	}
	.chart-copy.block {
		text-align: left;
	}
	/* .chart .legend text {
        font-size: 1.25rem;
    } */

	.chart-footnote {
		font-size: 1.25rem;
	}
	/* .lines {
        display: none;
    } */
	.labels,
	.lines {
		opacity: 0;
		/* display: none; */
		transition: all 300ms ease 50ms;
	}
	/* #workOrders .bar-vert-container {
        min-width: 30rem;
        height: 20rem;
        
    } */

	.map-desktop {
		display: none;
	}
	.map-mobile {
		display: block;
	}
	.stats-block {
		width: 10rem;
		height: 10rem;
	}
	footer div {
		margin: 0;
	}
	footer p {
		line-height: 1;
	}
	footer ul {
		padding-top: 1rem;
	}
	footer .social li {
		padding: 0 0 1rem 0;
	}
	footer .site-usage {
		padding: 1rem 0;
	}
}
@media all and (max-width: 1139px) {
	#fullReport .past-reports {
		/* margin: 3rem auto; */
		text-align: center;
	}
	#fullReport .past-reports li:first-of-type {
		/* margin: 3rem auto; */
	}
	.past-reports li {
		display: block;
	}
}
@media all and (min-width: 992px) and (max-width: 1439px) {
	.donut-chart {
		height: 32.5rem;
	}
}
@media all and (min-width: 992x) and (max-width: 1352px) {
	.stats-block {
		width: 12rem;
		height: 12rem;
	}
}
@media all and (min-width: 992px) and (max-width: 1440px) {
	section {
		padding: 1rem 0;
	}
}
@media all and (min-width: 1441px) {
	section {
		padding: 2rem 0;
	}
}

/*--------IE rules < 992px-----------------------*/
@media all and (-ms-high-contrast: none) and (max-width: 991px),
	(-ms-high-contrast: active) and (max-width: 991px) {
	#fmBudget .donut-chart,
	#workOrders .donut-chart,
	#buildingsGrounds .donut-chart,
	#apprenticeship .donut-chart {
		/* height: 32rem; */
	}
	#greenhouseGasTrends,
	#energyTrends,
	#waterTrends {
		height: 26rem;
	}

	#safety .chart {
		height: 38rem;
	}
}
@media all and (max-width: 600px) {
	#workOrders .bar-vert-container {
		height: auto;
		min-width: 0;
	}
	#safety .bar-vert-container {
		height: inherit;
		min-width: 0;
	}
	#safety svg text,
	#workOrders svg text {
		font-weight: 400;
		font-size: 1.5rem;
	}
	.stats-block-section.inline,
	.stats-block-section.inline img {
		max-width: 100%;
	}
}
@media all and (-ms-high-contrast: none) and (max-width: 767px),
	(-ms-high-contrast: active) and (max-width: 767px) {
	#greenhouseGasTrends,
	#energyTrends,
	#waterTrends {
		height: 11rem;
		width: 16rem;
	}
	#safety .chart {
		/* height: 17rem; */
	}
}
@media all and (-ms-high-contrast: none) and (max-width: 500px),
	(-ms-high-contrast: active) and (max-width: 500px) {
	#greenhouseGasTrends,
	#energyTrends,
	#waterTrends {
		height: 11rem;
		width: 100%;
	}
	#safety .chart {
		/* height: 17rem; */
	}
}