/* 

   Blog custom styles 

*/ 



.et_pb_blog_grid .et_pb_post { 

	border: none; 

}



.et_pb_blog_grid .et_pb_post .et_pb_image_container,

.et_pb_post .entry-featured-image-url {

	margin-bottom: 0 !important;

}



.et_pb_blog_grid .et_pb_post .entry-title {

	font-size: 20px; 

	line-height: 1.1; 

	font-weight: 600;

	background: #fff;

	position: relative;

	z-index: 10;

}



@media (min-width: 501px) {

	.et_pb_blog_grid .et_pb_post .post-meta,

	.et_pb_blog_grid .et_pb_post .post-content {

		padding: 0 25px;

	}

	.et_pb_blog_grid .et_pb_post .entry-title { 

		padding:  25px 25px 10px; 

		margin: -25px auto 0 !important;

	}

}



@media (max-width: 500px) {

	.et_pb_blog_grid .et_pb_post .post-meta,

	.et_pb_blog_grid .et_pb_post .post-content {

		padding: 0 15px;

	}

	.et_pb_blog_grid .et_pb_post .entry-title { 

		padding:  25px 15px 10px; 

		margin: -25px auto 0 !important;

	}

}



.blog #left-area .et_pb_post  .post-meta ,

.archive #left-area .et_pb_post  .post-meta ,

.et_pb_blog_grid .et_pb_post .post-meta {

	text-transform: uppercase;

	font-weight: normal;

}



.et_pb_blog_grid .et_pb_post .post-content {

	font-size: 14px;

	line-height: 1.5; 

	font-weight: 300;

}



.blog .et_pb_post a.more-link,

.archive .et_pb_post a.more-link,

.et_pb_blog_grid .et_pb_post a.more-link {

	padding: 6px 10px;

	text-align: center;

	border: 1px solid #111;

	color: #111;

	font-weight: 500;

	border-radius: 1px; 

	font-size: 13px;

	line-height: 1.2;

	display: block;

	margin-top: 20px;

	max-width: 130px;

}



.blog .et_pb_post a.more-link:hover,

.archive .et_pb_post a.more-link:hover,

.et_pb_blog_grid .et_pb_post a.more-link:hover {

	background: #111;

	color: #fff;

}



/* 

 * Blog archive

 */



.blog #left-area .et_pb_post,

.archive #left-area .et_pb_post  { 

	font-size: 14px;

	line-height: 1.5; 

	font-weight: 300; 

	background: #fff; 

	transition: 0.5s ease-in-out;

	margin-bottom: 30px !important;

}



.blog .et_pb_post  .post-content-wrapper,

.archive .et_pb_post .post-content-wrapper {

	width: 90%;

	padding: 35px 30px;

	margin-left: auto;

	margin-right: auto;

	background: #fff;

	position: relative;

	overflow: hidden;

	z-index: 10;

}



.blog .et_pb_post.has-post-thumbnail .post-content-wrapper,

.archive .et_pb_post.has-post-thumbnail .post-content-wrapper,

.blog .et_pb_post.format-video .post-content-wrapper,

.archive .et_pb_post.format-video .post-content-wrapper  {

	margin-top: -30px;

}



.blog .et_pb_post  h2.entry-title,

.archive .et_pb_post  h2.entry-title {

	line-height: 1.1;

	font-size: 25px;

	font-weight: 600;

}



.et_pb_post .et_pb_gallery_post_type .et_pb_slide {

	min-height: 300px; 

} 



.et_audio_content h2, .et_link_content h2, .et_quote_content blockquote p {

	line-height: 1.5;

	font-size: 20px;

}

 

.et_pb_post.format-quote .et_quote_content:before {

	font-family: ETmodules;

	text-align: center;

	font-size: 50px;

	line-height: 1;

	font-weight: bold;

	display: block;

	margin-top: -10px;

	margin-bottom:5px;

	color: rgba(0,0,0,0.15); 

	content: '\7b';

}  



@media (max-width: 500px) {

	.blog .et_pb_post  h2.entry-title,

	.archive .et_pb_post  h2.entry-title { 

		font-size: 20px; 

		margin-bottom: 5px;

	}

	.blog .et_pb_post  .post-content-wrapper,

	.archive .et_pb_post .post-content-wrapper {

		width: 95%;

		padding:30px 20px;

	}

}



