/*
Theme Name: hexo
Theme URI: http://imrohan.com/hexo-lite/
Author: Rohan
Author URI: http://imrohan.com/
Description: A Typography enriched, modern minimal theme. It is retina-ready responsive theme, with emphasis on user readability to make sure that your content is the king. Ample of white-spaces allow website visitors to rest their eyes while reading. It has two widget areas and a nice collapsible menu. 
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hexo
Tags: one-column, custom-background, custom-header, featured-images, full-width-template, footer-widgets, blog, threaded-comments, translation-ready, editor-style

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.

Hexo WordPress Theme, Copyright (C) 2017, Rohan
Hexo is distributed under the terms of the GNU GPL

hexo is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores 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 http://necolas.github.com/normalize.css/
*/

/*
styleguide:
body font: https://fonts.googleapis.com/css?family=Merriweather (font-family: 'Merriweather', serif;)
heading font: https://fonts.googleapis.com/css?family=Lato:400,700 (font-family: 'Lato', sans-serif;)
color:
font: heading: #1F1F26 (dark)
			body: #444444 (light)
yellow: #fefc27
grey: #ccc

*/

/*--------------------------------------------------------------
>>> 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
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2rem;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1.5rem 0px;
}

figure img{
	transition: 0.3s ease;
}

figure img:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 1rem;
    border: 1px solid #ccc;
}

th {
    background: #f7f7f9;
}

.single .entry-content p:first-child:first-letter{
	/*font-weight: 700;
    font-size: 3.5rem;
    line-height: 1rem;*/
		float: left;
		font-size: 3.5rem;
		line-height: 2rem;
		padding-top: 0.8rem;
		padding-right: 0.9rem;
		padding-left: 0.25rem;
		font-family: 'Georgia', sans-serif;
}

.single .entry-content blockquote p:first-child:first-letter, .single .entry-content q p:first-child:first-letter{
	color: #444444;
	    font-size: 1rem;
	    line-height: 2rem;
	    font-family: 'Merriweather', serif;
			padding-top: 0rem;
			padding-right: 0rem;
			padding-left: 0rem;
}

.category article .entry-footer, .archive article .entry-footer, .search article .entry-footer, .blog article .entry-footer{
	padding-right:0rem;
	transition: 0.3s ease;
}

.category article:hover .entry-footer a, .archive article:hover .entry-footer a, .search article:hover .entry-footer a, .blog article:hover .entry-footer a{
		padding-left: 1rem;
		transition: 0.3s ease;
		color: #ccc;
}

