/*********************
THREE COLUMN CHART (DEFAULT)
*********************/


.vc_row.section-chart {
	margin-bottom: 40px;
}

.vc_row.section-chart > div > div > div {
	overflow: hidden;
}

.vc_row.section-chart .wpb_text_column.wpb_content_element {
	margin: 0;
	padding: 8px 4px;
}

.vc_row.section-chart .wpb_column:first-child .wpb_text_column.wpb_content_element {
	
}

.vc_row.section-chart .wpb_content_element + .vc_row.wpb_row.vc_inner {
	margin-top: 0px;
}



/* Chart Header */

.vc_row.section-chart .wpb_text_column.wpb_content_element h4 {
	color: #002c77;
	font-size: 2em;
	font-weight: 600;
	padding: 0 0 5px;
}



/* Chart Rows */

.vc_row.section-chart .vc_row.wpb_row.vc_inner > .wpb_column > .vc_column-inner {
	border-bottom: 1px solid rgb(191,191,191);
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner > .wpb_column {
	
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner > .wpb_column:nth-child(1) {
	
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner > .wpb_column:nth-child(2) {
	background-color: #f2f3f7;
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner > .wpb_column:nth-child(3) {
	background-color: #fdfaf3;
}

/*@media (min-width: 64em) {*/

	.vc_row.section-chart .vc_row.wpb_row.vc_inner > .wpb_column:nth-child(1) {
		width: 30%;
	}

	.vc_row.section-chart .vc_row.wpb_row.vc_inner > .wpb_column:nth-child(2),
	.vc_row.section-chart .vc_row.wpb_row.vc_inner > .wpb_column:nth-child(3) {
		width: 35%;
	}
	
/*}*/


/* Chart Header Row */

.vc_row.section-chart .vc_row.wpb_row.vc_inner.row-header > .wpb_column > .vc_column-inner {
	border-top: 1px solid rgb(191,191,191);
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner.row-header > .wpb_column {
	
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner.row-header > .wpb_column:nth-child(2) {
	background-color: #002c77;
	color: #fff;
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner.row-header > .wpb_column:nth-child(3) {
	background-color: #ebb700;
	color: #002c77;
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner.row-header .wpb_text_column.wpb_content_element {
	padding-top: 10px;
	padding-bottom: 10px;
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner.row-header .wpb_text_column.wpb_content_element h5,
.vc_row.section-chart .vc_row.wpb_row.vc_inner.row-subheader .wpb_text_column.wpb_content_element h5 {
	color: #002c77;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1.2;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-header .wpb_text_column.wpb_content_element h5 {
	color: #000;
	padding-bottom: 5px;
}

.vc_row.section-chart:not(.section-chart-five-cols) .vc_row.wpb_row.vc_inner.row-header > .wpb_column:nth-child(2) .wpb_text_column.wpb_content_element h5 {
	color: #fff;
}

.vc_row.section-chart .vc_row.wpb_row.vc_inner.row-header > .wpb_column:nth-child(3) .wpb_text_column.wpb_content_element h5 {
}




/*********************
FIVE COLUMN CHART
*********************/

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-4:nth-child(1) {
	width: 26%;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-4:nth-child(2), .vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-4:nth-child(3) {
	width: 37%;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-2 {
	width: 18.5%;
}



/* Chart Rows */

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-2:nth-child(1) {
	
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-2:nth-child(2),
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-2:nth-child(4) {
	background-color: #e5e9f1;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-2:nth-child(3),
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-2:nth-child(5) {
	background-color: #fdf8e5;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-2:nth-child(3),
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-4:nth-child(2) {
	border-right: 2px solid #fff;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-2:nth-child(4),
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner > .wpb_column.vc_col-sm-4:nth-child(3) {
	border-left: 2px solid #fff;
}

/* Chart Subrow */

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.subrow .wpb_text_column.wpb_content_element {
	padding: 4px 4px;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.subrow > .wpb_column:nth-child(1) .wpb_text_column.wpb_content_element {
	padding-left: 30px;
}


/* Chart Header Row */

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-header > .wpb_column > .vc_column-inner {
	border-top: none;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-header .wpb_text_column.wpb_content_element {
	padding-top: 10px;
	padding-bottom: 0;
}

.vc_row.section-chart.section-chart-five-cols  .vc_row.wpb_row.vc_inner.row-header > .wpb_column {
	background-color: transparent;
}

.vc_row.section-chart.section-chart-five-cols  .vc_row.wpb_row.vc_inner.row-header > .wpb_column:nth-child(2),
.vc_row.section-chart.section-chart-five-cols  .vc_row.wpb_row.vc_inner.row-header > .wpb_column:nth-child(3) {
	text-align: center;
}


/* Chart Subeader Row */

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-2:nth-child(2),
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-2:nth-child(4) {
	background-color: #002c77;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-4:nth-child(2),
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-4:nth-child(3) {
	background-color: #0073cf;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-2:nth-child(3),
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-2:nth-child(5) {
	background-color: #ebb700;
}

.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-4:nth-child(2) p,
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-4:nth-child(3) p,
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-2:nth-child(2) p,
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-2:nth-child(4) p,
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-4:nth-child(2) h5,
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-4:nth-child(3) h5,
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-2:nth-child(2) h5,
.vc_row.section-chart.section-chart-five-cols .vc_row.wpb_row.vc_inner.row-subheader > .wpb_column.vc_col-sm-2:nth-child(4) h5 {
	color: #fff;
}




@media (max-width: 39.999em) {
	.vc_row.section-chart p {
		font-size: 10px;
	}
	.vc_row.section-chart .wpb_text_column.wpb_content_element h4 {
		font-size: 12px;
	}
	.vc_row.section-chart .vc_row.wpb_row.vc_inner.row-header .wpb_text_column.wpb_content_element h5 {
		font-size: 10px;
	}
}




/*********************
MOBILE CHART
*********************/

.vc_row.section-chart.is-mobile-chart {
	margin: 0;
}

.section-chart-mobile__heading,
.section-chart-mobile__subheading {
	cursor: pointer;
	position: relative;
}

.section-chart-mobile__heading i,
.section-chart-mobile__subheading i {
	transition: transform 250ms ease;
}

.section-chart-mobile__heading.is-open i,
.section-chart-mobile__subheading.is-open i {
	transform: rotate(180deg);
}

.section-chart-mobile {
	margin: 0 calc(50% - 50vw) 1.5em;
	
	& .section-chart-mobile__heading {
		font-family: 'Lato', sans-serif;
		font-size: 22px;
		font-weight: 700;
		text-align: center;
		border-top: 1px solid #EBEBEB;
		box-shadow: 0px 3px 6px #0000000F;
		padding: 0.8em;
		margin: 0;
		position: relative;
		z-index: 1;
		
		& em {
			font-size: 16px;
			font-weight: 400;
			display: block;
			color: #000;
		}
	}
	
	& .section-chart-mobile__subheading {
		font-family: 'Lato', sans-serif;
		font-size: 22px;
		font-weight: 700;
		color: #002c77;
		text-align: center;
		background: #EBEBEB;
		/* border-top: 1px solid #707070; */
		box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
		padding: 0.8em;
		margin: 0;
		
		& .section-chart-mobile__subheading-description {
			margin: 0.5em 0;
			display: block;
		}
		
		& em {
			font-size: 16px;
			font-weight: 400;
			display: block;
			color: #002c77;
		}
	}
	
	& .section-chart-mobile__section-content {
		padding: 2.1em 2.7em 2.7em;
		
		& .section-chart-mobile__block {
			
			* + & {
				margin-top: 2em;
			}
			
			& .section-chart-mobile__block-heading {
				font-family: 'Lato', sans-serif;
				font-size: 20px;
				font-weight: 700;
				text-align: center;
				background-color: #002c77;
				color: #fff;
				box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
				padding: 1em;
				text-transform: none;
				letter-spacing: 0;
				line-height: 1.2;
				margin: 0;
				z-index: 1;
				position: relative;
			}
			
			& .section-chart-mobile__cell {
				background-color: #f1f3f7;
				padding: 1em;
				
				&:not(:last-child) {
					background-color: #fffaea;
				}
				
				.section-chart-mobile__cell + & {
					margin-top: 1em;
				}
				
				& .section-chart-mobile__cell-title {
					font-family: 'Lato', sans-serif;
					font-size: 20px;
					font-weight: 700;
					color: #002c77;
					text-align: center;
				}
				
				& .section-chart-mobile__cell-text {
					font-family: 'Lato', sans-serif;
					font-size: 18px;
					font-weight: 400;
					line-height: 1.5;
					color: #000;
					text-align: center;
				}
			}
		}
	}
	
	&.has-accordions {
		margin-bottom: 0;
	
		& .section-chart-mobile__heading {
			padding-bottom: 0.4em;
			
			& em {
			}
			
			& i {
				display: block;
				position: relative;
				height: 1em;
				
				&::before {
					content: "";
					position: absolute;
					display: block;
					border-left: 2px solid var(--color-blue);
					border-top: 2px solid var(--color-blue);
					font-size: 10px;
					width: 0.9em;
					height: 0.9em;
					transform: translate(-50%,-50%) rotate(225deg);
					transition: transform 0.5s;
					top: 50%;
					left: 50%;
					/* margin-top: -0.5em; */
				}
				
			}
		}
		
		& .section-chart-mobile__subheading {
			border-top: 1px solid #C9C9C980;
			padding: 0.85em 60px 0.85em 35px;
			text-align: left;
			
			& em {
			}
			
			& i {
				display: block;
				color: var(--color-yellow);
				font-size: 7px;
				position: absolute;
				right: 30px;
				top: 48%;
			}
		}
		
		& .section-chart-mobile__section-content {
			& .section-chart-mobile__block {
				
				* + & {
				}
				
				& .section-chart-mobile__block-heading {
				}
				
				& .section-chart-mobile__cell {
					
					&:not(:last-child) {
					}
					
					.section-chart-mobile__cell + & {
					}
					
					& .section-chart-mobile__cell-title {
					}
					
					& .section-chart-mobile__cell-text {
					}
				}
			}
		}
	}
}


/* Chart Filters */

.wpfox-section-chart-filters {
	display: flex;
	gap: 18px;
	max-width: 400px;
	margin: 2em auto 4.8em !important;
	flex-direction: column;
	
	& .wpfox-search {
		max-width: 100%;
	}

	& .wpfox-section-chart-search.has-search-value .wpfox-search__field {
		padding-right: 76px;
	}

	& .wpfox-section-chart-search__clear {
		appearance: none;
		background: none;
		border: 0;
		cursor: pointer;
		height: 28px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 14px;
		top: 50%;
		transform: translateY(-50%);
		width: 28px;
		z-index: 3;
	}

	& .wpfox-section-chart-search__clear[hidden] {
		display: none;
	}

	& .wpfox-section-chart-search__clear span {
		border: 1px solid #333;
		border-radius: 50%;
		display: block;
		height: 20px;
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 20px;
	}

	& .wpfox-section-chart-search__clear span::before,
	& .wpfox-section-chart-search__clear span::after {
		background: #333;
		content: "";
		height: 1px;
		left: 50%;
		position: absolute;
		top: 50%;
		width: 10px;
	}

	& .wpfox-section-chart-search__clear span::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	& .wpfox-section-chart-search__clear span::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	& .wpfox-section-chart-search__clear:hover span,
	& .wpfox-section-chart-search__clear:focus span {
		border-color: #002C77;
	}

	& .wpfox-section-chart-search__clear:hover span::before,
	& .wpfox-section-chart-search__clear:hover span::after,
	& .wpfox-section-chart-search__clear:focus span::before,
	& .wpfox-section-chart-search__clear:focus span::after {
		background: #002C77;
	}

	& .wpfox-section-chart-search.has-search-value .wpfox-search__loader {
		right: 47px;
	}
	
	@media (min-width: 800px) {
		& {
			display: none;
		}
	}
	
	@media (min-width: 640px) {
		& {
			flex-direction: row;
			max-width: 100%;
			
			& > * {
			  flex: 1 0 auto;
			}
		}
	}
}

.section-chart {
	transition: opacity 150ms ease;

	&.is-filtering {
		opacity: 0.35;
	}
}