/*
Theme Name: CO2 Coalition
Description: Wordpress Theme Designed for Herzog Lion.
Author: Drogin Group
Version: 1.0
*/

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body {
	height: 100%;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0;
}
ol {
	margin: 0 0 10px 1.5em
}
ul {
	margin: 0 0 10px 1.5em
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
/* Preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 999999;
	height: 100vh;
	width: 100%;
}
html {
	max-width: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;
}
body {
	background: none repeat scroll 0 0 #FFFFFF;
}
html, body, input, textarea {
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.48em;
	color: #333;
}
a {
	color: #5DA600;
	font-weight: 400;
	outline: medium none;
	text-decoration: none;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	text-decoration:underline;
}

a.button, #navigation a, #navWidgetArea a, h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration:none;}
a:hover {
	color: #A1CB6B;
	text-decoration: underline;
}
.clear {
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
iframe {
	max-width: 100%;
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.1em;
	padding-bottom: 0.45em;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.17em;
}
h4 {
	font-size: 1.12em;
}
h5 {
	font-size: .83em;
}
h6 {
	font-size: .75em;
}
p {
	margin-bottom: 1.5em;
}
ul {
	margin-bottom: 1.5em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
ins {
	text-decoration: none;
}
pre {
	background-color: #F5F5F5;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	display: block;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 10px;
	padding: 9.5px;
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}
sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 0.8em;
}
sub {
	top: 0.3em;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: bold;
}
dd {
	margin-left: 1.5em;
}
hr {
	background: none repeat scroll 0 0 #D8D8D8;
	border: medium none;
	clear: both;
	height: 1px;
	margin: 12px 0;
}
blockquote {
	margin: 0 0 1.35em;
	padding: 0;
	position: relative;
}
blockquote::before {
	content: '';
	position: absolute;
	height: 100%;
	left: -.75em;
	border-left: 2px solid #A1CB6B;
}
blockquote p {
	font-style: italic;
	font-weight: normal;
	font-size: 1.222rem;
	line-height: 1.30em;
	color: #666666;
	margin-bottom: 1.35em;
}
blockquote cite {
	color: #005eb6;
	display: block;
}
input[type="text"], input[type="email"], input[type="tel"], input.text, input.title, textarea, select {
	background: #FFFFFF;
	border-radius: 38px;
	border: none;
	height: 53px;
	line-height: 53px;
	font-style: normal;
	font-weight: bold;
	font-size: 1.294rem;
	color: #666666;
	padding: 0px 1em;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
}
input[type=text]:focus, input[type="email"]:focus, input[type="tel"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
	border: none;
}
input[type="submit"], button, .button {
	background: #7CAB40;
	border-radius: 53px;
	display: inline-block;
	height: 53px;
	line-height: 53px;
	max-width: 100%;
	padding: 0 0.695em;
	text-align: center;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	width: auto;
	cursor: pointer;
	border: none;
	font-style: normal;
	font-weight: 800;
	font-size: 1.47rem;
	color: #FFFFFF;
}
.button.inactive {
	opacity: .2;
	pointer-events: none;
}
.button.orange {
	background: #E37F23
}
.button.hollow.white {
	background: none;
	border: 2px solid #FFFFFF;
	line-height: 49px;
}
.button sub {
	font-size: .64em;
	top: 0em;
}
.button.sml {
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
}
.button.tiny {
	height: 42px;
	line-height: 42px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50px;
	font-weight: 600;
	font-size: 1.0588rem;
	padding: 0 0.91em;
}
.button.tiny.hollow {
	line-height: 38px;
}
.button.highlight {
	background: #C72727;
}
input[type="submit"]:hover, button:hover, input[type="submit"]:focus, button:focus, .button:hover {
	background: #222;
	color: #fff;
	text-decoration: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
.screen-reader-text {
	text-indent: -9999px;
	display: none
}
table {
	background: none repeat scroll 0 0 #EEEEEE;
	border-collapse: separate;
}
table th {
	background: none repeat scroll 0 0 #F6F6F6;
	font-weight: 700;
	padding: 5px 10px;
	text-align: left;
}
table td {
	background: #fff;
	padding: 5px 10px;
}
/*------------------------------------------------*/
/*-------------------[TYPOGRAPHY]-----------------*/
/*------------------------------------------------*/
.row {
	margin: 0 -20px;
}
.row > * {
	padding-left: 20px;
	padding-right: 20px;
}
.highlight, .text-highlight {
	color: #7CAB40 !important;
}
.text-fern {
	color: #437326;
}
.text-green {
	color: #A1CB6B
}
.bg-highlight {
	background-color: #7CAB40 !important
}
.text-right {
	text-align: right
}
.font19 {
	font-size: 1.117rem;
	line-height: 1.58em;
}
.font21 {
	line-height: 1.58em;
	font-size: 1.235rem;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.flex.reverse {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#searchsubmit {
	font-family: "Font Awesome 5 Free";
}
.font24 {
	font-size: 1.2rem;
	line-height: 1.74em;
}
.text-blue {
	color: #A1CB6B;
}
/*------------------------------------------------*/
/*--------------------[IMAGES]--------------------*/
/*------------------------------------------------*/
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 6px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
/*------------------------------------------------*/
/*------------------[GRAVITY FORMS]---------------*/
/*------------------------------------------------*/
.gform_wrapper {
	position: relative
}
ul.gform_fields {
	margin: 0 -8px;
	position: relative;
	padding: 0;
	list-style: none;
}
ul.gform_fields:after, ul.gform_fields:before {
	content: " ";
	display: table;
	clear: both;
}
ul.gform_fields > li.gfield {
	position: relative;
	min-height: 1px;
	padding-right: 8px;
	padding-left: 8px;
	float: left;
	width: 50%;
	padding-bottom: 15px;
	position: relative
}
ul.gform_fields > li.gfield.fullwidth {
	width: 100%
}
ul.gform_fields > li.gfield input[type="text"] {
	width: 100%
}
ul.gform_fields > li.gfield textarea {
	width: 100%;
	height: 120px;
}
.gform_footer img {
	position: absolute
}
.validation_error {
	display: none;
}
.gfield_description.validation_message {
	font-size: 0.7em;
	line-height: 1em;
	position: absolute;
	color: #ff0000;
	bottom: 16px;
	right: 20px;
}
.gfield_label {
	line-height: 53px;
	font-style: normal;
	font-weight: 400;
	font-size: 1.294rem;
	color: #666666;
	position: absolute;
	left: 1.5rem;
	top: 0;
}
.gfield.toggle-label .gfield_label {
	font-size: 11px;
	line-height: 1.4em;
	letter-spacing: -0.02em;
	top: 2px;
}
.errorMessages {
	margin: 0;
	padding: 0;
	list-style: none;
}
/*------------------------------------------------*/
/*-------------------[STRUCTURE]------------------*/
/*------------------------------------------------*/
.container {
	position: relative;
	max-width: 1280px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 9;
}
.wrapper:after, .container:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*------------------------------------------------*/
/*----------------------[HEADER]------------------*/
/*------------------------------------------------*/
#header {
 padding: 0 .95rem 0 0.95rem;
	justify-content: space-between;
	align-items: center;
	position: relative;
	background: #2F5F12; z-index:99;
	position: fixed; width:100%; left:0; top:0;
}
#header.headroom--not-top{
	position: fixed;
	right: 0;
	left: 0;
	top: 0;

}
.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0;
  }
  
