/* CSS Document */

body {
	font-size: 1.125rem;
}

.inner, .column, .columns, hero .hero-content, .section-title, .offerings ul, .offerings li, section.home-intro img, .local-plants .section-title .columns .column, .local-plants .title-intro .inner, body.projects .page-title, body.single-project .page-title, .page-description, .page-title .inner-content, .page-title.with-picture, .title-left, .entry, .entry-content, .entry-image {
	display: block;
	width: 100%;
	padding: 0;
}

.entry-image {
	margin: 0 0 3rem;
}

.title-image {
	position: static;
	width: 100vw;
  height: 60vw;
}

.page-title .inner-content {
	padding: 3rem 1rem;
}

hero .hero-content {
  position: static;
  padding: 3rem 1rem;
  text-shadow: none;
  background: var(--green);
  color: white;
}


.logo {
	width: 17.5rem;
}

nav, .inner, section.local-plants .columns {
	padding: 0 2.5%;
}

nav ul {
	display: none;
}

nav ul.visible {
	position: fixed;
	top: 7rem;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--darkgray);
	color: white;
	z-index: 1000;
	padding-top: 1rem;
}

nav ul.visible li {
	display: block;
	margin-right: 0;
	margin-bottom: .5rem;
	border-bottom: 1px solid white;
}

nav ul.visible li a {
	display: block;
	padding: .5rem 0;
	font-size: 1.5rem;
	text-transform: none;
	color: inherit;
}

nav > ul > li.search-link {
	display: none;
}

nav > ul > li.schedule-a-meeting, nav > ul > li.schedule-a-meeting a {
	display: none;
}

h1, hero h1 {
	font-size: 2.5rem;
	font-weight: 600;
}

hero p {
	font-weight: 500;
	color: var(--darkgray);
}

h2, h2.fancy {
	font-size: 2rem;
}

.pre-heading {
	font-size: .875rem;
}

.menu-toggle {
	display: block;
}

.menu-toggle svg, svg g, svg g g {
	overflow: visible;
}

@keyframes navToggle {
	from {transform: rotate(0deg); }
	to {transform: rotate(45deg); }
}

@keyframes navToggle2 {
	from {transform: rotate(0deg); }
	to {transform: rotate(-45deg); }
}

.menu-toggle.menu-open .bar2 {
	display: none;
}

.menu-toggle.menu-open .bar1 {
	animation-name: navToggle;
	transform-origin: 5% 0%;
	animation-duration: .25s;
	animation-fill-mode: forwards;
}

.menu-toggle.menu-open .bar3 {
	animation-name: navToggle2;
	transform-origin: 5% 100%;
	animation-duration: .25s;
	animation-fill-mode: forwards;
}




section {
	padding: 4rem 0;
}


.section-title {
	margin: 0 0 2rem;
}

.section-more {
	position: static;
	order: 3;
}

section.local-plants {
  background: url("../images/soil.png") left center / cover no-repeat var(--tan);
}

.plant-gallery .plant {
  width: 75vw;
}

.section-title .columns {
	color: white;
}

.local-plants .titles em {
	font-size: 1.75rem;
}

.local-plants .titles h2 {
	font-size: 1.75rem;
}

.local-plants p {
	margin: 0 0 3rem;
}


.offerings img {
	display: inline-block;
	padding: 0;
}

.offerings ul {
	margin-bottom: 2rem;
}

.offerings li {
	margin: 0 0 1rem;
	  display: flex;
  align-items: stretch;
}

.offerings li .icon {
  width: 25%;
  padding: 1rem 0;
	align-content: center;
}

.offerings li .content {
	text-align: left;
	width: 70%;
	align-content: center;
}

.offerings li p {
	display: none;
}

.offerings li h3 {
	color: white;
}



.home-intro-image img {
	margin: 0 0 3rem;
}



.footer-logo {
	margin: 0 auto;
}

footer .get-in-touch, footer .hours {
	width: 100%;
	text-align: center;
}

footer h2 {
	text-align: center;
}

.resources ul {
	min-width: auto;
}



/* interior pages /////// */

main {
	padding: 4rem 0;
}

.page-title h1 {
	margin: 0 0 2rem;
}

li:hover .overlay {
	background: transparent;
}

.overlay h2 {
	font-size: 1.25rem;
	display: none;
}