/*
Theme Name: Green New Deal
Theme URI: https://arsquared.com
Author: Green New Deal
Author URI: https://arsquared.com
Description: Custom Wordpress Theme
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: 
Text Domain: Green New Deal
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


/* Custom Styles Below */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, form input, form textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Define Custom Variables Here */
/* Default Variables */
/* main font family */
/* rgba color with opacity */
/* main width of wrapper */
/* sets text color for input fields */
/* Default Styles */
html {
  height: 100%;
}

body {
  height: 100%;
  font-family: futura-pt, sans-serif;
}

.bodyWrap {
  min-height: 100%;
  position: relative;
}

::selection {
  background: rgba(250, 175, 64, 0.6);
}

.wrap {
  width: 960px;
  margin: auto;
}

.clear {
  clear: both;
  width: 100%;
}

.full-width, #main-image, section.orange, .full-image, footer {
  width: 100%;
  min-width: 960px;
}

/* Convert px to rem */
.desktop {
  display: flex;
}

.mobile {
  display: none;
}

/* Float */
.left {
  float: left;
}

.right {
  float: right;
}

/* Text Align */
.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.textJust {
  text-align: justify;
}

/* Position */
.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/* Display */
.hide, .mobile {
  display: none;
}

.block, .desktop {
  display: block;
}

.inline {
  display: inline;
}

.inlineBlock {
  display: inline-block;
}

/* Font Weight */
.bold, strong {
  font-weight: bold;
}

.regular {
  font-weight: normal;
}

.italic, em {
  font-style: italic;
}

/* Responsive Element -- Good for making perfect squares or circles */
.element {
  position: relative;
}

.element:after {
  content: '';
  display: block;
  padding-top: 100%;
}

.response {
  color:#fff !important;
  margin-bottom: 20px !important;
}

/* Responsive Iframe, Object, Embed */
.videoContainer {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.videoContainer iframe, .videoContainer object, .videoContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Typography */
.content {
  color: #4D4D4F;
}

.content img.left {
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-left: -25px;
}

.content img.right {
  padding-left: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.content h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 50px;
  line-height: 3.125rem;
  font-family: whitman-display-compressed, serif;
  font-weight: 700;
  margin-bottom: 25px;
}

.content h2 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 41px;
  line-height: 2.5625rem;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  margin-bottom: 30px;
}

.content h2 span {
  font-family: sorts-mill-goudy, serif;
  font-style: italic;
  font-weight: 400;
}

.content h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 25px;
  line-height: 1.5625rem;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  margin-bottom: 30px;
}

.content h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  margin-bottom: 30px;
}

.content p, .content ul li {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 400;
  font-family: sorts-mill-goudy, serif;
  margin-bottom: 30px;
}
.content ul, .content ol {padding-left:25px; margin-bottom:30px; list-style:disc;}
.content ol {list-style:decimal;}
.content ul li {margin-bottom:0;}

.content p:last-child {
  margin-bottom: 0;
}

.content a {
  color: #FAAF40;
}

.content blockquote.wp-block-quote {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 10px solid #FAAF40;
  padding-left: 50px;
  background-image: url(./assets/images/quote-2.svg);
  background-repeat: no-repeat;
  background-position: 12px 0px;
}

.content blockquote.wp-block-quote p {
  font-style: italic;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 400;
  font-family: sorts-mill-goudy, serif;
  margin-bottom: 30px;
}

.content figure.wp-block-pullquote {
  box-sizing: border-box;
  border-left: 10px solid #FAAF40;
  padding-left: 50px;
  background-image: url("../images/quote-2.svg");
  background-repeat: no-repeat;
  background-position: 12px 5px;
}

.content figure.wp-block-pullquote p {
  font-style: italic;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px;
  line-height: 2rem;
}

a {
  text-decoration: none;
}

/* Input Styles */
form, form input, form textarea {
  box-sizing: border-box;
}

form input::-webkit-input-placeholder {
  color: rgba(77, 77, 79, 0.5);
}

form input:-moz-placeholder {
  color: rgba(77, 77, 79, 0.5);
  opacity: 1;
}

form input::-moz-placeholder {
  color: rgba(77, 77, 79, 0.5);
  opacity: 1;
}

