/* --------------------------------------------------------
Blog entry list;
-------------------------------------------------------- */
.blog-date {
	text-align: center;
	width: 100%;
	height: 113px;
	margin: 0 auto;
}

.blog-date p {
	color: #FFF;
}

.blog-post-preview {
	border: 1px solid rgba(0,0,0,0.05);
	background: rgba(0,0,0,0.05);
	padding: 15px 15px 20px;
}

@media screen and (min-width: 650px) {
	.blog-post-preview {
		width: 31%;
		padding: 25px 25px 20px;
		margin: 0 0 20px 0;
		float: left;
		/*min-height: 570px;*/ /* Use this for a match heights effect if you want */
	}
	#blog-posts {
		margin-right: -2.333%; /* Dependant on the width of .blog-post-preview */
	}
}

.blog-post-preview img.blog-post-featured-img-small {
	width: 100%;
}

.blog-post-preview:hover {
	background: rgba(0,0,0,0.075);
}

.blog-post-preview .blog-date {
	border-bottom: 1px solid #d7d7d7;
	float: right;
	padding: 0 11% 0 0;
	margin-bottom: 20px;
}

.blog-post-preview .share {
	padding-right: 14%;
	margin-top: 10px;
}

.blog-post-preview .hub-share p {
	color: #909396;
	text-transform: uppercase;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 0;
	margin: 0;
	display: inline;
}
.blog-post-preview .hub-share a img {
	margin: 0 0 0 15px;
	display: inline;
}

.blog-post-preview .hub-share a:hover {
	opacity: .7;
}

.blog-post-preview a {
	text-decoration: none;
}

.blog-post-preview .excerpt {
	padding: 0 0% 0;
	width: 100%;
	margin-top: 20px;
}

.blog-post-preview .excerpt h3,
.blog-post-preview .excerpt h3 a {
	font-weight: 300;
	font-size: 29px;
	font-size: 2.9rem;
	text-align: left;
	padding-bottom: 0;
}

.blog-post-preview .excerpt p.author {
	font-size: 14px;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.blog-post-preview .excerpt p {
	line-height: 140%;
	font-size: 17px;
	font-size: 1.7rem;
	margin: 20px 0;
}
/* Refine bar */
.blog-refine-bar {
	margin: 0 0 35px;
}
.blog-refine-bar p {
	font-weight: 500;
	font-size: 19px !important;
	font-size: 1.9rem !important;
	display: inline;
	margin-right: 16px;
}

.blog-refine-bar a {
	text-transform: uppercase;
	font-weight: 100;
	padding: 5px 10px;
	text-decoration: none;
	margin: 1px 3px;
	line-height: 150%;
}

/* --------------------------------------------------------
Blog post
-------------------------------------------------------- */
.blog-post-featured-img {
	margin: 10px 0 30px;
	width: 100%;
}

.blog-author-img {
	float:left;
	max-width: 200px;
	max-height: 300px;
	margin: 0 20px 20px 0;
}

.blog-post__details {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 0;
	margin-bottom: 15px;
}

.blog-post .blog-date p {
}

.blog-item {
	border-bottom: 1px solid #d7d7d7;
	margin: 5px 0 20px;
}

.blog-item .details,
.blog-post .details {
	margin: 0 0 20px;
}
.blog-item .details p.date,
.blog-item .details p.author,
.blog-post .blog-post__details p.date,
.blog-post .blog-post__details p.author {
	display: inline;
}

@media screen and (min-width: 650px) {
	p.blog-rss-link {
		float: right
	}
}

p.blog-rss-link img {
	width: 16px;
	margin-left: 10px;
}
.blog-post__body {
	margin: 30px 0 50px 0;
}
.blog-post .blog-date p {
	color: #ffc400;
}

.blog-post .excerpt p.author {
	font-size: 14px;
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 10px 0 20px;
}

.blog-comments,
.fb-comments,
.fb-comments span,
.fb-comments iframe,
.pluginSkinLight >   {
	width: 100% !important;
}

.share {
	float: left;
	width: 50%;
	margin: 25px 0;
}
	.blog-post .share {
		margin: 5px 0;
	}

	.share:not(:first-child) {
		text-align: right;
	}

	.share:not(:first-child) img {
		margin-left: 7px;
	}

	.share p {
		color: #909396;
		text-transform: uppercase;
		font-size: 15px;
		font-size: 1.5rem;
		margin: 0;
	}

.share .share-item {
	display:inline-block;
	margin: 1px;
	padding-right: 10px;
	vertical-align: top;
}

.share .share-item.share-item-fb {
	margin-top: -1px;
}

.share .share-item.share-item-pinterest {
	margin-top: -2px;
}

.blog-post__tags {
	border-top: 1px solid #d7d7d7;
	padding: 15px 0;
}

.blog-post__footer {
	margin-top: 40px;
}
	.blog-post__footer .social-box {
		padding: 10px 30px;
		margin-bottom: 30px;
	}
	.blog-post__footer #disqus_thread iframe{
		margin-top: 40px;
	}

.blog-article__footer .share {
	width: 50%;
	float: left;
	color: #B3B7BB;
}
.blog-article__footer .share:not(:first-child) {
	text-align: right;
}