section {
	padding:2em 0;
	margin:0 auto;
	max-width:150em;
}
h1,
h2 { 
	font-size:3em; 
	text-align:inherit;
	line-height:1;
}
h3 {
	line-height:1;
}
.vegcalc-hero h2 {
	font-family:inherit;
	font-size:1.5em;
	text-transform:none;
	font-weight:bolder;
	line-height: 1.25;
}
.p-xl {
	font-family:inherit;
	font-size:1.25em;
	text-transform:none;
	font-weight:inherit;
	line-height:inherit;
}
.nowrap {
	white-space:nowrap;
}
.vegcalc-hero h1 {
	font-size:calc(2em + 7vw);
}
.vegcalc-results h2 {
	font-size:calc(1.5em + 5vw);
}

input, input[type=password], input[type=email], input[type=number], input[type=tel], input[type=text], input[type=search], textarea {
	padding:0.8em 1em;
	border-color:#21372B80;
	border-radius:0.33em;
} 
.select-wrapper {
	width:100%;
}
.select-wrapper select {
	padding:1em 2.5em 1em 1em;
	border-radius:0.33em;
	border-color:#21372B80;
}
select {
	width:100%;
	text-align:left;
}
hr {
	display:block;
	width:calc(100% - 2em);
	margin:0 auto;
	max-width:75em;
	border:none; 
	height:1px;
	background:#21372B80;
	border-radius:0.5px;
}
.vegcalc-brush {
	background: url(./brush-stroke-1.svg) 0 0 / 100% 100% no-repeat;
	display:inline-block;
	background: #a5cf4f;
}
.vegcalc-brush-alt {
	background: url(./brush-stroke-2.svg) 0 0  / 100% 100% no-repeat;
	display:inline-block;
	background: #a5cf4f;
}

.button-cta {
	/* font-family:inherit; */
	/* font-size:1em; */
	padding: 0.75em 1em;
	width: 12em;
}
.vegcalc-button-wrapper {
	text-align:center;
	order: 1;
}
.vegcalc-results .button-cta {
	background:#fff;
	color: #21372b;
}


.vegcalc-foodtype .select-wrapper {
	max-width: 24em;
	min-width: 18em;
}
.vegcalc-steps > div {
	margin: 1em auto;
	max-width:24em; 
	flex-basis:calc(33.33% - 1em);
}
.vegcalc-steps h2 {
	padding:0.1em;
}
.vegcalc-steps label {
	max-width:16em;
	margin-left:auto;
	margin-right:auto;
}
.vegcalc-intro label {
	margin-bottom:1em;
}
.vegcalc-steps label {
	min-height:3.5em;
}
.vegcalc-intro {
	text-align:center;
}
.vegcalc-results {
	text-align:left;
	background:#21372B;
	color:#fff;
} 
.vegcalc-results h2 {
	color:inherit;
}
.vegcalc-hero .vegcalc-brush {
	padding: 0 1.25em 0.05em 0.1em;
	margin-left:-0.1em;
	position:relative;
	background:none;
	box-shadow:inset 4.3em 0 0 #a5cf4f ;
}
.vegcalc-hero .vegcalc-brush::after {
content: '';
	display: block;
	position: absolute;
	width: 1.6em;
	right: -0.22em;
	top: -0.275em;
	height: 1.3em;
	background: url(./potted-plant.svg) center / 100% 100% no-repeat;
}
.vegcalc-breakdown .vegcalc-icon {
	position:absolute; left:0;
}
.vegcalc-breakdown > div {
	position:relative;
	margin: 1em auto;
	flex-basis:calc(33.33% - 1em);
}
.vegcalc-breakdown h2 {
	max-width:8.3em;
	font-size:2em;
	margin:1rem 0 1rem 5rem;
	min-height: 4rem;
}
.vegcalc-breakdown h2 span {
	padding: 0.05em;
	margin: -0.05em;
}
.vegcalc-breakdown h2 sup {
	font-size:60%;
	top: -0.54em;
}
.vegcalc-breakdown a {
	color:#005e8a;
	text-decoration:underline;
}
.vegcalc-water-icon {
	background: url(./pitcher.svg) center / 100% 100% no-repeat;
}
.vegcalc-land-icon {
	background: url(./planet.svg) center / 100% 100% no-repeat;
}
.vegcalc-emissions-icon {
	background: url(./puff.svg) center / 100% 100% no-repeat;
}
.vegcalc-emissions-icon-dark {
	background: url(./puff2.svg) center / 100% 100% no-repeat;
}
.vegcalc-icon {
	display:block;
	width:4em;
	height:4em;
	margin:0 1em 1em 0;
}
.vegcalc-results-amounts > div {
	margin:2em 0;
	min-height:4em;
	position:relative;
}
.vegcalc-results-amounts p {
	margin:1em 0 1em -5rem;
}
.vegcalc-results-amounts .vegcalc-icon {
	position:absolute; 
	left:-5em;
	top:0;
}
.vegcalc-results-amounts h3 {
	min-height:2em;
}

