/*
Theme Name: G Blog
Theme URI: https://greenturtlelab.com/downloads/g-blog
Author: greenturtlelab
Author URI: https://greenturtlelab.com
Description: G Blog is simple, clean and elegant WordPress Theme for your blog site. This theme comes with slider, promo section, copyright options and social options. In addition this theme has added custom widget for recent post, author and social menu. Use this awesome WordPress theme for your blog site, you will never look for alternative. 
Demo: https://demo.greenturtlelab.com/g-blog
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: g-blog
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready, post-formats, blog
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
	# Navigation
	## Links
	## Menus
# owl Slider
# Promo-area
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Footer
# 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;
	transition: all 0.5s ease-in-out;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	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: 0;
}

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-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin: 0 0 2em;
	width: 100%;
}

th {
	border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
	color: #666;
	font-weight: bold;
	padding: 8px;
	text-transform: uppercase;
}

td {
	border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
	padding: 8px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom:0;
    font-weight: 500;
    
    }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	
	font-family: 'Hind', sans-serif;
	font-size: 17px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Merriweather', serif;
	color: rgba(0,0,0,0.6);
	clear: both;
	line-height: 1.3em;
	font-weight: 700;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
    padding-left: 35px;
    font-family: "Merriweather", Georgia, serif;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    color: #797979;
    border: 0;
    margin: 0;
}

blockquote:before {
    content: "\f10d";
    float: left;
    margin-left: -35px;
    font-family: "FontAwesome";
    font-style: normal;
    font-size: 22px;
    line-height: 1.33;
    color: #82af7c;
    opacity: 0.88;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 15px;
	font-size: 15px;
}

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

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
	color:rgba(0, 0, 0, 0.75)!important;
}

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

a {
	color: #f45050;
	cursor: pointer;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #1a1a1a;
	outline: none;
	text-decoration: none;
}

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

ol,
ul {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}

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

.widget ul {
	margin-left: 1em;
}

.widget ul > li {
    list-style-type: disc;
}

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. */
	vertical-align: middle;
}

figure {
	margin: 0;
}


table {
	margin: 0 0 1.5em;
	width: 100%;
}
.entry-content ul{
	padding-left: 20px;
}
.entry-content ul > li {
    list-style-type: square;
}
.entry-content ol > li {
    list-style-type: decimal;
}
/*--------------------------------------------------------------
# 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: 6px 8px 8px;
	height: 34px;
}

form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"] {
        background: linear-gradient(45deg,#31d296, #55dc69);
    color: #fff!important;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 10px 15px !important;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    border:1px solid transparent;
}


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

form button:hover,
form input[type="button"]:hover,
form input[type="reset"]:hover,
form input[type="submit"]:hover {
	background-color: #31d296;
}

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:rgba(0,0,0,0.75);
	    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px 12px;
    height: 40px;
    margin-top: 10px;

}

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 {
	outline: none;
	border:1px solid #55dc69;

	 border-radius: 5px;
	 transition: all 0.5s ease-in-out;
	

}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #31d296;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
}

a:visited {
	color: #31d296;
}

a:hover,
a:focus,
a:active {
	color: #31d296;
}

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


/*--------------------------------------------------------------
# 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;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.site-main article:before,
.site-main article:after,
#secondary article:before,
#secondary article:after,
footer article:before,
footer article:after,
.entry-content:after,
.post-thumb:before,
.post-thumb:after,
.post-thumb-mobile:before,
.post-thumb-mobile: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,
.post-thumb:after,
.post-thumb-mobile:after,
.site-main article:after,
#secondary article:after,
footer article:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/*--------------------------------------------------------------
# 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;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.comment-form label{
	width: 100%;
}
.comment-form  p.comment-form-cookies-consent label{
width: unset;
margin-left:10px;
display: inline-block;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
	width: 100%;
}
.bypostauthor {
	display: block;
}
.no-sidebar .content-area{
	width: 100%!important;
}
.left-sidebar .left-s-bar{
	float: right;
}
.right-sidebar .right-s-bar{
	float: left;
}
#comments {
    background: #f1f1f1;
    padding: 30px;
    margin-bottom: 30px;
}
#comments .submit{
	background: linear-gradient(45deg,#31d296, #55dc69);
	color: #fff !important;
	display: inline-block;
	letter-spacing: 2px;
	padding: 10px 20px !important;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	border: 1px solid transparent;
	position: relative;
}
@media (max-width: 768px) {
	.left-sidebar .left-s-bar,.left-s-bar,
	.right-sidebar .right-s-bar {
		float: none;
		width: 100%;
	}
	aside#secondary{
		margin-top:40px; 
	}
	.top-footer .row > [class*="col-md-"] {
	margin-bottom: 25px;
}
}


/*--------------------------------------------------------------
# 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 {
	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 {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-left: -0.5em !important;
	margin-right: -0.5em !important;
	margin-bottom:20px !important;
	position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    align-items: stretch;
    overflow: hidden;
}
.g-blog-gallery-section {
    padding: 30px;
}
.gallery:after {
	display: table;
	content: "";
	clear: both;
}

.gallery-item {
	margin: 0;
	float: left;
	padding:0 10px 20px;
}
.gallery-item img {
	width: 100%;
	border:10px solid #fff;
	min-height: 160px;
	max-height: 160px;
	overflow: hidden;

    transition: all 0.5s ease-in-out;
  
	
}
#gallery-2 {
	margin: auto;
}
#gallery-2 .gallery-item {
	float: left;
	text-align: center;
	width: 33.333%;

}
.gallery-item .gallery-icon.landscape {
    max-height: 160px;
    overflow: hidden;
     min-height: 160px; 

 }
#gallery-2 .gallery-caption {
	margin-left: 0;
}

/* .gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin: 0px 2px 4px;
} */

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1em;
    margin-top:.5em;
}