/* SINGLE POST */



.single-post .et_main_thumbnail_container   {

	text-align: center;

}



.single-post h2.entry-title {

	font-weight: 700;

	font-size: 30px;

	margin-bottom: 10px;

}



.single-post .pb_disabled .entry-content { 

	font-size: 15px;

	line-height: 1.7;

	font-weight: normal;  

}



@media (min-width: 500px) {

	.single-post .post_title_wrapper { 

		background: #fff;

		padding: 40px 30px 0;

		position: relative;

		z-index: 5;

	}

	.single-post .post_title_wrapper {

		margin-top: -40px;

	}

	.single-post .post_title_wrapper {

		width: 90%;

		margin-right: auto;

		margin-left: auto;

	}

	.single-post .pb_disabled .entry-content {  

		width: 90%; 

		margin-right: auto;

		margin-left: auto;

		padding: 0 30px; 

	}

}



@media (max-width: 500px) {

	.single-post .post_title_wrapper {

		padding-top: 30px;

	}

	.single-post .pb_disabled .entry-content {  

		padding-top: 15px;

	}

	.single-post h2.entry-title {

		font-weight: 600;

		font-size: 25px;

	}

}



/* RELATED POSTS */



.related-posts {

	font-size: 0;

	line-height: normal;

	padding: 50px 0;  

	position: relative;

	background: #fff;

	border-top: 1px solid rgba(0,0,0,0.1);

}



.related-posts h1 {  

    font-size: 26px;

    margin-bottom: 20px !important;

    padding-bottom: 0 !important;

    line-height: 1.2;

    font-weight: 700; 

}   



.related-thumb-wrapper {

	background: #fff;

}



.related-thumb-wrapper .thumb-container {

	height: 200px;

	background: #222;

	background-size: cover;

	background-position: center;

	position: relative; 

}



.related-thumb-wrapper .thumb-container a {

	position: absolute;

	width: 100%;

	height: 100%;

}



.related-post-content {

	width: 90%;

	margin: -30px auto 0;

	background: #fff;

	position: relative;

	padding: 20px 20px 30px;

}



.related-thumb h3.post-title {

	line-height: 1.1;

	font-size: 19px;

	font-weight: 600; 

	margin-bottom: 10px;

} 



.related-thumb a.more-link {

    padding: 5px 10px;

    text-align: center;

    border: 1px solid #111;

    color: #111;

    font-weight: 500;

    border-radius: 1px; 

    font-size: 13px;

    line-height: 1.2; 

}



.related-thumb a.more-link:hover {

    background: #111;

    color: #fff;

}

 



@media (min-width: 791px) {

	.related-thumb {

		width: 33.33%; 

		padding: 0 15px;

		display: inline-block;

		vertical-align: top;

	} 

	.related-posts {

		margin-left:  -15px;

		margin-right:  -15px;

	} 

	.related-posts h1 {

		margin-left: 15px;

	}

}



@media (max-width: 790px) {

	.related-thumb {

		margin-bottom: 25px;

	}

}



/* POST NAVIGATION */



.post-navigation {

	margin-top: 30px;

	position: relative;   

	border-top: 1px solid rgba(0,0,0,0.05);

	border-bottom: 1px solid rgba(0,0,0,0.05);   

	font-size: 0;

} 



@media (min-width: 791px)  {

	.post-navigation .post-navigation-previous  ,

	.post-navigation .post-navigation-next {

		width: 50%;

		 display: inline-block;

		 position: relative;

		 overflow: hidden;

		 vertical-align:middle;

	}  

	.post-navigation .post-navigation-previous {    

		text-align: right;

	} 

	.post-navigation .post-navigation-previous a {

		padding-left: 60px;

	}

	.post-navigation .post-navigation-next a {

		padding-right: 60px;

	} 

	.post-navigation .post-navigation-next a:before { 

		right: 0;

	}

	.post-navigation .post-navigation-previous,

	.post-navigation .post-navigation-next  {   

		padding: 30px; 

	}  

}