.vegcalc-results-wrapper {
	position:relative;
}
.vegcalc-results-amounts {
	padding-left:5em;
	visibility:hidden; 
	max-height:0;
	opacity:0; 
	transition:opacity 0.2s 0.2s, visibility 0.4s, max-height 0.33s;
}
.vegcalc-results .button-cta {
	visibility:hidden;
	opacity:0;
	transition:opacity 0.2s 0.2s, visibility 0.4s;
}
.vegcalc-results-empty {
	visibility:visible;
	position:absolute; 
	left:0;
	right:0;
	top:0;
	bottom:0;
	min-height:4em;
	background:#21372B;
}
.vegcalc-results-empty p {
	position:absolute; 
	left:0; right:0; 
	top:50%; 
	transform:translate(0,-50%);
	text-align:center;
}
.vegcalc-results-empty a {
	color:#fff;
}
.vegcalc-results {
	position:relative;
}
.vegcalc-results-show .vegcalc-results-empty {
	visibility:hidden;
	opacity:0;
}
.vegcalc-results-show .vegcalc-results-amounts,
.vegcalc-results-show .button-cta {
	visibility:visible;
	opacity:1;
	max-height:50em;
	overflow: hidden;
}
.vegcalc-results-show .vegcalc-results-amounts > div {
	opacity:0;
	animation: fadeInResult 0.5s 0.4s forwards cubic-bezier(.25,.6,.4,1);
}
.vegcalc-results-show .vegcalc-results-amounts > div:nth-of-type(2) {
	animation-delay:0.9s;
}
.vegcalc-results-show .vegcalc-results-amounts > div:nth-of-type(3) {
	animation-delay:1.4s;
}
@keyframes fadeInResult {
	0% { transform:translate(2em,0); }
	100% { opacity:1;transform:translate(0,0); }
}
 
.vegcalc-intro .button-cta,
.vegcalc-results .button-cta {
	width:100%; 
	max-width:19em;
	width: calc(100% - 2.5em);
}
.vegcalc-results::before,
.vegcalc-results::after {
	content:'';
	display:block;
	background:#21372B;
	position:absolute; 
	width:8em; height:8em;
	bottom:-3em; left:50%;
	transform: translate(-50%,0) scaley(0.33) rotate(-45deg); 
}
.vegcalc-results::before {
	top:-3em;
}
.tweenwrapper {
	position:relative;
	padding-right:0.15em;
}
.result-tween {
	background:#21372B;
	position:absolute;
	left:0;
	width:100%;
	box-shadow:0 0 0 1px #21372B;
	display: inline-block;
	overflow: hidden;
}
.result-tween::after {
	content:''; display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	box-shadow:inset -0.2em 0 0.1em -0.1em #21372B;
}

.amt-singular + .plural {
	display:none;
}
@media (min-width: 48em),print  {
	section {
		padding:4em 0;
	}
	.vegcalc-steps,
	.vegcalc-breakdown {
		display:flex;
	}
	.vegcalc-steps > div,
	.vegcalc-foodtype .select-wrapper {
		max-width: 32em;
	}
	.vegcalc-results .content_wrapper {
		display: flex;
		flex-direction: column;
		position:relative;
	}
	.vegcalc-results h2 {
		font-size:7vw;
	}
	.vegcalc-results-description,
	.vegcalc-disclaimers {
		padding-right: calc(60% + 2em);
	}
	.vegcalc-results-wrapper {
		position: absolute;
		left: 40%;
		top: 0;
		bottom: 5em;
		right: 0;
	}
	.vegcalc-icon {
		width:6em;
		height:6em;
	}
	.vegcalc-results-amounts {
		padding-left: 7.5em;
	}
	.vegcalc-results-amounts > div {
		margin: 4% 0;
	}
	.vegcalc-results-amounts .vegcalc-icon {
		left:-7em;
		top:50%; 
		transform:translate(0,-50%);
	}
	.vegcalc-results-amounts h3 {
		min-height:0;
		font-size: calc(1em + 2.3vw);
		max-width: 10em;
		margin: 0;
	}
	.vegcalc-results-amounts p {
		margin-left:-0em;
	}
	.vegcalc-breakdown .vegcalc-icon {
		position:static;
		font-size:0.75em;
	}
	.vegcalc-breakdown h2 {
		margin-left:0;
	}
}
@media (min-width: 64em), print {
	.vegcalc-hero-row {
		display:flex;
	}
	.vegcalc-hero-row > div:first-child {
		padding-right: 2em;
	}
	h1,
	h2 { 
		font-size:3.75em; 
	}
	.vegcalc-intro label {
		font-size:1.125em;
	}
	.vegcalc-hero h1,
	.vegcalc-results h2 {
		font-size:5em;
	}
	.vegcalc-hero-row > div:first-child {
		font-size:1.125em;
	}
	.vegcalc-results-amounts p {
		font-size:1.125em;
	}
	.vegcalc-breakdown h2 {
		max-width:5em;
		font-size:3em;
	}
	.vegcalc-results-amounts h3 {
		font-size: 2.5em;
	}
}

@media print  {
	html { font-size:1.5vw; padding:0; }
	main { padding:0; }
	header,
	footer nav { display:none; }
	footer .content_wrapper {
		margin:1em;
	}
	section {
		padding:4em 0;
	}
	.vegcalc-results {
		-webkit-print-color-adjust:exact; 
		print-color-adjust:exact;
	}
	.vegcalc-results *:not(button) {
		color:#fff  !important;
	}
}