/*
Theme Name: safewater
Theme URI: http://dmarkweb.com
Author: DM
Author URI: http://dmarkweb.com
Description: Safe Water Project theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: unite
Domain Path: /languages/



This theme, like WordPress, is licensed under the GPL.

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

*/


/* =Global
----------------------------------------------- */
body {
	color: #6B6B6B;
	word-wrap: break-word;
	line-height: 1.7;
	font-size: 15px;
  font-family: Tahoma;
}

a {
  color: #54397E;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

a:hover,
a:focus {
  color: #333;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 100;
	color: #54397E;
}
h1,
.h1 {
  font-size: 48px;
}

h2,
.h2 {
  font-size: 38px;
}

h3,
.h3 {
  font-size: 28px;
}

h4,
.h4 {
  font-size: 24px;
}

h5,
.h5 {
  font-size: 18px;
}

h6,
.h6 {
  font-size: 16px;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #DDD;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 0 0 0 10px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

.cd-timeline-content .cd-read-more { font-size: 20px !important; color: #fff !important; padding: 0.5em !important; }
.cd-timeline-title-container h2 { float: none !important; }
.cd-timeline-content .timeline-date { float: none !important; font-size: 20px !important; }


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
        clear: left;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
        clear: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
@media (max-width: 767px) {
  .pull-left,
  .pull-right {
  	float: none !important;
  }
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

.widget > ul > li,
li.recentcomments {
	border-bottom: 1px solid #EEE;
	position: relative;
	display: block;
	padding: 10px 15px;
}
.widget ul {
  padding: 10px 10px;
}

.widget-title {
  border-bottom: 1px solid #eee;
}
.widget ul.nav.nav-tabs {
  padding: 0;
}
.tab-content ul li {
  list-style: none;
}

.tab-content .tab-thumb {
  float: left;
  margin-right: 8px;
  padding-top: 5px;
  float: left;
  line-height: 0px;
  width: 60px;
  height: 60px;
}
.tab-content li {
  overflow: hidden;
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 0 8px;
  padding: 0 0 6px;
}
.tab-content .tab-entry {
	display: block;
}
.tab-content > .active {
  border: 1px solid #DDD;
  border-top: none;
}
.tab-content ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.tab-content .tab-entry {
  font-weight: 600;
  font-size: 14px
}
.tab-comment {
  font-size: 18px;
  padding: 0 10px;
}
.nav-tabs > li > a {
  border-bottom-color: transparent;
  text-transform: uppercase;
}
.tab-content i {
    font-size: 12px;
}
.tab-thumb.thumbnail {
    margin-bottom: 5px;
}
.tab-content #messages li:before {
  content: '\f0e5';
  font-family: fontawesome;
  float: left;
  padding-right: 10px;
  font-size: 20px;
  color: #54397E;
}
.btn-primary, .label-primary {
	background-color: #54397E;
	border-color: #54397E;
}
.btn-primary:hover, .label-primary[href]:hover, .label-primary[href]:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover {
	background-color: #4b3371;
	border-color: #4b3371;
}
.widget .input-group {
    width: 110%;
}
/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}
#infinite-handle span {
  display: block;
  text-align: center;
  font-size: 18px !important;
  margin-bottom: 20px;
  border-radius: 4px !important;
  padding: 12px !important;
  background: transparent !important;
  border: 1px solid #DDD;
  color: #54397E !important;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
	     -o-transition: all 0.2s;
	        transition: all 0.2s;
}
#infinite-handle span:hover {
  background-color: #54397E !important;
  color: #fff !important;
}
/* =Custom Styles
----------------------------------------------- */
.site-branding {
  margin-top: 5px;
  margin-bottom: 10px;
}
.site-description {
  color: #777;
  font-weight: 200;
  font-size: 16px;
}
.page-template-page-homepage-php .carousel {
	margin-top: -20px;
	margin-bottom: 20px;
}

/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] a,
.more-link {
	border: 1px solid #DDD;
	padding: 6px 12px;
	border-radius: 4px;
	display: block;
}
.site-main [class*="navigation"] a:hover,
.more-link:hover {
  color: #fff;
  background: #54397E;
  text-decoration: none;
}
.more-link {
  float: right;
  margin: 10px 0;
}
.site-main [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
}
.navbar.navbar-default {
  background-color: #54397E;
  font-weight: 200;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  border-right: 1px solid rgba(0,0,0,.2);
	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.10);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	border-right: 1px solid rgba(0,0,0,.2);
	border-left: none;
}
.navbar {
	border-radius: 0;
}
.navbar-default {
	border: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li > a {
	color: #fff;
        font-size: 20px !important;
}
.dropdown-menu > li:first-child > a { padding-top: 20px !important; }
.dropdown-menu > li:last-child > a { padding-bottom: 20px !important; }
.dropdown-menu,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #54397E;
	border: none;
}
.dropdown-menu .divider {
	background-color: rgba(0, 0, 0, 0.1);
}
.navbar-nav > li > .dropdown-menu {
	padding: 0; 
}
.navbar-nav > li > a {
	padding-top: 18px;
	padding-bottom: 18px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

#respond {
	background-color: transparent!important;
	box-shadow: none!important;
	padding: 0px!important;
}

