/* COLOR KEY
#000000 - Black
#ffec00 - Bright Yellow
#fdce0d - Link Yellow
#ffc000 - Golden Yellow
#f6f5f3 - Light Gray
#b4b1ad - Medium Gray.
#5a5751 - Gray
#404042 - Dark Gray
#bed62f - Light Green
#00974a - Green ( NOT WCAG for small font) use #00853E instead.
#004812 - Dark Green
----------------------------------------------- */

/* BY STYLES
	-- BACKGROUNDS
	-- BORDERS
	-- COLORS * FOR TEXT
	-- HEADER BARS
	-- ITEM ROW STYLES
	-- UTILS
	-- WIDE * FONT STYLE
 -- */

/* BY MODULE
	-- BLOCK STYLES
	-- GLOBAL SEARCH BAR
	-- HEADER & DESKTOP MENU
	-- FOOTER
	-- FORM ELEMENTS
 -- */

/* BY PAGE
	-- FOCUS AREA
	-- GENERIC PAGE
	-- HOME PAGE
	-- NEWS DETAIL PAGE
	-- NEWS LISTING PAGE
	-- OUR IMPACT PAGE
	-- PROJECT DETAIL PAGE
	-- SEARCH RESULTS PAGE
	-- SUB PAGE GENERAL
	-- TEAM MEMBER DETAIL PAGE
	-- TEAM MEMBER LIST PAGE
	-- WHAT WE DO PAGE
-- */


/* GENERAL STYLES
----------------------------------------------- */
* {
	font-size: 18px;
}

a {
	font-family: Gelion-Bold, Arial, sans-serif;
	text-decoration: none;
}

	a:link, a:visited, a:focus {
		color: #00853E;
	}

body {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	color: #404042;
	font-family: Gelion-Regular, Arial, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

header {
	padding: 0 0 0 30px;
	position: relative;
	z-index: 101;
}

div {
	box-sizing: border-box;
}

	div[role="main"] {
		background-color: #fbfbfb;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-family: Gelion-Medium, Arial, sans-serif;
}

h2 {
	font-family: Gelion-Light, Arial, sans-serif;
	font-size: 3em;
	margin-bottom: .2em;
	line-height: 1.1em;
}

p {
	font-size: 1em;
	line-height: 1.4em;
}

section {
	padding: 3em;
}

.container-fluid.large {
	max-width: 100%;
}

	.container-fluid.large .row {
		margin-left: 0;
		margin-right: 0;
	}


/* ------ GLOBAL SEARCH BAR ------ */
.search-container {
	background-color: #ffc000;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
	display: block;
	left: 0;
	max-height: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	transition: all linear 0.2s;
	width: 100%;
	z-index: 500;
}

	.search-container.open {
		max-height: none;
		padding: 0em 0 3em 0;
	}

	.search-container .search-close {
		position: relative;
		font-size: 1.5em;
		cursor: pointer;
		padding-top: 0.513em;
	}

#search-bar {
	margin-top: 1em;
}

#search-bar form {
	white-space: nowrap;
}

	#search-bar label {
		position: relative;
		display: inline-block;
		font-family: Gelion-Bold, Arial, sans-serif;
		font-size: 1.8em;
		margin: 0 .5em 0 0;
		line-height: 1em;
	}

	#search-bar #search-input, #search-page-input {
		padding: 0.5703em;
		width: 70%;
		top: -3px;
		position: relative;
	}

	#search-bar button {
		font-size: 1.2em;
		left: -5px;
		top: -2px;
		padding: 10px 19px;
		position: relative;
		border: 0;
		background-color: #202024;
		color: #ffc000;
		transition: all linear 0.2s;
	}

		#search-bar button:hover, #search-bar button:focus {
			color: #ffc000;
			cursor: pointer;
			background-color: #202024;
			text-decoration: underline;
		}

/* ------ HEADER BARS ------- */

.header-nav-container {
	z-index: 1;
}

.header-bar::after {
	position: relative;
	color: #00853e;
	content: '\2014';
	display: block;
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
}

.header-bar.black::after {
	color: #404042;
}

.header-bar.yellow::after,
.what-we-do-section:nth-child(even) .header-bar.section-label,
.what-we-do-section:nth-child(even) .header-bar.section-label::after {
	color: #fdce0d;
}

.what-we-do-section:nth-child(odd) .header-bar.section-label,
.what-we-do-section:nth-child(odd) .header-bar.section-label::after {
	color: #00853e;
}

/* ------- COLORS -- FOR TEXT ------- */
.green {
	color: #00853e;
}

.black {
	color: #404042;
}

.yellow {
	color: #fdce0d;
}

.white,
.subpage.hero .section-label.white,
.subpage .white .testimonial,
.item h3.white {
	color: #ffffff;
}


/* ------- BACKGROUNDS ------- */
.bg-topographic,
.subpage.hero.bg-topographic,
.what-we-do-section:nth-child(odd) {
	background-image: url('../images/common/backgrounds/bg-topographic.png');
	background-color: #f9f8f6;
	background-size: cover;
	color: #404042;
}