.headroom {
	transition: transform 0.25s ease-in-out;
	will-change: transform;
  }
  .headroom--pinned {
	transform: translateY(0);
  }
  .headroom--unpinned {
	transform: translateY(-100%);
  }
#headerLeft {
	align-items: center;
	width: 28%;
}
#headerRight {
	width: 28%;
	justify-content: flex-end;
}
#logo {
	width: 89px;
}
#headerSocial {
	font-size: 1.352rem;
	line-height: 1.130em;
	padding-left: 1.95rem;
}
#headerSocial a {
	color: #FFFFFF;
	display: inline-block;
	margin-right: 0.13em;
}
#headerSearch, #footerSearch {
	max-width: 240px;
	position: relative;
	margin-left: 0.5rem;
}
#headerSearch input[type="text"], #footerSearch input[type="text"] {
	display: block;
	width: 100%;
	background: rgba(243, 243, 243, 0.2);
	border-radius: 60px;
	font-size: 1.05rem;
	font-weight: 400;
	color: #FFFFFF;
	padding-left: 50px;
}
#headerSearch input[type="text"]::-webkit-input-placeholder, #footerSearch input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff; opacity:1;
}
#headerSearch input[type="text"]::-moz-placeholder, #footerSearch input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #fff; opacity:1;
}
#headerSearch input[type="text"]:-ms-input-placeholder, #footerSearch input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #fff; opacity:1;
}
#headerSearch input[type="text"]:-moz-placeholder, #footerSearch input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #fff; opacity:1;
}
#headerSearch #searchsubmit, #footerSearch #searchsubmit {
	position: absolute;
	background: none;
	padding: 0;
	font-size: 1.294rem;
	color: #FFFFFF;
	left: 0;
	top: 0;
	width: 53px;
}
#headerBtns {
	position: relative
}
#headerBtns > .button {
	margin-left: 0.25em;
	height: 41px;
	line-height: 41px;
	font-size: 1.055rem;
	padding: 0 0.8em;
}
#headerBtns > .button.hollow{
	line-height: 38px;
}
#headerBtns > .button:first-child {
	margin-left: 0
}
#navigation {
	position: relative;
	padding: 0 1rem;
	width: 50%;
	flex-grow: 1;
	text-align: center;
}
#navigation ul.desktopMenu {
	margin: 0;
	padding: 0;
	list-style: none
}
#navigation ul.desktopMenu > li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.65em;
	position: relative;
}
#navigation ul.desktopMenu > li > a {
	font-weight: bold;
	font-size: 1.235rem;
	line-height: 81px;
	color: #FFFFFF;
	position: relative;
	display: block;
}
#navigation ul.desktopMenu > li:hover > a {
	text-decoration: none;
	color: #A1CB6B
}
#navigation ul.desktopMenu > li.current-menu-item > a {
	text-decoration: none;
	color: #A1CB6B;
}
#navigation ul.desktopMenu > li.menu-item-has-children > a::after {
	content: '\f0d7';
	font-family: "Font Awesome 5 Free";
	color: #7CAB40;
	font-weight: 700;
	font-size: .91em;
	margin-left: 0.2em;
}
#navigation ul.desktopMenu > li > ul {
	position: absolute;
	width: 180px;
	display: none;
	left: 0;
	background: #7CAB40;
	list-style: none;
	margin: 0;
	z-index: 99;
}
#navigation ul.desktopMenu > li > ul > li {
	border-bottom: solid 1px rgba(255,255,255,0.1)
}
#navigation ul.desktopMenu > li > ul > li > a {
	display: block;
	padding: 8px 16px;
	font-weight: 700;
	font-size: 1.1rem;
	color: #fff;
	text-align: left;
	line-height: 1.2em;
}
/*------------------------------------------------*/
/*-------------------[PAGE BANNER]----------------*/
/*------------------------------------------------*/
#banner {
	padding: 8.7rem 0 5rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#banner video {
    object-fit: cover;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