#respond > p, #respond p.comment-notes, p.logged-in-as {
	margin-bottom: 10px;
}

p.logged-in-as {
	padding-bottom: 0px;
}

.comment-list {
	margin-bottom: 40px!important;
	margin-left: 0px!important;
	padding-left: 0;
}

.comment-list li {
	list-style: none!important;
}

.comment .comment-body {
	background-color: #ffffff;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  margin-top: 2em;
  padding-left: 116px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
  border-color: #eee;
  border-radius: 4px;
}

.comment-list .children {
	margin-left: 0px!important;
	padding-left: 40px;
	border-left: 1px solid #EEE;
	background-repeat: no-repeat;
	background-position: left 20px;
}

.comment-list li.comment > div img.avatar {
	position: absolute;
	left: 29px;
	top: 29px;
}

#comment-form-title {
  font-size: 24px;
  padding-bottom: 10px;
}
.vcard .avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}
.comment-metadata {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px;
}
.comment-reply-link {
  float: right;
}
.form-allowed-tags code {
  word-wrap: break-word;
  white-space: inherit;
}
.comment-respond label {
  display: block;
  font-weight: normal;
}
.comment-respond .required {
  color: #C7254E;
}
/* =Post styling
----------------------------------------------- */
.entry-meta a {
	font-size: 12px;
}
#main .page-header {
  margin-top: 0;
}
.entry-meta {
  text-transform: uppercase;
}
.entry-meta a {
  color: #6B6B6B;
}
.entry-meta .fa {
  font-size: 16px;
  margin-right: 3px;
  color: #54397E;
}
.entry-meta span {
  margin-right: 10px;
}
.entry-title {
  font-size: 52px;
  font-weight: 100;
  color: #54397E;
}
.btn.btn-primary.read-more {
  float: right;
  border: 1px solid #DDD;
  color: #54397E;
  background-color: transparent;
}
.btn.btn-primary.read-more:hover {
	color: #FFF;
  background-color: #54397E;
}
.search .more-link {
    display: none;
}
hr.section-divider {
  height: 1px;
  background: #EEE;
  position: relative;
  overflow: visible;
  z-index: 100;
  margin-top: 70px;
  margin-bottom: 70px;
}

hr.section-divider:after {
  z-index: 10000;
  content: "\f004";
  font-family: FontAwesome;
  color: #54397E;
  position: absolute;
  top: -23px;
  left: 50%;
  right: 50%;
  width: 40px;
  height: 30px;
  margin-left: -20px;
  font-size: 30px;
}
.entry-content {
	margin: 0;
}
/* =Attachment styling
----------------------------------------------- */
#image-navigation .nav-previous a,
#image-navigation .nav-next a{
  padding: 5px 20px;
  border: 1px solid #DDD;
  border-radius: 4px;
  display: block;
}
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover{
  background-color: #54397E;
  color: #fff;
}
#image-navigation .nav-previous,
#image-navigation .nav-next {
  margin: 10px 0;
}

/* =Footer
----------------------------------------------- */

.footer-nav.nav > li {
  position: relative;
  display: inline-block;
}
.footer-nav.nav {
	float: left;
	margin-bottom: 2px;
}
.copyright {
  margin-top: 10px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.copyright{
  color: #fff;
  padding:10px 0px; 
}
.copyright a:hover{
  color: #65991f !important;
}
#colophon {
  background-color: #54397E;
  padding: 10px 0;
  margin-top: 20px;
}
.site-info a {
  color: #eee;
}
.site-info a:hover {
	color: #999;
}
.site-info {
  color: #999;
  font-size: 12px;
}
.footer-nav.nav > li > a:hover {
  background-color: transparent;
}

@media (max-width: 767px) {
	.site-info, .copyright {
	  text-align: center;
	}
	.footer-nav.nav, .copyright {
		float: none;
	}
	.carousel-caption {
		display: none;
	}
}


/* =Social icons
----------------------------------------------- */

.social-profile {
  font-size: 24px;
  margin: 6px;
  color: #DDD;
}

#social {
  float: right;
  top: 55px;
  position: relative;
}