.bg-topographic-green {
	background-image: url('../images/common/backgrounds/bg-topographic-alt.jpg');
	background-color: #004812;
	color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-taro-leaves-bw {
	background-image: url(../images/common/backgrounds/bg-taro-black.jpg);
	background-size: cover;
	background-color: #404042;
}

.bg-taro-green,
.what-we-do-section:nth-child(even) {
	background-image: url("../images/common/backgrounds/bg-taro-field-alt.jpg");
	background-size: cover;
	background-color: #00974a;
	color: #ffffff;
}


/* ------ FONT STYLES ------ */
.wide {
	font-family: Gelion-Bold, Arial, sans-serif;
	letter-spacing: 0.26em;
	text-transform: uppercase;
}

/* ------ BORDERS ------ */
.border-right {
	border-right: 1px solid #b5b3b1;
}

/* ------ FORM ELEMENTS ------ */

.umbraco-forms-field {
	margin-bottom: 2em;
}

textarea[maxlength] + div{
	max-width: 400px;
	text-align: right;
	font-size: .875em;
}
	textarea[maxlength] + div span {
		font-size: 1em;
	}


form {
	font-size: 1em;
}

.filter-container {
	background-color: #ecece7;
	padding: 1.26em;
	margin-bottom: 2em;
	margin-top: -4em;
	position: relative;
	z-index: 1000;
}

	.filter-container.projects-filters {
		max-width: 327px;
		margin: 0;
		padding: .26em;
	}

.filter select, .sort-by select {
	background-color: #ffffff;
	border-radius: 0;
	border: 0;
	font-size: 1.3em;
	font-family: "Gelion-Light", arial, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0px;
	appearance: none;
	padding: .4em 1.5em .4em .5em;
	max-width: 300px;
	border: 1px solid #b5aea5;
}

	.filter select::-ms-expand, .sort-by select::-ms-expand {
		display: none;
	}

.filter label, .sort-by label {
	position: relative;
}

.filter label:after, .sort-by label:after {
	content: '\f107';
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 1em;
	top: -6px;
	pointer-events: none;
	background-color: #ffffff;
	padding-left: .5em;
}

.project-grid[aria-label="Projects list"] {
	z-index: 100;
}

.project-grid .filter-mobile-btns {
	display: none;
}

input.form-button, .partner-search input.form-button {
	background-color: #38463f;
	border: 0;
	color: #ffffff;
	font-family: 'Gelion-Bold', arial, sans-serif;
	padding: 13px 18px;
	position: relative;
	top: -2px;
}

	.form-button:hover, .form-button:focus, .partner-search input.form-button:hover, .partner-search input.form-button:focus {
		cursor: pointer;
		text-decoration: underline;
		background-color: #fdc310;
		color: #38463f;
	}

.filter-container.projects-filters .filter label,
.sort-by label span,
.partner-search label {
	display: block;
	margin: 0.26em 0;
}

.sort-by label:after {
	right: 5px;
	top: 38px;
}

.filter-container.projects-filters .filter label:after {
	right: 1em;
	top: 42px;
}

.filter-container.projects-filters .filter select {
	font-size: 1em;
	width: 100%;
	text-align: left;
	padding: .7em 1.5em .7em .5em;
	border: 1px solid #e6e2dc;
}

.search-sort .filter label span, .search-sort .sort-by label span, .search-sort .partner-search label {
	width: 100%;
	font-size: 0.8em;
}

.filter label span, .sort-by label span, .partner-search label {
	display: inline-block;
	width: auto;
	font-size: 0.8em;
}

.partner-search .-result-list {
	background-color: #FFF;
	color: #000;
}

.partner-search .-result-list li {
	list-style: none;
	padding: 10px 0;
	font-size: 16px;
	line-height: 1.4;
}

.filter-container.projects-filters .form-button {
	margin: 0.5em 0;
}

.filter-container.projects-filters.modal {
	display: none;
}

.modal.partner-search {
	display: none;
}

.sort-by select {
	max-width: 150px;
	top: -1px;
}

.sort-by select, .partner-search input {
	font-size: 1em;
	padding: .7em 1.5em .7em .5em;
	border: 1px solid #e6e2dc;
	top: -2px;
	position: relative;
}

/* ------ BUTTONS & LINKS ------ */
.link {
	text-decoration: none;
}

a.arrow {
	display: inline-flex;
	align-items: center;
	line-height: 1.2em;
}

.arrow::before {
	border-radius: 50%;
	content: '\f105';
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 1.5em;
	height: 40px;
	margin-right: .4em;
	padding: 8px 0 0 4px;
	position: relative;
	text-align: center;
	min-width: 40px;
}

.arrow::before {
	transition: all linear 0.2s;
}

.arrow.yellow::before {
	border: 1px solid #fdce0d;
}

a.yellow {
	color: #fdce0d;
}

	a.yellow:hover, a.yellow:focus {
		color: #ffffff;
	}

.arrow.yellow:hover::before, .arrow.yellow:focus::before {
	background-color: #fdce0d;
	color: #404042;
	margin-right: .6em;
}

.arrow.gray::before {
	border: 1px solid #404042;
}

a.gray {
	color: #404042;
}

a.arrow.gray:hover::before, .arrow.gray:focus::before {
	background-color: #404042;
	color: #fdce0d;
	margin-right: .6em;
}

a.arrow.white::before {
	border: 1px solid #ffffff;
}

a.white {
	color: #ffffff;
}

	a.white:hover, a.white:focus {
		color: #fdce0d;
	}

		a.white:hover::before, a.white:focus::before {
			color: #404042;
			background-color: #fdce0d;
			border-color: #fdce0d;
		}

a.arrow.white:hover::before, .arrow.gray:focus::before {
	color: #404042;
	background-color: #fdce0d;
	border-color: #fdce0d;
	margin-right: .6em;
}

a.green {
	color: #00853E;
}

.arrow.green::before {
	border: 1px solid #00853E;
}

a.arrow.green:hover::before, .arrow.green:focus::before {
	background-color: #00853E;
	color: #ffffff;
	margin-right: .6em;
}

a.button {
	color: #fdce0d;
	border: 1px solid #fdce0d;
	text-decoration: none;
	display: inline-block;
	padding: .2em .8em;
}

	a.button:focus {
		background-color: #fdce0d;
		color: #404042;
		margin-right: 1em;
	}

	a.button.white {
		color: #404042;
		background-color: #ffffff;
	}

	a.button.green {
		color: #00853E;
		border: 1px solid #00853E;
	}

		a.button.green:hover, a.button.green:focus {
			background-color: #00853E;
			color: #ffffff;
			margin-right: 0;
		}

a.article {
	color: #00853E;
	font-size: 1.7em;
}

/*  ------ HEADER & DESKTOP MENU ------ */
.header-mobile {
	display: none;
}

.alert-bar {
	background-color: #0d8290;
	color: white;
	margin-left: -30px;
	overflow: hidden;
	transition: height .3s;
}

.alert-bar .container-fluid{
	max-width: 100%;
}

.alert-bar .row{
    margin-bottom: 0;
}

.alert-bar.hidden {
	display: none;
}

.alert-bar-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.alert-bar .alert-bar-content {
	display: flex;
	align-items: center;
}

.alert-bar .arrow {
	height: 30px;
}

.alert-bar .arrow:before{
	border: 1px solid;
	height: 30px;
	min-width: 30px;
	line-height: .5;
}

.alert-bar p{
    
}

.alert-bar a {
	color: white;
}

.alert-bar .close-alert-bar{
	font-family: "Font Awesome 5 Free";
	cursor: pointer;
}

.header-mainnav, .header-mobile {
	padding: 0;
}

.mobile-nav-menu {
	display: inline-block;
}

.logo {
	max-width: 250px;
	width: 100%;
}

.main-menu-container {
	background: linear-gradient(270deg, rgba(253, 195, 16, 1) 0%, rgba(255, 187, 0, 1) 100%);
	background: rgb(253, 195, 16);
	background-size: 1800px;
	background-position: top -4.2em right 0;
	padding: 82px 26px;
	margin: 0 -1rem 0 0;
	background-repeat: no-repeat;
	width: 640px;
	display: inline-block;
	text-align: center;
	background-blend-mode: darken;
}

.main-menu li {
	display: inline;
}

	.main-menu li.has-menu {
		cursor: pointer;
		display: inline-block;
		font-family: Gelion-Bold, Arial, sans-serif;
		position: relative;
	}

		.main-menu li.has-menu span {
			border-radius: 4px;
			cursor: pointer;
			font-size: 1em;
			padding: 0.5em;
			margin: 0 0; /* previously it has a left and right.5em*/
			transition: all linear 0.2s;
		}

			.main-menu li.has-menu span:hover, .main-menu li.has-menu:focus, .main-menu li.has-menu .active {
				background-color: #ffdb70;
			}

	.main-menu li a {
		border-radius: 4px;
		color: #404042;
		font-size: 1em;
		padding: 0.5em;
		margin: 0 0.5em; /*previously .5em*/
		text-decoration: none;
		transition: all linear 0.2s;
	}

		.main-menu li a:hover, .main-menu li a:focus {
			background-color: #ffdb70;
		}

	.main-menu li.has-menu a.active {
		background-color: #FCEFCA;
	}

.menu-item.active, .utility-nav a.active {
	background-color: #ffdb70;
}

.sub-menu-container {
	background-color: #ffffff;
	display: block;
	max-height: 0;
	overflow-y: hidden;
	padding: 0;
	position: absolute;
	top: 41px;
	transition: all 0.75s ease-out;
	width: 200px; /*previous value was 250*/
	margin-left: -30px; /*move the dropdown more centered to the nav item*/
}

.has-menu.menu-item:hover .sub-menu-container {
	max-height: 2000px;
}

.sub-menu-container ul li {
	display: block;
}

.sub-menu-container .sub-menu {
	margin: 0;
	padding-left: 0;
	text-align: center;
}

.sub-menu-container ul li a {
	display: block;
	padding: .5em 0;
	margin: 0;
	width: 100%;
}

	.sub-menu-container ul li a:hover, .sub-menu-container ul li a:focus {
		border-top: 3px solid #fdce0d;
		text-decoration: underline;
	}

.section-header .title {
	font-family: Gelion-Light, Arial, sans-serif;
	font-weight: 300;
	display: block;
	font-size: 1em;
	line-height: 1.2em;
}

/* ------ FOOTER ------ */
footer {
	background-color: #404041;
	color: #D1D0CC;
}

.footer > .row {
	align-items: center;
}

.footer > .row .links{
	order: 0;
}

.footer > .row .social {
	order: 1;
	text-align: right;
	padding-right: 2em;
}

.footer > .row .logo-wrapper {
	order: 2;
}

	footer a {
		list-style-type: none;
		padding: 0;
		margin: 0 1em 0 0;
		width: 100%;
		justify-content: space-around;
		align-items: center;
	}

		footer a:link, footer a:visited {
			font-size: 1em;
			color: #D1D0CC;
			text-decoration: none;
			transition: all linear 0.2s;
			padding-top: 0.126em;
			white-space: nowrap;
		}

		footer a:hover, footer a:focus {
			border-top: 3px solid #b4b1ad;
		}

	footer .logo:hover, footer .logo:focus {
		border-top: none;
	}

		footer .social a {
			background-color: #70665e;
			border-radius: 50%;
			color: #e3dacc;
			font-size: 1.5em;
			height: 50px;
			margin: 0.26em 0.26em;
			padding-top: 11px;
			position: relative;
			text-align: center;
			text-decoration: none;
			width: 50px;
		}
		
		footer .social a.twitter-x-logo{
		    display: inline-flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 0.5em;
		}
		
		footer .social a.twitter-x-logo:hover svg *{
		    fill: black;
		}

			footer .social a:hover, .social a:focus {
				background-color: #ffc000;
				color: #202024;
				border-top: 0;
			}

/* ------ HOME PAGE ------ */
.hero {
	background-color: #004812;
	background-size: 1800px;
	background-position: top -3.333em right 0;
	background-repeat: no-repeat;
	color: #ffffff;
	margin-top: -229px;
	max-width: 100%;
	padding-top: 211px;
	position: relative;
	z-index: 40;
}

.hero-copy h1 {
	font-size: 4.5em;
	line-height: 1em;
	margin: 0;
}

.hero-copy h2 {
	font-family: 'Gelion-Regular', Arial, sans-serif;
	font-size: 1.9em;
	line-height: 1em;
	margin: 1em 0 0 0;
	background: rgba(0,0,0,.3);
	padding: 1em;
}

.hero-copy-container {
	min-height: 600px;
	height: 100px;
}

.hero-copy {
	margin-left: 8em;
	padding-top: 2em;
}

.hero-copy-indent {
	margin-top: 2em;
	padding: 0 2.778em 0 8.333em;
	position: relative;
}

	.hero-copy-indent::before {
		content: '\25BA';
		color: rgb(255, 187, 0);
		font-size: 1.9em;
		position: absolute;
		top: 0;
		left: 0;
	}

	.hero-copy-indent p {
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 4em;
	}

.hero .subnav {
	background-color: rgba(0, 0, 0, 0.5);
	height: 90vh;
	display: flex;
	justify-content: center;
	margin-right: 40px;
	min-width: 250px;
	position: relative;
	padding-top: 2em;
}

	.hero .subnav ul {
		padding: 0;
		margin: 0;
	}

	.hero .subnav li {
		text-align: right;
		display: block;
		border-top: 1px solid #fdce0d;
		width: 300px;
	}

		.hero .subnav li:last-child {
			border-bottom: 1px solid #fdce0d;
		}

		.hero .subnav li a {
			color: #fdce0d;
			display: block;
			font-size: 1.1em;
			padding: 1.5em 3em;
			text-decoration: none;
			width: 100%;
			transition: all linear 0.2s;
		}

			.hero .subnav li a:hover, .hero .subnav li a:focus {
				color: #ffffff;
				border-top: 3px solid #fff;
			}

			.hero .subnav li a img {
				margin-left: 5px;
				position: relative;
				top: -10px;
			}

.hero-cta {
	margin-top: -10em;
	padding: 4em 2em 0 2em;
	position: relative;
	z-index: 50;
}

.focus-areas-homepage {
	background-size: cover;
	margin-top: -2em;
	max-width: 100%;
	padding: 1.5em 4em 5em 4em;
}

	.focus-areas-homepage h2 .subhead {
		font-family: Gelion-Bold, Arial, sans-serif;
		font-weight: normal;
	}

	.focus-areas-homepage .image {
		background-size: cover;
		background-position: center;
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		transition: all linear 0.2s;
		width: 100%;
		z-index: 45;
	}

		.focus-areas-homepage .image.show {
			opacity: 1;
		}

	.focus-areas-homepage .image-container {
		height: 25.000em;
		margin-top: -2em;
		position: relative;
		z-index: 40;
	}

	.focus-areas-homepage .focus-area-pagination {
		width: 100%;
		bottom: 0.625em;
		position: absolute;
		text-align: left;
	}

		.focus-areas-homepage .focus-area-pagination:hover {
			cursor: pointer;
		}

		.focus-areas-homepage .focus-area-pagination .page.active {
			background-color: #ffffff;
		}

		.focus-areas-homepage .focus-area-pagination .page {
			position: relative;
			border: 2px solid #ffffff;
			border-radius: 50%;
			display: inline-block;
			height: 1.250em;
			margin: 0 0.313em;
			width: 1.250em;
			z-index: 100;
		}

.focus-area-item {
	background-color: #f9f8f6;
	border: 1px solid #e5e5e5;
	border-top: 3px solid #bbbbbb;
	flex-basis: unset;
	font-family: 'Gelion-Regular', Arial, sans-serif;
	font-weight: normal;
	margin: 2em .3em 0 0.3em;
	max-width: 18%;
	padding: .75em;
	position: relative;
	text-align: left;
	transition: all ease .5s;
	width: 18%;
}

	.focus-area-item.open {
		background-color: #ffffff;
		border-top: 3px solid #ffec00;
		max-width: 39%;
		width: 39%;
	}

	.focus-area-item:hover, .focus-area-item:focus {
		border-top: 3px solid #ffec00;
		cursor: pointer;
	}

	.focus-area-item .thumbnail {
		left: 0;
		max-height: 1000px;
		opacity: 1;
		position: absolute;
		transition: all linear 0.2s;
		width: 100%;
	}

	.focus-area-item.open .thumbnail {
		opacity: 0;
	}

	.focus-area-item.open .solutions {
		position: relative;
		margin-top: 0;
	}

	.focus-area-item .solutions {
		margin-top: 60%;
	}

	.focus-area-item h3 {
		font-family: Gelion-Bold, Arial, sans-serif;
		margin: .5em 0;
		font-weight: normal;
		height: 53px;
	}

	.focus-area-item .short-description {
		display: none;
		opacity: 0;
		font-size: 1.75em;
		line-height: 1.1em;
		transition: all linear 0.2s
	}

	.focus-area-item.open .short-description {
		display: block;
		opacity: 1;
	}

	.focus-area-item .label {
		font-family: Gelion-Bold, Arial, sans-serif;
		display: block;
		color: #2d2d2d;
		text-transform: uppercase;
		margin-top: 1em;
		letter-spacing: 0.1em;
		transition: all linear 0.5s;
	}

	.focus-area-item .problem {
		display: none;
	}

	.focus-area-item.open .problem {
		display: block;
	}

	.focus-area-item .problem p {
		margin: 0;
	}

.project-links {
	position: relative;
	padding: 0 .5rem;
}

.focus-area-item.open .project-links {
	max-width: 50%;
}

.project-links .label {
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.2em;
	margin: 0.5em 0;
}

.project-links a {
	color: #2d2d2d;
	display: none;
	font-family: 'Gelion-Light', Arial, sans-serif;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.2em;
	text-decoration: none;
	margin: .3em 0;
}

.focus-area-item.open .project-links a {
	display: block;
}

.project-links a.visible {
	display: block;
	opacity: 1;
}

.project-links a:hover, .project-links a:focus {
	color: #00853E;
	text-decoration: underline;
}

.project-links a.see-all {
	bottom: 0;
	color: #00853E;
	display: block;
	font-family: Gelion-Bold, Arial, sans-serif;
	line-height: 1.2em;
	margin-top: 1em;
	text-decoration: underline;
	transition: all linear 0.2s;
	padding-top: 5px;
}

	.project-links a.see-all:hover, .project-links a.see-all:focus {
		border-bottom: 2px solid #ffc000;
		text-decoration: none;
	}

.our-impact .section-icon {
	background: linear-gradient(270deg, rgba(253, 195, 16, 1) 0%, rgba(255, 187, 0, 1) 100%);
	background: rgb(253, 195, 16);
	padding: 1em;
	margin-top: -1.5em;
}

.our-impact {
	color: #ffffff;
	padding: 0 0 4em 0;
}

	.our-impact .col {
		max-width: 17%;
	}

	.our-impact h2 {
		display: block;
		line-height: 1em;
	}

		.our-impact h2 .subhead {
			display: block;
			position: relative;
			font-size: .4em;
			line-height: 2em;
		}

	.our-impact h3 {
		color: #fdce0d;
		text-transform: uppercase;
		letter-spacing: 0.26em;
		font-family: "Gelion-Bold", Arial, sans-serif;
		margin-bottom: 0;
	}

	.our-impact .metrics-container {
		margin-bottom: 3em;
	}

	.our-impact .metric-container .item {
		background-color: transparent;
		-webkit-box-shadow: 0px 0px 0 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 0 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 0 0px rgba(0,0,0,0.1);
		margin-right: 1em;
	}

	.our-impact .metric-label {
		font-family: Gelion-Bold, Arial, sans-serif;
		font-size: 5em;
		display: block;
		line-height: 1em;
		border-bottom: 1px solid #ffffff;
		padding-bottom: .2em;
		margin-bottom: .2em;
	}

		.our-impact .metric-label .metric {
			font-size: 1em;
		}

	.our-impact .description {
		font-family: Gelion-SemiBold, Arial, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		display: block;
		line-height: 1.2em;
	}

	.our-impact svg {
		max-width: 300px;
		margin: 0 auto;
	}

.testimonials {
	width: 100%;
	padding: 8em 0 5em;
	background-color: #fdce0d;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

	.testimonials h2 {
		line-height: 1em;
	}

	.testimonials p {
		font-size: 1.8em;
		line-height: 1.5em;
		margin: 0;
	}

		.testimonials p .bold {
			font-size: 1em;
		}

		.testimonials p.name {
			margin-top: .5em;
			font-size: 1.26em;
			font-weight: bold;
			text-align: right;
		}

		.testimonials p.title {
			font-size: 1.26em;
			font-weight: normal;
			text-align: right;
		}

	.testimonials .link {
		margin: 1em 0;
	}

	.testimonials .button {
		margin-top: 1em;
	}

section.container-fluid.news {
	background-color: #004812;
	padding: 0;
	margin: 0;
}

.news .row .news-item {
	background-size: cover;
	min-height: 450px;
	padding: 5em;
	color: #ffffff;
	text-decoration: none;
}

	.news .row .news-item:nth-child(2):hover, .news .row .news-item:nth-child(3):hover, .news .row .news-item:nth-child(2):focus, .news .row .news-item:nth-child(3):focus {
		text-decoration: underline;
		border-top: 4px solid #ffec00;
	}

	.news .row .news-item p {
		font-family: Gelion-Regular, Arial, sans-serif;
	}

	.news .row .news-item:nth-child(1) {
		background-image: url('../images/common/backgrounds/newsItem-bg-01.jpg');
	}

	.news .row .news-item:nth-child(2) {
		background-image: url('../images/common/backgrounds/newsItem-bg-02.jpg');
	}

	.news .row .news-item:nth-child(3) {
		background-image: url('../images/common/backgrounds/newsItem-bg-03.jpg');
		color: #004813;
	}

.news-item h3 {
	font-size: 3em;
	font-weight: normal;
	margin-top: 0;
}

.news-item .date {
	font-size: 1.2em;
}

.news-item .name {
	font-size: 1.8em;
}

.email-form {
	position: relative;
	margin-top: 4em;
}

	.email-form input[type="email"] {
		font-size: 1.5em;
		padding: 1em;
		width: 80%;
	}

	.email-form label {
		font-size: 1.9em;
		color: #5a5751;
		left: 26px;
		position: absolute;
		top: 33px;
		transition: all linear 0.2s;
		z-index: 10;
	}

		.email-form label.active {
			font-size: 1em;
			color: #ffffff;
			left: -1px;
			top: -34px;
		}

.contact-us {
	background-image: url('../images/common/backgrounds/contact-us-bg.jpg');
	background-size: cover;
	background-color: #002d0b;
	color: #ffffff;
	padding: 3em 0 5em 0;
}

	.contact-us h2,
	.contact-us p,
	.contact-us span {
		z-index: 20;
		position: relative;
	}

	.contact-us:after {
		content: '';
		background-color: #00000075;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		z-index: 10;
	}

	.contact-us p {
		font-weight: bold;
	}

	.contact-us form > div{
		position: relative;
		z-index: 20;
	}

	.contact-us form > div:first-child {
		width: 100%;
		display: flex;
		margin-bottom: 1em;
	}

		.contact-us form .submit {
			background-color: #00974a;
			border: 1px solid #00974a;
			color: #ffffff;
			font-size: 2em;
			left: -5px;
			line-height: 1.26em;
			padding: 22px 30px;
			position: relative;
		}

			.contact-us form .submit:hover, .contact-us form .submit:focus {
				background-color: #ffc000;
				border: 1px solid #ffc000;
				color: #202024;
			}

	.contact-us .newsletter-signup-form-confirmation {
		color: #FFF;
		font-size: 2em;
		margin: 0;
		padding: 0;
	}

	.contact-us .newsletter-signup-form-error {
		color: orangered;
		font-size: 21px;
		margin: 10px 0 0;
		padding: 0;
		display: block;
	}

/* ------ SUB PAGE GENERAL ------ */
.main-menu-container.subpage {
	background-image: none;
	padding: 48px 26px;
}

.main-menu-container .main-menu {
	text-align: right;
}

.utility-nav {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	text-align: right;
	border-bottom: 1px solid #404042;
}

	.utility-nav li {
		list-style-type: none;
		display: inline-block;
	}

	.utility-nav a {
		margin: 0 1em;
		padding: 0.5em;
		color: #404042;
		font-family: 'Gelion-Regular', Arial, sans-serif;
		font-size: 0.9em;
		transition: all linear 0.2s;
		border-radius: 4px;
	}

		.utility-nav a:before {
			vertical-align: middle;
			margin-right: .4em;
		}

		.utility-nav a.news:before {
			content: url('/images/common/icons/icon-news-gray.png');
		}

		.utility-nav a.contact-us:before {
			content: url('../images/common/icons/icon-contact-gray.png');
		}

		.utility-nav a.search:before {
			content: url('../images/common/icons/icon-search-gray.png');
		}

		.utility-nav a:hover, .utility-nav a:focus {
			background-color: #ffdb70;
		}

	.utility-nav li img {
		vertical-align: middle;
	}

.subpage.hero .shadow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background-image: url(../images/common/backgrounds/project-detail-shadow.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.subpage .hero-copy-container {
	display: none;
}

	.subpage .hero-copy-container.active {
		display: flex;
	}

	.subpage .hero-copy-container.mobile {
		display: none;
	}

.subpage.hero {
	background-size: cover;
	background-position: center;
	background-color: #22263a;
	padding-top: 265px;
	padding-bottom: 0;
}

	.subpage.hero.switching {
		padding: 0 0 50px 0;
	}

	.subpage.hero.short {
		padding: 16em 0 2em 0;
	}

	.subpage.hero.bar {
		padding: 0;
		height: 211px;
	}

	.subpage.hero h1 {
		font-family: Gelion-Light, Arial, sans-serif;
		font-size: 4.5em;
		font-weight: normal;
	}

	.subpage.hero .hero-copy {
		max-width: 100%;
		margin: 0 3em 0 3em;
		position: relative;
	}

		.subpage.hero .hero-copy p {
			font-size: 2em;
			line-height: 1.2em;
			margin: 0.8em 0;
			max-width: 75%;
		}

	.subpage.hero p.long {
		font-size: 1.2em;
	}

.subpage .testimonial {
	background-image: none;
	color: #00853E;
}

	.subpage .testimonial .quote {
		font-family: 'Gelion-Light', Arial, sans-serif;
		font-size: 1.8em;
		line-height: 1.2em;
		margin: 1em 0;
	}

	.subpage .testimonial .byline {
		font-family: 'Gelion-SemiBold', Arial, sans-serif;
		font-size: .7em;
		margin-top: 0;
		display: block;
		text-align: right;
	}

	.subpage .testimonial.active {
		display: flex;
	}

.testimonial hr {
	border-top: 1px solid #00853E;
}

.subpage .testimonial.green {
	padding: 2em 0;
	background-color: #00853E;
	color: #ffffff;
}

	.subpage .testimonial.green hr {
		display: none;
	}

.subpage .testimonial.white {
	padding: 2em 0;
	background-color: #ffffff;
	color: #00853E;
}

	.subpage .testimonial.white hr {
		display: none;
	}

/* ------ FOCUS AREA ------ */
.focus-area-project h2:after {
	position: relative;
	content: '\2014';
	display: block;
	color: #00853e;
	font-size: 0.75em;
	font-weight: normal;
	margin: 0;
	line-height: 1em;
}

.focus-area-image {
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all linear 0.2s;
	width: 100%;
	opacity: 0;
}

	.focus-area-image.show {
		opacity: 1;
	}

	.focus-area-image.mobile {
		display: none;
	}

.focus-area-link-container {
	padding: 2em 3em 0 3em;
	position: relative;
}

a.focus-area-link {
	color: #cacaca;
	display: block;
	font-size: 1.5em;
	font-family: Gelion-Bold, Arial, sans-serif;
	max-width: 80%;
	padding-bottom: 1.5em;
	position: relative;
	text-decoration: none;
	top: 4px;
}

	a.focus-area-link:hover, a.focus-area-link:focus {
		color: #ffffff;
		border-bottom: 8px solid #bed62f;
	}

	a.focus-area-link.long {
		max-width: 90%;
	}

.focus-area-link.active {
	color: #ffffff;
	border-bottom: 8px solid #fdce0d;
}

.focus-area-content {
	display: none;
}

	.focus-area-content.show {
		display: block;
	}

.problems-solutions {
	padding: 2em 0;
}

	.problems-solutions .label {
		display: block;
		margin-bottom: 0.5em;
	}

	.problems-solutions p {
		font-family: Gelion-Light, Arial, sans-serif;
		font-size: 1em;
		line-height: 1.2em;
	}

	.problems-solutions .first p:before {
		border: none;
	}

	.problems-solutions .solution {
		font-size: 1.5em;
		color: #00853E;
	}

	.problems-solutions div[class^="col-"] {
		padding: 0 2em;
		border-right: 1px solid #cacaca;
	}

		.problems-solutions div[class^="col-"]:last-child {
			border: none;
		}

.subpage.projects {
	background-image: url('../images/common/backgrounds/bg-topographic.png');
	background-color: #f9f8f6;
	background-size: cover;
	padding: 0;
}

.focus-area-project {
	padding: 4em 0 2em 0;
}

	.focus-area-project h2 {
		font-family: Gelion-Light, Arial, sans-serif;
		color: #00853E;
		font-weight: normal;
		margin: 0 0 .5em 0;
	}

	.focus-area-project.active {
		display: block;
	}

.project-block {
	margin: 0 .26em 1.5em .26em;
	padding: 0 0 .5em 0;
	max-width: 24%;
	display: inline-block;
	background-color: #ffffff;
	border-bottom: 10px solid #00853E;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

	.project-block img {
		width: 100%;
	}

	.project-block .copy {
		padding: 0 1em;
	}

	.project-block h3 {
		font-size: 1em;
		margin: .75em 0 0 0;
		font-family: Gelion-Bold, Arial, sans-serif;
		color: #2d2d2d;
	}

	.project-block .description {
		display: block;
		position: relative;
		font-size: 1.2em;
		line-height: 1.2em;
		margin: .2em 0;
		font-family: Gelion-Light, Arial, sans-serif;
		color: #00853E;
	}

a.project-block {
	transition: all ease 0.25s;
}

	a.project-block:hover, .project-block:focus {
		transform: scale(1.05);
		border-bottom: 10px solid #F6CE0D;
	}

.metric-wrapper {
	position: relative;
	display: block;
	border-top: 1px solid #00853E;
	margin: .5em 0 0 0;
	padding: .5em 0 0 0;
	color: #00853E;
	font-size: 1.3em;
}

	.metric-wrapper span {
		font-size: 1em;
	}

		.metric-wrapper span.metric-description {
			font-size: 0.7em;
		}

/* ------ WHAT WE DO PAGE ------ */
.tool h2 {
	margin: 0;
	font-family: 'Gelion-Light', Arial, sans-serif;
	font-weight: normal;
	line-height: 1em;
	margin: .2em 0;
}

.tool p {
	margin: 0;
	font-size: 1.2em;
	line-height: 1.2em;
}

/* ------ OUR IMPACT PAGE ------ */
.our-impact.stacked .item {
	max-width: 45%;
	margin: 2em 0.5em;
}

.chart-detail {
	background-color: rgba(0,0,0,0.8);
	border: 1px solid #ffffff;
	color: #ffffff;
	padding: .5em 1em;
}

	.chart-detail span {
		display: block;
		font-size: 0.9em;
		line-height: 1.1em;
		white-space: nowrap;
	}

.chart-detail-box {
	position: fixed;
	top: 0;
	left: 0;
}

a.chart-option {
	border: 1px solid #e5e5e5;
	padding: 0.5em;
	transition: all linear 0.5s;
	color: #ffffff;
}

.light-theme a.chart-option {
	color: black;
}

a.chart-option.active {
	border: 1px solid #ffec00;
	padding: 0.5em;
	color: #404042;
	background-color: #ffec00;
}

.pie-values {
	padding: 0;
	width: 100%;
	font-family: 'Gelion-Bold', Arial, sans-serif;
	color: #ffffff;
}

.light-theme .pie-values {
	color: black;
}

.pie-values div {
	font-size: 1em;
	line-height: 1.42em;
}



/* ------ ABOUT US STYLES ------ */

.about-us-content {
	display: none;
}

	.about-us-content.show {
		display: block;
	}

	.about-us-content p,
	.about-us-content a,
	.about-us-content strong {
		font-size: 22px;
	}

	.about-us-content:first-of-type,
	.about-us-content:nth-of-type(2) {
		background-image: url("/images/common/backgrounds/bg-topographic.png");
	}

		.about-us-content:first-of-type h2,
		.about-us-content:nth-of-type(2) h2 {
			color: #00853E;
		}

	.about-us-content:nth-of-type(3) {
		background-image: url('/images/common/backgrounds/bg-taro-black.jpg');
	}

		.about-us-content:nth-of-type(3) h2,
		.about-us-content:nth-of-type(3) p {
			color: white;
		}

	.about-us-content:nth-of-type(4) {
		background-image: url('/images/common/backgrounds/bg-topographic-alt.jpg');
	}

		.about-us-content:nth-of-type(4) h2,
		.about-us-content:nth-of-type(4) p,
		.about-us-content:nth-of-type(4) a {
			color: white;
		}

		.about-us-content:nth-of-type(4) a {
			text-decoration: underline;
			font-weight: 400;
		}

.about-us-container {
	padding-top: 0;
}

.general-content h3 {
	font-weight: bold;
}


/* ------ BLOCK STYLES ------ */
.project-row.style03 .project {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	color: #404042;
	max-width: 32%;
	padding: 0;
}

.project-row.style03 .project {
	max-width: none;
}

.style01 .testimonial p {
	color: #00974a;
	margin: 1em 0;
}

.style02 .testimonial p {
	color: #ffffff;
	margin: 1em 0;
}

.style01 .item, .style01 .news {
	border-bottom: 10px solid #00974a;
}

.style01 .article {
	margin-bottom: 1.5em;
}

.style02 .item {
	border-bottom: 10px solid #fdce0d;
}

.item .tag {
	font-family: "Gelion-Regular", Arial, sans-serif;
	font-size: 0.9em;
}

.project a {
	width: 100%;
}

.article-container.style01 a {
	font-size: 2em;
	line-height: 1.2em;
	font-family: 'Gelion-Light', Arial, sans-serif;
	font-weight: normal;
}

.style03 .project {
	background-color: #ffffff;
	margin-bottom: 1em;
	border-left: 10px solid #fdce0d;
}

	.style03 .project a {
		color: #202024;
	}

	.style03 .project p {
		color: #202024;
		font-family: 'Gelion-Regular', Arial, sans-serif;
	}

.project .copy {
	padding: 1em;
}

.project a[class*="col-"] {
	padding: 0;
}

.style03 .project {
	padding: 0;
}

	.style03 .project .image {
		background-size: cover;
		background-position: center;
	}

.item .tag-container-mobile {
	display: none;
}

.item-row {
	padding: 2em 0;
}

.item h3 {
	color: #00853E;
	font-family: 'Gelion-Bold', Arial, sans-serif;
}

.item .image {
	padding: 0;
	background-position: center;
	background-size: cover;
}

	.item .image img {
		width: 100%;
	}

.item-wrapper {
	max-width: 32%;
	padding: 1em;
}

.item {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	background-color: #ffffff;
	padding: 0;
}

.row.row-stretch .item.project {
	height: 100%;
}

.item.project {
	margin: 0.5em 0.26em;
	transition: all ease 0.2s;
	min-height: 225px;
}

	.item.project a:first-child {
		align-self: flex-start;
	}

	.item.project:hover, .item.project:focus {
		transform: scale(1.05);
		border-bottom: 10px solid #F6CE0D;
	}

.item .copy {
	padding: 1em;
	min-height: 131px;
}

.item .image {
	width: 100%;
	min-height: 215px;
	background-size: cover;
	display: block;
}

.item a.tag {
	width: auto;
}

.item .tag.post-category, .tag.post-category {
	border: 1px solid #00853E;
	color: #00853E;
	display: inline-block;
	font-family: "Gelion-Regular", Arial, sans-serif;
	font-size: 0.8em !important;
	line-height: 1.2em;
	margin: 0.26em 0.26em 0.26em 0;
	padding: 0.3em 1em;
}

	.tag.post-category:hover, .tag.post-category:focus {
		background-color: #00853E;
		color: #ffffff;
	}

.item-row .item h3 {
	color: #2d2d2d;
	font-family: Gelion-Bold, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.2em;
	margin: 0;
	text-transform: none;
}

.item-row .item p {
	font-family: 'Gelion-Light', Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0.5em 0;
	color: #2d2d2d;
}

.item .status {
	background-color: #00853e;
	padding: .5em 1em;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.26em;
	font-family: 'Gelion-Bold', Arial, sans-serif;
	align-self: end;
}

.item .image.small {
	min-height: 150px;
}

/* ------ PROJECT DETAIL PAGE ------ */
.project-overview .overview-item {
	border-top: 1px solid #ffffff;
	font-family: 'Gelion-Light', Arial, sans-serif;
	margin-right: 0.26em;
	padding: 1.5em 0;
}

.project-detail-body h3.header-bar::after {
	margin-top: 1.5em;
}

.project-detail-body h2 {
	margin-top: 0em;
}

/* ------ NEWS LISTING PAGE ------ */
.item.news {
	margin-bottom: 1em;
	transition: all linear 0.2s;
}

	.item.news .title {
		color: #00853e;
		display: block;
		font-family: 'Gelion-Bold', Arial, sans-serif;
		font-size: 1.2em;
	}

	.item.news p {
		color: #424240;
		font-family: "Gelion-Regular", Arial, sans-serif;
	}

	.item.news .title:after {
		content: '\f105';
		display: inline-block;
		font-family: "Font Awesome 5 Free";
		font-size: 1em;
		transition: all linear 0.2s;
		margin-left: 10px;
	}

	.item.news:hover, .item.news:focus {
		border-bottom: 10px solid #fdce0d;
		transform: scale(1.02);
	}

		.item.news:hover .title:after, .item.news:hover .title:focus {
			margin-left: 0.5em;
		}

.right-rail {
	padding: 0 2em;
}

	.right-rail a.button {
		margin-top: 0.26em;
	}

ul.categories li a {
	text-decoration: underline;
	transition: all linear 0.2s;
}

	ul.categories li a:hover, u.categories li a:focus {
		padding: 0.2em 0.5em;
		background-color: #FFDB74;
		text-decoration: underline;
	}

/* ------ NEWS DETAIL PAGE ------ */
.post-images {
	max-width: 90%;
	margin: 2.5em auto;
}

/* ------ NEWSLETTER LISTING PAGE ------ */
.secondary-articles .item.project .copy p {
	font-family: 'Gelion-Light', Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0.5em 0;
	color: #2d2d2d;
}

/* ------ TEAM MEMBER LIST PAGE ------ */
.team-member {
	text-align: center;
	padding: 1em;
}

.team-member-item {
	position: absolute;
	opacity: 0;
	transition: all linear 0.2s;
}

	.team-member-item.show {
		display: block;
		position: relative;
		opacity: 1;
		transition: all linear 0.2s;
		z-index: 100;
	}

.team-member .image {
	background-color: #00974a;
	border-radius: 0em;
	overflow: hidden;
	transition: all ease 0.2s;
}

.team-member .name {
	font-size: 1.2em;
	font-family: "Gelion-Bold", Arial, sans-serif;
	color: #424240;
	margin: 0.5em 0 0 0;
}

.team-member .title {
	font-size: 1em;
	font-family: "Gelion-Regular", Arial, sans-serif;
	margin: 0;
}

.team-member:hover .image {
	background-color: #fdce0d;
}

.team-member-type {
	margin: 0;
	padding: 0.7em 0.5em;
	border-right: 1px solid #98948e;
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 1.5em;
	transition: all ease 0.2s;
}

	.team-member-type:last-child {
		border-right: 0;
	}

	.team-member-type.active, .team-member-type.active:focus {
		background-color: #006931;
		color: #fdce0d;
	}

	.team-member-type:hover, .team-member-type:focus {
		background-color: #00853E;
		color: #ffffff;
	}

.filter-container.team-filter {
	display: flex;
	width: 100%;
	max-width: 600px;
	padding: 0;
	border: 1px solid #00853E;
	margin: -4em auto 1em auto;
}
/* ------ TEAM MEMBER DETAIL PAGE ------ */
.subpage.hero.team-member {
	padding: 215px 0 0 0;
	border-bottom: 0;
}

	.subpage.hero.team-member .headshot {
		padding-left: 0;
		padding-right: 0;
		max-width: 640px;
	}

		.subpage.hero.team-member .headshot img {
			width: 100%;
		}

.team-member-content .testimonial-wrapper {
	margin-top: -5em;
	z-index: 41;
	position: relative;
}

.team-member-testimonial {
	color: #00853e;
	font-size: 1.5em;
	font-family: 'Gelion-Light', Arial, sans-serif;
	line-height: 1.2em;
	padding-top: 40px;
}

.team-member-content h3 {
	font-family: 'Gelion-Bold', Arial, sans-serif;
	margin-top: 0;
}

.team-member-content .vertical-rule {
	display: block;
	height: 100%;
	border-right: 1px solid rgba(0,0,0,0.2);
	max-width: 1px;
	margin: 0 auto;
}

ul.pagination {
	padding: 0;
}

	ul.pagination li {
		display: inline-block;
		list-style-type: none;
	}

	ul.pagination a {
		color: #404042;
		padding: 0.35em 0.7em;
		border-radius: 50%;
	}

		ul.pagination a.active {
			background-color: #404042;
			color: #ffffff;
		}

/* ------ CONTACT US PAGE ------ */
.contact-us-page {
	background-color: #004812;
	background-size: 2560px;
	background-position: top -3.333em right 0;
	background-repeat: no-repeat;
	color: #ffffff;
	margin-top: -225px;
	max-width: 100%;
	padding-top: 215px;
	position: relative;
	z-index: 40;
}

	.contact-us-page .umbraco-forms-form.contactusform {
		padding: 0;
	}

		.contact-us-page .umbraco-forms-form.contactusform form {
			padding: 1em;
			border: 1px solid;
		}

		.contact-us-page .umbraco-forms-form.contactusform div {
			padding: 0;
		}

		.contact-us-page .umbraco-forms-form.contactusform fieldset {
			padding: 0;
			min-inline-size: auto;
		}

		.contact-us-page .umbraco-forms-form.contactusform .umbraco-forms-container {
			zoom: 1;
		}

			.contact-us-page .umbraco-forms-form.contactusform .umbraco-forms-container:before {
				content: ' ';
				display: table;
			}

			.contact-us-page .umbraco-forms-form.contactusform .umbraco-forms-container:after {
				content: ' ';
				display: table;
				clear: both;
			}

		.contact-us-page .umbraco-forms-form.contactusform .umbraco-forms-field {
			clear: none;
		}

		.contact-us-page .umbraco-forms-form.contactusform input.text,
		.contact-us-page .umbraco-forms-form.contactusform textarea {
			width: 100%;
			max-width: 100% !important;
		}

		.contact-us-page .umbraco-forms-form.contactusform textarea {
			height: 125px;
		}

		.contact-us-page .umbraco-forms-form.contactusform .firstname,
		.contact-us-page .umbraco-forms-form.contactusform .emailaddress {
			width: 47%;
			float: left;
			clear: both;
		}

		.contact-us-page .umbraco-forms-form.contactusform .lastname,
		.contact-us-page .umbraco-forms-form.contactusform .phonenumber {
			width: 47%;
			float: right;
		}

		.contact-us-page .umbraco-forms-form.contactusform .signmeupuluponoinitiativesmonthlyeupdate {
			display: flex;
			flex-direction: row-reverse;
			justify-content: start;
			margin-top: 2em;
			width: 50%;
			float: right;
		}

			.contact-us-page .umbraco-forms-form.contactusform .signmeupuluponoinitiativesmonthlyeupdate label {
				margin-left: .5em;
			}

		.contact-us-page .umbraco-forms-form.contactusform .btn.primary {
			background: white;
			border: none;
			border-radius: 0;
			color: #004812;
			padding: 1em 2em;
		}

.contact-us-content div {
	padding: 0 2em;
}

.contact-us-content h1 {
	font-size: 4em;
	font-family: "Gelion-Light", Arial, sans-serif;
	margin-top: 0;
}

.contact-us-content h2 {
	font-size: 1em;
	font-family: "Gelion-Bold", Arial, sans-serif;
}

.contact-us-content p {
	font-family: "Gelion-Light", Arial, sans-serif;
}

.contact-us-page .contact-us-content {
	margin-top: 3em;
}

/* ------ SEARCH RESULTS PAGE ------ */
.item-row.search-results-container .item {
	padding: 1em;
	margin-bottom: 0.5em;
	border-left: 10px solid #00853e;
}

.item-row.search-results-container .row:last-child {
	margin-top: 2em;
}

.search-results-container .item .title:after {
	content: '\f105';
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	transition: all linear 0.2s;
}

.search-page-search {
	background-color: #D1D0CC;
}

	.search-page-search h2 {
		font-family: "Gelion-Medium", arial, sans-serif;
		font-size: 1.5em;
		margin-top: 0em;
		margin-bottom: 0.5em;
	}

#search-page-search-bar button {
	font-size: 1.2em;
	left: -5px;
	top: -2px;
	padding: 10px 19px;
	position: relative;
	border: 0;
	background-color: #00853e;
	color: #ffffff;
}

	#search-page-search-bar button:hover, #search-page-search-bar button:focus {
		cursor: pointer;
		text-decoration: underline;
		background-color: #fdc310;
		color: #38463f;
	}

/* ------ GENERIC PAGE ------ */
.subpage.generic.hero {
	background-image: url("../images/common/backgrounds/bg-topographic.png");
	background-color: #ece9e3;
	color: #424240;
}

	.subpage.generic .wide, .subpage.generic.hero p.short {
		color: #00853e;
	}

.subpage.generic-alt .wide, .subpage.generic-alt.hero p.short {
	color: #fdce0d;
}

.wysiwyg-content .bold {
	font-family: "Gelion-SemiBold", Arial, sans-serif;
	font-weight: 800;
}

	.wysiwyg-content .bold.italics {
		font-family: "Gelion-SemiBoldItalic", Arial, sans-serif;
		font-weight: 800;
	}

.wysiwyg-content .italics {
	font-family: "Gelion-LightItalic", Arial, sans-serif;
	font-weight: 800;
}

.wysiwyg-content a {
	text-decoration: underline;
}

	.wysiwyg-content a.arrow {
		text-decoration: none;
	}

.wysiwyg-content h1 {
	font-size: 2em;
	margin-bottom: 0.25em;
}

.wysiwyg-content h2 {
	font-size: 1.76em;
}

.wysiwyg-content h3 {
	font-size: 1.25em;
	font-family: "Gelion-Bold", Arial, sans-serif;
}

.wysiwyg-content ul lh {
	font-family: "Gelion-Bold", Arial, sans-serif;
	margin-left: -1em;
}
/* ---------------- UTILS -------------- */
.border-top {
	border-top: 1px solid #ffffff;
	margin-bottom: 1.25em;
}

.border-bottom {
	border-bottom: 1px solid #ffffff;
}

.bottom-tab::after {
	border-left: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	content: '';
	height: 10px;
	width: 50%;
}

.margin-t-0 {
	margin-top: 0;
}

.margin-t-1,
.item .image.margin-t-1:after {
	margin-top: 1em;
}

.margin-b-0,
.item-row .item p.margin-b-0 {
	margin-bottom: 0;
}

.margin-b-1,
.item-row .item h3.margin-b-1,
.item-row.margin-b-1 {
	margin-bottom: 1em;
}

.margin-b-2 {
	margin-bottom: 2em;
}

.margin-tb-0,
.item-row .item p.margin-tb-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.mobile-buttons-container {
	display: none;
}

.mobile-container {
	display: none;
}

.mobile-only {
	display: none;
}

.mobile-only-large {
	display: none;
}

.no-border,
.item.no-border {
	border-bottom: 0;
}

.padding-0 {
	padding: 0;
}

.padding-t-2 {
	padding-top: 2em;
}

.padding-t-0 {
	padding-top: 0;
}

.padding-b-p5,
.item-row.padding-b-p5 {
	padding-bottom: .5em;
}

.padding-b-2 {
	padding-bottom: 2em;
}

.padding-tb-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.padding-lr-2 {
	padding-left: 2em;
	padding-right: 2em;
}

.padding-lr-1 {
	padding-left: 1em;
	padding-right: 1em;
}



/* MEDIA QUERIES - MIN-WIDTH
------------------------------------------------ */

/* 1800px and wider */
@media (min-width: 112.500em) {
	.main-menu {
		background-image: none;
	}

	.hero {
		background-size: cover;
	}

	.main-menu-container {
		background-size: 100vw;
	}
}

/* Large screens (1025px 64em and higher) */
@media (min-width: 64.01em) {
}

/* Extra large screens (1200px 75em and higher) */
@media (min-width: 75em) {
}

/* Extra large screens ** HEIGHT (1050px 75em and higher) */
@media (min-height: 65.625em) {
	.hero {
	}

	.hero-cta {
		margin-top: -10em;
	}
}
/* Tablet Only */
@media (min-width: 48em) and (max-width: 64em) {
}

/* MEDIA QUERIES - MAX-WIDTH
------------------------------------------------- */
/* 1360px and lower */
@media (max-width: 85em) {
	.hero-copy {
		margin-left: 3em;
	}

	.contact-us-page .umbraco-forms-form.contactusform .signmeupuluponoinitiativesmonthlyeupdate {
		width: 100%;
	}
}

/* 1280px and lower */
@media (max-width: 80em) {
	.hero-copy {
		margin-left: 3em;
	}

		.hero-copy h1 {
			font-size: 3em;
			line-height: 1em;
			margin: 0;
		}

		.hero-copy h2 {
			font-size: 1.5em;
			line-height: 1.2em;
			margin: 1em 0 0 0;
		}

	.focus-area-item h3 {
		font-size: 0.85em
	}

	.our-impact .metric-label {
		font-size: 4em;
	}

	.news .row .news-item {
		padding: 2em;
		min-height: 0;
	}

	a.focus-area-link {
		font-size: 1.3em;
		line-height: 1.2em;
	}

	.project-block {
		max-width: 23%;
	}

	footer .social {
		margin-bottom: 1em;
	}
}

/* Large mobile screens 1100px and lower */
@media (max-width: 68.750em) {
	.mobile-only-large {
		display: block;
	}

	.hero-cta {
		padding: 4em 2em 0;
	}

	.hero-copy {
		margin-left: 3em;
		max-width: 60%;
	}

	.hero-copy-indent {
		padding-left: 4em;
	}

	.focus-areas-homepage {
		display: none;
	}

	.mobile-container {
		display: block;
	}

	.mobile-buttons-container {
		display: block;
		padding: 1.5em 0;
		background-size: cover;
		background-image: url("../images/common/backgrounds/bg-topographic.png");
		background-color: #ece9e3;
	}

	.mobile-area-button {
		display: block;
		margin: 1em auto;
		padding: .5em;
		line-height: 1.4em;
	}

	.mobile-area-button:after {
		content: '\27A4';
		float: right;
		margin-top: 2px;
	}

		.mobile-area-button.green {
			background-color: #105f23;
			background: linear-gradient(270deg, rgba(16, 95, 35, 1) 0%, rgba(0, 161, 74, 1) 100%);
			color: #ffffff;
			position: relative;
		}

		.mobile-area-button.white {
			color: #105f23;
			background-color: #ffffff;
		}

			.mobile-area-button.white:hover, .mobile-area-button.white:focus {
				color: #ffffff;
				background-color: #105f23;
			}

		.mobile-area-button.outline.white {
			color: #ffffff;
			background-color: transparent;
			border: 1px solid #ffffff;
		}

	.mobile-buttons-container h2 {
		color: #0f6023;
	}

	.focus-area-detail, .tool-detail {
		background-color: #ffffff;
		font-family: 'Gelion-Light', Arial, sans-serif;
		font-weight: normal;
		height: 0;
		left: 0;
		min-height: 0;
		overflow-y: scroll;
		padding: 0;
		position: fixed;
		top: 0;
		transition: all ease 0.5s;
		width: 100%;
		z-index: 100;
	}

		.focus-area-detail h3 {
			font-family: 'Gelion-Bold', Arial, sans-serif;
			font-weight: normal;
			margin: 0;
		}

		.focus-area-detail .image .col-xs {
			padding: 0;
		}

		.focus-area-detail .row, .tool-detail .row {
			margin: 0;
		}

		.focus-area-detail .copy, .tool-detail .copy {
			padding: 1em;
		}

		.focus-area-detail.open {
			min-height: 100vh;
			width: 100%;
		}

		.focus-area-detail img {
			width: 100%;
		}

		.focus-area-detail .label {
			display: block;
			font-family: Gelion-SemiBold, Arial, sans-serif;
			font-size: 1em;
			font-weight: normal;
			margin: .5em 0 0 0;
			position: relative;
		}

		.focus-area-detail .project-links .label {
			font-size: 0.9em;
			line-height: 1em;
			margin-top: .2em;
		}

		.focus-area-detail .project-links {
			margin-bottom: 1em;
			margin-right: 1em;
			padding: 0;
			width: 47%;
		}

		.focus-area-detail .problem p {
			margin-top: 0;
			line-height: 1.3em;
		}

		.focus-area-detail .short-description {
			display: block;
			position: relative;
			font-size: 1.2em;
			line-height: 1.3em;
			margin-top: .2em;
		}

		.focus-area-detail .mobile-detail-close {
			font-size: 1.5em;
			padding: .26em;
			position: absolute;
			right: 10px;
			top: 0;
		}

	.project-links a {
		color: #00853E;
		display: block;
		line-height: 1em;
		margin: .5em 0;
		font-family: 'Gelion-Regular', Arial, sans-serif;
		text-decoration: underline;
	}

	footer ul.links li {
		font-size: 0.9em;
	}

	.focus-area-link-container, .problems-solutions, .projects, .problem-solution-container {
		display: none;
	}

	.subpage .hero-copy-container, .subpage .hero-copy-container.active {
		display: none;
	}



		.subpage .hero-copy-container.mobile {
			display: flex;
			min-height: 400px;
		}

	.focus-area-image.show {
		opacity: 0;
	}

	.focus-area-image.mobile {
		opacity: 1;
	}

	.subpage.hero {
		padding: 20em 0 3em 0;
	}
	.subpage.hero.switching {
		padding: 9em 0 3em 0;
	}
	.subpage.hero.short {
		padding: 13em 0 3em 0;
	}
	.subpage.hero .hero-copy {
		margin: 0;
		padding: 0 2em;
	}
	.subpage.hero h1 {
		font-size: 3em;
   		font-family: Gelion-Light, Arial, sans-serif;
   		margin-top: 0;
	}
	.subpage.hero .hero-copy p {
		font-size: 1.3em;
		line-height: 1.2em;
		max-width: 100%;
	}
	.detail-problem-solution {
		padding: 0 1em;
	}

	.problem-solution-mobile {
		padding: 0 1em;
	}

		.problem-solution-mobile span {
			font-size: 1em;
			line-height: 1.2em;
			position: relative;
			display: block;
		}

			.problem-solution-mobile span.label {
				font-family: Gelion-Bold, Arial, sans-serif;
				margin-bottom: .2em;
			}

			.problem-solution-mobile span.problem {
				font-size: 1em;
				margin-bottom: 1em;
				font-family: Gelion-Light, Arial, sans-serif;
			}

			.problem-solution-mobile span.solution {
				font-size: 1.2em;
			}

	.project-mobile-wrapper {
		background-image: url(../images/common/backgrounds/bg-topographic.png);
		background-color: #f9f8f6;
		background-size: cover;
		padding: 0.5em 0;
	}

	.project-mobile {
		padding: 0;
		background: #ffffff;
		border-bottom: 1px solid #e5e5e5;
		border-left: 10px solid #00853E;
		box-sizing: border-box;
		margin: 0;
	}

		.project-mobile:hover, .project-mobile:focus {
			border-left: 10px solid #ffec00;
		}

		.project-mobile h3 {
			color: #2d2d2d;
		}

		.project-mobile .image {
			background-position: center;
			min-height: 100px;
			background-size: cover;
			width: 100%;
			display: block;
		}

		.project-mobile .copy {
			padding: 1em;
		}

		.project-mobile .description {
			display: block;
			line-height: 1.2em;
			color: #00853E;
			font-family: Gelion-Light, Arial, sans-serif;
		}

	.focus-area-detail .testimonial-mobile {
		font-size: 1.5em;
		line-height: 1.2em;
		font-family: Gelion-Light, Arial, sans-serif;
		color: #00853E;
		border-top: 1px solid #00853E;
		margin-top: 1em;
		padding: 1em 0;
	}

	.tool {
		display: none;
	}

	.tool-detail.open {
		min-height: 100vh;
		width: 100%;
	}

	.tool-detail p {
		margin: 0;
		line-height: 1.2em;
		margin-bottom: 1em;
	}

	.tool-detail h3 {
		font-size: 2em;
		margin: 0;
	}

	.tool-detail .project-mobile h3 {
		font-size: 1em;
		margin: 0;
	}

	.tool-detail .project-mobile-wrapper {
		margin: .2em 0;
		background-color: #ffffff;
		background-image: none;
	}

	.tool-detail .see-all {
		display: block;
		margin-bottom: 2em;
	}

	.links a {
		white-space: nowrap;
	}

	.grid-container {
		flex-basis: 100%;
		max-width: 100%;
		width: 100%
	}

	.filter-container.projects-filters.desktop {
		display: none;
	}

	.filter-container.projects-filters {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		text-align: center;
		height: 100vh;
		max-height: 0;
		transition: all ease 0.3s;
		padding: 0;
	}

		.filter-container.projects-filters.open,
		.partner-search.open {
			max-height: 100vh;
			padding-top: 4em;
		}

		.filter-container.projects-filters .filter label, .sort-by label span, .partner-search label {
			display: block;
			margin: 0.26em auto;
			width: 300px;
		}

		.filter-container.projects-filters .form-button {
			margin: 1em auto;
			position: relative;
			display: block;
			width: 300px;
		}

	.filter-container {
		display: block;
	}

	.project-grid .filter-mobile-btns {
		display: block;
	}

	.filter-container.projects-filters.modal {
		display: block;
	}

	#partner-search-button {
		display: none;
	}

	#show-filters {
		padding: 0.5em;
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		background-color: #00853E;
		color: #ffffff;
		text-align: center;
		margin: 0 auto 1em auto;
	}

	.mobile-detail-close {
		display: block;
		position: absolute;
		right: 10px;
		top: 60px;
		font-size: 1.5em;
	}

	.project-grid {
		padding: 1em;
	}

	.search-sort .mobile-area-button {
		display: block;
		border: 1px solid #00853E;
		font-size: 0.8em;
		text-align: center;
	}
}