.alignright {
    display: inline;
    float: right;
    margin: .5em 0 0 1em;
    
}

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


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header{
	background: #fff;
	position: relative;

     box-shadow: 0 1px 15px rgba(0,0,0,0.3);

}
nav#site-navigation
.logo-center, .g-blog-logo-img {
    overflow: hidden;
    width: 200px;
    
}

.navbar{
  margin:0;
  padding: 29px 0;
  line-height: 1;
}
.site-title {
    font-size: 37px;
	margin: 0;
	line-height:1;
	font-family: 'Merriweather', serif;
	color:#31d296!important;
	font-weight: 700;
	transition: all ease 0.35s;
	-webkit-transition: all ease 0.35s;
	-moz-transition: all ease 0.35s
}
.site-title a{
	font-family: 'Merriweather', serif;
	color:#31d296!important;
}
.g-blog-logo{
	float:left;
	width: 35%;
	vertical-align: middle;
	    align-self: center;
}
	
	





.site-description {
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
    line-height: 40px;
}
.top-search,
.site-title{
	display: inline;
}
.top-search{
	float: right;
	position: relative;
	z-index: 2;
	margin: 20px 0;
}
.top-search .search-submit {
    float: right;
}


.top-right{
	
	text-align: right;
	float: right;
	margin-right: 10px;
	margin-bottom: 6px;
}
.search-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    height: 57px;
    line-height: 57px;
    border-left: 1px solid #e5e5e5;
    position: relative;
    cursor: pointer;
    border-right: 1px solid #e5e5e5;
}

.search-form-wrapper {
	width: 320px;
	position: absolute;
	right: -2px;
	text-align: left;
	background: #eeeeee;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
	z-index: 99999;
	padding: 20px;
	top: 130%;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.35s;
	-webkit-transition: all ease 0.35s;
	-moz-transition: all ease 0.35s;
}
.search-form-wrapper.search-form-active {
	top: 100%;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}
.search-form-wrapper .search-form:before,
.search-form-wrapper .search-form:after {
	content: "";
	display: table;
}
.search-form-wrapper .search-form:after {
	clear: both;
}
.search-form input[type="search"] {
	float: left;
	width: 75%;
	height: 45px;
	background: none;
	
	border-right: none;
	margin-top: 0;
	border-radius: 0;
}
.search-form input[type="search"]:focus {
	border-color: none;
}
.search-form input[type="submit"] {
	float: left;
	padding: 0;
	height: 45px;
	border: 1px solid transparent;
	outline: none;
}
.search-form input[type="submit"]:hover {
	border-color: none;
}
.search-form label {
    display: block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: 700;
}
.social-links.top-header-social  ul li {
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    padding: 0;
}
.social-links.top-header-social li > a {
	color: #151515;
	font-size: 0;
    color: transparent;
    padding: 0;
   
  
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.social-links.top-header-social li > a > i {
	vertical-align: middle;
}
.social-links.top-header-social li > a:hover {
	color: #333!important;

}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu-wrapper {
    display: flex;
}
.header-nav {
    float: left;
    width: 100%;
    text-align: right;
    
}
.main-navigation:before,
.main-navigation:after {
    clear: both;
    content: "";
    display: block;
}

.main-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}


.main-navigation ul ul ul {
    left:100%;
    top: 0
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
     padding: 10px 15px;
}

.main-navigation li li {
    float: none;
    display: block;
    padding: 0;

}

.main-navigation ul li li:first-child > a {
    border-left: none;
}

.main-navigation ul li a {
    
    display: block;
    font-size: 14px;
    font-weight: normal;
   color: #333;
    position: relative;
    z-index: 99;
    text-transform: uppercase;
}


.main-navigation ul li.current-menu-item a,
.main-navigation ul li a:hover {
    color:#31d296;
}


.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: "";
    font-family: FontAwesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 17px;
    line-height: 12px;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
}

.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #333;
}
.navbar-right{
    float: right!important;
    margin-right: 0;
        align-self: center;
        width: 70%;

}

