/*  ==========================================================================
    General
    ==========================================================================  */
    .economic-impact-content h3,
	.economic-impact-content h4 {
    	color: #006747;
    	font-size: 1.5em;
    	font-weight: 600;
    	line-height: 1.25em;
    }
    .economic-impact-content {
        background: linear-gradient(135deg, #cde59d 0%, #fff 10%);
    	margin-top: 0;
    	padding-top: 3em;
    }


/*  ==========================================================================
    Band
    ==========================================================================  */
    .ei-band { padding: 1.5em 0; }

    .ei-band--alt {
    	background-color: #efeff0;
        padding: 3em 0;
    }

    .ei-band img {
        margin-left: auto;
        margin-right: auto;
    }

    .ei-band_callout {
        display: flex;
        justify-content: center;
        text-align: center;
    }
	.ei-band_calloutVar { flex: 0 1 auto; }
    .ei-band_calloutVar + .ei-band_calloutVar { margin: 0 0 0 0.75em; }
    .ei-band_calloutValue, .ei-band_calloutDesc { display: block; }

    .ei-band_calloutValue {
        color: #006747;
        font: 600 4.5em/1em "Barlow Condensed", sans-serif;
        letter-spacing: 3px;
		-webkit-transition: font-size 0.5s ease;
		transition: font-size 0.5s ease;
    }
    .ei-band_calloutDesc {
        color: #466069;
        font-weight: 600;
        justify-content: space-around;
        margin-top: 0.5em;
    }
    .ei-band_calloutDesc span { margin-top: 0; }

	.js .ei-key-findings .ei-band_calloutValue { 
		margin-top: 0.5em;
		-webkit-transition: margin-top 0.5s ease;
		transition: margin-top 0.5s ease;
	}
	.js .ei-key-findings .ei-band_calloutValue--move {
		margin-top: 0;
	}

	@media (min-width: 500px) {
		.ei-band_calloutValue {
			font-size: 5em;
		}
	}


/*  ==========================================================================
    Facts
    ==========================================================================  */
    .ei-fact .ei-band_heading { text-transform: uppercase; }
    .ei-fact .ei-band_heading + p { margin-top: 0; }


/*  ==========================================================================
    Intro
    ==========================================================================  */
    #ei-intro .ei-band_heading {
		color: #006747;
        font: 600 3em/1em "Barlow Condensed", sans-serif;
        text-transform: uppercase;
		-webkit-transition: font-size 0.5s ease;
		transition: font-size 0.5s ease;
    }
	@media (min-width: 500px) {
		#ei-intro .ei-band_heading {
			font-size: 3.5em;
		}
	}

    @media (min-width: 850px) {
        #ei-intro .ei-band_content:first-child { max-width: 40%; }
        #ei-intro .ei-band_content:last-child { margin-top: 3em; }
    }


/*  ==========================================================================
    Overview
    ==========================================================================  */
    #ei-overview .ei-band_calloutValue {
        color: #009374;
        font-size: 6em;
    }

	@media (min-width: 500px) {
		#ei-overview .ei-band_calloutValue {
			font-size: 7em;
		}
	}

    @media (min-width: 850px) {
        #ei-overview .ei-band_content:first-child {
            margin-left: 5em;
            max-width: 40%;
        }
    }


/*  ==========================================================================
    Chart
    ==========================================================================  */
	.economic-impact-content .ei-chart_heading { font-size: 1em; }

    .ei-chart_keys {
        font-size: 0.813em;
        font-weight: 600;
        line-height: 1.5em;
    }

    .ei-chart_keys, 
    .ei-chart_key + .ei-chart_key { margin-top: 0.5em; }

    .ei-chart_keyTerm, 
    .ei-chart_keyDef { display: inline; }

    .ei-chart_keyTerm { color: #006747; }
    

/*  ==========================================================================
    Key Findings, Magazine, Documents
    ==========================================================================  */
    .ei-key-findings { margin-top: 3em; }
	.ei-key-findings_heading { text-transform: uppercase; }

    #ei-key-finding-2 .ei-band_calloutValue { font-size: 6em; }

	@media (max-width: 849px) {
		#ei-documents .ei-band_content {
			margin-left: auto;
			margin-right: auto;
			max-width: 380px;
		}
	}

    @media (min-width: 850px) {
		#ei-magazine .ei-band_inner,
		#ei-documents .ei-band_inner { max-width: 800px; }
		
        #ei-key-finding-3 .ei-band_content:first-child,
        #ei-key-finding-4 .ei-band_content:first-child,
        #ei-key-finding-5 .ei-band_content:last-child,
		#ei-key-finding-6 .ei-band_content:first-child { max-width: 400px; }

        #ei-key-finding-2 .ei-band_content:last-child,
        #ei-key-finding-5 .ei-band_content:last-child,
        #ei-key-finding-6 .ei-band_content:first-child { margin-left: 5em; }

        #ei-key-finding-3 img { max-width: 75%; }
		
		#ei-key-finding-1 .ei-band_content:last-child > * { 
			margin: 0 auto;
			max-width: 75%; 
		}

        #ei-key-finding-6 .ei-band_inner { align-items: center; }

        #ei-documents .ei-band_inner,
        #ei-magazine .ei-band_inner { justify-content: center; }
    }

/*  ==========================================================================
    Quotes
    ==========================================================================  */
	
	#ei-quotes-content {
		background: linear-gradient(330deg, #cde59d 0%, #fff 30%);
	}

    .ei-quote-quote {
		font: 700 1.75em/1.15em "Barlow Condensed", Arial, sans-serif;
		color: #006747;
    }
	.ei-quote-attribution {
		margin-top: 1em;
		color: #333;
		display: inline-block;
		font-style: italic;
    }

	@media (min-width: 650px) {
		.ei-quotes {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin-top: 0;
		}
		.ei-quote {
			flex-shrink: 1;
			margin-left: 1.5em;
			margin-top: 0;
			min-height: 260px;
			width: calc(50% - 0.75em);
		}	
	}

	@media (min-width: 650px) and (max-width: 849px) {
		.ei-quote:nth-child(2n+1) { margin-left: 0; }
	}

	@media (min-width: 850px) {
		.ei-quote {
			margin-left: 3em;
			width: calc(33.333333% - 2em);
		}
		.ei-quote:nth-child(3n+1) { margin-left: 0; }
	}

	@supports (display: grid) {
		@media (min-width: 650px) {
			.ei-quotes {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 1.5em;
				grid-auto-rows: 1fr;
				margin-top: 1.5em;
				transition: gap 0.5s ease, margin 0.5s ease;
			}
			.ei-quote { 
				grid-column:  span 2; 
				margin-left: 0;
				width: 100%;
			}
			.ei-quote:last-child:nth-child(3n - 1) { grid-column-end: 4; }
		}

		@media (min-width: 850px) {
			.ei-quotes {
				gap: 3em;
				grid-template-columns: repeat(6, 1fr);
			}
			.ei-quote:last-child:nth-child(3n - 1) { grid-column-end: -2; }
			.ei-quote:nth-last-child(2):nth-child(3n + 1) { grid-column-end: 4; }
		}
	}