form input:-ms-input-placeholder {
  color: rgba(77, 77, 79, 0.5);
}

form input:placeholder-shown {
  color: rgba(77, 77, 79, 0.5);
}

.flex, header#header nav ul, #main-image .wrap, .form form, .form form input, form .form input, .form form textarea, form .form textarea, section.orange .learn-more, article.news, article.news.main-article, article.news.main-article .top, article.story, article.story .top, .employees .employee .top, .full-image .wrap {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-noWrap {
  flex-wrap: nowrap;
}

.line-clamp {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.small-wrap {
  box-sizing: border-box;
  padding-left: 30px;
}

.small-wrap.smaller-wrap {
  padding-right: 30px;
}

header#header .logo {
  padding-top: 45px;
  max-width:522px;
}

header#header .logo img {
	width:100%;
}

header#header nav {
  height: 85px;
  align-items: center;
}

header#header nav ul {
  align-items: center;
  height: 100%;
}

header#header nav ul li {
  margin-right: 40px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  /*&:last-child {border:2px solid $orange; box-sizing:border-box; padding:8px 18px; box-shadow:0px 1px 3px rgba(0,0,0,.2); margin-right:0;
					&:hover {background:$orange; color:#fff;
						a {color:#fff;}
					}
				}*/
}

header#header nav ul li a {
  color: #4D4D4F;
}

header#header nav ul li a:hover {
  color: #FAAF40;
}

#main-image {
  height: 515px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#main-image .wrap {
  height: 100%;
}

#main-image span {
  display: inline-block;
  font-size: 32px;
  font-size: 2rem;
  line-height: 38px;
  line-height: 2.375rem;
  font-family: bebas-neue, sans-serif;
  color: #fff;
  margin-bottom: 25px;
}

#main-image .form {
  margin-bottom: 95px;
}

#main-image .form #mc_embed_signup_scroll {
  flex-wrap:wrap;
}

.form {
  width: 520px;
  margin-top: auto;
}

.form form, .form form input, form .form input, .form form textarea, form .form textarea {
  flex-wrap: wrap;
}

.form form input[type="text"], form .form input input[type="text"], form .form textarea input[type="text"] {
  height: 35px;
  box-sizing: border-box;
  padding: 0 15px;
  margin-bottom: 25px;
}

.form form input.email, form .form input input.email, form .form textarea input.email {
  width: 365px;
  margin-right: 20px;
}

.form form input.zip, form .form input input.zip, form .form textarea input.zip {
  width: 135px;
}

.form form input[type="submit"], form .form input input[type="submit"], form .form textarea input[type="submit"] {
  background: transparent;
  border: 2px solid #FAAF40;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
  text-transform: uppercase;
  font-weight: 500;
  box-sizing: border-box;
  padding: 4px 28px;
  color: #fff;
  cursor: pointer;
}

.form form input[type="submit"]:hover, form .form input input[type="submit"]:hover, form .form textarea input[type="submit"]:hover {
  background: #FAAF40;
}

section.sec {
  box-sizing: border-box;
  padding: 65px 0;
}

section.sec header.border {
  border-left: 15px solid #FAAF40;
  padding-left: 15px;
  margin-bottom: 35px;
}

section.sec header.border h1, section.sec header.border h2 {
  font-size: 84px;
  font-size: 5.25rem;
  line-height: 59px;
  line-height: 3.6875rem;
  font-family: bebas-neue, sans-serif;
  color: #4D4D4F;
}

section.sec header.border.small-heading h1 {
  margin-bottom: 10px;
}

section.sec header.border.small-heading h2 {
  font-size: 64px;
  font-size: 4rem;
  line-height: 59px;
  line-height: 3.6875rem;
}

section.sec.small-top {
  padding-top: 30px;
}

section.sec.no-top {
  padding-top: 0;
}

section.sec.no-bottom {
  padding-bottom: 0;
}

section.sec.light-gray {
  background: rgba(77, 77, 79, 0.1);
}

section.orange {
  border-top: 10px solid #FAAF40;
  background: rgba(250, 175, 64, 0.15);
  box-sizing: border-box;
  padding: 50px 0;
}

section.orange.solid {
  background: #FAAF40;
  border-top: 0;
  padding: 25px 0;
}

section.orange.solid h2 {
  color: #fff;
}