/* Large mobile screens 1024px and lower */
@media(max-width: 64.000em) {
	.testimonials p {
		font-size: 1.2em;
	}

	footer {
		padding: 1em 0;
	}

	footer .footer {
		padding-left: 0;
		padding-right: 0;
	}

	footer .footer > .row .social {
		padding-right: .5rem;
		text-align: left;
	}

		footer ul.links li {
			margin-top: .5em;
		}

			footer ul.links li.logo {
				margin-top: 1.5em;
			}

	.filter-container {
		margin-top: -2em;
	}
}

/* Large mobile screens 900px and lower */
@media(max-width: 56.250em) {
	body.no-scroll {
		height: 100%;
		overflow: hidden;
	}

	header {
		padding: 0 0 0 0;
	}

	h2 {
		font-size: 1.5em;
		line-height: 1.2em;
	}

	.mobile-only {
		display: block;
	}

	.desktop-only {
		display: none;
	}

	.news .desktop-only {
		display: block;
	}

	.main-menu-container {
		padding: 0;
		width: 100%;
	}

		.main-menu-container.subpage {
			padding: 0;
		}

	.main-menu {
		background-color: #fdc30f;
	}

		.main-menu li.has-menu {
			margin: 0;
		}

			.main-menu li.has-menu span {
				display: block;
			}

				.main-menu li.has-menu span:hover, .main-menu li.has-menu:focus {
					border: 0;
				}

		.main-menu li a:hover, .main-menu li a:focus {
			border: 0;
			background-color: #FEEA9A;
		}

		.main-menu li.has-menu a {
			padding: .5em 0;
		}

			.main-menu li.has-menu a.active {
				padding-top: 10px;
			}

	.mobile-buttons {
		height: 90px;
		margin-right: -1rem;
	}

	.mobile-button-wrapper {
		box-sizing: content-box;
		height: 50px;
		max-width: 54px;
		padding: 20px;
		text-align: center;
	}

		.mobile-button-wrapper.menu-button {
			background: linear-gradient(270deg, rgba(253, 195, 16, 1) 0%, rgba(255, 187, 0, 1) 100%);
			background: rgb(253, 195, 16);
		}

		.mobile-button-wrapper.impact-button {
			background-color: #ffffff;
		}

			.mobile-button-wrapper.impact-button a {
				color: #404042;
				display: inline-block;
				font-size: 0.85em;
				line-height: 1.4em;
				text-decoration: none;
			}

	.mobile-menu-bar {
		background-color: #2d2d2d;
		height: 2px;
		margin-bottom: 7px;
		transition: all linear 0.2s;
		width: 43px;
		margin: 0 auto 7px auto;
	}

		.mobile-menu-bar.three {
			margin-bottom: 0;
		}

	.mobile-button-wrapper.close .mobile-menu-bar.three {
		-ms-transform: rotate(37deg);
		/* IE 9 */
		-webkit-transform: rotate(37deg);
		/* Safari prior 9.0 */
		left: -2px;
		position: relative;
		top: -11px;
		transform: rotate(37deg);
		/* Standard syntax */
	}

	.mobile-button-wrapper.close .mobile-menu-bar.two {
		opacity: 0;
	}

	.mobile-button-wrapper.close .mobile-menu-bar.one {
		top: 7px;
		-ms-transform: rotate(-37deg);
		/* IE 9 */
		-webkit-transform: rotate(-37deg);
		/* Safari prior 9.0 */
		transform: rotate(-37deg);
		/* Standard syntax */
		position: relative;
	}

	.menu-button .label::after {
		content: 'Menu';
		font-family: 'Arial', sans-serif;
		font-size: 0.85em;
	}

	.mobile-button-wrapper.close .label::after {
		content: 'Close';
	}

	.header-logo {
		display: none;
	}

	.hero .subnav {
		display: none;
	}

	.header-mobile {
		display: block;
		z-index: 65;
		position: relative;
		transition: all linear 0.05s;
	}

		.header-mobile.fixed {
			position: fixed;
			width: 100%;
			background: url('/images/common/backgrounds/bg-topographic-alt.jpg');
			background-size: cover;
			-webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
			box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
		}

	.main-menu {
		background-image: none;
		height: 100vh;
		left: 0;
		max-height: 0;
		overflow: hidden;
		padding: 0;
		position: fixed;
		top: 0;
		transition: all ease .5s;
		width: 100%;
		z-index: 60;
		text-align: center;
	}

	.main-menu-container .main-menu {
		text-align: center;
	}

	.main-menu.open {
		max-height: 1000px;
		padding: 6em 0 2em 0;
		overflow-y: scroll;
	}

	.main-menu li {
		font-size: 1.3em;
		line-height: 2em;
	}

		.main-menu li a {
			font-size: 1em;
			display: block;
		}

			.main-menu li a.desktop-only {
				display: none;
			}

	.sub-menu-container {
		position: relative;
		width: 100%;
		left: 0;
		margin-top: -0.938em;
		top: 10px;
	}

		.sub-menu-container ul li a {
			padding: 0.5em;
			line-height: 1em;
		}

	.main-menu li.has-menu {
		width: 100%;
	}

	.bottom-tab::after {
		display: none;
	}

	.col-xs-12.hero-copy {
		flex-basis: unset;
		margin: 0;
		max-width: unset;
		width: 100%;
	}

	.our-impact .col {
		max-width: 45%;
		margin-top: 2em;
	}

	.hero {
		padding-bottom: 2em;
	}

	.hero-copy-container {
		height: auto;
		min-height: 0;
	}

	.hero-copy {
		padding-bottom: 1em;
	}

		.hero-copy h1 {
			font-size: 2em;
			margin: .5em 0 .3em 0;
		}

	.hero-copy-indent p {
		margin-bottom: 1em;
	}

	.hero-copy-indent {
		padding: 0;
		margin: 0;
	}

		.hero-copy-indent::before {
			content: ' ';
		}

	.hero-cta {
		display: none;
	}

	.news-item h3 {
		font-size: 2em;
	}

	.news .row .news-item p.name {
		font-size: 1em;
		font-family: Gelion-SemiBold, Arial, sans-serif;
	}

	.subpage.hero {
		background-size: cover;
		background-position: right;
	}

		.subpage.hero p.short {
			max-width: 100%;
		}

	.item-row {
		padding: 1em 0;
	}

		.item-row .item {
			background-color: #ffffff;
			margin-bottom: .5em;
			padding: 1em;
			border-bottom: 10px solid #00853E;
		}

		.item-row.style02 .item {
			border-bottom: 10px solid #fdce0d;
		}

		.item-row .item {
			padding: 0em;
		}

	.item p {
		margin: 0.26em 0 0.75em 0;
	}

	.item-row .item.project .copy {
		padding: 1em;
	}

	.item-row .item.project p {
		margin: 1em 0;
	}

	.our-impact h2 .subhead {
		font-size: 0.8em;
	}

	.filter-container.team-filter {
		margin: 0 auto 1em auto;
	}

	.subpage.hero.team-member {
		padding-top: 10.71em;
		padding-bottom: 2em;
	}

	.team-member-content .testimonial-wrapper {
		margin-top: -2em;
	}

	.item-row.search-results-container .item {
		border-bottom: 0;
	}

	.search-page-input-label {
		margin: 0;
	}

	.search-page-search div[class^="col"] {
		padding: 0;
	}

	.search-page-search #search-page-input {
		width: 62%;
	}

	.filter label {
		position: relative;
		margin: 0 auto;
		display: inline-block;
		width: 49%;
		text-align: left;
	}

		.filter label:after {
			top: 41px;
			right: 50px;
		}

	.filter select {
		font-size: 1.2em;
		width: 100%;
	}

	.contact-us-page .umbraco-forms-form.contactusform .firstname,
	.contact-us-page .umbraco-forms-form.contactusform .emailaddress {
		width: 100%;
	}

	.contact-us-page .umbraco-forms-form.contactusform .lastname,
	.contact-us-page .umbraco-forms-form.contactusform .phonenumber {
		width: 100%;
	}

	.contact-us-page .umbraco-forms-form.contactusform .btn.primary {
		width: 100%;
	}
	.sub-menu-container {
	    margin-left: 0px; 
    }
}