@media screen and (min-width: 768px) {
	.main-navigation ul ul {
	    background-color: #eee;
	    left: -9999px;
	    margin: 0;
	    min-width: 250px;
	    opacity: 0;
	    position: absolute;
	    top: 57px;
	    transition: opacity 0.4s ease-in-out 0s;
	    z-index: -9999;

	}

	.mobile-view{
		display: none;
	}
	.main-navigation ul ul a {
	    border-bottom: 1px solid #ddd;
	    border-left: medium none;
	    border-right: medium none;
	    font-size: 14px;
	    height: auto;
	    padding: 9px 15px;
	    text-align: left;
	    width: 100%;
	}
	.navbar-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation ul > li:hover > ul {
	    opacity: 1;
	    left:13px;
	    z-index: 9999;
	    top:30px;
	}

	.main-navigation ul ul ul ul  {
	    display: none;
	}
	.main-navigation ul ul ul li:hover > ul {
	    display: block;
	}
	.main-navigation ul ul li:hover > ul {
	    opacity: 1;
	    left:100%;

	}

}

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

	.main-navigation{
		position:relative;
		
	}
	.main-navigation.fixed-top .header-nav {
  
    background: #fff;
    
}
	.top-right {
		background: #fff;
		float: none;
		text-align: center;
		margin-top: 20px;
		

	}
	.main-navigation li {
   padding: 0; 
}
	.fixed-top{
		position: relative;
		display: block;
	}
.desktop-view{
	display: none;
}

	.social-links{
		border:0;
	}
	.search-wrapper{
		margin-right: 70px;
	}
	.navbar-toggle {
	    margin: 0;
	    z-index: 999;
	}
	.main-navigation ul li{
		width:100%;
	}
	#social-menu li{
		width:auto;
	}
	.main-navigation ul li a{
		padding:10px 15px;
	}
	.main-navigation ul .sub-menu{
	    padding-left: 30px;
	}
	.navbar-collapse {
		
		border: 1px solid rgb(234, 234, 234);
		
	}
	.site-title {
	    font-size: 40px;
	    padding:0;
	}
	.navbar-header{
		padding:10px 0 0;
		float: right;
    width: 20%;
	}

	.search-form-wrapper {
	    width: 250px;
	    right:0;
	}
	.g-blog-logo{
	width: 80%;
}
.fixed-top .g-blog-logo{
	width: 60%;
}


.site-title a {
    font-size: 35px;
    line-height: 1;
}
}


.social-links ul.social-menu li {
    display: inline-block;
}
.social-links ul.social-menu li a {
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 0;
}
.social-links ul.social-menu li a:hover{
  color: #333;
}

.social-links  ul li a:before {
  content: "\f0c1";
  font-family: FontAwesome, sans-serif;
  border-radius: 2px;
  color: #31d296;
  font-size: 16px;
  line-height: 15px;
  transition: color 0.3s ease-in-out 0s;
  vertical-align: middle;
      padding-left: 5px;
}
.social-links  ul li a[href*="facebook.com"]:before {
  content: "\f09a";
}
.social-links ul li a[href*="twitter.com"]:before {
  content: "\f099";
}
.social-links ul li a[href*="linkedin.com"]:before {
  content: "\f0e1";
}
.social-links ul li a[href*="plus.google.com"]:before {
  content: "\f0d5";
}
.social-links ul li a[href*="youtube.com"]:before {
  content: "\f167";
}
.social-links ul li a[href*="dribbble.com"]:before {
  content: "\f17d";
}
.social-links ul li a[href*="pinterest.com"]:before {
  content: "\f0d2";
}
.social-links ul li a[href*="bitbucket.org"]:before {
  content: "\f171";
}
.social-links ul li a[href*="github.com"]:before {
  content: "\f113";
}
.social-links ul li a[href*="codepen.io"]:before {
  content: "\f1cb";
}
.social-links ul li a[href*="flickr.com"]:before {
  content: "\f16e";
}
.social-links ul li a[href$="/feed/"]:before {
  content: "\f09e";
}
.social-links ul li a[href*="foursquare.com"]:before {
  content: "\f180";
}
.social-links ul li a[href*="instagram.com"]:before {
  content: "\f16d";
}
.social-links ul li a[href*="tumblr.com"]:before {
  content: "\f173";
}
.social-links ul li a[href*="reddit.com"]:before {
  content: "\f1a1";
}
.social-links ul li a[href*="vimeo.com"]:before {
  content: "\f194";
}
.social-links ul li a[href*="digg.com"]:before {
  content: "\f1a6";
}
.social-links ul li a[href*="twitch.tv"]:before {
  content: "\f1e8";
}
.social-links ul li a[href*="stumbleupon.com"]:before {
  content: "\f1a4";
}
.social-links ul li a[href*="delicious.com"]:before {
  content: "\f1a5";
}
.social-links ul li a[href*="mailto:"]:before {
  content: "\f0e0";
}
.social-links ul li a[href*="skype.com"]:before {
  content: "\f17e";
}

