/*
Theme Name: Blogman
Theme URI: https://demo.awaikenthemes.com/blogman
Description: BlogMan Is Minimal WordPress Blog theme.
Author: Awaiken
Author URI: https://themeforest.net/user/awaiken
Version: 1.5
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blogman
Tags: blog, custom-logo, theme-options
*/

/* ----------------------------------------------------------------------------------------
/* INDEX
----------------------------------------------------------------------------------------
01. General css
02. Navigation area css
03. Banner area css
04. Post area css
05. Single Post & Page area css
06. Sidebar Widget area css
07. Footer area css
08. WP Editor Default style
09. Comment Box style
10. About Author Page style
11. Contact Page style
12. Media Screens
-------------------------------------------------------------------------------------- */

/************************************/
/***** 	   01. General css		 ****/
/************************************/

html{
	margin-top: 0 !important;
}

body{
	font-family: 'Poppins', sans-serif;
	color: #727477;
}

body.sticky-active{
	padding-top: 90px;
}

body.sticky-active.admin-bar{
	padding-top: 58px;
}

body.on-side{
	margin-left: 0;
}

body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{
	left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
	color: #2a2a2a;
	margin-top:0;
	font-weight: 700;
}

img{
	max-width: 100%;
	height: auto;
}

a{
	color: #2a2a2a;
	text-decoration: none;
}

a:hover,
a:focus{
	color: #000;
	text-decoration: none;
	outline: 0;
}

.small, small{
	font-weight: 400;
}

::-moz-selection{
	background: #2a2a2a;
	color: #fff;
}

::selection{
	background: #2a2a2a;
	color: #fff;
}

.container{
	max-width: 1140px;
}

.preloader{
	background: #2a2a2a;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	text-align: center;
}

.lds-roller {
    display: inline-block;
    position: relative;
	top: 50%;
    width: 80px;
    height: 80px;
	transform: translate(0,-50%);
}

.lds-roller span {
    display: block;
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller span:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}

.lds-roller span:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller span:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller span:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller span:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller span:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller span:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller span:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller span:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller span:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller span:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller span:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller span:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller span:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller span:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller span:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller span:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/************************************/
/***** 02. Navigation area css  *****/
/************************************/

nav.navbar{
	background: #f7f6f2;
	padding: 10px 0;
}

nav.navbar.sticked{
	padding: 5px 0;
}

.navbar .attr-nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.navbar .attr-nav ul li{
	display: inline-block;
	vertical-align: middle;
}

.navbar-brand{
	display: inline-block;
	padding: 0;
}

.navbar-brand img{
	width: auto;
	border-radius: 50%;
	height: 78px;
	transition: all 0.3s ease-in-out;
}

.navbar-brand h1,
.navbar-brand h2{
	font-size: 34px;
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0;
	margin-bottom: 0;
	transition: all 0.3s ease-in-out;
}

.navbar-brand span{
	color: #2a2a2a;
	font-size: 18px;
	border-left: 1px solid #2a2a2a;
	margin-left: 10px;
	padding: 10px 0 10px 10px;
	transition: all 0.3s ease-in-out;
}

.hamburger{
	display: inline-block;
	width: 50px;
	text-align: right;
	margin-left: 15px;
}

.hamburger:after{
	content: '';
	display: block;
	clear: both;
}

.hamburger span{
	display: block;
	float: right;
	height: 1px;
	width: 100%;
	background: #2a2a2a;
	margin: 2px 0;
}

.hamburger span:nth-of-type(1),
.hamburger span:nth-of-type(3){
	width: 76%;
}

.hamburger span:nth-of-type(1){
	margin-top: 8px;
}

.hamburger span:nth-of-type(3){
	margin-bottom: 7px;
}

nav.navbar.bootsnav{
	background: #f7f6f2;
	border-bottom: none;
}

nav.navbar.bootsnav:after{
	content: '';
	display: block;
	clear: both;
}

nav.navbar.bootsnav.menu-center .navbar-header{
	position: static;
}

.attr-nav > ul > li > a{
	cursor: pointer;
	padding: 15px 0;
	transition: all 0.3s ease-in-out;
}

.sticked .navbar-brand img{
	height: 50px;
}

.sticked .navbar-brand h1,
.sticked .navbar-brand h2{
	padding: 7px 0 8px;
}

.sticked .navbar-brand span{
	font-size: 16px;
	padding: 2px 0 2px 10px;
}

.menu-sidebar.offcanvas-menu{
	background-color: #2a2a2a;
	padding: 30px 15px;
	width: 280px;
}

.side .close-side{
	position: absolute;
	top: 25px;
	right: 15px;
	color: #fff;
}

.menu-sidebar h1{
	color: #fff;
	text-align: center;
	margin:20px 0 40px;
	word-wrap: break-word;
}

.menu-sidebar.side .widget ul{
	list-style: none;
	padding-left: 22px;
}

.menu-sidebar.side .widget ul.link{
	padding-left: 0;
}

.menu-sidebar.side .widget ul.link li a{
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0.04em;
	display: block;
	padding: 10px 20px 10px 30px;
	position: relative;
	border-bottom: 1px dashed rgba(255,255,255,0.1);
}

.menu-sidebar.side .widget ul.link li a:hover{
	color: #fff;
}