@media (max-width: 790px)  {

	.post-navigation {

		padding: 20px 0;

	}

	.post-navigation a {

		display: block;

		font-size: 17px !important;

	}

	.post-navigation .post-navigation-previous a {

		margin-bottom: 10px; 

	}

	.post-navigation .post-navigation-next a,

	.post-navigation .post-navigation-previous a {

		padding-left: 60px;

	} 

	.post-navigation .post-navigation-next a:before { 

		left: 0;

	}

	.post-navigation .post-navigation-previous,

	.post-navigation .post-navigation-next  {   

		padding: 15px !important; 

	}   

}



.post-navigation span {

	text-transform: uppercase;

	display: block;

	margin-bottom: 5px;

	font-size: 13px;

	line-height: 1.5;

}



.post-navigation .post-navigation-previous a,

.post-navigation .post-navigation-next a {  

	position: relative;

	transition: 0.3s, ease-in;  

	display: block;

	font-weight: 600;

	font-size: 18px;

	line-height: 1.15;

	color: #000;

} 



.post-navigation .post-navigation-previous a:before,

.post-navigation .post-navigation-next a:before {

	font-family: 'ETmodules';

	width: 38px;

	height: 38px;

	text-align: center;

	font-size: 30px;

	line-height: 38px;

	display: block; 

	position: absolute;

	top: 50%;

	margin-top: -19px;

}



.post-navigation .post-navigation-previous a:before {

	content: "\34";

	left: 0;

}



.post-navigation .post-navigation-next a:before {

	content: "\35"; 

}

 

/* COMMENT AREA */



@media (min-width: 500px) {

	.single-post.et_full_width_page #comment-wrap {

		width: 90%; 

		margin-right: auto;

		margin-left: auto;

	}

}



#commentform {

	padding-bottom: 30px;

	position: relative;

	overflow: hidden;

}



h1#comments, 

h3#reply-title  { 

	font-weight: 600; 

	font-size: 20px;

	color: #000;

	padding-bottom: 0px;

	position: relative; 

}



h1#comments {

	margin-bottom: 30px;

}



h3#reply-title {

	margin-bottom: 5px;

}



h3#reply-title  a#cancel-comment-reply-link { 

	font-size: 14px;

} 



.single .comment_area .comment-reply-link {

	padding:  3px 10px !important;

	border-width: 1px  !important;

	border-style: solid  !important;  

	color: #000;

	font-weight: 600;

	font-size: 13px;

	border-radius: 1px;

	line-height: 1.5;

	top: 0;

}



.single .comment_area .comment-reply-link:hover {

	padding:  3px 15px 3px 10px !important;  

}



.single .comment_area .comment-reply-link:after {

	font-size: 19px !important;

	line-height: 22px !important;

	color: #000;

}



.comment #respond {

	margin-bottom: 30px;

}



.form-submit .et_pb_button {

	font-weight: 700;

	font-size: 15px;

	line-height: 1.5 !important;

	padding: 10px 20px  !important;

	color: #000  !important;

	border-radius: 1px; 

}



.form-submit .et_pb_button:hover {

	color: #fff !important; 

	padding: 10px 20px  !important;

}



#commentform input[type=email], 

#commentform input[type=text], 

#commentform input[type=url], 

#commentform textarea { 

	padding: 10px 15px;

	font-size: 14px;

	line-height: 1.5; 

	border: 1px solid rgba(0,0,0,0.1);

	background: transparent !important;

	transition: all 0.3s, ease-in-out;

}



@media (min-width: 700px)  {

	p.comment-form-author, p.comment-form-email, p.comment-form-url {

		width: 32%;

		float: left;

	}

	p.comment-form-author, p.comment-form-email {

		margin-right: 2%;

	}

	p.comment-form-author input, p.comment-form-email input, p.comment-form-url input {

		width: 100% !important;

		display: block;

	}

}



span.fn, span.fn a { 

	font-size: 14px; 

}



.comment-body { 

	margin-bottom: 40px;

	padding-left: 70px;

}



.comment_avatar img {

	width: 50px !important;

	height: 50px !important;

	object-fit: cover;

	border-radius: 50%;

	max-width: 100% !important;

}



/* Page builder fix */



.single-post.et_pb_pagebuilder_layout.et_full_width_page .post-navigation,

.single-post.et_pb_pagebuilder_layout.et_full_width_page #comment-wrap, 

.single-post.et_pb_pagebuilder_layout.et_full_width_page .post_title_wrapper {

	max-width: 1250px;

	width: 90%;

	margin-left: auto;

	margin-right: auto;

}