.social-links ul li a[href*="dribble.com"]:before {
  content: "\f17d";
}



.main-navigation.fixed-top {
	z-index: 99999;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
/*====================================
STICKY HEADER
====================================*/

.main-navigation.fixed-top {
	background: #fff;
	  box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.3);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	visibility: hidden;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	z-index: 99999;
	visibility: visible;
	margin:0;
	border:0;
	border-radius: 0;
	
	
}



.header-nav .main-navigation ul li a {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}
.header-nav.main-navigation ul ul li a {
	color: #333;
}


.navbar-collapse {
	padding:0;
}


.main-navigation ul li:last-child{
	padding-right:0; 
}
/* CPMMENT */
.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%;
}
.nav-links .nav-previous a::before,
.nav-links .nav-next a::after {
	top: 5px;
	line-height: 24px;
	font-family: FontAwesome;
}
.nav-links .nav-previous a::before{
	margin-right: 5px;
	content: "\f100";
}
.nav-links .nav-next a::after{
	margin-left: 5px;
	content: "\f101";
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
    background:linear-gradient(45deg,#31d296, #55dc69);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 10px 20px !important;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    border: 1px solid #transparent;
    position:relative;
    padding: 5px 15px 5px 25px;
}
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
    opacity:0.7;
}
.nav-links .nav-previous a{
	float: left;
}
.nav-links .nav-next a {
	float: right;
}

/*--------------------------------------------------------------
# owl Slider
--------------------------------------------------------------*/
.owl-wrapper{
	overflow: hidden;
}
#featured-slider{
	display: none;
}

#featured-slider .feature-area {
    height: auto;
    overflow: hidden;
}
#featured-slider .owl-prev,
#featured-slider .owl-next {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 50px;
    height: 55px;
    line-height: 65px;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 55px;
    z-index: 3;

}
#featured-slider .owl-next i {
    margin-left: 5px;
}
#featured-slider .owl-prev i {
    margin-right: 5px;
}
#featured-slider .owl-prev {
	left: 15px;
}
#featured-slider .owl-next {
	right: 15px;
}
#featured-slider .feature-area img {
	width: 100%;
}

