/*
Theme Name: Natgen
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: natgen
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Natgen is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

.top-header {
	background: #ebebeb;
}
.donate {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	;
	text-transform: uppercase;
	color: #fff;
	background: #ea7f1e;
	display: block;
	padding: 0px 30px;
	font-weight: 200;
	font-size: 17px;
}
.bottom-header {
	background: #5d9733;
}
.main-navigation {
	float: left;
}
.main-navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.main-navigation ul li {
	float: left;
}
.main-navigation ul li a {
	height: 40px;
	line-height: 40px;
	padding: 0px 40px;
	color: #fff;
	display: block;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	/*font-size: 15px;*/
}
.main-navigation ul li a:first-child {
	padding-left: 0px;
}
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 40px;
	left: -999em;
	z-index: 99999;
	border-top: 3px solid #5d9733;
	background: #fff;
	max-width: 400px;
}
.main-navigation ul ul li {
	display: block;
	width: 100%;
}
.main-navigation ul ul li a {
	color: #333;
	padding: 0px 25px !important;
	text-align: left;
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.current_page_item a {
	font-weight: bold;
}
.social-media {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.social-media li {
	float: left;
	border-right: 1px solid #5d9733;
}
.social-media li:last-child {
	border: none;
}
.social-media li a {
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	color: #fff;
	background: #ea7f1e;
	font-size: 20px;
}
.entry-header {
	padding: 60px 0px 0px 0px;
	float: left;
	width: 100%;
	min-height: 45px;
	max-height: 270px;
}
.breadcrumbs {
	float: left;
	width: 100%;
	/*margin-top: 60px; CK edit - 070815
	background: rgba(93, 151, 51, .9);	*/
	background: rgba(220, 219, 219, 1);
}
#breadcrumbs {
	list-style: none;
	margin: 15px 0;
	overflow: hidden;
	/*color: #fff; CK edit - 070815  */
	color: #000;
}
#breadcrumbs li {
	float: left;
	margin-right: 10px;
	color: #000;
	font-weight: 100;
	font-size: 12px;
}
.cta-border {
	background: #ea7f1e;
	width: 100%;
	height: 30px;
	display: block;
	float: left;
	margin-top: 0;
}
.cta-wrapper {
	background: url('http://natgen.ameyagency.com/wp-content/uploads/2015/02/cta-background.png');
	background-position: center center;
	height: 80px;
	display: block;
	float: left;
	width: 100%;
	margin-top: 25px;
}
.cta input {
	background: transparent;
	border-color: #fff;
	color: #fff;
}
.cta input::-webkit-input-placeholder {
color: #fff;
}
.cta-title {
	/*color: #fff; - CK - 061115*/
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 37px;
	margin-top: -5px;
}
.cta-content {
	color: #000;
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 100;
	font-size: 18px;
	margin-top: 0px;
}
.home-content {
	margin-top: 50px;
	display: block;
	float: left;
	width: 100%;
}
.tagline {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 33px;
	margin-top: 45px;
	border-left: 1px solid #ccc;
	padding-left: 20px;
	margin-bottom: 25px;
}
.amazon-text {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 10px;
	line-height: 1;
	float: left;
	width: 45%;
	display: block;
	margin-top: 10px;
	color: #000;
}
.donate-text {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 10px;
	border-left: 1px solid #ccc;
	line-height: 20px;
	padding-left: 15px;
	margin-top: 10px;
	color: #0f6cb6;
	display: block;
	float: left;
	width: 55%;
	text-align: left;
}
.spotlight-title {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 40px;
	color: #0f6cb6;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	font-style: italic;
	margin-bottom: 15px;
}
.spotlight-title span {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 15px;
	border-left: 1px solid #ccc;
	line-height: 40px;
	padding-left: 15px;
	margin-top: 10px;
	vertical-align: text-bottom;
	color: #000;
}
.blog-title span p {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 12px;
	color: #000;
	line-height: 15px;
	margin-bottom: 0px;
}
.blog-link {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 12px;
	color: #000;
	line-height: 12px;
	color: #000;
	display: block;
	margin-top: -10px;
}
.blog-link p {
	/*font-size: 11px;
	line-height: 13px;
	Chris Kelly - edit - 050415*/
	font-size: 14px;
	line-height: 1.5;
}
.blog-link a {
	font-size: 14px;
}
#secondary {
	background: #f8f8f8;
	padding: 30px;
	clear:both;
}
.question-container {
	background: #5d9733;
	padding: 30px;
	margin-bottom: 30px;
	clear: both;
}
.quote-container {
	background: #ea7f1e;
	padding: 30px;
	margin-bottom: 30px;
	clear: both;
	
}
.quote-container i{
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
	font-size:40px;
	width:75px;
	height:75px;
	line-height:75px;
	color:#fff;
	display:block;
	text-align:center;
}
.quote {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-style:italic;
	color:#fff;
	font-size:13px;
	text-align:center;
	margin-top:10px;
}
.author {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size:11px;
	text-align:center;
}
.widget-title {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #702c91;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-top: 0px;
}
.question-title {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-top: 0px;
}
#secondary ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#secondary ul li a {
	display: block;
	color: #702c91;
}
#secondary ul li .post-date {
	font-size: 9px;
	font-style: italic;
	line-height: 9px;
}
#wdg_specialrecentpostsfree-2 .srp-post-title-link {
	display: block;
	color: #702c91;
	font-size: 13px;
}
#wdg_specialrecentpostsfree-2 .srp-post-date {
	font-size: 9px;
	font-style: italic;
	line-height: 9px;
}
#wdg_specialrecentpostsfree-3 .srp-widget-title {
	color: #b00f1f;
}
#wdg_specialrecentpostsfree-3 .srp-post-title-link {
	display: block;
	color: #b00f1f;
	font-size: 13px;
}
#wdg_specialrecentpostsfree-3 .srp-post-date {
	font-size: 9px;
	font-style: italic;
	line-height: 9px;
}
.srp-post-content {
	display: none;
}
img.srp-post-thumbnail {
	width: 50px !important;
	height: 50px !important;
}
.srp-thumbnail-box {
	margin-right: 10px;
}
.widget.widget_specialrecentpostsFree {
	margin-bottom: 20px;
}
.hero-title {
	text-transform: uppercase;
	margin-top: 0px;
	color: #ea7f1e;
}
.hero div p {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 13px;
	/*color: #9a9a9a;
	Chris Kelly edit - 050415 */
	color: #403F3F;
	line-height: 15px;
	margin-bottom: 0px;
}
.hero-link {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}
.hero-link li {
	line-height: 15px;
	padding: 5px 5px;
	width: 50%;
	float: left;
}
.hero-link li a {
	color: #ea7f1e;
}
footer .menu {
	margin: 0px;
	list-style: none;
	float: right;
	padding: 0px;
}
.site-footer {
	padding: 60px 0px;
	float: left;
	width: 100%;
	display: block;
	clear: both;
}
footer .menu li {
	float: left;
	padding: 0px 20px 0px 0px;
}
.footer-line {
	width: 100%;
	height: 1px;
	background: #e1e1e1;
	float: left;
	display: block;
	clear: both;
	margin: 30px 0px;
}
footer .sub-menu {
	margin-left: 0px;
	padding-left: 0px;
}
footer .sub-menu li {
	float: none;
	padding: 3px;
	list-style: none;
}
footer .menu li a {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5d9733;
}
footer .sub-menu li a {
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #333;
}
footer .btn {
	background: #fff;
	width: 50px;
	height: 50px;
}
footer .btn:hover {
	background: #ea7f1e;
}
footer .btn i {
	color: #fff !important;
	font-size: 25px;
	padding-top: 10px;
}
footer .btn-facebook {
	background: #3b5998;
}
footer .btn-twitter {
	background: #00aced;
}
footer .btn-linkedin {
	background: #fac428;
}
footer .btn-google-plus {
	background: #007bb6;
}
footer .social-media {
	float: right;
	display: block;
}
.nav-tabs>li>a {
	border-radius: 0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border-top: 3px solid #5d9733;
}
.main-content {
	margin-top: 80px;
}
.tab-content {
	margin-top: 20px;
}
p, li {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
}
h2 {
	color: #5d9733;
}
.card {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.card {
	margin-top: 10px;
	box-sizing: border-box;
	border-radius: 2px;
	background-clip: padding-box;
}
.card span.card-title {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
}
.card-title-container {
	background: #5d9733;
}
.card .card-image {
	position: relative;
	overflow: hidden;
	height: 250px;
}
.card .card-image img {
	border-radius: 2px 2px 0 0;
	background-clip: padding-box;
	position: relative;
	z-index: -1;
	width: 100%;
	height: auto;
}
.card .card-title-container {
	padding: 15px;height:50px;line-height: 80px;
}
.card .card-content {
	padding: 16px;
	border-radius: 0 0 2px 2px;
	background-clip: padding-box;
	box-sizing: border-box;
	height: 260px;
}
.card .card-content p {
	margin: 0;
	color: inherit;
	font-size: 12px;
}
.card .card-content span.card-title {
	line-height: 48px;
}
.card .card-action {
	border-top: 1px solid rgba(160, 160, 160, 0.2);
	padding: 16px;
	font-size: 10px;
}
.card .card-action a {
	color: #5d9733;
	margin-right: 16px;
	transition: color 0.3s ease;
	text-transform: uppercase;
}
.card .card-action a:hover {
	color: #333;
	text-decoration: none;
}
.card-title {
	color: #fff;
	font-size:12px !important;
	font-weight:200;
	
}
.nav-previous a {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
	color: #5d9733 !important;
}
.nav-next a {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
	color: #5d9733 !important;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.program-title {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.program-container {
	clear: both;
	margin-bottom: 20px;
	float: left;
}
.screen-reader-text, .updated {
	display: none;
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
	margin: 20px 0px;
overflow: hidden;
padding:20px 0px;
border-bottom:1px solid #e1e1e1;
border-top:1px solid #e1e1e1;
}
.entry-meta {
	margin-bottom:20px;
}
article .entry-header {
	padding:0px !important;
}
.entry-image img {
	width: 100%;
	height: auto;
}
.gfield_label {
	display: none !important;
}
.gfield {
	float: left;
}
.gfield input {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	background: transparent;
	border-color: #fff;
	color: #fff;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: transparent;
	background-image: none;
	border: 1px solid #fff;
	border-radius: 4px;
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	width: 181px;
	margin-right: 5px;
}
.gform_body ul {
	padding: 0px;
	list-style: none;
}
.gform_wrapper {
	margin: 0px;
}
.gform_fields {
	margin: 0px;
}
.gform_button {
	color: #337ab7 !important;
	background: #337ab7 url('http://www.natgen.org/wp-content/uploads/2015/03/natgen_icons_mail.png') !important;
	background-size: 15px 15px !important;
	background-position: center center !important;
	border-color: #2e6da4 !important;
	background-repeat: no-repeat !important;
	display: inline-block;
	padding: 9px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.menu-toggle, .cta-mobile-container {
	display: none;
}
.cta-mobile-container {
	background: #ea7f1e;
	width: 100%;
	float: left;
}
.images-container {
	width:100%;
	border:1px solid #e1e1e1;
	padding:10px;
}
.images-title{
	font-weight:200;
	font-size:15px;
	text-align:center;
}
#comments {
	display:none;
}
.tweets a{
float:left;	
}
.tweets li{
	margin-bottom:15px;
	display:block;
	float:left;
}
.entry-title a {
	color:#5d9733;
}
.navigation.post-navigation {
	display:none !important;
}
@media screen and (max-width: 1000px) {
.top-header, .social-media, .cta-border, .cta-wrapper {
	display: none;
}
.nav-menu li {
	width: 100%;
	border-bottom: 1px solid #fff;
}
.nav-menu li:last-child {
	border: none;
}
.menu-toggle,  .main-navigation.toggled .nav-menu, .cta-mobile-container {
	display: block;
}
.main-navigation ul {
	display: none;
}
.tagline {
	display: none;
}
.main-navigation ul li a {
	padding: 0px;
}
.hero-content {
	width: 100% !important;
	margin-top: 20px !important;
}
div.header-top.hero {
	height: 260px !important;
}
.hero-title {
	ext-transform: uppercase;
	background: none;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 40px;
	padding-left: 0px;
	margin-top: 0px;
	color: #ea7f1e;
	font-size: 25px;
	text-align: left;
}
.hero div p {
	text-align: left;
}
.hero-link li {
	line-height: 15px;
	padding: 0px;
	width: 100%;
	float: left;
	font-size: 11px;
}
.cta-title {
	font-size: 27px;
	margin-top: 25px;
	text-align: center;
}
.gfield {
	width: 100%;
	margin: 5px 0px;
}
.gfield input {
	width: 100%;
}
.gform_button {
	width: 100%;
	color:#fff !important;
	background:#337ab7 !important;
	margin-bottom:25px;
}
.spotlight-title {
	text-align: center;
}
.spotlight-title span {
	display: block;
	text-align: center;
	border: none;
	line-height: 30px;
	padding-left: 0px;
	margin-top: 0px;
}
.blog-title {
	line-height: 15px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-size: 14px !important;
	padding-top: 10px !important;
	height: auto !important;
}
.blog-link {
	margin-top: 5px !important;
}
footer .social-media {
	float:left;
}
.gform_wrapper {
	margin: 0px auto;
width:300px;
}
}
.gfield_description, #input_1_4 {
	display: none;
}
.ginput_container {
	border: 1px solid #e6e3e3;
	margin-right: 5px;
}
.ginput_container input::-webkit-input-placeholder {
color: #000000;
}

aside {
	margin: 30px 0; 	
}
#eo_event_list_widget-2 li {
	margin-bottom: 15px;
}
.gform_error {
	color: #f90505;
	margin-bottom: 5px;
}
.donate-button {
	margin-top: 45px;
	margin-bottom: 25px;
}