section.orange.solid.gray {
  background: #4D4D4F;
}

section.orange.solid.gray .form form input[type="submit"], form section.orange.solid.gray .form input input[type="submit"], form section.orange.solid.gray .form textarea input[type="submit"] {
  border-color: #FAAF40;
  color: #fff;
}

section.orange.solid.gray .form form input[type="submit"]:hover, form section.orange.solid.gray .form input input[type="submit"]:hover, form section.orange.solid.gray .form textarea input[type="submit"]:hover {
  background: #FAAF40;
}

section.orange.solid .form {
  width: 100%;
}

section.orange.solid .form h2 {
  font-family: bebas-neue, sans-serif;
  font-size: 32px;
  font-size: 2rem;
  line-height: 38px;
  line-height: 2.375rem;
  margin-bottom: 10px;
}

section.orange.solid .form form input[type="text"], form section.orange.solid .form input input[type="text"], form section.orange.solid .form textarea input[type="text"] {
  margin-bottom: 0;
}

section.orange.solid .form form input[type="submit"], form section.orange.solid .form input input[type="submit"], form section.orange.solid .form textarea input[type="submit"] {
  border-color: #4D4D4F;
  color: #fff;
  line-height: 23px;
  line-height: 1.4375rem;
  margin-left: 20px;
}

section.orange.solid .form form input[type="submit"]:hover, form section.orange.solid .form input input[type="submit"]:hover, form section.orange.solid .form textarea input[type="submit"]:hover {
  background: #4D4D4F;
}

section.orange .learn-more .text {
  margin-left: 40px;
}

section.orange .learn-more .text h2 {
  font-family: bebas-neue, sans-serif;
  font-size: 49px;
  font-size: 3.0625rem;
  line-height: 37px;
  line-height: 2.3125rem;
  color: #4D4D4F;
  margin-bottom: 10px;
}

section.orange .learn-more .text p {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 34px;
  line-height: 2.125rem;
  color: #4D4D4F;
  margin-bottom: 25px;
}

section.orange .learn-more .text a.more {
  border-color: #4D4D4F;
  box-shadow: none;
}

section.orange .learn-more .text a.more:hover {
  background: #4D4D4F;
}

section.orange .form form input[type="text"], form section.orange .form input input[type="text"], form section.orange .form textarea input[type="text"] {
  border: 1px solid #4D4D4F;
}

section.orange .form form input[type="submit"], form section.orange .form input input[type="submit"], form section.orange .form textarea input[type="submit"] {
  border-color: #4D4D4F;
  color: #4D4D4F;
}

.news-articles {
  margin-bottom: 50px;
}

.button-container {
  text-align: center;
}

a.more {
  color: #4D4D4F;
  display: inline-block;
  border: 2px solid #FAAF40;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
  text-transform: uppercase;
  font-weight: 600;
  box-sizing: border-box;
  padding: 4px 18px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

a.more:hover {
  background: #FAAF40;
  color: #fff;
}

a.load-more {
  color: #4D4D4F;
  display: inline-block;
  border-bottom: 2px solid #FAAF40;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
  text-transform: uppercase;
  font-weight: 600;
  box-sizing: border-box;
  padding: 4px 0px;
}

a.load-more:hover {
  color: #FAAF40;
}

article.news {
  flex-wrap: nowrap;
  margin-bottom: 30px;
  margin-right: 30px;
}

article.news .image {
  min-width: 350px;
  height: 175px;
}

article.news .image img {
  max-width: 100%;
}

article.news header {
  padding-left: 15px;
  border-left: 8px solid #FAAF40;
  align-self: flex-start;
  margin-left: -38px;
  background: #fff;
  padding-bottom: 8px;
}

article.news header h2 {
  font-family: whitman-display-compressed, serif;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 40px;
  line-height: 2.5rem;
  color: #4D4D4F;
  font-weight: 700;
}

article.news a {
  color: #4D4D4F;
}

article.news a:hover {
  color: #FAAF40;
}

article.news .text {
  margin-left: 15px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #4D4D4F;
}

article.news:hover a {
  color: #FAAF40;
}

article.news.main-article {
  flex-wrap: wrap;
  margin-bottom: 45px;
}

article.news.main-article .top {
  margin-bottom: 20px;
  width: 100%;
}

article.news.main-article .top .image {
  min-width: 500px;
  height: 250px;
}

article.news.main-article .top header {
  margin-left: 0;
  padding-bottom: 0;
}

article.news.main-article .top header h2 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 50px;
  line-height: 3.125rem;
}