#featured-slider .feature-description figcaption {
	top: 50%;
	right: 10%;
	width: 30%;
    border-radius: 7px;
	text-align: center;
	 background: rgba(2, 2, 2, 0.39);
	margin: 0;
	padding: 20px 40px;
	position: absolute;
	color: #000;
	text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
}
#featured-slider .feature-description figcaption h2 {
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 25px !important;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 1.5;
	margin-bottom: 2px;
	text-transform: uppercase;
	color:#fff;
}
#featured-slider .feature-description figcaption a {
	display: inline-block;
	line-height: 1;
}
#featured-slider .feature-description figcaption .read-more {
	background:linear-gradient(45deg,#31d296, #55dc69);
	color: #fff!important;
	display: inline-block;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 10px 15px !important;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	border: 1px solid transparent;
	margin-top: 20px;
}
#featured-slider .feature-description figcaption .read-more:hover {
	opacity: 0.7;
}
@media (max-width: 1023px){
	#featured-slider .feature-description figcaption{
		width: 60%;
	}
}
@media (max-width: 980px){
	.owl-wrapper{
		height: auto;
	}
}
@media (max-width: 767px){
	.menu-wrapper{
		display: block;
	}
	.navbar-right {
		width: 100%;
		text-align:left!important;
	}
	.header-nav{
		text-align: left;
	}
	

	#featured-slider .feature-description figcaption {
    top: 50%;
    right: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

	#featured-slider .feature-description figcaption{
		padding:20px;
	}
	#featured-slider .feature-description figcaption h2{
		font-size: 12px !important;
	}
	#gallery-2 .gallery-item {
    float: none;
    width: 100%;



}
#featured-slider .owl-prev, #featured-slider .owl-next {
   
    font-size: 31px;
}

}
@media (min-width: 960px){
#featured-slider .feature-area
{
	height:550px;
	overflow: hidden;
}
}
@media (max-width: 480px){
	.g-blog-post-left, .entry-meta {
    width: 100%;
    position: relative;
    text-align: center!important;
}
	#featured-slider .feature-description figcaption{
		padding: 5px 10px;
	}
	#featured-slider .feature-description figcaption h2{
		font-size: 15px !important;
		margin: 5px 0;
	}
	#featured-slider .feature-description figcaption .read-more{
		margin:0;
		font-size: 10px;
		letter-spacing: 2px;
		padding: 6px 14px !important;
	}
	#featured-slider .owl-prev,
	#featured-slider .owl-next {
	    height: 35px;
	    line-height: 35px;
	    width: 35px;
	}
}
/*--------------------------------------------------------------
# Promo-area
--------------------------------------------------------------*/
.promo-area{
	padding: 80px 0 0;
	background:rgba(255, 255, 255, 0.9) ;
}
.promo-area a {
	text-align: center;
}
.promo-area a .category {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    left: 0;
}
.promo-area a .category h2 {
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	color: #272727;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 2px;
	margin: 0 auto;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
}
.promo-area figure{
	max-height: 240px;
	overflow: hidden;
}
img{
	width: 100%;
	object-fit:cover;

}
.promo-area a:hover figure img {
	opacity: 0.8;
	transition: all 0.3s ease-in-out;
}
@media (max-width: 767px){
	.promo-area  [class*="col-"]{
		margin-bottom: 20px;
	}
	.promo-area  [class*="col-"]:last-child{
		margin-bottom: 0;
	}
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
aside .theiaStickySidebar{
	box-shadow: 0 1px 14px rgba(0,0,0,0.3);
}

.widget {
	overflow: hidden;
	position: relative;
	line-height: 1.4;
}
#secondary .widget {
	
	padding: 15px;

}
.widget.author-widget {
    text-align: center;
}
.widget:first-child {
	margin-top: 0;
}
.widget .search-form{

 position: relative;
}
.widget .search-submit {
    background: linear-gradient(45deg,#31d296, #55dc69);
    border: 1px solid transparent;
    color: #fff;
    font-size: 14px;
    height: 100%;
    padding-right: 18px;
    position: absolute;
    right: 0;
    top: 0;
	transition: all 0.3s ease-in-out;
}
.widget .search-submit:hover {
	background-color: #D57D62;
}
.widget  .search-form .search-field{
    border: 0;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    padding: 13px 50px 12px 20px;
    width: 100%;
    border: 1px solid #eee;
    margin-top: 0;
}
.widget .widget-title {
    text-align:left;
    position: relative;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 500;
    line-height: 1em;
    color: #444;
    margin: 0 0 20px;
}
.widget .widget-title::before,
.widget .widget-title::after{
    display: block;
    z-index: 1;
    position: absolute;
    background: #ccc;
    height: 1px;
    content: "";
    width: 100%;
    top: 49%;
    left: 0;
}
.widget .widget-title::before {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}
.widget .widget-title::after {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
 }
footer .widget h2::before{
	background-color: #dddddd;
}
.widget h2{
	position: relative;
	margin: 0 0 10px 0;
}
.widget h2 span {
    
    vertical-align: middle;
    z-index: 5;
    display: inline-block;
    background: white;
    min-width: 110px;
   padding-right: 10px;
    position: relative;
    border-radius: 2px;
    line-height: 32px;
    height: 32px;
}
footer .widget h2 span{
	background-color: #F7F7F7;
}

.widget_pages li:before,
.widget_categories li::before,
.widget_recent_entries li a::before,
.widget_archive li::before,
.widget_categories li::before,
.top-footer ul.menu li::before,
.widget_recent_comments li:before{
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1em;
	margin-right: 0.2em;
	opacity: 0.8;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	color: #333;
}
.widget_pages li:before,
.widget_categories li::before,
.widget_recent_entries li::before,
.widget_archive li::before,
.widget_categories li::before,
.top-footer ul.menu li::before,
.widget_recent_comments li:before{
	content: "\f101";
	left:0px;
	position: absolute;
	font-family: "FontAwesome";
}
.widget_recent_comments li:first-child::before{
	top: 0;
}
.widget_pages li,
.widget_categories li,
.widget_recent_entries li,
.widget_categories li,
.widget_recent_comments li,
.top-footer ul.menu li{
	display: block;
	position: relative;
}

.widget ul{
	margin: 0;
	padding: 0;
	margin-top: -10px;
}
.null-instagram-feed ul{
	margin-top: 0;
}

.widget ul li{
        border-bottom: 1px solid #eee;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;
    padding: 10px 20px;
    transition: all 0.5s ease-in-out;
    overflow: hidden;

    
}
.widget ul li:last-child{
	border-bottom: 0;
}
.widget ul li a:hover{
	color: #333;
	transition: all 0.5s ease-in-out;
}
.widget .recentcomments a{
border: 0;
}
.widget.widget_meta ul li{
	float: left;
	list-style: none;
}
.widget_meta ul li{
    border: 1px solid #7e7e7e!important;
    color: #7e7e7e;
    float: left;
    margin: 5px 5px 5px 0;
    padding: 5px;
	transition: all 0.3s ease-in-out;
}

.widget_meta ul li:hover a{
	color: #333;
	transition: all 0.3s ease-in-out;
}
.widget_archive li{
	position: relative;
	text-align: left;
	list-style: none;
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	display: inline-block;
}
.widget_archive li a{
	text-align: left;
	display: inline-block;
	border: 0!important;
}



/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget select{
    width: 100%;
    padding: 5px;
}
.textwidget img {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.textwidget strong {
    margin-bottom: 10px;
    display: inline-block;
}

/* author*/
.author-wedget p{
	text-align: center;
}
.widget .author{
	width: 150px;
	height: 150px;
	margin: 15px auto;
	border-radius: 50%;
	overflow: hidden;
}
.author-widget ul.socials li {
	padding: 0;
	border: 0;
	margin: 5px;
	font-size: 16px;
	border-radius: 3px;
}
.author-widget ul.socials li a i {
    color: #31d296;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
}
.author-widget ul.socials li a:hover i{
	opacity: 0.7;
}

.author-widget ul li a {
    padding: 0;
}
.author-widget {
	text-align: center;
}

.widget ul.socials {
	display: inline-flex;
}

.author-widget .widget p {
    margin-bottom: 0px;
}

/* Social Widget*/
.social-menu {
    text-align: center;
}
.social-menu li a {
    display: inline-block;
    margin-right: 3px;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    height: 40px;
    width: 40px;
    line-height: 40px !important;
  
    text-align: center;
    font-size: 12px;
    color: inherit;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  
}
.social-links.top-header-social ul li a:before{
	padding-left: 0;
}
.g-blog-social-icons .social-links ul.social-menu li{
	padding:0;
	border-radius: 0;
	border:0;
}
/* Post Widget*/
.g-blog-recent-posts .image {
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0;
    overflow: hidden;
}
.g-blog-recent-posts .image:last-child{
	border-bottom: 0;
}
.g-blog-recent-posts .image .pull-left {
    width: 35%;
    margin-right: 10px;
}
.g-blog-recent-posts .image-body {
    float: left;
    width: 60%;
}
.g-blog-recent-posts .image-body h3 {
    font-size: 13px;
    margin-top: 0;
}
.g-blog-recent-posts .image-body h3 a{
	color:#333;
}
.g-blog-recent-posts .image-body .entry-meta.small span{
	margin-right: 15px;
	color:#888888;
}
.g-blog-recent-posts .image-body .entry-meta.small span a{
	color:#888888;
}
.g-blog-recent-posts .image-body .entry-meta.small span i{
	margin-right:5px;
}

/* Footer Menu Widget*/
.top-footer ul.menu{
	margin:0;
	padding:0;
}
.top-footer ul.menu li a{
	border-bottom: 1px solid #eee;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	padding: 7px 7px 7px 20px;
	transition: all 0.3s ease-in-out;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 50px;
    margin-top: 50px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.no-post-thumbnail .g-blog-post-thumb{
	
	margin-bottom:35px;
}
.g-blog-post-wrapper {
    position: relative;
    background-color: #f1f1f1;
    overflow:hidden;
    padding-bottom: 25px;
}
.g-blog-post-thumb {
	margin-bottom: -40px;
	max-height: 600px;
	 transition: all 0.5s ease-in-out;
	 overflow: hidden;
}
.g-blog-post-thumb img{
	 transition: all 0.5s ease-in-out;
	 overflow: hidden;
}
.g-blog-post-thumb img:hover{
	transform: scale(1.05);
	 transition: all 0.5s ease-in-out;
	 overflow: hidden;

}
.content-wrap{
    padding: 30px;
    background-color: #fff;
    width: 92%;
    box-sizing: border-box;
    position: relative;
    z-index: 99;
    margin: 0 auto;
    box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
}
.content-wrap:hover{
	box-shadow: 0 1px 14px rgba(0,0,0,0.5);
	transition: all 0.3s ease-in-out;
}
.single-content-wrap {
    width: 92%;
    margin: 0 auto 30px auto;
   background: #fff;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 99;
    box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
}
.no-feature-image .content-wrap {
    margin-top: 30px;
}

.single .no-feature-image .single-content-wrap {
    margin-top: 65px !important;
}
.single-content-wrap .entry-footer{
	padding:0;
}
.g-blog-post-left {
	width: 100%;
}
.g-blog-post-icon-wrapper {
	background-color: #f29a7f;
	border-radius: 50%;
	display: inline-block;
	height: 70px;
	line-height: 70px;
	text-align: center;
	width: 70px;
	z-index: 2;
	color: #FFFFFF;
}
.authorinfo .entry-meta .post-by,
.authorinfo .entry-meta{
	font-size: 12px;
	letter-spacing: 2px;
	padding-bottom: 17px;
	padding-top: 14px;
	text-align: left;
	text-transform: uppercase;
	display: inline-block;
}
.cat-links,
.tags-links,
.comments-link,
.edit-link{
	margin-right: 5px;
}
.cat-links i,
.tags-links i{
	margin-right: 5px;
}
.cat-links,
.cat-links a,
.tags-links,
.tags-links a,
.comments-link,
.comments-link a,
.edit-link{
	font-size: 12px;
	letter-spacing: 1px;
	padding-bottom: 17px;
	padding-top: 14px;
	text-align: center;
	text-transform: uppercase;
}
.authorinfo .entry-meta .post-by{
	border-bottom: 1px solid #eaeaea;
}
.authorinfo .entry-meta .post-by .vcard{
	color: #282828;
	display: block;
	font-weight: bold;
	margin: 5px 0;
}
.authorinfo .entry-meta .date-day {
	display: block;
	font-size: 36px;
	font-weight: bold;
	line-height: 40px;
	margin: 10px 0;
	color: #F29A7F;
}

article.hentry.sticky .content-wrap::after {
    font-size: 30px;
    content: "\f097";
    color: #888888;
    display: inline-block;
    font-family: "fontawesome";
    right: 16px;
    position: absolute;
    text-align: center;
    top: 40px;
    width: 50px;
    border: 1px solid #888888;
    border-radius: 100%;
    height: 50px;
    line-height: 50px;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
	background: #f1f1f1;
}

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

.site-content{
	padding: 50px 0;
}

.entry-header {
	padding: 0;
}
.entry-header .entry-title{
	margin: 20px 0;
	font-size: 25px;
}
.entry-header .entry-title a{
	color:rgba(0,0,0,0.6);
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.entry-footer{
	margin:0;
	
}
.more-area a,.null-instagram-feed p a {
    background: linear-gradient(45deg,#31d296, #55dc69);
    color: #fff!important;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 10px 15px !important;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    border: linear-gradient(45deg,#31d296, #55dc69);
}
.more-area a:hover ,.null-instagram-feed p a:hover{
	opacity:0.7;
}

article.format-chat p{
	position: relative;
	margin-bottom: 10px;
	border-radius: 4px;
}
article.format-chat p:nth-child(even) {
	background: #FEEFD3;
	text-align: right;
	padding: 15px 30px 15px 15px;
	position: relative;
}
article.format-chat p:nth-child(even)::after {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 50%;
	color: #c9cccf;
	content: "\f007";
	font-family: FontAwesome;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: -15px;
	text-align: center;
	top: 10px;
	width: 30px;
}
article.format-chat p:nth-child(odd) {
	background: #f2f2f2;
	text-align: left;
	padding:15px 15px 15px 30px;
}
article.format-chat p:nth-child(odd)::after {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 50%;
	color: #c9cccf;
	content: "\f007";
	font-family: FontAwesome;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: -15px;
	text-align: center;
	top: 10px;
	width: 30px;
}
article.format-audio .g-blog-post-thumb{
	margin:0;
}
article.format-audio .g-blog-audio-section{
	padding:30px;
}

@media (max-width: 768px){
	.g-blog-postcontent{
		padding:0!important;
	}
	
	.g-blog-post-left,
	.entry-meta{
		width: 100%;
		position: relative;
		
	}
	.g-blog-post-icon-wrapper{
		display: none;
	}
	.entry-meta .post-by,
	 .entry-meta .date-day,
	 .entry-meta .date-month,
	 .entry-meta .date-year{
		 float: left;
		 border: 0;
		 padding: 0 5px!important;
		 margin: 0!important;
		border: 0!important;
	 }
	.entry-meta .post-by span,
	.entry-meta .date-day span,
	.entry-meta .date-month span,
	.entry-meta .date-year span{
		width: auto;
	}
	.entry-meta .date-day {
		display: inline-block!important;
		font-size: 13px!important;
		font-weight: normal!important;
		line-height: 19px!important;
		margin: 0!important;
	}
	.authorinfo .entry-meta .post-by .vcard{
		display: inline;
		font-weight: normal;
	}
}

@media (max-width: 767px){
	.more-area.text-right {
	    text-align: center;
	}
	.widget .widget-title {
  
    margin: 0 0 10px;
}

}
/*--------------------------------------------------------------
## Releted Post
--------------------------------------------------------------*/
.related-post {
    margin-bottom: 20px;
   margin-top: 60px
}
.related-post .content-wrap {
    padding: 15px;
    margin-bottom: 15px;
}
.related-post  .entry-header .entry-title {
    font-size: 32px;
}
.related-post .g-blog-post-wrapper .entry-title {
    font-size: 15px;
}
/*--------------------------------------------------------------
## Page Header
--------------------------------------------------------------*/
.page-header {
	margin: 0;
}
.page-header h1{
	margin-top: 0;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

footer .top-footer{
	padding: 30px 0;
	background: #f7f7f7;
}
.site-footer .site-info {
    background: #e9e9e9 none repeat scroll 0 0;
    padding: 15px 0;
    text-align: center;
	font-size: 14px;
}
.site-info span.copy-right-text{
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	display: inline-block;
}

/*--------------------------------------------------------------
## Style Comments
--------------------------------------------------------------*/
.comments-area .comments-title{
	font-size: 20px;
}
.comments-title{
  margin: 30px 0;
}
.comment-reply-title{
  margin: 15px 0;
}
.comments-area .comment-list{
  margin: 0;
  padding: 0;
}
.comments-area .comment-list li {
  border: 1px solid #e5e5e5;
  list-style: outside none none;
  margin-bottom: 15px;
  padding: 15px;
  background:#fff;
}
.comments-area .comment-body{
  overflow: hidden;
}
.comments-area .comment-body .comment-author,
.comments-area .comment-body .comment-metadata{
  display: inline;
}
.comments-area .comment-body .comment-author .says{
  display: none;
}
.comments-area .comment-body .comment-metadata time{

  font-size: 14px;
  font-weight: 400;
  margin-left: 30px;
}
.comments-area .comment-body .comment-author img{
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
  width: 32px;
}
.comments-area .comment-body .comment-author b{
  font-size: 18px;
  color: #333;
}
.comments-area .comment-body .comment-content {
  border-top: 1px solid #e6e6e6;
  margin: 15px 0;
  padding: 15px 0;
}
.comments-area .comment-body .comment-content p{
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.comments-area .comment-body .reply{
  margin-bottom: 10px;
  float: right;
}
.comments-area .comment-body .reply a{
	text-align: right;
	line-height: 26px;
	padding: 2px 12px;
	display: inline-block;
	background:linear-gradient(45deg,#31d296, #55dc69);
	color: #fff;
	display: inline-block;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	border: 1px solid transparent;
}
.comment-content a {
  word-wrap: break-word;
}
.comment-reply-title{
	font-size: 20px;
}
textarea#comment{
	    min-height: 152px;
    width: 100%;
}
/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/

/*social Links */

.g-blog-social-icons  ul li a[href*="facebook.com"]:before {
    content: "\f09a";
}

.g-blog-social-icons ul li a[href*="twitter.com"]:before {
    content: "\f099";
}

.g-blog-social-icons ul li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.g-blog-social-icons ul li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.g-blog-social-icons ul li a[href*="youtube.com"]:before {
    content: "\f167";
}

.g-blog-social-icons ul li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.g-blog-social-icons ul li a[href*="pinterest.com"]:before {
    content: "\f0d2";
}

.g-blog-social-icons ul li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.g-blog-social-icons ul li a[href*="github.com"]:before {
    content: "\f113";
}

.g-blog-social-icons ul li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.g-blog-social-icons ul li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.g-blog-social-icons ul li a[href$="/feed/"]:before {
    content: "\f09e";
}

.g-blog-social-icons ul li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.g-blog-social-icons ul li a[href*="instagram.com"]:before {
    content: "\f16d";
}

.g-blog-social-icons ul li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.g-blog-social-icons ul li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.g-blog-social-icons ul li a[href*="vimeo.com"]:before {
    content: "\f194";
}

.g-blog-social-icons ul li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.g-blog-social-icons ul li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.g-blog-social-icons ul li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.g-blog-social-icons ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.g-blog-social-icons ul li a[href*="mailto:"]:before {
    content: "\f0e0";
}


/*---------------------------------------------------
*   Go to Top
*   ----------------------------------------------------- */
.scrollToTop {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	padding: 0px 15px;
	font-size: 40px;
	margin-bottom: 12px;
}
.scrollToTop:hover{
	color: #ddd
}
.activetop
{
	display: block;
}
/*---------------------------------------------------
*   Breadcrumb
*   ----------------------------------------------------- */
.page-template-default .breadcrumb{
	padding-bottom: 25px;
}
.breadcrumb{
  padding:0 0 10px;
  border-radius: 0;
  background:transparent;
  margin-bottom:0;

}

.single-post .breadcrumb{
  padding-bottom: 25px;
}

nav.breadcrumb-trail.breadcrumbs {
    display: table;
    min-width: 100%;
    margin: auto;
}
.trail-browse{
  display: table-cell;
  vertical-align: middle;
  float: none;
  overflow: hidden;
  zoom: 1;
  font-size: 18px;
  line-height: 43px;
  margin: 26px 0;
  color:#fff;
}
.trail-items{
  display: table-cell;
  vertical-align: middle;
  float: none;
  overflow: hidden;
  zoom: 1;
 
}
.breadcrumb li {
  font-size: 15px;
  line-height: 17px;
  color: #333;
  font-weight: 300;
  display: inline-block;
}
.breadcrumb li + li:before {
    color: inherit;
    padding: 0 10px;
    content: "/";
}

/* CONTACT US FORM STYLING*/
.wpcf7-form label {
	width: 100%;
}

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 {
	width: 100%;
}

.wpcf7-form  textarea {
	min-height: 150px;
}
.post-navigation .nav-links{
	padding: 0 30px;
	clear: both;
}
.post-navigation .nav-links a,.reply a{
	background: linear-gradient(45deg,#31d296, #55dc69);
	border:1px solid transparent;
	color: #fff;
}
.null-instagram-feed ul,.col-2{
	    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 15px;
}
.col-2{
	
	grid-template-columns: repeat(2, 1fr);
}

.null-instagram-feed ul  li{
	padding: 0;
}
.null-instagram-feed p{
	text-align: center;
}

.fancybox-overlay.fancybox-overlay-fixed {
    z-index: 100000;
}
div#respond {
    margin-top: 40px;
}
.entry-content img {
    width: unset;
    max-width: 100%;
}
.entry-content p{
	text-align: justify;
}