/* Large mobile screens 768px and lower */
@media (max-width: 47.938em) {
	header {
		padding: 0 0 0 0;
	}

	section {
		padding: 1em 0;
	}

	.footer > .row {
		align-items: center;
	}

	.footer > .row .links{
		order: 1;
	}

	.footer > .row .links a{
		display: block;
	}

	.footer > .row .social {
		order: 0;
		text-align: right;
		padding-right: 0;
	}

	.footer > .row .social a {
		margin: 0.13em 0.13em;
	}

	.footer > .row .logo-wrapper {
		order: 2;
		text-align: right;
	}

	.container-fluid.large {
		padding-right: 0;
		padding-left: 0;
	}

	.news .desktop-only {
		display: none;
	}

	.our-impact .metric {
		font-size: 2.3em;
	}

	.our-impact .description {
		font-size: 1em;
	}

	.testimonials p {
		font-size: 1em;
	}

	.testimonials {
		background-position: 55vw bottom;
		padding-bottom: 34vh;
		background-size: 88%;
	}

		.testimonials p.name,
		.testimonials p.title {
			text-align: left;
		}

	section.container-fluid.news {
		background-size: cover;
		padding: 2em 0;
	}

	.news h3 {
		margin-bottom: 0;
	}

	.news .row .news-item p {
		margin: 0.5em;
	}

	.news .row .news-item:nth-child(1),
	.news .row .news-item:nth-child(2),
	.news .row .news-item:nth-child(3) {
		background-image: none;
		padding: 1em;
	}

	.news .row .news-item:nth-child(2),
	.news .row .news-item:nth-child(3) {
		background-color: rgba(255, 255, 255, 0.9);
		color: #404042;
		margin: 0.3em 0 0 0;
	}

	section.contact-us {
		background-image: none;
		background-color: #004812;
		padding: 2em 0 3em 0;
	}

	.email-form input[name="email"] {
		padding: 0.5em;
		width: 70%
	}

	.contact-us form .submit {
		top: 0;
		font-size: 1em;
		line-height: 1em;
		padding: 24px 19px 19px 19px;
	}

	.email-form label {
		font-size: 1em;
		left: 19px;
		top: 32px;
	}

	.email-form {
		margin-top: 2.5em;
	}

	.social {
		margin-top: 2em;
	}

		.social a {
			display: inline-block;
			margin-right: .5em;
		}

	.focus-area-detail .project-links {
		width: 100%;
	}

	.tool, .article-container {
		padding: 2em 0;
	}

	.project-row {
		flex-direction: column;
		display: block;
	}

		.project-row .project {
			max-width: 100%;
			margin-bottom: 0.5em;
			border-bottom: 0;
			border-left: 10px solid #00974a;
		}

	.style03 .project {
		border-left: 10px solid #fdce0d;
	}

	.featured-article > div {
		margin-bottom: 1em;
	}

	.project-row .project .image {
		display: inline-block;
		vertical-align: top;
		background-position: center;
	}

	.project-row .project .copy {
		display: inline-block;
		padding: .5em .75em;
	}

	.project .tag.post-category {
		font-size: 0.8em;
		border: none;
		padding: 0;
		margin: 0;
		line-height: 1.2em;
		text-decoration: underline;
	}

	.item.project {
		max-width: 100%;
		margin-bottom: 1.5em;
	}

	.right-rail {
		border-top: 1px solid #00853E;
		margin-top: 2em;
		padding: 1em 0.5em;
	}

	ul.categories {
		padding: 0;
		list-style: none;
	}

		ul.categories li {
			width: 49%;
		}

	.filter label {
		position: relative;
		margin: 0 auto;
		display: inline-block;
		width: 49%;
		text-align: left;
	}

		.filter label:after {
			top: 41px;
		}

	.filter select {
		font-size: 1.2em;
		width: 100%;
	}

	.sort-by {
		margin-top: 0.26em;
	}

		.sort-by label:after {
			right: 8px;
			top: -5px;
		}

	.form-button {
		width: 100%;
		margin-top: 0.5em;
	}

	.modal.partner-search {
		display: block;
		text-align: center;
	}

	.partner-search.desktop {
		display: none;
	}

	.partner-search {
		width: 100%;
		height: 100vh;
		max-height: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1000;
		background-color: #e6e2dc;
		overflow: hidden;
		transition: all ease 0.2s;
	}

		.partner-search.open {
			max-height: 100vh;
		}

	#partner-search {
		width: 300px;
		top: 3em;
		position: relative;
		text-align: center;
		margin: 0 auto;
	}

	.partner-search input {
		width: 100%;
	}

	.partner-search label {
		width: 100%;
		margin-top: 2em;
	}

	.project-grid .filter-mobile-btns {
		padding: 0 1em;
	}

	#partner-search-button {
		display: inline-block;
		width: 49%;
		text-align: center;
		border: 1px solid #00853E;
		margin: 0;
	}

	#show-filters {
		display: inline-block;
		width: 49%;
		max-width: 50%;
		flex-basis: 50%;
		margin: 0;
	}

	.search-sort .sort-by label span {
		display: inline;
	}

	#sort-by .form-button {
		width: auto;
	}

	.contact-us-page {
		margin-top: -122px;
		padding: 3em 0 0 0;
	}

		.contact-us-page div[class^="col"] {
			padding: 0;
		}

		.contact-us-page .container-fluid {
			padding: 0;
		}

		.contact-us-page .contact-us-content p {
			font-size: 1.2em;
		}

		.contact-us-page .contact-us-content div {
			padding: 1em;
		}

		.contact-us-page .contact-us-content .contact-infomation {
			background-image: url('../images/common/backgrounds/bg-topographic.png');
			background-color: #f9f8f6;
			color: #424240;
		}

	.subpage .testimonial .quote {
		padding: 0 0.5em;
	}

	#search-bar label {
		margin-bottom: 1em;
	}
}

