.annualreport-stats {
    color: #025e6e;
    font-size: 26px;
    background-color: #f8f5ec;
    background-position: top right;
	background-size: auto 80%;
	background-repeat: no-repeat;
    background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/map_bgs/stats.svg');
    font-family: calluna_sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 70px 10px 30px;
}

.annualreport-stats .content-columns {
    display: flex;
}

.annualreport-stats .summary-column {
    width: 55%;
    text-align: right;
    background-repeat: no-repeat;
    background-position: right -22px;
    background-size: 98px 100%; /* TODO: fix dynamic size / maybe use image */
    background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/bracket.svg');
    padding-right: 160px;
}

.annualreport-stats h2 {
    color: #ac9257;
    font-weight: normal;
    margin-bottom: 40px;
    font-size: 76px;
	line-height: 82px;
	font-family: libre_baskerville, garamond, times, serif;
	letter-spacing: -4px;
	text-align: right;
}

.annualreport-stats .summary-stat {
	font-size: 115px;
	line-height: 35px;
	color: #50c9b5;
	font-weight: bold;
	font-family: calluna_sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: -6px;
}

.annualreport-stats .summary-label {
	font-size: 35px;
	margin-bottom: 60px;
	letter-spacing: -1px;
}


.annualreport-stats .details-column {
    width: 45%;
    padding-left: 100px;
}

.annualreport-stats .details-column h3 {
	color: #025e6e;
	font-size: 70px;
	line-height: 66px;
	margin-bottom: 0;
	letter-spacing: -4px;
	margin-top: 0;
}

.annualreport-stats .details-label {
	margin-bottom: 20px;
}





/* * * BREAKPOINTS * * */


@media only screen and (max-width: 1000px) {

	.annualreport-stats h2 {
		font-size: 66px;
        line-height: 75px
	}

	.annualreport-stats {
		font-size: 22px;
	}

	.annualreport-stats.annualreport-stats-design-2020 .summary-column {
		padding-right: 12vw;
	}

	.annualreport-stats.annualreport-stats-design-2020 .details-column {
		padding-left: 7vw;
	}

} /* end 1000px */



@media only screen and (max-width: 800px) and (min-width: 750px) {

	.annualreport-stats h2 {
		font-size: 47px;
		line-height: 55px;
		letter-spacing: -2.5px;
	}

	.annualreport-stats .summary-column {
		width: 55%;
		padding-right: 12vwpx;
	}

	.annualreport-stats .details-column {
		padding-left: 30px;
	}

	.annualreport-stats .summary-stat {
		font-size: 85px;
		letter-spacing: -4px;
	}

} /* end 800px/750px */



@media only screen and (max-width: 750px) {

	.annualreport-stats .content-columns {
		display: initial;
	}

	.annualreport-stats .summary-column {
		width: 100%;
		text-align: center;
		padding-right: 0;
		background-image: none;
	}

	.annualreport-stats .summary-column::after {
		background-repeat: no-repeat;
		background-size: 311px 106px;
		background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/bracket_down.svg');
		background-position: center center;
		content: '';
		height: 120px;
		width: 100%;
		display: block;
		margin-top: -20px;
	}

	.annualreport-stats.annualreport-stats-design-2020 .summary-column::after {
		right: unset !important;
		top: unset !important;
		bottom: -40px;
		left: calc(50% - 10px);
		transform: rotate(90deg);
	}

	.annualreport-stats .details-column {
		width: 100%;
		padding-left: 0;
		text-align: center;
		/* margin-bottom: 70px; */
	}

	.annualreport-stats h2 {
		text-align: center;
	}

} /* end 750px */



/* ADMIN STYLES */
.annualreport-stats-block .annualreport-stats {
	display: flex;
}

.annualreport-stats-block .annualreport-stats .details-column h3 {
	font-size: 55px;
	letter-spacing: -2px;
	font-weight: 500;
}

.annualreport-stats-block .annualreport-stats .summary-stat {
	font-size: 100px;
	font-weight: 500;
}


/* 2020 design admin style updates */

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 {
	background-color: transparent;
	padding: 0 0 30px;
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 h2 {
	color: #fff;
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .summary-column {
	background-color: rgba(36, 183, 159, 0.64);
	background-image: none;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-right: 80px;
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .details-column {
	background-color: rgba(80, 201, 181, 0.16);
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 50px;
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .summary-column .summary-stat {
	color: #025e6f;
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .summary-column .summary-label {
	color: #fff;
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .details-column .details-stat,
.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .details-column .details-label {
	padding-left: 80px;
	position: relative;
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .details-column .stat-arts-and-culture::before {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
	top: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("/app/themes/murdock-serenity/dist/images/icon_arts-and-culture.svg");
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .details-column .stat-health::before {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
	top: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("/app/themes/murdock-serenity/dist/images/icon_health.svg");
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .details-column .stat-human-services::before {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
	top: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("/app/themes/murdock-serenity/dist/images/icon_human-services.svg");
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .details-column .stat-scientific-research::before {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
	top: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("/app/themes/murdock-serenity/dist/images/icon_research.svg");
}

.annualreport-stats-block .annualreport-stats.annualreport-stats-design-2020 .details-column .stat-education::before {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
	top: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("/app/themes/murdock-serenity/dist/images/icon_education.svg");
}


/* end 2020 design admin style updates */