/*!
Theme Name: greensblog
Theme URI: 
Author: https://www.sreeinfotech.com/
Author URI: https://www.sreeinfotech.com/
Description: Greensblog is a Simple, Clean, and Elegant Education WordPress Theme with a pleasant feel. It is very easy to use for all types of blog making.
Version: 1.0.8
License: GPLv3
Requires at least: 5.1
Requires PHP: 5.6
Tested up to: 5.4
Stable tag: 1.0.4
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: greensblog
Tags: custom-menu, custom-logo, editor-style, featured-images, blog, one-column

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.

greensblog is based on  https://sreeinfotech.com/, (C) 2012-2017 Greensblog, Inc.
greensblog is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: sans-serif;
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	max-width: 100%;
	height: auto;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.sticky {
    display: block;
}
.bypostauthor {
    display: block;
}
.gallery-caption{
	 display: block;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
	color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border:none;
    
    border-radius: 3px;
    background-color:#fc7216;
    color:#fff;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
    

}
.site-branding a{
	color:#87159a;
 	text-decoration: none;
    font-size: 35px;
    font-weight: bold;
}

.menu-toggle{
	display: none;
}
.site-branding {
    width: 30%;
    float: left;
}
header#masthead {
   max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
nav#site-navigation {
    width: 70%;
    float: left;
    text-align: right;
}
.nav-menu li{
	display: inline-block;
	float: left;
	text-align: left;
}
ol, ul {
    list-style: none;
    display: inline-block;
}
.nav-menu a{
	text-decoration: none;
	color:#1f1919f7;
}
.nav-menu a:hover{
	color: #fc7216;
}
div#content {
    display: inline-block;
    width: 100%;
}
nav.navigation.post-navigation{
	    display: inline-block;
    width: 100%;
    float: left;
}
.site{
    padding-top: 30px;
}
.container{
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#primary{
	width: 75%;
    float: left;
}
.widget-area{
	width: 25%;
	float: left;
}
.header-image{
	text-align: center;
}
.post-thumb {
    width:40%;
    float: left;
}
.post-main {
    width:60%;
   display: inline-block;
    
}
.post-thumb-innder{
	margin-right: 25px;
}
.entry-title a{
	text-decoration: none;
	color:#fc7216;
	
}
.site-main{
	padding-top: 20px;
	padding-right: 30px;
		
}
.entry-meta{
	padding-top: 10px;
	padding-bottom: 10px;
}
.entry-meta a{
	text-decoration: none;
	color:#1f1919f7;
}
.site-description{
	padding-top: 10px;

}
.entry-meta a:hover{
	color:#fc7216;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.widget-title {
	background-color: #000;
	color: #fff;
	text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    letter-spacing: 0.15em;

}
.widget li{
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e8e8e8;
}
.widget a{
	text-decoration: none;
	color: #c99d6e;
}
.widget a:hover{
	color:#1f1919f7;
}
a{
color: #c99d6e;
text-decoration: none;
}
.site-footer {
    text-align: center;
    background-color:#000000;
    color:#ffffff;
    padding-bottom: 10px;
    padding-top: 10px;
}
.site-footer a:hover {
	color:#c99d6e;
}
.site-footer a{
	color:#ffffff;
}
.entry-title{
	font-size: 25px;
	color: #fc7216;
}
.comments-area{
	border-top: 1px solid #c5baba;
	padding-top: 15px;
	float: left;
	display: inline-block;
	width: 100%;
}
.comments-area label{
	vertical-align:top;
	width: 100px;
	display: inline-block;
}
.comments-link{
	padding-left: 5px;
}
.readmorebtn{
	color: #fff;
    background-color:#fc7216;
    border-radius: 25px;
    border: 1px solid#fc7216;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
   	display: inline-block;
    margin-top: 5px;
}
.readmorebtn:hover{
	background-color:#000;
	 color: #fff;
	border:1px solid#000;
}
.comment-notes{
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.0588235);
    border-radius: 0;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
}
article.post{
	border-bottom: 2px solid #e8e8e8;;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 100%;
	display: inline-block;
}
.comments-area input[type="text"], .comments-area input[type="email"], .comments-area input[type="url"]{
	margin-bottom: 5px;
	
}
.comment-form-cookies-consent label{
	width: auto;
  
}
.wpcf7-form-control{
	width: 100%;
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	margin-bottom: 5px;
}
.wpcf7-submit{
	width: auto;
}
.wpcf7-form label{
	font-size: 13px;
}
.wpcf7 {
    padding: 1.5em 2.5em;
    background-color: #fbfbfb;
    border: 1px solid #ebebeb;
    margin: 2px 0;
}
.nav-previous a{
	color: #fff;
    background-color: #fc7216;
    border-radius: 25px;
    border: 1px solid#fc7216;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
    display: inline-block;
    margin-top: 5px;
}
.nav-previous a:hover{
	background-color:#000;
	 color: #fff;
	border:1px solid#000;
}
.nav-next a{
	color: #fff;
    background-color: #fc7216;
    border-radius: 25px;
    border: 1px solid#fc7216;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
    display: inline-block;
    margin-top: 5px;
}
.nav-next a:hover{
	background-color:#000;
	 color: #fff;
	border:1px solid#000;
}
.nav-previous{
	float: left;
}
.nav-next {
	float: right;
}
.custom-logo{
	max-height: 50px;
}


@media only screen and (min-width: 768px){
	#primary-menu > li{
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
	}
	.main-navigation .menu-item-has-children > a{
		padding-right: 19px;
	}
	.main-navigation .menu-item-has-children > a:after{
		content: "▼";
	    position: absolute;
	    right: 11px;
	    top: 1px;
	}
	#primary-menu ul a{
		padding-left: 5px;
	}	
	#primary-menu ul{
		position: absolute;
	    top: 100%;
        z-index: 99999;
	    right: 0;
	    width: 150px;
	    border: 1px solid #000;
	    padding-left:0;
	    background: #fff;
	    left: -999em;
	    margin-top: -1px;
	}
	.nav-menu li li{
		width: 100%;
	}
	#primary-menu li:hover > ul, #primary-menu li.focus > ul{
		left: 0.5em;
    	right: auto;
	}
	#primary-menu ul li:hover > ul,#primary-menu ul li.focus > ul{
		top: 0;
	    left: 100%;
	    right: auto;
	}
	.dropdown-toggle{
		display: none;
	}
	

} 
@media only screen and (max-width: 767px){
	#primary-menu{
		display: block;
	}
	
	.main-navigation a {
	    display: block;
	    outline-offset: -1px;
	    padding: 10px 0;
	}

	.main-navigation li {
	    border-top: 1px solid #fff;
	    position: relative;
	}
	.toggled-on > li{
		background:#fc7216bf;
	}
	.dropdown-toggle {
	    background-color: transparent;
	    border: 0;
	    border-radius: 0;
	    color: #fff;
	    content: "";
	    height: 44px;
	    padding: 0;
	    position: absolute;
	    right: 0;
	    text-transform: none;
	    top: 0;
	    width: 44px;
	    margin: 0;
	}
	.dropdown-toggle:after {
	    border: 0;
	    content: "→";
	    font-size: 24px;
	    left: 1px;
	    position: relative;
	    width: 48px;
	}
	.main-navigation ul ul {
	    display: none;
	    margin-left: 10px;
	}
	.main-navigation ul .toggled-on {
	    display: block;
	}
	nav#site-navigation {
	    width: 100%;
	    position: relative;
	    background-color:#fc7216;
		
		padding-bottom: 5px;
		padding-top: 5px;

	}
	.site-branding {
	    width: 100%;
	    text-align: center;
	}
	#primary {
	    width: 100%;
	}
	.widget-area {
	    width: 100%;
	}
	.main-navigation > div {
	    display: none;
	      left: 0;
	    position: absolute;
	    top: 100%;
	    width: 100%;
	    z-index: 99;
	}
	.site-main {
	    padding-top: 0;
	    padding-right: 0;
	}
	div#content {
	    display: inline-block;
	    width: calc(100% - 20px);
	    padding-right: 10px;
			padding-left: 10px;
	    
	}
	.entry-title {
	    font-size: 25px;
	}
	.menu-toggle {
	        display: block;
		    margin-bottom: 0;
		    border: 1px solid #fff;
		    padding: 8px 10px;
		    margin-left: 10px;
	}
	.main-navigation.toggled > div{
		display: block;
		background-color: #fc7216;
			margin-top: 0px;
		margin-bottom: 5px;
	} 
	.nav-menu li{
	width: 100%;
	text-align: center;
	}
	.nav-menu a {
	color:#ffffff;
	}
	button, input[type="button"], input[type="reset"], input[type="submit"] {
		margin-bottom: 20px;

	}

	.comments-area{
		border-bottom: 1px solid;
	}
	.widget-area{
		margin-top: 20px;
	}
	.main-navigation .current-menu-item{
		background-color:#0f233a;
		color:#ffffff;
	}
	.post-thumb {
		 	width: 100%;
	}
	.post-thumb-innder {
		margin-right: 0;
	}
	.post-main {
		width: 100%;
	}
    		
}