/*

Theme Name: EarthShare

Theme URI: https://wordpress.org/themes/earthshare/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: EarthShare is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. EarthShare will make your WordPress look beautiful everywhere.

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

Text Domain: earthshare



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.

*/





/**

 * Table of Contents

 *

 * 1.0 - Normalize

 * 2.0 - Genericons

 * 3.0 - Typography

 * 4.0 - Elements

 * 5.0 - Forms

 * 6.0 - Navigation

 *   6.1 - Links

 *   6.2 - Menus

 * 7.0 - Accessibility

 * 8.0 - Alignments

 * 9.0 - Clearings

 * 10.0 - Widgets

 * 11.0 - Content

 *    11.1 - Header

 *    11.2 - Posts and pages

 *    11.3 - Post Formats

 *    11.4 - Comments

 *    11.5 - Sidebar

 *    11.6 - Footer

 * 12.0 - Media

 *    12.1 - Captions

 *    12.2 - Galleries

 * 13.0 - Multisite

 * 14.0 - Media Queries

 *    14.1 - >= 710px

 *    14.2 - >= 783px

 *    14.3 - >= 910px

 *    14.4 - >= 985px

 *    14.5 - >= 1200px

 * 15.0 - Print

 */





/**

 * 1.0 - Normalize

 *

 * Normalizing styles have been helped along thanks to the fine work of

 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

body {

	font-size: 16px;

	color: #333;

	font-family: 'Roboto Condensed', sans-serif;

}

a, a:focus, a:hover {

	outline: none;

	text-decoration: none;

}

h1, h2, h3, h4, h5, h6 {

	margin: 0

}

ul, ol {

	margin: 0;

	padding: 0;

}

li {

	list-style: none;

}

img {

	display: block;

	height: auto;

	width: auto;

}

header {

	margin:30px 0 20px;

}

.logo img:hover{

	opacity: .6;

	transition: opacity .55s ease-in-out;

	-moz-transition: opacity .55s ease-in-out;

	-webkit-transition: opacity .55s ease-in-out

}

.one_third {font-size:16px;line-height:1.6em;}

/***nav css***/

.navbar-default {

	background: none;

	border: medium none;

	margin: 0;

	min-height: 0;

	padding: 15px 0 0;

}

.navbar-default .navbar-nav li a {

	color: #64a0c8;

	font-size: 15px;

	font-weight: bold;

	padding: 5px 12px;

	text-decoration: none;

	font-family: helvetica;

}

.navbar-default .navbar-nav li:hover {

	background: #58a618;

}

.navbar-default .navbar-nav li a.active {

    color: #58a618;

}