#banner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #FFFFFF 39.75%, rgba(255, 255, 255, 0) 85.76%);
}
#banner .container {
	max-width: 840px
}
.bannerTitle {
	font-weight: 800;
	font-size: 3.9411rem;
	line-height: .970em;
	color: #437326;
	padding: 0;
}
.bannerTitle sub {
	font-size: .522em;
	top: 0em;
}
.bannerTxt {
	padding-top: .95em;
	font-size: 1.294rem;
	line-height: 1.23em;
	color: #333333;
}
.bannerLogo {
	margin-bottom: 1.7rem;
}
.bannerBtn {
	padding-top: 1.55rem;
}
.bannerBtn .button {
	padding: 0 1.2em;
}
/*------------------------------------------------*/
/*--------------------[ABOUT PAGE]----------------*/
/*------------------------------------------------*/
body#page-about #banner {
	padding: 13.95rem 0 4.85rem;
}
body#page-about #banner::before {
	background: linear-gradient(1.54deg, #FFFFFF 34.34%, rgba(255, 255, 255, 0) 82.76%);
	z-index: 9;
}
.section {
	padding: 4.6rem 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
.section p {
	line-height: 1.58em;
}
.sectionTitle {
	font-weight: 800;
	font-size: 3rem;
	line-height: 1.27em;
	padding-bottom: 0.07em;
}
.sectionTitle.sml {
	font-size: 2.705rem;
}
.sectionTitle.big {
	font-size: 3.52rem
}
#about-about {
	padding-bottom: 4.95rem;
	position: relative;
	background-color: #1B4B00;
	color: #fff;
}
#about-about:before, #about-about:after {
	content: '';
	position: absolute;
	width: 71%;
	height: 100%;
	right: 0;
	top: 0;
	background-image: url(images/bg_about_about.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-color: #1B4B00;
}
#about-about:after {
	background: linear-gradient(90deg, #1B4B00 29.88%, rgba(27, 75, 0, 0) 88.4%);
	width: 100%;
	left: 0;
}
@media(max-width:767px) {
#about-about {
	padding-top: 50vw;
}
#about-about:before, #about-about:after {
	height: 45vw;
	width: 100%;
}
#about-about:after {
	background: linear-gradient(0deg, #1B4B00 0, rgba(0, 0, 0, 0) 53.19%);
}
}
#about-about .row {
	margin: 0;
}
#about-about .row .col {
	padding: 0;
}
.aboutAddress {
	font-size: 1.294rem;
	line-height: 1.21em;
	padding-top: 0.1em;
}
.aboutAddress a {
	display: inline-block;
	vertical-align: top;
	margin-top: 0.6em;
	text-decoration: underline;
	text-decoration-style: solid;
}
#about-leadership {
	padding: 2.75rem 0 9.35rem;
	color: #fff;
	background: #3D4351;
}
.teamCategoryBx {
	padding: 1.5rem 0 1.5rem;
	position: relative;
}
.teamCategoryName {
	font-weight: 800;
	font-size: 1.88rem;
	line-height: 1.2em;
	padding-bottom: 0.4em;
}
.teamCategoryName sub {
	font-size: .6875em;
	top: 0;
}
.lightbox {
	display: none;
	max-width: 1200px;
	margin: 0 auto;
	background: rgba(61,67,81, 0.8);
	color: #fff;
}
.lightbox p {
font-size:.95rem;
	line-height: 1.28em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.fanncybox-bg {
	background: #3D4351;
}
.teamMembers.flex.row {
	text-align: center;
	flex-wrap: wrap;
	justify-content: center;
 padding-top: .72rem;
}
.teamMembers.flex.row .col {
	padding-top: 1.05rem;
}
.teamMemberBx {
	min-height: 82px
}
.teamName, .teamEducation {
	font-weight: 800;
	font-size: 1.411rem;
	line-height: 1em;
	padding: 0;
}
.teamEducation {
	font-weight: 400;
	padding-top: 2px;
}
.teamBioLink {
	padding-top: 0.25em;
	font-weight: bold;
	font-size: 1.294rem;
	line-height: 1.2em;
}
.teamBioLink a {
	color: #A1CB6B;
}
.teamImgBx {
	max-width: 200px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
 margin-bottom: .9rem;
}
.teamImg {
	width: 100%;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 100%;
}
/*------------------------------------------------*/
/*----------------------[SIGNUP]------------------*/
/*------------------------------------------------*/
#signup {
	padding: 2.8rem 0 0.25rem;
	position: relative;
	background: #f3f3f3;
}
#signup .container {
	max-width: 1240px
}
.signupBx {
 padding: 1.25rem 1.9rem .88rem;
	position: relative;
	background: #2F5F12;
	border-radius: 24px;
}
.signupTitle {
	text-align: center;
	font-weight: 800;
	font-size: 2.117rem;
	line-height: 1.25em;
	color: #fff;
}
.signupTitle span {
	color: #A1CB6B;
}
.signupForm .gform_footer {
	width: 182px;
}
.signupForm .gform_footer .button {
	padding: 0 10px;
	width: 100%;
}
.signupForm .gform_body {
	flex-grow: 1;
	width: 50%;
	padding-right: 16px;
}
ul.gform_fields > li.gfield.signupName {
	width: 25%;
}
ul.gform_fields > li.gfield.signupEmail {
	width: 28%;
}
ul.gform_fields > li.gfield.signupPhone {
	width: 22%;
}
/*------------------------------------------------*/
/*-----------------[NAVIGATION LIST]--------------*/
/*------------------------------------------------*/
#navWidgetArea {
	padding: 2.75rem 0 2.4rem;
	position: relative;
	background: #f3f3f3;
}
#navWidgetArea .row {
	display: flex;
	justify-content: space-between;
	text-align: center
}
.navWidget {
	position: relative;
}
.navWidget ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.352rem;
	line-height: 1.61em;
	color: #333333;
}
.navWidget ul.menu > li {
	display: block
}
.navWidget ul.menu > li > a {
	color: #333333;
}
.navWidget ul.menu > li:first-child > a {
	font-weight: 700
}
/*------------------------------------------------*/
/*------------------[PUBLICATIONS]----------------*/
/*------------------------------------------------*/
body#single-publications #banner {
	padding: 7.36rem 0 2rem
}
#main.cpt-single-main {
	background: #3D4351;
}
#main {
	padding: 1.7rem 0;
	position: relative;
}
body.single #main .container {
	max-width: 1040px;
}
.postBx {
	background: #FFFFFF;
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
}
.postBxCategories {
	padding: 5px 1rem;
	text-align: center;
	font-weight: 500;
 font-size: .823rem;
	line-height: 1.07em;
	letter-spacing: 0.02em;
	color: #666666;
	background: #F3F3F3;
	height: 49px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.postBxCategories a {
	color: #666666;
}
.postBxCategories sub {
	font-size: .6875em;
	top: 0;
	margin-right: .3em;
}
.postBxCategories span.featured-term {
	font-weight: 700;
	color: #7CAB40;
	display: inline-block;
}
.postBx .entry {
	padding: 25px;
	max-width: 864px;
	margin: 0 auto;
	padding-bottom: 4.5rem;
}
.entry-tags {
	padding-bottom: 2rem;
	color: #333;
	font-style: italic;
}
.entry-tags a{color: #333;}
.postBxImg {
	width: 100%;
	padding-top: 42.1%;
	border-radius: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.postDownloadBtn {
	text-align: center;
	margin-top: 2.25em;
}
#single-publications .postDownloadBtn{margin-bottom:2em}
.postBxContent {
	margin-top: 2.3rem;
}
.postBxImg + .postDownloadBtn {
	margin-top: -26px;
}
.postBxHead {
	max-width: 680px;
	margin: 0 auto;
 padding-bottom: .9rem;
}
.postBxDate {
	font-weight: 600;
 font-size: .8823rem;
	line-height: 1.5em;
	letter-spacing: 0.06em;
	color: #666666;
	padding-bottom: 0.75em;
}
.postBxTitle {
	font-weight: 800;
	font-size: 2.235rem;
	line-height: 1.07em;
	color: #5A7326;
	padding-bottom: 0.3em;
}
.postBxTitle a {
	color: #5A7326;
}
.social-share {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.social-share li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0.4em;
}
.social-share .button {
	background: #BFBFBF;
	border-radius: 50px;
	font-size: 1rem;
	font-weight: 700;
}
.social-share .fbShare.button {
	background: #3F71AC;
}
.social-share .twShare.button {
	background: #3BBFE9;
}
.postBxContent h3 {
	font-weight: bold;
	font-size: 1.4117rem;
	line-height: 1.2em;
	color: #437326;
	padding-bottom: .04em;
}
.postBxContent p {
	margin-bottom: 1.35em
}
#main.mainArchive {
	padding: 1.95rem 0;
	background: #3D4351;
}
#sort-row {
	align-items: center;
	padding-bottom: 1.95rem;
	position: relative;
	justify-content: center;
}
.sortLabel {
	font-weight: 800;
	font-size: 1.411rem;
	line-height: 1em;
	color: #FFFFFF;
	padding-left: 0.2em;
	padding-right: 1.1em;
}
.sortOptions {
	position: relative
}
.sortOptions > .button {
	margin-right: 0.9em;
}
.sortOptions > .button:last-child {
	margin-right: 0
}
.blogpostItem {
	padding-bottom: 1.75rem;
	position: relative;
}
.blogItemBx {
	position: relative;
}
.blogpostItem .postBx .entry {
	padding: 1.43rem 2.35rem;
	max-width: inherit;
	width: 50%;
	flex-grow: 1;
}
.blogpostItem .postBx .withoutFeaturedImg .entry {
	padding: 1.09rem 2.8rem;
	display: flex;
}
.blogpostItem .postBx .withoutFeaturedImg .entry .blogItemIntro {
	width: 50%;
	flex-grow: 1;
 padding: .2rem 1rem .2rem 2.35rem;
}
.blogItemIntro {
	font-size: 1rem;
	line-height: 1.58em;
	color: #333333;
	padding-top: .9em;
}
.withoutFeaturedImg .blogItemHead {
	width: 39.65%;
}
.blogItemIntro a {
	color: #333333;
}
.postItemImg {
	width: 40.41%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.blogpostItem .postBxCategories {
	text-align: left;
	padding-left: 2.8rem;
	padding-right: 2.8rem;
	justify-content: flex-start;
}
.blogpostItem .postBxTitle {
	font-size: 1.705rem;
	line-height: 1.07em;
	padding-bottom: 0.7em;
}
.blogpostItem .postBxDate {
	padding-bottom: 0.2em;
}
#prev-next-posts {
	position: relative;
	padding-top: 2.5rem;
	padding-bottom: 2.2rem;
	background: #3D4351;
}
.nav-prev, .nav-next {
	position: absolute;
	font-weight: 600;
 font-size: .8823rem;
	line-height: 1em;
	letter-spacing: 0.06em;
	color: #FFFFFF;
	top: -2rem;
	left: 20px;
}
.nav-next {
	left: inherit;
	right: 20px;
}
.nav-prev a, .nav-next a {
	color: #FFFFFF;
}
#prev-next-posts .postBx .entry {
 padding: .85rem 2.8rem;
	width: 100%;
}
#prev-next-posts .blogpostItem .postBxCategories {
	letter-spacing: 0;
}
#prev-next-posts .blogItemIntro {
	padding-top: 1.1em;
	padding-bottom: 1.35em;
}
#prev-next-posts .postItemImg {
	width: 100%;
	padding-top: 42.5%;
}
#pageNavigation {
	padding: 1rem 0;
}
/*------------------------------------------------*/
/*-----------------------[HOME]-------------------*/
/*------------------------------------------------*/
body.home #logo{
	display:none;
}
body.home #headerSearch{
	margin-left:0;
}
body.home #banner {
	padding: 7.4rem 0 2.84rem; background:none !important;
}
body.home #banner::before {
	background: linear-gradient(0deg, #FFFFFF 49.34%, rgba(255, 255, 255, 0) 83.76%);
	z-index: 9;
}
body.home .bannerTxt {
	padding-top: 0.5em;
}
body.home #signup {
	background: none;
	padding-top: 0;
}
#featured-in-section {
	padding: 3.15rem 0 2rem;
	position: relative;
	overflow: hidden;
	color: #666666;
}
#featured-in-section .container {
	max-width: 100%;
	padding: 0;
}
.featuredTitle {
	font-weight: 800;
	font-size: 2.117rem;
	line-height: 1.2em;
}
#home-about-us {
	padding: 3.25rem 0 2.55rem;
	position: relative;
	background: linear-gradient(0deg, #F3F3F3 0%, rgba(243, 243, 243, 0) 100%);
}
#mediaFeatured {
	position: relative
}
#mediaCarousel {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%
}
#mediaCarousel li {
	display: inline-block;
	margin: 0 25px;
	vertical-align: middle;
}
.mediaItemBx {
	height: 120px;
	justify-content: center;
	align-items: center;
}
.mediaItemBx img {
	display: block
}
#home-publications {
	padding: 3.3rem 0 3.8rem;
	color: #fff;
	background: #3D4351;
}
#media-publication-row {
	position: relative
}
#media-publication-row .col {
 padding-top: .5rem;
	padding-bottom: 2.25rem;
}
#media-publication-row .blogpostItem {
	padding-bottom: 0;
	width: 100%;
}
#media-publication-row .blogpostItem .postBxCategories {
	padding-left: 1rem;
	padding-right: 1rem;
}
#media-publication-row .postItemImg {
	width: 100%;
	padding-top: 53%;
	position: relative;
}
#media-publication-row .blogpostItem .postBx .entry {
	width: 100%;
 padding: .5rem 1rem 1.95rem 1rem;
}
#media-publication-row .blogpostItem .postBxTitle {
	font-size: 1.411rem;
	line-height: 1.29em;
	padding-bottom: 0.2em;
}
.linkOver {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
/*------------------------------------------------*/
/*-----------------------[FACTS]------------------*/
/*------------------------------------------------*/
#page-climate-quiz #banner, #archive-facts #banner {
	color: #fff;
	padding-bottom: 7rem;
}
#archive-facts #banner:before {
	display: none
}
#page-climate-quiz #banner:before {
	background: linear-gradient(360deg, #002910 0%, rgba(0, 41, 16, 0.862069) 50.57%, rgba(0, 41, 16, 0) 100%);
}
#page-climate-quiz .bannerTitle, #archive-facts .bannerTitle {
	font-weight: 800;
	font-size: 7.352rem;
	line-height: .65em;
	color: #FFFFFF;
	text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.35);
}
#page-climate-quiz .bannerTxt, #archive-facts .bannerTxt {
	font-weight: bold;
	font-size: 1.294rem;
	line-height: 1.36em;
	color: #FFFFFF;
	padding-top: 1.55em;
}
.bannerLinks {
	align-items: center;
	justify-content: center;
	padding-top: 1.6rem;
}
.bannerLinks .button {
	margin: 0 0.65em;
}
.bannerLinks .button.hollow {
	border: 5px solid #FFFFFF;
	line-height: 43px;
}
#archive-facts #main {
	background: #002910;
	padding: 2.85rem 0 1px;
}
#archive-facts #sort-row {
	margin-top: -5rem;
	margin-bottom: 0;
	padding-bottom: 2.85rem;
}
#archive-facts #sort-row > .button {
	background: rgba(255, 255, 255, 0.1);
}
.factPost .postBx {
	padding: 1.52rem 1.9rem;
}
.factPost .postBx .entry {
	padding: 0
}
.factPost .withoutFeaturedImg {
	padding-bottom: 0.4rem;
}
.factPost .postBx .withoutFeaturedImg .entry {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.7rem;
 padding-right: .7rem;
	display: block;
}
.factPost .postBx .withFeaturedImg .entry {
	padding-left: 2.7rem;
 padding-right: .85rem;
}
.factPost .withoutFeaturedImg .blogItemHead {
	width: 100%;
}
.factPost .postItemImg {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 21.4%;
}
.factHead {
 padding-bottom: .5rem;
	position: relative;
}
.factNumber {
	font-weight: 800;
	font-size: 1.7rem;
	line-height: 1.07em;
	color: #7CAB40;
}
.factCategories {
	padding-left: 1rem;
}
.factCategories a {
	display: inline-block;
	background: rgba(51, 51, 51, 0.1);
	border-radius: 50px;
	height: 31px;
	line-height: 31px;
	margin: 0px 0.4em;
	font-weight: 600;
 font-size: .9411rem;
	text-align: center;
	color: #333333;
	padding: 0 1.15em;
}
.factPost .postBxTitle {
	font-size: 2.588rem;
	line-height: 1.11em;
	padding-bottom: 0.35em;
}
.factPostHeadLeft {
	flex-grow: 1;
	width: 50%
}
.factPost .postBxBtn {
	width: 177px
}
.factPost .postBxBtn .button {
	padding: 0 10px;
	width: 100%
}
.factFile {
	font-weight: bold;
	font-size: 1.117rem;
	line-height: 1.2em;
	color: #7CAB40;
}
.factFile a {
	color: #7CAB40;
}
#section-submit-fact {
	color: #fff;
	padding: 1.95rem 0;
	background: #002910;
}
#section-submit-fact .sectionTitle {
	line-height: 1.41em;
	padding-bottom: 0.5em;
}
#section-kids-zone {
	padding: 1.65rem 0 3.2rem;
}
#section-kids-zone .row {
	align-items: center;
}
#section-kids-zone .col-md-7 {
	padding-top: 2.4rem;
}
#section-take-quiz {
	color: #fff;
	padding: 5.35rem 0 4.5rem;
}
#section-take-quiz .font19 {
	margin-bottom: 2.25em;
}
#single-facts #banner {
	padding: 7.85rem 0 0.58rem;
	background-position: center bottom;
}
#single-facts #banner:before {
	display: none
}
#single-facts #main {
	background: none;
	padding: 1.3rem 0;
	background: #002910;
}
#single-facts .factNumber {
	text-align: center;
	color: #fff;
	font-size: 4.117rem;
	padding-bottom: 0.35em;
}
#single-facts .factCategories {
	text-align: center;
	padding-left: 0;
	padding-bottom: 2rem;
}
#single-facts .factCategories a {
	font-size: 1.058rem;
	color: #fff;
	height: 42px;
	line-height: 42px;
	background: rgba(255, 255, 255, 0.1);
}
#single-facts .postBxTitle {
	font-weight: 800;
	font-size: 3rem;
	line-height: 1.08em;
	text-align: center;
	color: #437326;
	padding-bottom: 0em;
}
#single-facts .postBx .entry {
	max-width: 100%;
	padding: 2rem 2.55rem;
}
#single-facts .factBxImg {
	margin-bottom: 1.65rem;
}
#single-facts .postDownloadBtn {
	margin-top: 0;
	margin-bottom: 1.4rem;
}
.factSource {
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.58em;
	color: #7CAB40;
	margin-top: -1.25rem;
	margin-bottom: .4em;
}
.factSource a {
	text-decoration-line: underline;
	color: #2F5F12;
}
#singleFactsNavigation {
 padding: 2.6rem 0 .7rem;
	align-items: center;
	justify-content: space-between;
}
.fact-prev, .fact-next {
	width: 160px
}
.fact-prev .button, .fact-next .button {
	width: 100%;
}
.fact-prev {
	order: 1;
}
.fact-next {
	order: 3;
}
.factsPagingBx {
	text-align: center;
	order: 2;
}
.factsPagingBx a {
	color: #fff;
}
.factsPagingBx ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 800;
	font-size: 1.47rem;
	line-height: 1em;
}
.factsPagingBx ul li {
	display: inline-block;
	margin: 0 0.15em;
}
.skipToEnd {
	font-weight: 800;
	font-size: 1.176rem;
	line-height: 1em;
	text-align: center;
	width: 100%;
	padding-bottom: 3.45rem;
}
.skipToEnd a {
	color: #fff;
}
/*------------------------------------------------*/
/*------------------------[QUIZ]------------------*/
/*------------------------------------------------*/
#page-climate-quiz .bannerBtn {
	padding-top: 2.7rem;
}
#page-climate-quiz #banner, #single-quiz #banner {
	background-position: center top;
	color: #fff;
}
#single-quiz #banner {
	padding-bottom: 2rem;
}
#single-quiz #banner:before {
	background: linear-gradient(360deg, #002910 0%, rgba(0, 41, 16, 0.862069) 50.57%, rgba(0, 41, 16, 0) 100%);
}
#single-quiz #banner .container {
	max-width: 780px;
}
#single-quiz #main {
	background: #002910;
	padding-top: .5rem;
	display: none;
}
.quizLabel {
	font-weight: 800;
	font-size: 2.764rem;
	line-height: 1.38em;
	color: #7CAB40;
	text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.35);
	padding-top: 2.05em;
	padding-bottom: 0.22em;
}
.quizQuestion {
	font-weight: 800;
	font-size: 3.705rem;
	line-height: 1.03em;
	color: #FFFFFF;
	padding-bottom: 0.4em;
}
.quizAnswerOptions {
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.quizAnswerOptions .button {
	margin: 0 0.35em;
	padding: 0 0.94em;
}
.quizAnswerOptions .button.disagree {
	background-color: #E37F23;
}
.quizAnswerOptions .button.unsure {
	background-color: #868686;
}
.revealAnswer {
	width: 100%;
	font-weight: bold;
	font-size: 1.294rem;
	line-height: 1.2em;
	text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.35);
	padding-top: 1.5em;
}
.revealAnswer a {
	text-decoration-line: underline;
	color: #FFFFFF;
}
#single-quiz .postBx .entry {
	max-width: 934px;
	padding: 2.15rem 20px 2.85rem;
}
#single-quiz .postBx .sectionTitle {
	line-height: 1.08em;
	padding-bottom: 0.35em;
}
#single-quiz .postDownloadBtn {
	margin-top: 1.7em;
	margin-bottom: 1.4em;
}
#single-quiz .postBxContent {
	font-size: 1.174rem;
	line-height: 1.58em;
	margin-top: 1.2em;
}
#paginationQuiz {
	padding: 2.65rem 0 1.45rem;
	text-align: center;
}
/*------------------------------------------------*/
/*----------------------[FOOTER]------------------*/
/*------------------------------------------------*/
#footer {
	padding: 3.15rem 0;
	color: #fff;
	background: #2F5F12;
}
#footerSearch {
	max-width: 100%;
	margin-left: 0;
	margin-bottom: 1.5rem;
}
#footerLogo {
	max-width: 220px;
	margin-left: auto;
}
#footerNote {
 font-size: .8823rem;
	line-height: 1.2em;
	padding-top: 2.2rem;
}
#footerSocial {
	font-size: 1.8823rem;
	line-height: 1.156em;
	padding-top: 1.25rem;
}
#footerSocial > a {
	color: #fff;
	margin-left: 0.1em;
}
#footerBtn {
 padding-top: .8rem;
}
#copyright {
	text-align: center;
	padding-top: 3.05rem;
 font-size: .823rem;
	line-height: 1em;
}
#copyrightNav {
	text-align: center;
	padding-top: 1rem;
 font-size: .823rem;
	line-height: 1em;
}
#copyrightNav a {
	color: #fff;
}
#copyrightNav span {
	display: inline-block;
	margin: 0 0.2em
}
.twitterLabel {
	font-weight: 800;
	font-size: 2.529rem;
	line-height: 1.1em;
	color: #FFFFFF;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}
.twitterLabel i {
	color: #7CAB40;
	font-size: 1.465em;
	display: inline;
	vertical-align: middle;
}
#tweetsCycle {
	margin-left: 0;
	list-style: none;
	color: #fff;
	font-style: italic;
	font-weight: 300;
	line-height: 1.58em;
	font-size: 1.235rem;
	margin-bottom: 0.6em;
}
#tweetsCycle li a {
	font-weight: 700;
	color:#fff;
}