article.news.main-article .top .line-clamp {
  -webkit-line-clamp: 5;
}

article.news.main-article p {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  color: #4D4D4F;
  margin-left: 30px;
}

article.news.main-article p:last-child {
  margin-bottom: 0;
}

article.story {
  flex-wrap: wrap;
  margin-bottom: 50px;
}

article.story .top {
  width: 100%;
  margin-bottom: 30px;
}

article.story .top .image {
  min-width: 650px;
  height: 277px;
  align-self: flex-start;
}

article.story .top .image img {
  max-width: 100%;
}

article.story .top header {
  width: calc(100% + 225px);
  margin-left: -225px;
  padding-left: 20px;
  border-left: 8px solid #FAAF40;
  align-self: flex-end;
  background: #fff;
  padding-top: 15px;
}

article.story .top header h2 {
  font-size: 89px;
  font-size: 5.5625rem;
  line-height: 82px;
  line-height: 5.125rem;
  font-family: bebas-neue, sans-serif;
  color: #4D4D4F;
}

article.story .top header a {
  color: #4D4D4F;
}

article.story .top header a:hover {
  color: #FAAF40;
}

article.story .text {
  margin-left: 30px;
  margin-right: 30px;
}

article.story .text p {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 34px;
  line-height: 2.125rem;
  color: #4D4D4F;
  font-weight: 500;
  margin-bottom: 25px;
}

article.story:nth-child(even) .image {
  order: 2;
  align-self: flex-end;
}

article.story:nth-child(even) header {
  order: 1;
  position: relative;
  text-align: right;
  margin-left: auto;
  margin-right: -225px;
  padding-left: 0px;
  border-left: 0px solid #FAAF40;
  padding-right: 20px;
  border-right: 8px solid #FAAF40;
  align-self: flex-end;
}

article.story .read-more {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: futura-pt-bold, sans-serif;
  color: #4D4D4F;
  border-bottom: 2px solid #FAAF40;
}

article.story .read-more:hover {
  color: #FAAF40;
}

.news-articles article.news header h3 {
  font-family: whitman-display-compressed, serif;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 40px;
  line-height: 2.5rem;
  color: #4D4D4F;
  font-weight: 700;
}

.stories-articles article.story header h3 {
  font-size: 89px;
  font-size: 5.5625rem;
  line-height: 82px;
  line-height: 5.125rem;
  font-family: bebas-neue, sans-serif;
  color: #4D4D4F;
}

.employees .employee .top .image {
  width: 150px;
  height: 150px;
  background: #FAAF40;
  margin-right: 30px;
  margin-bottom: 20px;
}

.employees .employee .top h2 {
  margin-bottom: 5px;
}

.employees .employee .top h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 40px;
  line-height: 2.5rem;
  font-weight: 300;
}

#news {
  padding-top: 10px;
}

#updates header.border {
  margin-bottom: 10px;
}

#updates .content {
  max-width: 600px;
}

#updates .content h2 {
  font-size: 64px;
  font-size: 4rem;
  line-height: 60px;
  line-height: 3.75rem;
  font-family: bebas-neue, sans-serif;
  margin-bottom: 30px;
}

#updates .content p {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-weight: 600;
}