.menu-sidebar.side .widget ul.link li a:before{
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	font-weight: 900;
	position: absolute;
	top: 8px;
	left: 10px;
}

.site-search{
	display: none;
	background: #f7f6f2;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	
}

.main-search-form{
	max-width: 568px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.main-search-form .searchform{
	border: none;
	border-bottom: 1px solid #a7a5a5;
	background: none;
}

.main-search-form .searchform .form-control{
	background: none;
	padding: 30px 10px;
}

.main-search-form .searchform .form-control:focus{
	outline: 0;
	box-shadow: none;
}

.main-search-form .searchform .btn-search{
	padding: 18px 10px;
}

.search-close{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: #2a2a2a;
	color: #fff;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	cursor: pointer;
}

.search-toggle{
	border: none;
	background: none;
	color: #2a2a2a;
	margin-right: 6px;
	cursor: pointer;
	outline: 0;
}

.search-toggle:focus{
	outline: 0;
	box-shadow: none;
}

.search-toggle{
	transition: all 0.3s ease-in-out;
}

/************************************/
/*****   03. Banner area css    *****/
/************************************/

.banner{
	background: #f7f6f2;
	padding: 40px 0 100px;
}

.main-header-box h2{
	font-size: 150px;
	font-weight: 700;
	margin-bottom: 20px;
}

.main-header-box h3{
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 20px;
}

.main-header-box p{
	font-size: 20px;
	margin-bottom: 2em;
}

.main-header-box p a{
	text-decoration: underline;
}

.btn-view-profile{
	display: inline-block;
	color: #2a2a2a;
	font-weight: 500;
	font-size: 20px;
	border: 2px solid #2a2a2a;
	border-radius: 4px;
	padding: 10px 30px;
	transition: all 0.3s ease-in-out;
}

.btn-view-profile i{
	padding-left: 10px;
}

.btn-view-profile:focus,
.btn-view-profile:hover{
	background: #2a2a2a;
	color: #fff;
	text-decoration: none;
}

/************************************/
/*****    04. Post area css     *****/
/************************************/

.page-wrapper{
	padding: 100px 0;
}

.post.sticky{
	background: #f7f6f2;
	padding: 60px;
	border-bottom: none;
	margin-top: 60px;
}

.post-list:first-child{
	padding-top: 0;
}

.post.sticky.post-list:first-child{
	padding: 60px;
	margin-top: 0;
}

.post-list{
	padding: 80px 0;
	border-bottom: 1px solid #e8e7e7;
}

.post-list:last-of-type{
	border-bottom: none;
}

.post-header{
	margin-bottom: 60px;
}

.post-header:after{
	content: '';
	display: block;
	clear: both;
}

.post-header .post-meta-date{
	width: 12%;
	float: left;
	text-align: center;
}

.post-header .post-meta-date p{
	color: #a7a5a5;
	font-size: 14px;	
}

.post-header .post-meta-date p span{
	display: block;
	font-size: 54px;
	color: #2a2a2a;
	font-weight: 700;
	line-height: 1em;
}

.post-header .post-title{
	width: 78%;
	float: right;
}

.post-header .post-title h1,
.post-header .post-title h2{
	font-size: 50px;
	color: #2a2a2a;
	line-height: 1.4em;
	position: relative;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.post-header .post-title h1:before,
.post-header .post-title h2:before{
	content: '';
	display: block;
	position: absolute;
	top: 34px;
	left: -10%;
	height: 1px;
	width: 8%;
	background: #2a2a2a;
}

.post-header .post-title h2 a,
.post-header .post-title h1 a{
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.post-header .post-title h2 a:hover,
.post-header .post-title h1 a:hover{
	color: inherit;
}

.post-header .post-title .post-meta span{
	color: #a7a5a5;
	font-size: 20px;
	font-weight: 500;
}

.post-header .post-title .post-meta span i{
	font-size: 16px;
	margin-right: 10px;
}

.post-header .post-title .post-meta a{
	font-size: 20px;
	font-weight: 500;
	text-decoration: underline;
}

.post-list .post-footer .btn-read-more{
	display: inline-block;
	color: #2a2a2a;
	font-weight: 500;
	font-size: 20px;
	border: 2px solid #2a2a2a;
	border-radius: 4px;
	padding: 8px 30px;
	transition: all 0.3s ease-in-out;
}

.post-list .post-footer .btn-read-more i{
	padding-left: 10px;
}

.post-list .post-footer .btn-read-more:focus,
.post-list .post-footer .btn-read-more:hover{
	background: #2a2a2a;
	color: #fff;
	text-decoration: none;
}

.navigation{
	text-align: center;
}

.nav-prev-btn,
.nav-next-btn{
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid #727477;
	color: #727477;
	border-radius: 50%;
	text-align: center;
	font-weight: 900;
	font-size: 20px;
	line-height: 48px;
	margin: 0 10px;
	transition: all 0.3s;
}

.nav-prev-btn a,
.nav-next-btn a{
	display: block;
	color: inherit;
}

.nav-prev-btn:hover,
.nav-next-btn:hover{
	color: #2a2a2a;
	border-color: #2a2a2a;
}

/********************************************/
/***** 05. Single Post & Page area css  *****/
/********************************************/

.page-single{
	padding: 100px 0;
}

.page-title{
	text-align: center;
	margin-bottom: 60px;
}

.page-title h1,
.page-title h2{
	font-size: 34px;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 0;
}

.page-title h1:after,
.page-title h2:after{
	content: '';
	display: block;
	width: 80px;
	height: 1px;
	background: #2a2a2a;
	position: absolute;
	left: 50%;
	bottom: 6px;
	margin-left: -40px;
}

.page-title h1:before,
.page-title h2:before{
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	background: #2a2a2a;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -30px;
}

.post-featured-image{
	margin-bottom: 40px;
}

.post-featured-image figure{
	margin-bottom: 0;
}

.post-featured-image figure img{
	width: auto;
	height: auto;
}

.video-post-box{
	overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	margin-bottom: 40px;
}

.video-post-box iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.audio-post-box{
	margin-bottom: 40px;
}

.audio-post-box iframe{
	width: 100%;
}

.post-body:after{
	content: '';
	display: block;
	clear: both;
}

.post-body a,
.default-page-entry a,
.comment-body a{
	transition: all 0.3s ease-in-out;
}

.post-body a:hover,
.default-page-entry a:hover,
.comment-body a:hover{
	text-decoration: underline;
}

.post-body h2,
.default-page-entry h2,
.comment-body h2,
.post-body h3,
.default-page-entry h3,
.comment-body h3,
.post-body h4,
.default-page-entry h4,
.comment-body h4,
.post-body h5,
.default-page-entry h5,
.comment-body h5,
.comment-body h6,
.default-page-entry h6,
.post-body h6{
	font-weight: 600;
	margin: 1.5em 0 1em;
}

.post-body iframe,
.default-page-entry iframe,
.comment-body iframe{
	max-width: 100%;
}

.post-body blockquote,
.default-page-entry blockquote,
.comment-body blockquote{
	background: #f7f6f2;
	padding: 30px 80px;
	position: relative;
	max-width: 620px;
	margin: 2em auto;
	overflow: hidden;
}

.post-body blockquote.is-large,
.default-page-entry blockquote.is-large{
	padding: 30px 80px;
	margin: 2em auto;
	max-width: 100%;
}

.post-body pre,
.default-page-entry pre{
	margin-bottom: 1.7em;
}

.comment-body blockquote{
	background: #fff;
}

.post-body blockquote:before,
.default-page-entry blockquote:before,
.comment-body blockquote:before{
	content: '\f10d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #dddddd;
	font-size: 100px;
	line-height: 1em;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 0;
}

.post-body blockquote p,
.default-page-entry blockquote p,
.comment-body blockquote p{
	margin-bottom: 0;
	font-size: 20px;
	color: #2a2a2a;
	font-weight: 600;
	position: relative;
	z-index: 1;
}

.post-body blockquote cite,
.default-page-entry blockquote cite,
.comment-body blockquote cite{
	position: relative;
	z-index: 1;
}

.post-body p,
.default-page-entry p,
.comment-body p,
.post-body address,
.default-page-entry address,
.comment-body address{
	line-height: 1.8em;
	margin-bottom: 1.6em;
}

.post-body ol,
.default-page-entry ol,
.comment-body ol{
	
}

.post-body > ul,
.default-page-entry > ul,
.post-body > ol,
.default-page-entry > ol{
	margin-bottom: 1.8em;
}

.post-body ol li,
.default-page-entry ol li,
.comment-body ol li,
.post-body ul li,
.default-page-entry ul li,
.comment-body ul li{
	line-height: 1.8em;
	padding: 10px 0 0;
}

.post-body ol li:last-child,
.default-page-entry ol li:last-child,
.comment-body ol li:last-child,
.post-body ul li:last-child,
.default-page-entry ul li:last-child,
.comment-body ul li:last-child{
	padding-bottom: 0;
}

.comment-body ol li{
	list-style: inherit;
	margin-bottom: 0;
}

.comment-body ul li{
	margin-bottom: 0;
}

.post-body ul li,
.default-page-entry ul li,
.comment-body ul li{
	position: relative;
}

ul.list-arrow li:before{
	content: '\f101';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	display: block;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 10px;
	left: -28px;
}

.post-body table,
.default-page-entry table,
.comment-body table{
	width: 100%;
	margin-bottom: 1.5em;
}

.post-body table tr,
.default-page-entry table tr,
.comment-body table tr{
	border-left: 1px solid rgba(0,0,0,0.18);
    border-top: 1px solid rgba(0,0,0,0.18);
}

.post-body table tr th,
.default-page-entry table tr th,
.comment-body table tr th,
.post-body table tr td,
.default-page-entry table tr td,
.comment-body table tr td{
	font-size: 14px;
    padding: 8px 12px;
    border-right: 1px solid rgba(0,0,0,0.18);
    border-bottom: 1px solid rgba(0,0,0,0.18);
}

.post-body table tr th,
.default-page-entry table tr th,
.comment-body table tr th{
	color: #2a2a2a;
}

.post-body dt,
.default-page-entry dt,
.comment-body dt{
	color: #2a2a2a;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.post-body dd,
.default-page-entry dd,
.comment-body dd{
	font-size: 14px;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

.post-body .page-links,
.default-page-entry .page-links{
	clear: left;
}

.post-body .page-links span.page-links-title,
.default-page-entry .page-links span.page-links-title{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #2a2a2a;
	font-weight: 700;
}

.post-body .page-links span.page-number,
.default-page-entry .page-links span.page-number{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background: #2a2a2a;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
}

.post-body .page-links span.page-number:hover,
.default-page-entry .page-links span.page-number:hover{
	background: #727477;
}

.post-tags:before{
	content: '';
	display: block;
	clear: both;
}

.post-tags{
	font-size: 18px;
	padding: 20px 0;
	margin-top: 40px;
	border-top: 1px solid #e8e7e7;
}

.post-tags a{
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	color: inherit;
}

.nav-links{
	padding: 40px 0;
	border-top: 1px solid #e8e7e7;
}

.nav-previous{
	width: 48%;
	float: left;
	text-align: left;
}

.nav-next{
	width: 48%;
	float: right;
	text-align: right;
}

.nav-previous a,
.nav-next a{
	display: block;
	font-weight: 600;
	font-size: 20px;
	position: relative;
	word-break: break-word;
}

.nav-previous a{
	padding-left: 40px;
}

.nav-next a{
	padding-right: 40px;
}

.nav-previous i{
	padding-right: 10px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
}

.nav-next i{
	padding-left: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
}

.not-found-box{
	text-align: center;
	max-width: 568px;
	margin: 0 auto;
}

.not-found-box h2{
	font-size: 160px;
}

.not-found-box p{
	margin: 3em 0;
}

/****************************************/
/***** 06. Sidebar Widget area css  *****/
/****************************************/

.sidebar-widget .widget,
.footer-widget-box .widget{
	border-bottom: 1px solid #e8e7e7;
}

.footer-widget-box .widget{
	max-width: 480px;
	margin: 0 auto 40px;
}

.footer-widget-box .widget:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.sidebar-widget .widget .widget-title,
.footer-widget-box .widget .widget-title{
	font-size: 20px;
	color: #2a2a2a;
	font-weight: 600;
	text-align:center;
	margin-bottom: 20px;
}

.sidebar-widget .widget label,
.footer-widget-box .widget label,
.sidebar-widget .widget_calendar table caption,
.footer-widget-box .widget_calendar table caption{
	font-size: 14px;
}

.sidebar-widget .widget select,
.footer-widget-box .widget select{
	width: 100%;
	border: 1px solid #a7a5a5;
	color: #727477;
	padding: 8px 10px;
	font-family: 'Poppins', sans-serif;
	cursor: pointer;
	outline: 0;
	box-shadow: none;
}

.sidebar-widget .widget ul,
.footer-widget-box .widget ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.sidebar-widget .widget ul li,
.footer-widget-box .widget ul li{
	font-size: 16px;
	font-weight: 500;
	color: #a7a5a5;
	padding: 6px 0 6px 26px;
	position: relative;
}

.sidebar-widget .widget_nav_menu ul ul li,
.footer-widget-box .widget_nav_menu ul ul li{
	padding-left: 16px;
}

.sidebar-widget .widget ul li:before,
.footer-widget-box .widget ul li:before{
	content: '';
	display: block;
	background: #2a2a2a;
	height: 1px;
	width: 12px;
	position: absolute;
	top: 17px;
	left: 0;
}

.sidebar-widget .widget_nav_menu ul ul li:before,
.footer-widget-box .widget_nav_menu ul ul li:before{
	width: 8px;
}

.sidebar-widget .widget ul li a,
.footer-widget-box .widget ul li a{
	padding-right: 6px;
}

.sidebar-widget .widget_calendar table,
.footer-widget-box .widget_calendar table{
	width: 100%;
	border-top: 1px solid rgba(0,0,0,0.18);
	border-left: 1px solid rgba(0,0,0,0.18);
}

.sidebar-widget .widget.widget_calendar table tr th,
.footer-widget-box .widget.widget_calendar table tr th{
	color: #2a2a2a;
	padding: 4px;
}

.sidebar-widget .widget_calendar table tr th,
.footer-widget-box .widget_calendar table tr th,
.sidebar-widget .widget_calendar table tr td,
.footer-widget-box .widget_calendar table tr td{
	text-align: center;
	font-size: 14px;
	padding: 3px;
	border-right: 1px solid rgba(0,0,0,0.18);
	border-bottom: 1px solid rgba(0,0,0,0.18);
}

.sidebar-widget .widget_calendar table tr td a,
.footer-widget-box .widget_calendar table tr td a{
	color: #2a2a2a;
	font-weight: 500;
}

.sidebar-widget .widget_tag_cloud a,
.footer-widget-box .widget_tag_cloud a{
	color: #727477;
	font-weight: 500;
	transition: all 0.1s ease-in-out;
}

.sidebar-widget .widget_tag_cloud a:hover,
.footer-widget-box .widget_tag_cloud a:hover{
	color: #2a2a2a;
}

.sidebar-widget .widget_text img,
.footer-widget-box .widget_text img{
	width: auto;
	height: auto;
	margin-bottom: 10px;
}

.sidebar-widget .widget_text p,
.footer-widget-box .widget_text p{
	font-size: 14px;
	line-height: 1.6em;
	margin-bottom: 1.8em;
}

.sidebar-widget .widget_text strong,
.footer-widget-box .widget_text strong{
	color: #2a2a2a;
}

.sidebar-widget .widget_rss ul li,
.footer-widget-box .widget_rss ul li{
	color: #2a2a2a;
}

.sidebar-widget .widget_rss ul li .rss-date,
.footer-widget-box .widget_rss ul li .rss-date{
	display: block;
}

.sidebar-widget .widget_rss ul li .rssSummary,
.footer-widget-box .widget_rss ul li .rssSummary{
	font-size: 14px;
	font-weight: 400;
}

.sidebar-widget .widget_rss ul li cite,
.footer-widget-box .widget_rss ul li cite{
	font-style: normal;
	color: #2a2a2a;
}

.form-control{
	border: none;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #2a2a2a;
}

.btn-search{
	background: none;
	cursor: pointer;
	outline: 0;
	box-shadow: none;
}

.btn-search:focus,
.btn-search:hover{
	outline: 0;
	box-shadow: none;
}

.searchform{
	border: 1px solid #a7a5a5;
	background: #ffffff;
}
.searchform .input-group .form-control{
	border-radius:inherit;
}

.sidebar-widget .mc4wp-form{
	border: 1px solid #a7a5a5;
	padding: 30px 20px;
	text-align: center;
}

.sidebar-widget .mailchimp-newsletter{
	background: none;
	padding: 0;
	margin: 0;
}

.sidebar-widget .mailchimp-newsletter h3,
.sidebar-widget .mailchimp-newsletter h5{
	display: none;
}

.sidebar-widget .mc4wp-form .txt-news{
	margin-top: 0;
}

.sidebar-widget .mc4wp-form p{
	margin-bottom: 0;
}

.sidebar-widget .mc4wp-form .txt-news::-webkit-input-placeholder{
	color: #2a2a2a;
}

.sidebar-widget .mc4wp-form .txt-news::-moz-placeholder{
	color: #2a2a2a;
}

.sidebar-widget .mc4wp-form .txt-news:-ms-input-placeholder{
	color: #2a2a2a;
}

.sidebar-widget .mc4wp-form .txt-news:-moz-placeholder{
	color: #2a2a2a;
}

/************************************/
/*****    07. Footer area css   *****/
/************************************/

footer.page-footer{
	background: #f7f6f2;
	padding: 100px 0;
	text-align: center;
}

.footer-logo img{
	margin-bottom: 30px;
}

.footer-logo h2{
	font-size: 30px;
	margin-bottom: 30px;
}

.footer-logo h2 a{
	color: #2a2a2a;
	position: relative;
	padding-bottom: 4px;
}

.footer-logo h2 a:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #2a2a2a;
}

.footer-copyright p{
	line-height: 1.6em;
}

.footer-copyright p a{
	font-weight: 600;
}

.footer-social{
	margin-top: 20px;
}

.footer-social a{
	display: inline-block;
	padding: 0 10px;
}

.footer-widget-box{
	background: #f7f6f2;
	padding: 40px;
	margin-bottom: 50px;
}

/******************************************/
/*****   08. WP Editor Default style  *****/
/******************************************/

.alignnone {
    margin: 5px 0 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #a7a5a5;
    max-width: 96%;
    padding: 5px 3px 8px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.post-body .wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 8px 4px 0;
}

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

#gallery-1 img,
#gallery-2 img,
#gallery-3 img,
#gallery-4 img,
#gallery-5 img,
#gallery-6 img,
#gallery-7 img,
#gallery-8 img,
#gallery-9 img,
#gallery-10 img{
    border: 1px solid #e8e7e7 !important;
    padding: 8px;
    max-width: 96%;
	height: auto;
}

.gallery-item .gallery-caption{
	font-size: 14px;
}

.mailchimp-newsletter{
	max-width: 620px;
	background: #f7f6f2;
	text-align: center;
	padding: 50px 40px;
	margin: 2em auto;
}

.mailchimp-newsletter h3{
	margin: 14px 0;
	font-size: 30px;
}

.mailchimp-newsletter p{
	margin-bottom: 0;
}

.mailchimp-newsletter h5{
	margin: 0;
	font-weight: 400;
	color: inherit;
	font-size: 16px;
}

.mailchimp-newsletter .txt-news{
	font-family: 'Poppins', sans-serif;
	background: none;
    border: 1px solid #2a2a2a;
    color: #2a2a2a;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    padding: 8px 10px;
    outline: 0;
    box-shadow: none;
    margin: 40px auto 20px;
	max-width: 420px;
}

.mailchimp-newsletter .btn-newsletter{
	background: #2a2a2a;
    border: none;
    color: #fff;
    display: inline-block;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 8px 20px;
    cursor: pointer;
}

.mailchimp-newsletter .btn-newsletter:focus,
.mailchimp-newsletter .btn-newsletter:hover{
	background: #000;
	box-shadow: none;
	outline: 0;
}


/* Gutenberg style */

.wp-block-separator{
	max-width: 100px;
	border-width: 2px;
}

.wp-block-separator.is-style-wide{
	max-width: 100%;
	border-width: 1px;
}

.wp-block-audio audio{
	width: 100%;
}

/* Colums */
.wp-block-columns {
  margin-right: -30px;
}

.wp-block-column {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
}

.wp-block-pullquote.alignleft{
	margin: 0 2em 2em 0;
}

.wp-block-pullquote.alignright{
	margin: 0 0 2em 2em;
}

.wp-block-image{
	margin-bottom: 30px;
}

.alignwide{
	margin-left: -60px;
	margin-right: -60px;
	max-width: 1290px;
}

.alignwide img{
	max-width: none;
}

.page-contact,
.page-default,
.page-single{
	overflow-x: hidden;
}

.alignfull {
	margin-left: calc(-100vw / 2 + 100% / 2) !important;
    margin-right: calc(-100vw / 2 + 100% / 2) !important;
    max-width: 100vw !important;
    width: 100vw;
}

.alignfull iframe{
	width: 100%;
}

.wp-block-button.aligncenter{
	margin-bottom: 20px;
}

.is-type-video:not(.alignfull){
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.is-type-video:not(.alignfull) iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wp-block-cover-image.alignwide{
	width: auto;
}

.social-share-post{
	background: #f7f6f2;
	margin-bottom: 30px;
	padding: 16px 20px;
}

.social-share-post span{
	color: #32373c;
	font-weight: 600;
}

.social-share-post a{
	display: inline-block;
	margin: 0 4px;
	color: inherit;
}

.social-share-post a:hover{
	color: #32373c;
}

/************************************/
/*****   09. Comment Box style  *****/
/************************************/

.post-comments{
	margin-top: 60px;
}

.comment-respond{
	margin-top: 60px;
}

.bypostauthor{

}

.comment-respond .comment-reply-title{
	font-size: 25px;
	font-weight: 700;
}

#cancel-comment-reply-link{
	margin-left: 20px;
}

.reply-notes{
	font-size: 14px;
	margin-bottom: 40px;
	font-weight: 400;
}

.comment-title-box .comment-title{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 30px;
}

.commentlist{
	background: #f7f6f2;
	padding: 30px 30px 10px;
}

.commentlist > li:last-child .comment-body{
	border-bottom: none;
}

.commentlist li{
	list-style: none;
	margin-bottom: 30px;
}

.commentlist .comment-header{
	margin-bottom: 20px;
}

.commentlist .comment-header .avatar{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.commentlist .comment-header .avatar img{
	background: #fff;
	border-radius: 50%;
}

.commentlist .comment-header .author-meta{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 104px);
}

.commentlist .comment-header .author-meta h5{
	margin-bottom: 4px;
}

.commentlist .comment-header .author-meta a{
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
}

.commentlist .comment-header .author-meta a.comment-reply-link{
	float: right;
	font-size: 14px;
	padding-top: 4px;
	font-weight: 400;
}

.commentlist .comment-header .comment-date{
	font-size: 14px;
	color: #a7a5a5;
}

.commentlist .comment-body{
	border-bottom: 1px solid #c9c9c9;
	margin-bottom: 30px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email{
	width: 48%;
	margin-bottom: 30px;
}

.comment-form .comment-form-author{
	float: left;
}

.comment-form .comment-form-email{
	float: right;
}

.comment-form-url{
	clear: left;
	margin-bottom: 30px;
}

.comment-form-comment{
	margin-bottom: 30px;
}

.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input,
.comment-form .comment-form-comment textarea{
	font-family: 'Poppins', sans-serif;
	color: #2a2a2a;
	background: transparent;
	width: 100%;
	border: none;
	padding: 8px 0;
	border-bottom: 1px solid #c9c9c9;
	box-shadow: none;
	outline: 0;
	resize: none;
}

.comment-form .comment-form-author input::-webkit-input-placeholder,
.comment-form .comment-form-email input::-webkit-input-placeholder,
.comment-form .comment-form-url input::-webkit-input-placeholder,
.comment-form .comment-form-comment textarea::-webkit-input-placeholder{
	color: #2a2a2a;
}

.comment-form .comment-form-author input::-moz-placeholder,
.comment-form .comment-form-email input::-moz-placeholder,
.comment-form .comment-form-url input::-moz-placeholder,
.comment-form .comment-form-comment textarea::-moz-placeholder{
	color: #2a2a2a;
}

.comment-form .comment-form-author input:-ms-input-placeholder,
.comment-form .comment-form-email input:-ms-input-placeholder,
.comment-form .comment-form-url input:-ms-input-placeholder,
.comment-form .comment-form-comment textarea:-ms-input-placeholder{
	color: #2a2a2a;
}

.comment-form .comment-form-author input:-moz-placeholder,
.comment-form .comment-form-email input:-moz-placeholder,
.comment-form .comment-form-url input:-moz-placeholder,
.comment-form .comment-form-comment textarea:-moz-placeholder{
	color: #2a2a2a;
}

.blogman-button-comment,
.btn-contact{
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	color: #2a2a2a;
	font-weight: 500;
	font-size: 20px;
	background: transparent;
	border: 2px solid #2a2a2a;
	border-radius: 4px;
	padding: 10px 30px;
	letter-spacing: 0.04em;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.blogman-button-comment:hover,
.blogman-button-comment:focus,
.btn-contact:hover,
.btn-contact:focus{
	background: #2a2a2a;
	color: #fff;
	outline: 0;
	box-shadow: none;
}

/******************************************/
/*****   10. About Author Page style  *****/
/******************************************/

.page-author{
	padding: 100px 0;
}

.author-about .author-meta{
	margin-bottom: 30px;
}

.author-about .author-meta h1{
	font-size: 34px;
	margin-bottom: 4px;
}

.author-about .author-meta p{
	font-size: 18px;
}

.author-about .author-entry{
	margin-bottom: 40px;
}

.author-about .author-entry p{
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 1.5em;
}

.author-interested{
	margin-bottom: 30px;
}

.author-interested strong,
.author-info-extra strong,
.author-expertise strong{
	display: inline-block;
	vertical-align: middle;
	color: #2a2a2a;
	font-weight: 500;
}

.author-interested span{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	background: #2a2a2a;
	padding: 4px 12px;
	margin: 2px 0;
}

.author-info-extra{
	margin-bottom: 20px;
}

.author-info-extra p{
	margin-bottom: 0;
}

.author-info-extra a{
	display: inline-block;
	padding: 0 4px;
	vertical-align: middle;
	font-size: 16px;
}

.author-info-extra a:hover{
	color: #2a2a2a;
}

.author-expertise ul{
	margin-top: 20px;
	list-style: none;
	padding-left: 0;
}

.author-expertise ul:after{
	content: '';
	display: block;
	clear: both;
}

.author-expertise ul li{
	float: left;
	width: 30%;
	margin-right: 5%;
	padding: 6px 0 6px 30px;
	position: relative;
}

.author-expertise ul li:before{
	content: '\f00c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #2a2a2a;
	position: absolute;
	top: 6px;
	left: 0;
}

.author-expertise ul li:nth-of-type(3n + 3){
	margin-right: 0;
}

/******************************************/
/*****     11. Contact Page style     *****/
/******************************************/

.page-contact,
.page-default{
	padding: 100px 0;
}

.contact-form{
	max-width: 768px;
	margin: 0 auto;
}

.contact-form .form-control{
	font-family: 'Poppins', sans-serif;
    color: #2a2a2a;
    width: 100%;
    border: none;
	border-radius: 0;
    border-bottom: 1px solid #2a2a2a;
    padding: 8px 0;
    box-shadow: none;
    outline: 0;
    resize: none;
}

.contact-form .form-group{
	margin-bottom: 30px;
}

.instagram-feeds{
	position: relative;
}

.instagram-feeds .instagram-title{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	background: rgba(255,255,255,0.8);
	padding: 10px;
	transform: translate(-50%,-50%);
}

.instagram-feeds .instagram-title h4{
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}
 
.instagram-feeds .instagram-title h4 i{
	margin-right: 10px;
}

.sb_instagram_header{
	margin: 0;
	width: auto !important;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
	background: rgba(255,255,255,0.8);
	padding: 2px 10px 4px !important;
	transform: translate(-50%,-50%);
}

#sb_instagram .sbi_header_text{
	float: none;
}

#sb_instagram .sb_instagram_header h3.sbi_no_bio{
	padding-top: 13px !important;
}

/************************************/
/*****    12. Media Screens     *****/
/************************************/

@media only screen and (max-width: 1290px){
	.alignwide{
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 991px){
	
	body.sticky-active{
		padding-top: 96px;
	}
	
	body.sticky-active.admin-bar{
		padding-top: 50px;
	}
	
	nav.navbar.bootsnav .navbar-header{
		padding-left: 0;
		padding-right: 0;
	}
	
	nav.navbar.bootsnav .navbar-brand{
		display: block;
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}
	
	.main-header-box h2{
		font-size: 100px;
	}
	
	.main-header-box h3{
		font-size: 30px;
	}
	
	.main-header-box p{
		font-size: 16px;
	}
	
	.btn-view-profile,
	.post-footer .btn-read-more{
		font-size: 16px;
	}
	
	.post-header .post-title h1,
	.post-header .post-title h2{
		font-size: 36px;
	}
	
	.post-header .post-title h1:before,
	.post-header .post-title h2:before{
		top: 24px;
	}
	
	.post-header .post-title .post-meta span,
	.post-header .post-title .post-meta a{
		font-size: 18px;
	}
	
	.post-header .post-meta-date p{
		font-size: 12px;
	}
	
	.post-header .post-meta-date p span{
		font-size: 40px;
	}
	
	.post-body p{
		font-size: 18px;
	}
	
	.post-wrapper{
		margin-bottom: 40px;
	}
	
	.author-image{
		margin-bottom: 40px;
	}
}

/* Mobile Layout */
@media only screen and (max-width: 767px){
	nav.navbar.bootsnav .navbar-brand{
		padding-left: 0;
		padding-right: 0;
	}
	
	.attr-nav > ul > li > a{
		margin-left: 0;
	}
	
	.main-header-box h2{
		font-size: 80px;
	}
	
	.main-header-box h3{
		font-size: 20px;
	}
	
	.main-header-box p{
		font-size: 14px;
	}
	
	.banner{
		padding: 40px 0 60px;
	}
	
	.page-wrapper,
	.page-single,
	.page-author,
	.page-contact,
	.page-default{
		padding: 60px 0;
	}
	
	footer.page-footer{
		padding: 60px 0;
	}
	
	.page-title h1,
	.page-title h2{
		font-size: 26px;
	}
	
	.post-list{
		padding: 40px 0;
	}
	
	.post-header .post-meta-date{
		display: inline-block;
		float: none;
		width: auto;
	}
	
	.post-header .post-title{
		width: 100%;
		float: none;
		margin-top: 30px;
	}
	
	.post-header .post-meta-date p span{
		font-size: 26px;
	}
	
	.post-header .post-title h1:before,
	.post-header .post-title h2:before{
		width: 1px;
		height: 30px;
		top: -36px;
		left: 30px;
	}
	
	.post-header .post-title h1,
	.post-header .post-title h2{
		font-size: 26px;
	}
	
	.post-header .post-title .post-meta span,
	.post-header .post-title .post-meta a{
		font-size: 16px;
	}
	
	.post-header,
	.post-body figure{
		margin-bottom: 30px;
	}
	
	.post-body p,
	.post-body li{
		font-size: 16px;
	}
	
	.post.sticky.post-list:first-child{
		padding: 20px;
	}
	
	h1{
		font-size: 2em;
	}
	
	h2{
		font-size: 1.8em;
	}
	
	h3{
		font-size: 1.4em;
	}
	
	h4{
		font-size: 1.2em;
	}
	
	h5{
		font-size: 1em;
	}
	
	h6{
		font-size: 0.8em;
	}
	
	.navbar-brand span{
		display: none;
	}
	
	.post-body blockquote,
	.default-page-entry blockquote,
	.comment-body blockquote{
		padding: 30px 20px;
	}
	
	.post-body blockquote p,
	.default-page-entry blockquote p,
	.comment-body blockquote p{
		font-size: 16px;
	}
	
	.nav-previous span.post-title span,
	.nav-next span.post-title span{
		display: none;
	}
	
	.commentlist ul.children,
	.commentlist ol.children{
		padding-left: 0;
	}
	
	.comment-form .comment-form-author,
	.comment-form .comment-form-email{
		float: none;
		width: 100%;
	}
	
	.author-expertise ul li{
		width: 100%;
		float: none;
	}
	
	.sidebar-widget{
		margin-top: 40px;
	}
	
	.wp-block-columns{	
		display: block;
		margin-right: 0; 
	}
	
	.wp-block-column{
		width: 100%;
		padding-right: 0;
	}
	
	.default-page-entry blockquote.is-large{
		padding: 30px 20px;
	}
	
	.wp-block-quote.is-large p,
	.wp-block-quote.is-style-large p{
		font-size: 16px;
	}
	
	.wp-block-quote.is-large cite,
	.wp-block-quote.is-large footer,
	.wp-block-quote.is-style-large cite,
	.wp-block-quote.is-style-large footer{
		font-size: 14px;
	}
	
	.wp-block-pullquote.alignleft,
	.wp-block-image .alignleft,
	.alignleft{
		float: none;
		margin-right: 0;
	}
	
	.wp-block-pullquote.alignright,
	.wp-block-image .alignright,
	.alignright{
		float: none;
		margin-left: 0;
	}
	
	.wp-block-button.aligncenter,
	.wp-block-button.alignright{
		text-align: left;
	}
	
	.is-type-video.alignfull{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		height: 0;
	}

	.is-type-video.alignfull iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.aligncenter, div.aligncenter{
		margin: 0 0 20px;
	}
	
	.wp-caption.alignright{
		margin-left:0 ;
	}
	
	.wp-caption.alignleft{
		margin-right: 0;
	}
	
	.wp-caption.alignnone{
		margin: 0 0 20px;
	}
	
	.instagram-feeds .instagram-title{
		position: relative;
		left: auto;
		top: auto;
		transform: translate(0,0);
		text-align: center;
		margin-bottom: 10px;
	}
	
	.sb_instagram_header{
		position: relative;
		left: auto;
		top: auto;
		transform: translate(0,0);
		text-align: center;
		margin-bottom: 10px;
	}
	
	
}

/* Small Mobile Layout */

@media only screen and (max-width: 576px) {
	nav.bootsnav .container{
		width: 100%;
	}
	
	.post-body table tr th,
	.default-page-entry table tr th,
	.comment-body table tr th,
	.post-body table tr td,
	.default-page-entry table tr td,
	.comment-body table tr td{
		padding: 6px;
	}
	
	.wp-block-gallery .blocks-gallery-image,
	.wp-block-gallery .blocks-gallery-item{
		width: 100%;
		margin: 0 0 20px;
	}
}

@media only screen and (max-width: 480px) {
	h1{
		font-size: 1.6em;
	}
	
	h2{
		font-size: 1.4em;
	}
	
	h3{
		font-size: 1.2em;
	}
	
	h4{
		font-size: 1em;
	}
	
	h5{
		font-size: 0.9em;
	}
	
	h6{
		font-size: 0.8em;
	}
	
	.post-header .post-title h1,
	.post-header .post-title h2{
		font-size: 20px;
	}
	
	.post-header .post-title .post-meta span,
	.post-header .post-title .post-meta a{
		font-size: 14px;
	}
	
	.post-body p,
	.post-body li{
		font-size: 14px;
	}
	
	.footer-copyright p{
		font-size: 14px;
	}
	
	.commentlist .comment-header .author-meta a.comment-reply-link{
		float: none;
		display: block;
	}
	
	.comment-respond .comment-reply-title{
		font-size: 18px;
	}
	
	.mailchimp-newsletter{
		padding: 20px;
	}
	
	.mailchimp-newsletter h3{
		font-size: 18px;
	}
	
	.mailchimp-newsletter .txt-news{
		margin-top: 30px;
	}
}