.category article:hover .entry-footer:after, .archive article:hover .entry-footer:after, .search article:hover .entry-footer:after, .blog article:hover .entry-footer:after {
    content: "\2192";
		transition: 0.3s ease;
		padding-left:0.5rem;
		color: #ccc;
		position: absolute;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html{
	font-size: 100%;
}

body,
button,
input,
select,
textarea {
	color: #444444;
	font-size: 16px;
	font-size: 1rem;
	line-height: 2rem;
	font-family: 'Merriweather', serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #1F1F26;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	clear: both;
}

h1{
	font-weight: 700;
	font-size: 54px;
	font-size: 3.5rem; /*54px*/
	line-height: 1.2;
	line-height: 4rem;
	margin:1.5rem 0;
}

h2{
	font-weight: 700;
	font-size: 48px;
	font-size: 3rem; /*48px*/
	line-height: 1.2;
	line-height: 3.5rem;
	margin: 1.5rem 0;
}

h3{
	font-weight: 700;
	font-size: 40px;
	font-size: 2.5rem; /*40px*/
	line-height: 1.2;
	line-height: 3rem;
	margin: 1.5rem 0;
}

h4{	
	font-size: 32px;
	font-size: 2rem; /*32px*/
	line-height: 1.2;
	line-height: 2.5rem;
	margin: 1.5rem 0;
}

h5{
	font-size: 24px;
	font-size: 1.5rem; /*24px*/
	line-height: 1.2;
	line-height: 2rem;
	margin: 1.5rem 0;
}

h6{
	font-size: 16px;
	font-size: 1rem; /*16px*/
	line-height: 1.2;
	line-height: 1.5rem;
	margin: 1.5rem 0;
}

p {
	margin-bottom: 1.5rem;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

@media(min-width:960px){
body {
	background: #1F1F26; /* Fallback for when there is no custom background color defined. */
	padding: 16px;
}

body:before {
    top: 0;
}

body:after {
    bottom: 0;
}

body:before, body:after {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 16px;
    background: inherit;
}
}

#page{
	background: #fff;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
	border-left: 0.25rem solid #ccc;
    padding-left: 0.5rem;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

date {
    background: #fefc27;
    padding: 8px;
}

.site-branding .site-title{
	font-weight: 700;
    font-size: 3.5rem;
    line-height: 4rem;
    margin: 1.5rem 0;
		margin-bottom: 0.5rem;
		color: #1F1F26;
font-family: 'Lato', sans-serif;
clear: both;
}

.site-description{
	  margin-bottom: 1.5rem;
}

.site-branding {
    text-align: center;
		border-bottom: 1px solid #ccc;
		padding-bottom: 2rem;
		padding-top: 2rem;
}

.single h1.entry-title{
	margin-top: 0;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

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: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover
{
    outline:0px !important;
    -webkit-appearance:none;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border-color: transparent;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #444444;
	transition: 0.3s ease;
}

a:visited {
	color: #444444;
}

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

a:focus {
	outline: 0;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.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%;
}

.navbar-toggler{
	background: #fefc27;
    border-radius: 0px;
		float: right;
}

/*new added*/
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 32px;
    height: 1px;
    background-color: #000;
    border-radius: 0px;
}

.hamburger {
    padding: 8px;
    padding-bottom: 0px;
	}

.hamburger-box {
    width: 32px;
}

.topm {
	    background: #f7f7f9;
}

.topm .row {
    padding: 2rem 0;
}

.navbar-nav .open .dropdown-menu{
		display: block;
	}

.navbar-light .navbar-nav .nav-link {
    color: #444;
}

.navbar-nav .nav-item + .nav-item {
    margin-left: 0rem;
}

.dropdown-menu{
	border-radius: 0px;
}

.navbar-nav .nav-item {
    float: left;
		width: 100%;
}

.dropdown-menu{
	position: relative;
	border: 0px solid #fff;
	background-color: transparent;
}

.navbar{
	border-radius: 0px;
}

.navbar-nav .open .dropdown-menu {
    margin-left: 2rem;
}

.navbar-nav .nav-link {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: .5rem;
}

.dropdown-menu{
	margin: 0;
	padding: 0;
}

.navbar ul > li > a {
    border-bottom: 1px solid #ccc;
}

.nav-previous:before {
    content: "\2190";
    padding-right: .5rem;
}
.nav-next:after {
    content: "\2192";
    padding-left: .5rem;
}

.nav-links:hover .nav-previous:before, .nav-links:hover .nav-next:after {
    color: #ccc;
}


@media(max-width:767px){
.navbar ul{
    margin: 0 0 1.5em 1em;
}
.widget-area ul {
    margin: 0 0 0 0;
    list-style: none;
    padding: 0;
}

.topm .row.in {
    display: flex;
    flex-wrap: wrap;
}

.flex-1{
	order: 2;
	flex: 100%;
}

.flex-2{
	order: 1;
	flex: 100%;
	margin-bottom: 2rem;
	margin-right: 1rem;
}

}


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

.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-size: 0.875rem;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5rem;
	margin-bottom: 1rem;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

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

.single .entry-content figure{
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.single .entry-content figure.alignleft{
	margin-right: 1rem !important;
	margin-left: 0rem !important;
}

.single .entry-content figure.alignright{
	margin-right: 0rem !important;
	margin-left: 1rem !important;
}

.single .entry-content figure.aligncenter, .single .entry-content figure.alignnone{
    clear: both;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.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;
	table-layout: fixed;
}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 2rem;
}

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

h2.widget-title{
	font-size: 1.5rem; /*24px*/
	line-height: 2rem;
    padding: 0 0 1rem 0;
		margin: 0 0 1rem 0;
    border-bottom: 1px solid #ccc;
}

.widget-area ul{
	    margin: 0 0 0 0;
			list-style: none;
			padding-left: 1rem;
}

.widget-area ul > li{
	    margin: 0 0 0.5rem 0;
}

.widget_search .search-submit {
	display: none;
}

input.search-field {
    min-width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 0px;
}

form.search-form label{
	width: 100%;
}

@media(min-width: 969px){
	.bottomm .widget-area section {
    width: 31%;
    display: inline-block;
    float: left;
    margin: 0 1% 1.5rem 1%;
}
}

.bottomm{
	background: #f7f7f9;
}

.bottomm .container1 {
    padding-top: 2.5rem;
}

.site-info {
    text-align: center;
    margin-bottom: 1rem;
}

@media (max-width: 968px){
	.widget{
		padding-left: 1rem;
padding-right: 1rem;
	}
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

@media(min-width:489px) and (max-width:543px){
	.container {
	  max-width: 450px
	}
}

@media(min-width:391px) and (max-width:490px){
	.container {
	  max-width: 380px
	}
}

@media(min-width:321px) and (max-width:390px){
	.container {
	  max-width: 320px
	}
}

@media(max-width:320px){
	.container {
	  max-width: 300px
	}
}

@media (min-width: 544px) {
  .container {
    max-width: 480px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 800px;
  }
}

.container1{
	margin: 0 auto;
}

@media(min-width:544px) and (max-width:767px){
	.container1 {
	  max-width: 500px
	}
}

@media(min-width:489px) and (max-width:543px){
	.container1 {
	  max-width: 450px
	}
}

@media(min-width:391px) and (max-width:490px){
	.container1 {
	  max-width: 380px
	}
}

@media(min-width:321px) and (max-width:390px){
	.container1 {
	  max-width: 350px
	}
}

@media(max-width:320px){
	.container1 {
	  max-width: 300px
	}
}


@media (min-width: 768px) {
  .container1 {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container1 {
    max-width: 940px;
  }
}

@media (min-width: 1200px) {
  .container1 {
    max-width: 1140px;
  }
}

article{
	text-align: center;
	padding: 4rem 0;
	border-bottom: 1px solid #cccccc;
}

.page article{
	border-bottom: 0px solid #cccccc;
}

.page .comments-area article{
	border-bottom: 1px solid #cccccc;
}

.page-content, .entry-content, .entry-summary{
	text-align:left;
}

.entry-meta, .entry-footer{
	font-size: 0.85rem;
}

.entry-meta a, .entry-footer a {
		color: #cccccc;
}

.read-more a{
	color: #444;
	transition: 0.3s ease;
}

.read-more a:hover{
	color: #ccc;
}



/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	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;
}

.single .has-post-thumbnail{
	padding-top: 0;
}

.single .has-post-thumbnail figure {
    margin: 0 0 1.5rem 0px;
		position: relative;
}

.entry-footer span.cat-links {
    padding-right: 2rem;
}

.entry-footer span.tags-links{
    padding-right: 2rem;
}

.archive header.page-header, .category header.page-header, .search header.page-header, .error404 header.page-header{
	border-bottom: 1px solid #ccc;
	text-align: center;
}

.archive header.page-header h1, .category header.page-header h1, .search header.page-header h1, .error404 header.page-header h1{
	font-size: 1.5rem;
    line-height: 2rem;
    padding: 1.5rem 0;
    margin: 0;
}

.archive article:last-child, .category article:last-child, .search article:last-child{
    border-bottom: 0px;
    margin: 0px;
}

.search-no-results .page-content, .error404 .page-content{
	margin: 4rem 0;
}

.search-no-results input[type="submit"], .error404 input[type="submit"]{
	display: none;
}

.search-no-results label{
min-width: 100%;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*added*/

.comments-area {
	margin: 0;
}

@media screen and (min-width: 40em) {
	.comments-area {
		margin: 0;
	}
}

@media(max-width: 767px){
	.comments-area{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.comment-list {
	padding: 0;
	margin: 0;
}

.comment-list,
.comment-list ol {
	list-style-type: none;
}

.comment-body {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1rem;
}

.comment-meta {
	position: relative;
	margin-left: 5rem;
	font-size: 80%;
}

.comment .avatar {
	position: absolute;
	left: -70px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
}

.children {
	margin-left: 1em;
	padding-left: 0;
}

.comment .avatar {
	top: -5px;
}

@media screen and (min-width: 30em) {

	.children {
		margin-left: 2em;
	}

	.comment-meta {
		margin-left: 80px;
		font-size: 90%;
	}

	.comment .avatar {
		top: -7px;
		left: -80px;
		width: 60px;
		height: 60px;
	}

	.comment-content {
		margin-left: 80px;
	}

}
@media screen and (min-width: 50em) {

	.children {
		margin-left: 3em;
	}

	.comments-area {
		margin: 0;
	}

	.comment-meta {
		margin-left: 90px;
	}

	.comment .avatar {
		top: -8px;
		left: -90px;
		width: 70px;
		height: 70px;
	}

	.comment-content {
		margin-left: 90px;
	}
}

.comment-meta a {
	text-decoration: none;
	font-style: initial;
}

.comment-meta a:hover,
.comment-meta a:focus {
	border-bottom: 1px solid #ccc;
}

.comment-metadata a:hover,
.comment-metadata a:focus {
	border-color: #c3c3c3;
}

.comment-author {
	font-size: 1.5rem;
    line-height: 2rem;
    margin: 0.5rem 0;
}

.says {
	font-size: 80%;
}

.comment-metadata {
    margin-top: .2em;
	padding-bottom: .5em;
	font-size: .8em;
	line-height: 1em;
}

.comment-metadata a {
	color: #808080;
}

.reply {
	margin-bottom: 1.5em;
	text-align: right;
}

.reply a {
	display: inline-block;
	padding: .5em 1.4em;
	font-size: 85%;
	color: #444;
	line-height: 1.3em;
	text-decoration: none;
	border: 1px solid #ccc;
}

.reply a:hover,
.reply a:focus {
	background: #000;
	color: #fff;
	border-color: #000;
}

.comment-content ol {
	list-style-type: decimal;
}

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

.bypostauthor .avatar {
	box-sizing: content-box;
	border: 5px solid #c3c3c3;
	margin-top: -5px;
	margin-left: -5px;
}

/* Comment Form */

.comment-respond::after {
	display: block;
	margin: 2em auto 4em;
	content: "";
	width: 5em;
	border-bottom: 1px solid #ccc;
}

.comment-reply-title {
	margin-bottom: 1em;
	text-align: center;
}

.comment-list .comment-reply-title {
	text-align: left;
}

.comment-form {
	line-height: 1.3em;
}

.comment-form a {
	font-weight: 500;
}

.comment-form .form-submit {
	margin-top: 3em;
}

.comment-form .form-submit input {
	padding: .5em 1.4em;
	font-size: 85%;
    color: #333;
    line-height: 1.3em;
    text-decoration: none;
    border: 1px solid #c3c3c3;
}

.comment-form .form-submit input{
	display: inline-block;
	padding: .5em 1.4em;
	font-size: 85%;
	color: #333;
	line-height: 1.3em;
	text-decoration: none;
	border: 1px solid #c3c3c3;
}

.comment-form label {
	width: 33%;
}
.comment-form .required {
	color: #D54E21;
}

.comment-form label {
	display: block;
	padding-bottom: .4em;
}

.comment-reply-title{
	text-align: left;
}

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: 0px;
	}

	.comment-form .form-submit input{
    padding: .5em 1.4em;
    font-size: 85%;
    color: #333;
    line-height: 1.3em;
    text-decoration: none;
    border: 1px solid #c3c3c3;
		background: #fff;
    box-shadow: none;
    border-radius: 0px;
    padding: 10px 20px;
		transition: background 1s ease;
		text-shadow: none;
		}

		.comment-form .form-submit input:hover{
			background: #000;
			color: #fff;

		}

/*added end*/

div#comments {
    border-top: 1px solid #ccc;
}

h2.comments-title, h3#reply-title {
    font-size: 1.5rem;
    line-height: 2rem;
}

.comment-list article {
    text-align: left;
		padding: 2rem 0;
}

.blog span.comments-link a{
	color: #ccc;
}

p.no-comments {
    padding-bottom: 2rem;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-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;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	padding: 0.5rem;
    background: #f7f7f9;
		position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
}

.wp-caption-text {
	text-align: center;
	font-size: 0.8rem;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.single .entry-content .gallery figure{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/*rem adjustments*/
@media(max-width: 900px){
	html{
		font-size: 90%
	}
}

@media(max-width: 767px){
	html{
		font-size: 80%
	}
}

@media(max-width: 500px){
	html{
		font-size: 70%
	}
}