.full-image {
  height: 515px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.full-image .wrap {
  height: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  z-index: 99;
}

.video-container {
  margin-bottom: 50px;
}

footer {
  background: #4D4D4F;
  box-sizing: border-box;
  padding: 60px 0;
}

footer .logo {
  margin-bottom: 30px;
  max-width:368px;
}
footer .logo img {
	width:100%;
}

footer nav ul li {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 34px;
  line-height: 2.125rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px;
  /*&:last-child {
					a {border:2px solid #fff; box-sizing:border-box; padding:4px 18px;
						&:hover {background:#fff; color:$gray;}
					}
				}*/
}

footer nav ul li a {
  color: #fff;
  display: inline-block;
}

footer nav ul li a:hover {
  color: #FAAF40;
}

footer span.sponsor {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 25px;
  line-height: 1.5625rem;
  font-weight: 400;
  font-style: italic;
  color: #fff;
  font-family: futura-pt, sans-serif;
}

.cover {
  display: none;
}


path:hover {
	stroke-width: 2px !important;
	stroke: rgb(77, 77, 79) !important;
}

div.tooltip {
	position: absolute;           
	text-align: center;           
	width: 60px;                  
	height: 28px;                 
	padding: 2px;             
	font: 12px sans-serif;        
	background: white;   
	border: 0px;      
	border-radius: 8px;           
	pointer-events: none;
}

div.tooltip:after {
	content:'';
	width:0;
	height:0;
	border-left:13px solid transparent;
	border-right:13px solid transparent;
	border-top:23px solid rgba(256,256,256,.9);
	position:absolute;
	bottom:-23px;
	left:50%;
	transform:translateX(-50%);
}

div.tooltip h2, .stateContent h2 {font-size:22px; line-height:29px; text-transform:uppercase; border-bottom:2px solid #4D4D4F; padding-bottom:8px; margin-bottom:10px; font-weight:700;}
.stateContent h2 {padding-right:30px;}
div.tooltip .container h3, .stateContent h3 {font-family: futura-pt, sans-serif; text-transform:uppercase; font-size:22px; line-height:29px; font-weight:600; margin-bottom:0;}
div.tooltip .container p, .stateContent p {margin-bottom:0; font-family: sorts-mill-goudy, serif; font-size:18px; line-height:28px; font-style:italic;}
div.tooltip .container p strong, .stateContent p strong {font-family: futura-pt, sans-serif; font-size:18px; line-height:23px; font-style:normal;}
div.tooltip .container hr, .stateContent hr {margin:10px 0 15px; border:0; border-bottom:1px solid #4D4D4F;}

#mapContainer {display:flex; align-items:center; justify-content:center; min-height:200px; }
#loader {position: absolute;}


.mobileStateContent {display:none; position:absolute; background:rgba(256,256,256,.9); box-sizing:border-box; padding:20px; transform:translate(-50%, -50%); top:50%; left:50%; box-shadow:0px 3px 6px rgba(0,0,0,.2); z-index: 9999}
.fa-times-circle {position:absolute; top:10px; right:10px; font-size:25px;}

/* Mobile Styles */
@media screen and (max-width: 960px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  /* Turns "Stacked" Text Into One Line */
  .linebreak br {
    content: ' ';
  }
  .linebreak br:after {
    content: ' ';
  }
  .full-width, #main-image, section.orange, .full-image, footer {
    min-width: 100%;
  }
  .wrap {
    width: 100%;
  }
  header#header .wrap {
    padding: 0 20px;
  }
  header#header .logo img {
  	width:100%;
    max-width: 100%;
  }
  #main-image span {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
  }
  .content img {
    max-width: 100%;
  }
  .content img.left, .content img.right {
    margin-left: 0;
  }
  .content-wrap {
    width: 90%;
    margin: auto;
  }
  .full-image {
    height: 280px;
  }
  .full-image .wrap.desktop {
    display: none;
  }
  article.news {
    flex-wrap: wrap;
    margin-right: 0;
  }
  article.news .image {
    width: 100%;
    height: auto;
  }
  article.news .image img {
    width: 100%;
    max-width: auto;
    display: block;
  }
  article.news header {
    margin-left: 0;
  }
  article.news header h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
  article.news p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
  article.news .text {
    margin-left: 20px;
  }
  article.news.main-article .top {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  article.news.main-article .top header {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  article.news.main-article .top header h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
  article.news.main-article p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
    margin-left: 20px;
  }
  article.news .text-container {
    box-sizing: border-box;
    padding-right: 20px;
  }
  article.news .text-container header {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .news-articles article.news header h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
  .news-articles article.news header p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
  section.orange .learn-more {
    display: flex;
    flex-wrap: wrap;
  }
  section.orange .learn-more .logo {
    margin-left: 20px;
    margin-bottom: 20px;
  }
  section.orange .learn-more .text {
    margin: 0 20px;
  }
  section.orange .learn-more .text h2 {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 50px;
    line-height: 3.125rem;
  }
  section.orange .learn-more .text p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
  section.orange .form {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  section.orange .form form, section.orange .form form input, form section.orange .form input, section.orange .form form textarea, form section.orange .form textarea {
    flex-direction: column;
  }
  section.orange .form form input[type="submit"], form section.orange .form input input[type="submit"], form section.orange .form textarea input[type="submit"] {
    box-sizing: border-box;
    margin-left: 0;
  }
  section.orange.solid #mc_embed_signup_scroll {
    flex-direction:column;
  }
  section.orange.solid #mc_embed_signup_scroll input {margin-bottom:20px;}
  section.orange.solid #mc_embed_signup_scroll input[type="submit"] {margin-bottom:0;}
  section.orange.solid .form h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
  }
  section.orange.solid .form form input[type="submit"], form section.orange.solid .form input input[type="submit"], form section.orange.solid .form textarea input[type="submit"] {
    margin-left: 0;
  }
  .stories-articles article.story .top {
    display: flex;
    flex-wrap: wrap;
  }
  .stories-articles article.story .top header {
    margin-left: 0;
    padding-right: 20px;
  }
  .stories-articles article.story .top header h3 {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 43px;
    line-height: 2.6875rem;
  }
  .stories-articles article.story .top .image {
    min-width: 100%;
    width: 100%;
    height: auto;
  }
  .stories-articles article.story .top .image img {
    display: block;
  }
  .stories-articles article.story .text p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
  .stories-articles article.story:nth-child(even) .top header {
    order: 2;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 8px solid #FAAF40;
    border-right: 0;
    align-self: flex-start;
    text-align: left;
    margin-right: 0;
  }
  .stories-articles article.story:nth-child(even) .top .image {
    order: 1;
  }
  .case-study .content {
    padding: 0 20px;
  }
  .case-study .content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
  .case-study-header header h1 {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 50px;
    line-height: 3.125rem;
  }
  .about-us .wrap {
    padding: 0 20px;
  }
  .about-us .logo.left {
    margin-left: -12px;
  }
  .about-us .content h2 {
    clear: both;
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 43px;
    line-height: 2.6875rem;
  }
  .about-us .content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
  .employees .employee .top {
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .employees .employee .top .text h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
  #updates .wrap.small-wrap {
    padding: 0 20px;
  }
  #updates .content h2 {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 45px;
    line-height: 2.8125rem;
  }
  .article .wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .article .content.small-wrap.smaller-wrap {
    padding-right: 20px;
  }
  .article .content .main-image .image-container {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .article .content .main-image .image-container img {
    max-width: 100%;
  }
  .article .content .main-image p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
  .article .content img {
    max-width: 100%;
    box-sizing: border-box;
  }
  .article .content img.right {
    padding-right: 20px;
    margin-right: 0;
    float: left;
    padding-left: 0;
  }
  .article .content h1 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 32px;
    line-height: 2rem;
  }
  .article .content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
  .article .content blockquote.wp-block-quote p {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
  .article .content figure.wp-block-pullquote p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
  footer .wrap {
    padding: 0 20px;
    box-sizing: border-box;
  }
  footer .logo {
  	max-width:270px;
  }
  footer nav ul li {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}

@media screen and (max-width: 780px) {
  .mobileStateContent {width:80%;}
  .form form input.email, form .form input input.email, form .form textarea input.email {width:100%; margin-right:0;}
  #map {position:relative;}
  header#header .logo {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  header#header nav {
    display: none;
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid;
  }
  header#header nav ul {
    display: flex;
    flex-direction: column;
  }
  header#header nav ul li {
    padding: 10px 0;
    margin-right: 0;
  }
  header#header .nav-wrap {
    display: flex;
    align-items: center;
  }
  #main-image .form {
    width: auto;
    max-width: 520px;
    padding: 0 20px;
  }
  #main-image .form form, #main-image .form form input, form #main-image .form input, #main-image .form form textarea, form #main-image .form textarea {
    flex-direction: column;
  }
  #main-image .form #mc_embed_signup_scroll {
    flex-direction:column;
  }
  .small-wrap {
    padding-left: 0;
  }
  /* Use the variables below to create a unique hamburger */
  .cover {
    display: block;
    z-index: 999;
    width: 40px;
    min-width: 40px;
    height: 29px;
    cursor: pointer;
    margin-left: auto;
    padding-left: 100px;
  }
  .cover:hover .line, .cover:hover .line:before, .cover:hover .line:after {
    background: #000;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .cover.open .line, .cover.open .line:before, .cover.open .line:after {
    background: #000;
  }
  .line {
    border-radius: 0px;
    width: 40px;
    height: 5px;
    background: #000;
    top: 12px;
    position: relative;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .line:before {
    border-radius: 0px;
    width: 40px;
    height: 5px;
    background-color: #000;
    top: -12px;
    content: '';
    left: 0;
    position: absolute;
  }
  .line:after {
    border-radius: 0px;
    width: 40px;
    height: 5px;
    background-color: #000;
    top: 12px;
    content: '';
    left: 0;
    position: absolute;
  }
  .line.animate {
    -webkit-animation: mymove3 0.2s forwards;
    -moz-animation: mymove3 0.2s forwards;
    -o-animation: mymove3 0.2s forwards;
    animation: mymove3 0.2s forwards;
  }
  .line.animate:before {
    -webkit-animation: mymove 0.5s forwards;
    -moz-animation: mymove 0.5s forwards;
    -o-animation: mymove 0.5s forwards;
    animation: mymove 0.5s forwards;
  }
  .line.animate:after {
    -webkit-animation: mymove2 0.5s forwards;
    -moz-animation: mymove2 0.5s forwards;
    -o-animation: mymove2 0.5s forwards;
    animation: mymove2 0.5s forwards;
  }
  .line.reverse {
    -webkit-animation: mymove6 0.2s forwards;
    -moz-animation: mymove6 0.2s forwards;
    -o-animation: mymove6 0.2s forwards;
    animation: mymove6 0.2s forwards;
  }
  .line.reverse:before {
    -webkit-animation: mymove4 0.5s forwards;
    -moz-animation: mymove4 0.5s forwards;
    -o-animation: mymove4 0.5s forwards;
    animation: mymove4 0.5s forwards;
  }
  .line.reverse:after {
    -webkit-animation: mymove5 0.5s forwards;
    -moz-animation: mymove5 0.5s forwards;
    -o-animation: mymove5 0.5s forwards;
    animation: mymove5 0.5s forwards;
  }
  @keyframes mymove {
    0% {
      top: -12px;
    }
    50% {
      top: 0;
    }
    51% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
    }
    100% {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      top: 0;
    }
  }
  @keyframes mymove2 {
    0% {
      top: 12px;
    }
    50% {
      top: 0;
    }
    51% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
    }
    100% {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      top: 0;
    }
  }
  @keyframes mymove3 {
    99% {
      width: 40px;
    }
    100% {
      width: 0px;
    }
  }
  @keyframes mymove4 {
    0% {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      top: 0;
    }
    50% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
    }
    51% {
      top: 0;
    }
    100% {
      top: -12px;
    }
  }
  @keyframes mymove5 {
    0% {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      top: 0;
    }
    50% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
    }
    51% {
      top: 0;
    }
    100% {
      top: 12px;
    }
  }
  @keyframes mymove6 {
    0% {
      width: 0px;
    }
    99% {
      width: 0px;
    }
    100% {
      width: 40px;
    }
  }
  @-webkit-keyframes mymove {
    0% {
      top: -12px;
    }
    50% {
      top: 0;
    }
    51% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
    }
    100% {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      top: 0;
    }
  }
  @-webkit-keyframes mymove2 {
    0% {
      top: 12px;
    }
    50% {
      top: 0;
    }
    51% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
    }
    100% {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      top: 0;
    }
  }
  @-webkit-keyframes mymove3 {
    99% {
      width: 40px;
    }
    100% {
      width: 0px;
    }
  }
  @-webkit-keyframes mymove4 {
    0% {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      top: 0;
    }
    50% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
    }
    51% {
      top: 0;
    }
    100% {
      top: -12px;
    }
  }
  @-webkit-keyframes mymove5 {
    0% {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      top: 0;
    }
    50% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
    }
    51% {
      top: 0;
    }
    100% {
      top: 12px;
    }
  }
  @-webkit-keyframes mymove6 {
    0% {
      width: 0px;
    }
    99% {
      width: 0px;
    }
    100% {
      width: 40px;
    }
  }
}