@media (max-width: 47.938em) and (max-height: 37.5em){
	.testimonials {
		background-position: 68vw bottom;
		background-size: 50%;
	}
}

@media (max-width: 515px) {
	.testimonials {

	}
}

/* Mobile landscape (480px and lower) */
@media (max-width: 30em) {
	.testimonials {
		padding: .5em 0 18vh 0;
	}

	.mobile-button-wrapper {
		padding: 20px 10px;
	}

	.testimonials p.name,
	.testimonials p.title {
		text-align: left;
		font-size: 1em;
	}

	.news .row .news-item {
		padding: 1.26em;
	}

	.subpage.hero h1 {
		font-size: 2em;
	}

	footer {
		padding-top: 3em;
	}

		footer .social-container {
			margin-top: -5em;
		}
}
/* Mobile portrait (414px and lower) */
@media (max-width: 25.875em) {
	.subpage.hero {
		padding: 13em 0 2em 0;
	}

	.project .tag-container {
		display: none;
	}

	.project .image {
		min-height: 170px;
	}

	.item .tag-container-mobile {
		display: block;
		width: 100%;
		padding: 0 0.5em;
		text-align: left;
	}

	.item .tag.post-category {
		margin-right: 5px;
	}

	.article-container .featured-article p:after {
		white-space: nowrap;
	}

	.article-container .featured-article p {
		font-size: 0.9em;
		margin: .5em 0 1em 0;
	}

	.subpage.hero .hero-copy p {
		margin: 0;
	}

	.subpage.hero.team-member .hero-copy {
		padding: 0;
	}

		.subpage.hero.team-member .hero-copy h3 {
			display: none;
		}

	.team-member-testimonial {
		font-size: 1.1em;
	}

	.team-member-content h3 {
		margin-top: 1em;
	}
}

/* Mobile portrait (375px and lower) */
@media (max-width: 23.438em) {
	.our-impact .metric-label {
		font-size: 3em;
	}

	.article-container.style01 a {
		display: block;
		font-size: 1.5em;
		line-height: 1.2em;
	}

	.subpage.hero.team-member .hero-copy .title {
		font-size: 1em;
	}
}

/* Mobile portrait (360px and lower) */
@media (max-width: 22.500em) {
	.project-row .project p {
		font-size: 0.8em;
	}
}

/* Mobile portrait (320px and lower) */
@media (max-width: 20em) {
	.testimonials p {
		line-height: 1.28em;
	}

	.social a {
		margin-right: 0.3em;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 64em) {
	/* Large mobile screens 1024px and lower */

	.hero .subnav ul {
		margin-left: -40px;
	}
}