.social-profile.facebook:hover {color: #3b5998;}
.social-profile.twitter:hover {color: #00aced ;}
.social-profile.google-plus:hover {color: #dd4b39;}
.social-profile.youtube:hover {color: #bb0000;}
.social-profile.linkedin:hover {color: #007bb6;}
.social-profile.pinterest:hover {color: #cb2027;}
.social-profile.rss:hover {color: #F0AD4E;}
.social-profile.tumblr:hover {color: #32506d;}
.social-profile.flickr:hover {color: #ff0084;}
.social-profile.instagram:hover {color: #517fa4;}
.social-profile.dribbble:hover {color: #E56193;}
.social-profile.skype:hover {color: #00AFF0;}
.social-profile.square:hover {color: #6D7177;}

@media (min-width: 992px) {
	#social {
		float: right;
		top: 55px;
		position: relative;
	}
}

@media (max-width: 992px) {
	.site-branding {
		text-align: center;
	}
	#social {
		top: 0;
		float: none;
		text-align: center;
	}
}

/* =Slider
----------------------------------------------- */
.carousel-caption h4 {
	background: #54397e;
  background: rgba(84, 57, 126,0.7);
  padding: 15px;
  color: #fff;
  max-width: 55%;
  margin-bottom: 4px;
}
.carousel-caption {
  left: 20px;
  text-align: left;
  padding-bottom: 20px;
}
.carousel-caption p {
	background: #555;
  background: rgba(0, 0, 0,0.5);
  padding: 15px;
  max-width: 50%;
}
.carousel {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .carousel-indicators {
    bottom: 5px;
  }
}

/* =WooCommerce styling
----------------------------------------------- */

#shipping_method_0_free_shipping,
#shipping_method_0_international_delivery,
#shipping_method_0_flat_rate {
    margin-right: 30px;
}



/* Site custom styling */

p{ font-family:Tahoma; font-size: 20px; line-height: 1.5em; margin-bottom: 1em; } 
h1{ font-family:Tahoma; font-weight: bold; font-size: 30px;  margin-top: 0px; }

#logo{ position: relative; }
.logo-description{ color: #05a68f; font-weight: bold; font-size: 23px; position: absolute; left: 120px; top: -7px; }
.logo-description span{ display: block; font-size: 12px; font-weight: normal; color: #24428f; margin: 3px 0px;  }

.container{ width: 1000px; padding: 0; }
footer .footer-inner { width: 1000px; margin: 0 auto; }
.content-area { padding: 0 !important; }
.inner-container{ width: 880px; margin: auto; }

.home #content .col-sm-12 { position: inherit; float: none; }

.site-header{ padding-top: 0px; padding-bottom: 0px; }

.header-search { width: 233px; float: right; margin-right: 22px; margin-top: 15px; }
.header-search input[type="search"]{ background: #666; border:none; border-radius: 0px;color:#fff; font-size: 20px; }
.header-search .search-submit.btn.btn-primary{ background: #666; border-radius: 0px;  border-color:#666; }
.header-search .search-submit.btn.btn-primary:hover{ border-color: #666;  }
.clr{ clear: both; }

.header-area .social-header .navbar-default .navbar-nav > li > a{ color:#666; text-transform: uppercase; font-size: 19px; border-right: none; padding: 0px; }
.header-area .social-header .navbar-default .navbar-nav > li{ margin-right: 27px; }
.social-header .navbar-default .navbar-nav > li:last-child{ margin-right: 0px; }
.social-header .navbar-default { margin-bottom: 0px; margin-top: 8px; min-height: inherit; }
.header-area .social-header .navbar-default{ background: none; }
.header-area .social-header .navbar-default .container-fluid, 
.header-area .social-header .navbar-default .navbar-collapse { padding: 0px; }
.header-area .social-header .navbar-default .navbar-nav ul{ padding-top: 20px; box-shadow: none; }
.header-area .social-header .navbar-default .navbar-nav ul li { padding-top: 0; }
.header-area .social-header .navbar-default .navbar-nav ul li a{  background:#666 !important; text-align: center; font-size: 21px; }
.header-area .social-header .navbar-default .navbar-nav > .active > a,
.header-area .social-header .navbar-default .navbar-nav a:hover{ background: inherit; color: #24428f; }
.header-area .social-header .navbar-default .navbar-nav li:hover ul{ display: block !important; background:none; }
.header-area .social-header .navbar-default .navbar-nav ul li a{ padding:10px 15px; white-space: pre-line; }
.header-area .social-header .navbar-default .navbar-nav ul li a:hover{ color: #05a68f; }
.header-area .social-header .navbar-default .navbar-nav ul:before{ content: ''; position: absolute; left: 50%; top: 5px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent;
  border-bottom: 15px solid #666; margin-left: -15px; }

.fold-inner { width: 1000px; margin: 0 auto; position: relative; } 

.main-banner .fold-inner { min-height: 420px; }
.main-banner{ background: url("/wp-content/themes/safewater/img/hp-intro-fld.jpg") no-repeat top left; background-size: contain; min-height: 420px; position: relative; } 
.main-banner:before, .main-banner:after, .home-blocks:before, .home-blocks:after{ content: ''; position: absolute; background: #fff; width: 47%; height: 35px;}
.main-banner:before, .home-blocks:before{ left: 0px; bottom: 0px; }
.main-banner:after, .home-blocks:after{ right: 0px; bottom: 0px; }
.project-integrate:before, .home-how-it-works:before{ position:absolute; background: url(/wp-content/themes/safewater/img/arrow-dwn.png) no-repeat left -5px; content: ''; left: 50%; margin-left: -57px; top: -53px; width: 113px; height: 107px;  }
 .home-blocks:before, .home-blocks:after{ height: 53px; }
 
.main-banner-content{ background: #05a68f; width: 420px; padding: 2.5em 0.5em 0.5em 3em; position: absolute; right: 60px; bottom: 80px; }
.main-banner-content h1{ color: #fff;  }
.main-banner-content p{ color: #fff; }

.project-integrate{ background: url("/wp-content/themes/safewater/img/project.jpg") no-repeat top left; background-size: cover; min-height: 334px; position: relative; margin-top: 18px;} 
.project-integrate-inner{ background: #24428f; width: 499px; padding: 2.5em 0.5em 0.5em 3em; position: absolute; top: 63px; left: 80px; }
.project-integrate h1, .project-integrate p, .home-how-it-works h1, .home-how-it-works p{ color: #fff; }

.home-blocks{ background: #24428f; padding-top: 35px; padding-bottom: 88px; position: relative; }
.home-blocks .fold-inner { padding-left: 80px; padding-right: 80px; }
.home-blocks p{ color: #fff; padding-left: 45px; font-size: 20px; position: relative; min-height: 2.5em; }
.home-blocks p.first:before{ content: '1'; }
.home-blocks p.second:before{ content: '2'; }
.home-blocks p.third:before{ content: '3'; }
.home-blocks p:before{ position: absolute; top: 0px; left: 0px; height: 35px; width: 35px; text-align: center; line-height: 32px; font-size: 17px; background: #fff; border-radius:100%; color: #24428f; }

.home-how-it-works{ background: url("/wp-content/themes/safewater/img/hp-implmnt-fld.jpg") no-repeat top left; background-size: cover; position: relative; padding-top: 61px; padding-bottom: 60px; min-height: 675px; }
.home-how-it-works-inner{ background: #65991f;  width: 432px; position: absolute; right: 80px; } 
.home-how-it-works .pd{ padding:2.5em 0.5em 0.5em 3em; }
.home-how-it-works .pd.bgc{ background: #05a68f; padding-top: 1em; padding-bottom: 1em; }
.home-how-it-works a{ font-family:Tahoma; color: #fff; font-weight: bold; font-size: 20px; }
#colophon{ margin: 1em auto 0 auto; width: 100%; background: #343434; clear: both; font-size: 20px; }
.home #colophon { margin: -1px auto 0 auto; }
.hentry{ margin-bottom: 0px; }
.site-footer{ background: #343434;  margin: 0px; }

.footer-section .footer-menu-section{ padding: 25px 10px 0px; border-top: solid 1px #525252; border-bottom: solid 1px #525252; margin-bottom: 2em;  }
.footer-section .back-to-top{ text-align: center; padding: 15px 0px 20px; }
.footer-section .back-to-top a{ color: #fff; font-size: 18px; background:url("/wp-content/themes/safewater/img/back-top-arrow.png") no-repeat top center; padding-top: 12px;  }
.footer-section .footer-menu-section ul{ padding: 0px; margin: 0px; }
.footer-section .footer-menu-section ul li{ display: block; float: left; list-style: none; margin-right: 4%; }
.footer-section .footer-menu-section ul li:last-child{ margin-right: 0px; }
.footer-section .footer-menu-section ul li a{ color: #fff; font-family: tahoma; }
.footer-section .footer-menu-section ul li:first-child a { text-transform: uppercase;}
.footer-section .footer-menu-section ul ul li{ display: block; float: none; margin-right: 0px; }
.footer-section .footer-menu-section ul li a:hover{ color: #65991f ; }

.logo-section .logo-left span, .logo-section .logo-left img { float: right; }
.logo-section .logo-right span, .logo-section .logo-right img{ float: left; }

.logo-section { padding: 30px 0; }
.logo-section  span{ font-size: 18px; color: #fff; text-align: right; margin-right: 25px; margin-top: 37px;  }
.logo-section .logo-left{ margin-right: 45px; }

.navbar.navbar-default .dropdown-toggle .caret{ display: none; }

.footer-section .footer-menu-section ul li:nth-child(1) { width: 8%; }
.footer-section .footer-menu-section ul li:nth-child(2) { width: 27%; }
.footer-section .footer-menu-section ul li:nth-child(3) { width: 18%; }
.footer-section .footer-menu-section ul li:nth-child(4) { width: 14%; }
.footer-section .footer-menu-section ul li:nth-child(5) { width: 14%; }

.footer-section .footer-menu-section ul ul li{ color: #fff; width: 100% !important; }

#menu-main-header-menu.navbar-nav { float: right; }
#post-6 .grid-list, #post-18 .grid-list { display: block; float: left; width: 218px; height: 292px; border: 1px solid #24428f; margin-left: 37px; margin-bottom: 12px; }
#post-6 .grid-list:nth-child(4n+1), #post-18 .grid-list:nth-child(4n+1) { margin-left: 0; }
#post-18 .grid-list { border-color: #05a790; }
.caret { display: none; }

.menu-item-150 .dropdown-menu { min-width: 220px; left: -10px; }
.menu-item-167 .dropdown-menu { left: -57px; }

.page-id-6 .grid-list, #post-18 .grid-list { position: relative; }
.page-id-6 .grid-list img, #post-18 .grid-list img { width: 100%; }
.page-id-6 .grid-list figcaption, #post-18 .grid-list figcaption { position: absolute; bottom: 0; left: 0; width: 100%; background: #24428f; color: #fff; padding: 10px; text-align: center; font-family: Tahoma; font-size: 20px; font-weight: bold; line-height: 1.2em; min-height: 3.7em; }
#post-18 .grid-list figcaption { background: #05a790; }

.entry-header .linktonews { color: #fff; width: 1000px; margin: 0 auto; }
.entry-header .linktonews a { color: #fff; font-weight: bold; }
.entry-header .share .linktonews a { font-weight: normal; }

.single .entry-header { padding: 2em 0; background: #05a790; color: #fff; margin-top: 0; }
.single .entry-header h1 { color: #fff; display: block; text-align: left; width: 1000px; margin: 0 auto; }
.single .entry-header .share { margin-top: 0.5em; margin-bottom: -2em; width: 100%; padding: 1em 0; }

.single article .entry-content { margin-top: 1em; }
.single article img.thumbnail { display: block; width: 372px; height: auto; float: right; margin: -4em 0 20px 20px; border: 1px solid #05a790; border-radius: 0;  }

.category .entry-header { padding: 2em 0; background: #05a790; color: #fff; margin-top: 0; }
.category .entry-header h1 { color: #fff; display: block; text-align: left; width: 1000px; margin: 0 auto; }

.page .entry-header, .search .entry-header { padding: 3em 0 0 0; background: #24428f; color: #fff; margin-top: 0; width: 100%; margin-left: auto; margin-right: auto; }
.page-id-18.page #page .entry-header { background: #05a790; }
.search .entry-header { background: #888; }
.page .entry-header h1, .search .entry-header h1 { color: #fff; display: block; text-align: left; width: 1000px; margin: -0.5em auto 0.5em auto; }

.page .entry-header .featured { margin-top: 1em; margin-bottom: -2em; margin-bottom: calc(-2em - 1px); width: 100%; display: block; height: 12em; overflow: hidden; background: #fff; }
.page .entry-header .featured img { height: auto; margin-top: -8em; margin-left: auto; margin-right: auto; display: block; width: 100%; max-width: 1000px; margin: 0 auto; }

#masthead { padding-left: 0; padding-right: 0; width: 1000px; margin-left: auto; margin-right: auto; }
#masthead .site-branding { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 35%; float: left;  }
#masthead .social-header { padding: 0; margin: 5px 0 0 0; width: 64%; float: right;  }

.entry-content h2 { color: #000; margin-bottom: 0.8em; }

.wp-caption { border:0; padding: 0;}
.thumbnail { border: 0; padding: 0;}
.wp-caption.thumbnail img { width: 100%; margin: 0;}
.wp-caption .wp-caption-text { margin: 0; padding: 0.875em 0.5em; background: #ebebeb; }

.category article, .search article { position: relative; padding-left: 260px; }
.category article h2, .search article h2 { font-size: 24px; font-weight: bold; color: #05a790; }
.category article h2 a { color: #05a790; }
.category article .entry-meta, .search article .entry-meta { text-transform: none; font-size: 20px; }
.category article a.list_thumb, .search article a.list_thumb { width: 240px; display: block; position: absolute; top: 0; left: 0; }
.category article a.list_thumb img { width: 100%; height: auto; display: block; border: 1px solid #05a790; }
.category article a.read-more-link, .search article a.read-more-link { display: block; color: #05a790; font-weight: bold; }
footer.entry-meta { display: none; }
.search article a.list_thumb img { border-color: #000; }
.search article h2, .search article h2 a, .search article a.read-more-link, .search article .entry-meta { color: #000; }

#pageNav { width: 100%; background: #24428f; color: #fff; padding-bottom: 2em; padding-top: 1em; margin: 2em auto -2em auto; }
#pageNav.postNav { background: #05a790; }
#pageNav a { color: #fff; display: block; font-weight: bold; }
#pageNav .pageNav-inner { width: 1000px; margin: 0 auto; }
#pageNav .pageNav-inner .before { display: inline-block; width: 50%; padding: 0; margin: 0; text-align: left; }
#pageNav .pageNav-inner .after { display: inline-block; width: 50%; padding: 0; margin: 0; text-align: right; }

h2.for-mobile { display: none; width: 65%; text-transform: uppercase; position: absolute; top: -24px; left: 122px; }

.wp-caption.aligncenter { width: 100% !important; margin-top: 35px; position: relative; background:#ebebeb; }
.wp-caption.aligncenter img { display: block; position: relative; top: -20px; margin: 0 auto; width: 620px; }
.wp-caption.aligncenter p { width: 620px; margin: -20px auto 0 auto; }
.cat-list article { margin-bottom: 20px; min-height: 240px; }

@media only screen and (max-width: 1300px) {
.home #content { width: 970px; padding: 0; }
.page .entry-header, .search .entry-header { /*width: 970px;*/ }
.page .entry-header h1, .search .entry-header h1 { width: 970px; }
.home #content .col-md-12 { padding-left: 0; padding-right: 0; position: inherit; float: none; }
/* #colophon{width:970px;}
#pageNav{width:970px;} */
#pageNav .pageNav-inner {width:970px;}
.home #content .row { margin: 0; }
.container{ width: 970px; }
.page .entry-header h1, #masthead, .category .entry-header h1,.single .entry-header h1, 
.entry-header .linktonews, footer .footer-inner, search .entry-header h1, 
.fold-inner { width: 970px; }
.page .entry-header .featured img { width: 970px; }
.inner-container{ width:auto; }
.site-branding{ text-align: left; }
.logo-description{ font-size: 22px; }
.logo-description span{ font-size: 12px; }
.logo-description{ top: -10px; }
.social-header .navbar-default { margin-top: 2px; }
.header-area .social-header .navbar-default .navbar-nav > li{ margin-right: 26px; }
.header-area .social-header .navbar-default .navbar-nav > li:last-child{ margin-right: 0px; }
.header-area .social-header .navbar-default .navbar-nav > li > a,
.header-area .social-header .navbar-default .navbar-nav ul li a{ font-size: 18px; }
.main-banner-content { right: 40px; }
.project-integrate{ padding-left: 35px; }
.project-integrate-inner { left: 0; }
.home-blocks p{ font-size: 16px; padding-left: 45px; }
.home-blocks .fold-inner { padding-left: 0; padding-right: 0; }
.home-how-it-works-inner{ margin-right: 0; right: 40px; }
.footer-section .footer-menu-section{ padding-left: 0; padding-right: 0; }
.site-footer .inner-container{ width: 970px; }
.footer-section .row { margin: 0; }
.footer-section .footer-menu-section ul li{ margin-right: 39px; }
.home-blocks{ padding-left: 15px; padding-right: 15px; }
.project-integrate:before, .home-how-it-works:before{ background-size: 90px; -ms-background-size: 90px; -moz-background-size: 90px; -webkit-background-size: 90px; margin-left: -45px; top: -53px; }
#post-6 .grid-list, #post-18 .grid-list { width: 218px; height: 292px;margin-left: 27px; }
}
@media only screen and (max-width: 991px) {
.container{ width: 750px; }
.home #content { width: 750px; }
.page .entry-header, .search .entry-header { /*width: 750px;*/ }
#pageNav .pageNav-inner {width:750px;}
#masthead .site-branding { margin-top: 10px; margin-bottom: 10px; }
h2.for-mobile { display: block; font-size: 30px; }
h4.site-description { margin: 0; }
#masthead .site-branding h2.for-mobile { top: -17px; }
#menu-main-header-menu.navbar-nav { margin-top: 7px; }
article .entry-content { padding-left: 10px; padding-right: 10px; }
.page .entry-header h1, #masthead, .category .entry-header h1,.single .entry-header h1,
.entry-header .linktonews, footer .footer-inner, search .entry-header h1
    { width: 750px; }
#masthead { padding-left: 15px; padding-right: 15px; }
.fold-inner { width: 100%; }
.container.header-area { width: 750px; }
#post-6 .grid-list, #post-18 .grid-list { width: 343px; height: 400px; margin-left: 10px; }
post-6 .grid-list:nth-child(2n+1), #post-18 .grid-list:nth-child(2n+1) { margin-left: 0;}
.inner-container{ width:auto; }
.home-how-it-works-inner { top: 40px; }
.site-footer .inner-container{ width: 630px; }
.logo-description{ display: none; }
.site-branding{ width: 150px; }
.social-header.col-sm-7{ width: 76.333%; }
.social-header .navbar-default { margin-top: 7px; }
.header-area .social-header .navbar-default .navbar-nav > li{ margin-right: 10px; }
.main-banner { background-size: cover; }
.main-banner-content{ width: 440px; right: 50px; }
.project-integrate { background-size: cover; }
.project-integrate-inner{ margin-top: 10px; }
.home-how-it-works { background-size: cover; }
.footer-section .footer-menu-section ul li{ margin-right: 30px; }
.logo-section img{ max-width: 110px; }
.logo-section{ padding: 20px 0px; }
.logo-section .logo-right span, .logo-section .logo-right img{ margin-top: 30px; }
h1{ font-size: 24px; }
p{ font-size: 20px; }
.main-banner:before, .main-banner:after, .home-blocks:before, .home-blocks:after{ width: 46%; }
.header-area .social-header .navbar-default .navbar-nav > li > a,
.header-area .social-header .navbar-default .navbar-nav ul li a{ font-size: 15px; }
.footer-section .footer-menu-section ul li:nth-child(2) { width: 25%; }
.footer-section .footer-menu-section ul li:nth-child(3) { width: 20%; }
.footer-section .footer-menu-section ul li:nth-child(4) { width: 13%; }
.footer-section .footer-menu-section ul li:nth-child(5) { width: 16%; }

}
@media only screen and (max-width: 767px) {
  .home #content .col-sm-12 {  }
  .page .entry-header, .search .entry-header { width: 100%; }
  .page .entry-header h1, .search .entry-header h1 { width: 100%; }
  #pageNav{width:100%;padding-left:15px;padding-right:15px;}
#pageNav .pageNav-inner {width:100%;}
  h2.for-mobile { font-size: 30px; left: 70px; }
  #menu-main-header-menu.navbar-nav { float: none; }
  .container{ padding: 0px; width: 100%; }
  .container.header-area { width: 100%; }
  .page .entry-header h1, #masthead, .category .entry-header h1,.single .entry-header h1,
  .entry-header .linktonews, footer .footer-inner, .search .entry-header h1, 
  .fold-inner  { width: 100%; padding-left: 15px; padding-right: 15px; margin: 0; }
  .page .entry-header .featured { height: auto; max-height: 150px; }
  .page .entry-header .featured img { width: 100%; }
  #post-6 .grid-list, #post-18 .grid-list { float: none; width: 80%; height: 79vw; margin: 0 auto 12px auto; display: block; }
  post-6 .grid-list:nth-child(2n+1), #post-18 .grid-list:nth-child(2n+1) { margin: 0 auto 12px auto; }
  .inner-container{ width: auto;}
  .site-footer .inner-container{ width: auto; }
  .site-header{ padding-left: 0px; padding-right: 0px; }
  .footer-section .back-to-top a{ font-size: 14px; }
  .main-banner{ background-size: 100%; min-height: 265px; }
  .main-banner .fold-inner { min-height: 265px; }
  .main-banner-content{ position:absolute;  width: 100%; left: 0px; bottom: 0px; padding: 10px; }
  .project-integrate{ padding: 0px; background-size: 100%; }
  .project-integrate{ min-height: 227px; }
  .project-integrate .col-sm-12 { padding: 0; }
  .project-integrate-inner{ margin-top: 41px; padding: 15px; }
  .project-integrate-inner{ width: 100%; }
  .home-how-it-works{ background-size: 100%; }
  .home-how-it-works .col-sm-12 { padding: 0; }
  .home-how-it-works-inner{ float: none; width: 100%; margin-right: 0px; top: 115px; right: 0; }
  .home-how-it-works p{ font-size: 15px; }
  .home-how-it-works .pd{ padding: 10px; }
  .home-how-it-works{ padding-top: 129px; padding-bottom: 0px; min-height: 442px; margin-top: 0; }
  .site-footer{ padding: 0px 15px !important; }
  .home #colophon { margin: 115px 0 0 0; }
  .site-info, .copyright{ font-size: 11px; }
  .footer-section .footer-menu-section ul li{ display: block; float: none; }
  .footer-section .footer-menu-section{ padding-bottom: 15px; }
#masthead .social-header{ width: 100%; position: relative; top: -38px; background: transparent; }
#masthead .site-branding { width: 65%; margin-bottom: 0; }
#masthead .site-branding h2.for-mobile{ top: -39%; }
.header-search{ float: none; margin-right: 0px; }
.page .entry-header, .search .entry-header { padding-top: 2em; padding-bottom: 2em; }
.footer-section .footer-menu-section ul li{ margin-right: 0px; text-align: center; }
  p, .entry-content ul, .entry-content ol { font-size: 16px; }
  h1{ font-size: 18px; }
 .navbar.navbar-default .navbar-nav{ margin-left: 0px; margin-right: 0px; }
 .navbar.navbar-default .navbar-collapse{ margin-left: 0px; margin-right: 0px; background:#666 ; }
 .header-area .social-header .navbar-default .navbar-nav li:hover ul{ display: none !important; }
 .header-area .social-header .navbar-default .navbar-nav > li{ margin-right: 0px; text-align: center; }
 .header-area .social-header .navbar-default .navbar-nav > li a{ color: #fff; padding: 8px 0px; }
 .header-area .social-header .navbar-default .navbar-nav > li a:hover{ color: #05a68f ; }
 .header-area .social-header .navbar-default .navbar-nav > .active > a,
 .header-area .social-header .navbar-default .navbar-nav a:hover{ color: #05a68f ; }
 .header-search{ display: none; }
 .navbar-default .navbar-toggle{ border: none; }
 #logo img{ max-width: 60px; }
 .site-branding{ width: 95px; }
 .navbar-default .navbar-toggle{ position: absolute; right: 55px; top: -50px; }
 .navebar-defaut .navbar-header .menu-text{ text-transform: uppercase; }
 .search-icon{ background: url(/wp-content/themes/safewater/img/mag-m.png) no-repeat; height: 30px; width: 30px; right: 31px; top: -25px; position: absolute; cursor: pointer; }
 .menu-text{ text-transform: uppercase;; font-size: 18px; }
 .logo-section span{ margin-right: 5px; }
 .main-banner:before, .main-banner:after{ display: none; }
 .main-banner:before, .main-banner:after, .home-blocks:after{ width: 43%; }
 .home-blocks:before { width: 100%; height: 24px; }
 .project-integrate:before, .home-how-it-works:before{ background-image: url(/wp-content/themes/safewater/img/arrow-dwn-btm.png); background-size: 57px !important; margin-left: -30px; top: 0;  }
 .home-blocks:after{ height: 26px; }
 .project-integrate{ margin-top: 9px; }
 .main-banner-content{ position: absolute; }
 .main-banner-content:after{ content: ''; position: absolute; margin-left: -20px; left: 50%; z-index: 99; bottom: -20px;  height: 0; border-left: 20px solid transparent;
  border-right: 20px solid transparent;  border-top: 20px solid #05a68f; }
 .home-blocks:after{ content: ''; position: absolute; margin-left: -20px; left: 50%; z-index: 99; bottom: -2px;  height: 26px; border-left: 20px solid transparent;
  border-right: 20px solid transparent; border-top: 20px solid #24428f; width: 25px; }
 
.category article { padding-left: 10px; padding-right: 10px; }
.category article a.list_thumb { width: 140px; display: block; position: relative; float: right; }
 
.single article img.thumbnail { width: 140px; }
article .alignright { width: 140px; }

.container{ width: 100%; }
.home #content { width: 100%; }
.page .entry-header, .search .entry-header { width: 100%; }
#pageNav .pageNav-inner {width: 100%;}
 
.footer-section .footer-menu-section ul li:nth-child(1) { width: 100%; }
.footer-section .footer-menu-section ul li:nth-child(2) { width: 100%; }
.footer-section .footer-menu-section ul li:nth-child(3) { width: 100%; }
.footer-section .footer-menu-section ul li:nth-child(4) { width: 100%; }
.footer-section .footer-menu-section ul li:nth-child(5) { width: 100%; }
}

@media only screen and (max-width: 640px) {
    .wp-caption.aligncenter { width: 100% !important; margin-top: 0; position: relative; background:#ebebeb; }
    .wp-caption.aligncenter img { display: block; position: relative; top: 0; margin: 0 auto; width: 100%; }
    .wp-caption.aligncenter p { width: 100%; margin: 0 auto; }
    .home-how-it-works-inner { top: 18px; }
    .project-integrate-inner{ margin-top: 40px; }
    .logo-section .logo-left span, .logo-section .logo-left img { display: block; float: none; margin: 0 auto; text-align: center; }
    .site-info { display: block; text-align: center; clear: both; }
}

@media only screen and (max-width: 560px) {
    .project-integrate-inner{ margin-top: 20px; }
.single .entry-header h1 { font-size: 34px; }
    .single article img.thumbnail { float: none; margin-top: -20px; margin-left: 0; width: 100%; }
}

@media only screen and (max-width: 460px) {
    #masthead .site-branding h2.for-mobile{ top: -24%; font-size: 21px; }
    .project-integrate-inner{ margin-top: 3px; }
}

@media only screen and (max-width: 360px) {
    #masthead .site-branding h2.for-mobile { display: none; }
    .project-integrate-inner{ margin-top: -20px; }
}