.navbar-default .navbar-nav li.current-menu-item a{color: #58a618}

.navbar-default .navbar-nav li:hover a {

	color: #fff;

}

.collapse.navbar-collapse {

	padding: 0;

}

.dropdown:hover .dropdown-submenu {

	display: block;

	border: none;

}

.navbar-nav li .dropdown-menu {

	background: #58a618;

	border: none;

}

.dropdown-menu li a:focus, .dropdown-menu li a:hover {

	color: #000;

	text-decoration: none;

	background-color: #58a618

}

.navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open>a:focus, .navbar-default .navbar-nav .open>a:hover {

	color: #fff;

	background-color: #58a618

}

.navbar-nav li .dropdown-menu a:hover {

	color: #000;

}

.slider img {

	width: 100%;

}

.main {

	margin: 45px 0;

	text-align: center;

}

.main_content {

	padding: 0 20px;

}

.main_content p {

	font-size: 20px;

	color: #37392b;

}

.main_content img {

	padding: 40px 0;

	margin: 0 auto;

}

.bottom_box {

	margin: 45px 0;

}

.home div.events {

	min-height:430px;

}

.events {

	background: #6db33f none repeat scroll 0 0;

	border-radius: 5px;

	padding: 20px;

	margin: 0 0 15px;

}

.events h2 {

	color: #FFF;

	font-size: 30px;

	text-align: center;

}

.events hr {

	margin: 15px 0 20px;

}



.home div.recent_news {	min-height:430px; }



.recent_news {

	padding: 20px;

	border: 3px solid;

	border-radius: 5px;

	margin: 0 0 15px;

	border-right-color: #56a0d4;

	border-left-color: #6db340;

	border-top:0px;

	border-bottom:0px;

	position:relative;

}



.recent_news:before {

    content:'';

    position:absolute;

    width:100%;

    height:3px;

    background:linear-gradient(to left, #56a0d3, #6cb244);

    top:0px;

    left:0;

}

.recent_news:after {

    content:'';

    position:absolute;

    width:100%;

    height:3px;

    background:linear-gradient(to left, #56a0d1, #6db342);

    bottom:0px;

    left:0;

}



.recent_news h2 {

	color: #37392b;

	font-size: 30px;

	text-align: center;

}

.recent_news hr {

	border-color: #000;

	margin: 15px 0 20px;

}

.news {

	margin: 0 0 24px;

}

.news h4 {

	font-size: 14px;

	font-weight: 600;

}

.news p {

	font-size: 16px;

	margin: 0; line-height:1.6em;

}

.donation {

	background: #56a0d4 none repeat scroll 0 0;

	border-radius: 5px;

	padding: 20px;

}

.donation h2 {

	color: #FFF;

	font-size: 30px;

	text-align: center;

}

.donation hr {

	margin: 15px 0 20px;

}



.donation p {

	color: #fff;

	text-align: center;

}

.donation a {

	color: #fff;

	display: block;

	font-size: 18px;

	font-weight: 600;

	text-align: center;

}

.donation h3 {

	color: #fff;

	margin: 15px 0 0;

	text-align: center;

	font-size: 24px;

}

.newslatter .form-control {

	border: 1px solid #ddd;

	border-radius: 3px;

	box-shadow: none;

	margin: 0 0 10px;

}

.newslatter .btn-primary {

	background: #dddddd none repeat scroll 0 0;

	border: medium none;

	color: #000;

	padding: 6px 30px;

}

/*******inner page css*********/

.inner_page {

	/*margin: 0 0 45px;*/*margin: 0;

}

.page_heading {

	background-color: #64a0c8;

	margin: 0 0 15px;

}

.page_heading h1 {
	color: #fff;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 22px;

}

.left_area img {

	margin: 0 0 20px;

	width: auto;

	max-width:100%

}
.single div.left_area h2, .single div.left_area h3, .single div.left_area h4 {font-size:22px;   line-height: 1.4em;}
.left_area h2, .left_area h3, .left_area h4 {
	margin-top: 25px;
	margin-bottom: 10px;
	line-height:1.6em;
}

.left_area p {

	font-size: 16px;
	margin: 0 0 15px;
	line-height:1.8em;

}

.left_area li {
	line-height:1.6em;
	list-style-type: disc; 
}

.left_area ul {
	padding-bottom:15px;
	padding-left: 40px;
}

/***********************************/

/************blog css********************/

.post h2 {

    color: #58a618;

    display: block;

    font-family: "Roboto Condensed";

    font-size: 20px;line-height:1.4em;

    font-weight: normal;

    padding: 15px 0;

}

.post img {

    float: left;

    padding-right: 10px;

    width: 156px;

}

.post p {

    font-size: 16px;line-height: 1.6em;

}

/**************************************/

footer {

	margin: 0 0 45px;

}

footer hr {

    margin: 0 0 30px;

}

.phone {

    color: #000 !important;

}

.address h5 {

	color: #64a0c8;

	font-size: 18px;

	font-weight: 600;

	margin: 0 0 10px;

}

.address span {

	color: #57a745;

}

.social-links {

	display: inline-block;

	float: right;

	list-style: outside none none;

	padding: 0;

	margin: 25px 0 0;

}

.social-links li {

	display: inline-block;

	margin: 0 5px;

}

.social-links li a:hover img {

	opacity: .6;

	transition: opacity .55s ease-in-out;

	-moz-transition: opacity .55s ease-in-out;

	-webkit-transition: opacity .55s ease-in-out

}



@media (min-width:768px) {

.caret {

	display: none !important;

}

}

@media screen and (max-width: 990px) {

	.navbar-default .navbar-nav li a{

		padding: 5px 10px;

	}

}

@media screen and (max-width: 767px) {

	.logo img {

    margin: 0 auto;

}

.navbar-header {

	margin: 0 0 20px;

}

.collapse.navbar-collapse {

	padding: 0 15px;

}

.navbar-default .navbar-toggle{

	border-color: #64a0c8;

}

.navbar-default .navbar-nav .open .dropdown-menu li a {

	color: #FFF;

}



.navbar-default .navbar-nav li a {

	padding: 10px;

}

.pull-right {

	float: none !important;

}

.navbar-toggle {

	margin: 0;

}

.main_content{

	padding:0;

}

.recent_news{

	min-height:0;

}

.events{

	min-height:0;

}

footer{

	text-align:center;

}

.copyright {

    display: block;

    text-align: center;

}

.text-right {

    text-align: center;

}

.social-links{

	float:none;

}

}

/*22jan*/



.pagination {    border-top: 1px solid #ccc;    margin: 20px 0 0;    padding: 10px 0;    text-align: right;    width: 100%;}

.pagination .page-numbers.current, .pagination a:hover {background:#6db33f none; border:1px solid #6db33f;color: #fff; display:inline-block;padding: 4px 0; text-align: center;width: 28px;}

.pagination a {    background: #64a0c8;   border: 1px solid #64a0c8;    color: #fff;    display: inline-block;    padding: 4px 0;    text-align: center; width: 28px; }

.single .left_area img {    margin: 0 auto;    max-width: 100%;	width:auto;}

.contact-us h4 {    display: inline-block;    vertical-align: top;    width: 48%;}

.contact-box {    border: 1px solid #ccc;    margin: 16px 0;    padding: 22px 15px 0;}

.contact-box .form-group textarea {    height: 172px;}

.left_area .banner {    width: 100%;}

.cform {    background: #64a0c8;    border: medium none;    border-radius: 3px;    color: #fff;    padding: 6px 24px;    text-transform: uppercase;}

.cform:hover {    background: #6db33f;}

.events .ai1ec-date {    background: none;    border: medium none;    margin: 0px 0;}

.left_area .accordion  h3 {    background: #64a0c8 !important;  padding: 10px 10px 10px 32px;}

.left_area .accordion  h3 a{ color:#fff; font-size:16px;}

.left_area .accordion div.ui-accordion-content {

    background: #6db33f !important;

    color: #fff !important;

    font-size: 14px !important;

}

.staff {    margin: 0;    padding: 0;}

.staff li {    display: inline-block;    margin: 0 2px 20px 0;    text-align: center;    width: 32%;	vertical-align: top;}

.staff img {    margin: 0 auto;    width: 100%; max-width: 130px; }

.detail {    background: #6db33f ;    color: #fff;    margin: 0 auto;    width: 94%;	padding: 4px 0;}

.detail span {    display: block;	}

.loc li {list-style: outside none square;}

.loc { padding: 0 0 0 20px;}

.loc li { list-style: outside none square;    margin: 10px 0;line-height: 1.6em;}

.steps { padding: 0 0 0 20px;}

.steps li { font-size: 16px; line-height: 1.6em;   list-style: outside none decimal;    margin: 4px 0;    padding: 0 10px;}

.campaigns h1 {  background: #58a618 none repeat scroll 0 0;    color: #fff;    font-size: 22px;    padding: 6px 10px;	margin: 10px 0;}

.campaigns img {  margin: 0;}

.campaigns span.ctitle { display: block;    text-decoration: underline;	font-size: 18px;	text-align:left;}

.campaigns span.sub {font-size: 14px;	 display: block;text-align:left;}

.campaigns p {font-size: 14px;  text-align: center;}

.left_area .aligncenter {margin:0 auto; width:100%;}

.celebrate h1 {background: #58a618 none repeat scroll 0 0;   color: #fff;  font-size: 18px;   padding: 6px 10px;margin: 10px 0;	text-align:center;}

.celebrate {text-align: center;}

.celebrate img{ margin:0 auto;}

.celebrate h2 { font-size: 24px;}

.eventsp li { border: 1px solid #ccc; display: inline-block;    min-height: 138px;    padding: 10px;    width: 32.5%;}

.pcontest li {display: inline-block;    margin: 10px;    width: auto;}

.pcontest { text-align: center;}

@media screen and (max-width: 567px) {

.contact-us h4 {width: 100%; margin:10px 0;}

.staff li {width: 48%;}

.detail { width: 97%;}

}
@media screen and (max-width: 480px) {
.address img { width: 100%;}
}


/* 27-Jan-2016 */
.address img { width: 100%; display: initial;}
div.textwidget div.news h4 { font-size: 14px;font-weight: 600; margin-bottom: 6px;}
div.textwidget div.news h4 { margin-bottom: 6px;}
div.textwidget div.news > p {font-size: 14px; line-height: 1.4em;}
.campaigns .campaigns-box{border: 1px solid #ccc; margin: 10px 0; padding: 20px;}
.campaigns .campaigns-box .campaigns-box-center{text-align: left;}
.ngg-galleryoverview {text-align: center;}
.ngg-gallery-thumbnail-box {display: inline-block;float:none !important;}