.blogs-module .blog-sidebar{width:200px; float: left;}
.blogs-module .blog-sidebar h4{margin:1em 0; padding:2px 0; border-bottom: 1px solid #cdcdcd;}
.blogs-module .blog-sidebar ul{list-style: none;padding: 0; margin: 0;}

.blogs-module.full-mode .item-list{margin-left:220px; position: relative; clear: none;}

.blogs-module .item-commentlink{margin-top:1rem;}

.blogs-module .item-comments .comment{margin-top:1em;}
.blogs-module .item-comments .comment-meta{font-size: 0.9em;}

.blogs-module .item-comments form label{display:block}
.blogs-module .item-comments form p{margin-bottom: 0.5em;}
.blogs-module .item-comments form input[type='text']{width:100%;}
.blogs-module .item-comments form textarea{width:100%; height:80px;}

.blogs-module .item-comments{
	background-color: #eee;
	padding: 1.25rem;
	box-sizing: border-box;
}
.blogs-module .item-footer{
	margin: 1rem 0;
}
.blogs-module .featuredImage {
	display: block;
	position: relative;
	height: 100px;
	float: left;
	width: 100px;
	margin-right: 5px;
}

.blogs-module .featuredImage img {
/* 	max-height:100%; */
	max-width:100%;
}

.blogs-module .item.single .featuredImage {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.blogs-module .item.single .featuredImage img {
	width:100%;
}

.blogs-module .item.single .featuredImage .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	box-sizing: border-box;
	font-size: 16px;
	max-height: 30%; 
	overflow-y: auto;
}

.blogs-module .featuredImage.small{
	width:175px;
	height:100px;
	margin-right: 10px;
}
.blogs-module .featuredImage.small a{
	width:100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}
.blogs-module .featuredImage.small a img{
	display: none;
}
#editURL{
	padding: 5px;
}
.blogs-module .item span.date,
.blogs-module .item span.author{
	font-size: 0.9em;
	display: inline-block;
	margin:0; 
}
.blogs-module .item span.subtitle{
	display: block;
	font-size: 0.9em;
	font-weight: bold;
}
.blogs-module .item-subtitle a{
	color:inherit;
}

.blogs-module .blog-header{
	width:100%;
	float: left;
	margin-bottom: 10px;
}

.blogs-module .details *{
	max-width: 100% ;
}

.blogs-module .details hr{
	width:100% !important;
	max-width: 100% !important;
}


.blogs-module .item-nav{
	text-align: center;
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 5px;
}
.blogs-module .item-nav a{
	white-space: nowrap;
	padding: 5px 10px;
	display: table-cell !important;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 33%;
}

.blogs-module .entry *{
	box-sizing: border-box;
}
.blogs-module .entry .item-header{
	margin-bottom: 1rem;
}
.blogs-module .entry .item-header h3, 
.blogs-module .entry .item-header h4{
	margin:0 0 0.5rem;
}

.blogs-module .entry .item-header h3{
	padding-bottom: 1rem;
	border-bottom: 1px solid;
}

/*
.blogs-module .entry .item-header > *{
	margin-left:1rem;
	margin-right:1rem;
	margin-bottom: 0;
} */

/* .blogs-module .shareaholic-canvas{
	margin:1rem -14px;	
}
.blogs-module h3 + .shareaholic-canvas{
	margin-top:-1rem;
} */

.blogs-module .entry time{
	float: right;
	line-height: 2em;
}
.blogs-module .entry .item-image{
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
   	text-align: center;
	margin:0 0 1rem 0;

	position: relative;
}
.blogs-module .entry .item-image .item-image-cover{
	/* display: block; 
	width: 100%;	
   height: 100%; 
   position: absolute; */
   z-index: 0;
   /* background-size: cover;
   background-position: 50%;
   background-repeat: no-repeat; */
   overflow: hidden;
   display: inline-block;
   border:1px solid #ddd;
   position: relative;
}
.blogs-module .entry .item-image.tall .item-image-cover::before{
	/* background-image: var(--bg-image); */
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	filter: blur(15px) grayscale(30%);
}
.blogs-module .entry .item-image.small .item-image-cover{
	height: auto;
	width:auto;
	padding: 0px;
	display: inline-block;
}

.blogs-module .entry .item-image-cover img{
	object-fit: cover;
	aspect-ratio: 16 / 9;
	max-width: 100%;
	width: 100%;
	position: relative;
	height: 100%;
}
.blogs-module .entry .item-image > *{
	position: relative;
}


.blogs-module .entry .item-image .item-image-caption{
	padding: 10px;
	font-size: 0.7em;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.56);
	text-align: right;
	position: absolute;
	width: 100%;
	bottom:0;
	left: 0;
}
.blogs-module .entry .item-image.small .item-image-caption{
	position: relative;
}



.blogs-module .item-list-footer{
	background: #333434;
	color: #fff;
	padding: 0.5rem 1rem 1.5rem;
	display: flex;
	flex-wrap: wrap;
	margin-top:1rem;
}

.blogs-module .item-list-footer > div{
	flex: 1;
	padding: 0 10px;
	float: left;
	box-sizing: border-box;
	margin: 1em 0 0;
}
.blogs-module .item-list-footer > div select{
	width:100%;
	max-width: 100%;
}
.blogs-module .item-list-footer .about-thumbnail{
	padding: 0.25rem;
	margin:0.5rem 0.5rem 0.5rem 0;
	float: left;
	background: #eee;
	border: 1px solid #333;
}
.blogs-module .item-list-footer .about-thumbnail img{
border: 1px solid #666;
}
.blogs-module .item-list-footer .advertising-module{
	text-align: center;
}
/*
.blogs-module .item-list-footer .about-blog{
	max-width: 50%;
}
*/
.blogs-module .item-list-footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.blogs-module .item-list-footer h4{
	color: #fff;
	border-bottom: 2px solid #fff;
	padding-bottom: 0.25rem;
}
.blogs-module .item-list-footer .about-blog{
	min-width: 300px;
}
.blogs-module .item-list-footer .about-blog h4{
	border:none;
}
.blogs-module .item-list-footer li a{
	color: #fff;
	border-bottom: 1px solid #cdcdcd;
	margin: 2px 0 2px;
	padding: 4px 0;
	font-size: 0.9rem;
	display:block;
	text-decoration: none;
	white-space: nowrap;
}
.blogs-module .item-list-footer li:last-child a{
	border-bottom: none;
}
.blogs-module .item-list-footer li a:hover{
	text-decoration: inherit;
	color: inherit;
}

.blogs-module #emailconfirm{
	display: none;
}

[data-max-width*="511"] .blogs-module .item-list-footer > div {
width: 100%;
flex: none;
}

.blogs-module article #fb-root{
	margin-top: 4em;
}
.blogs-module article .fbcommentbox{
	margin-top:0 !important; 
}

.blogs-module .item-author{
	border-top: 2px solid #e7e7e7;
	padding: 2rem 0 1rem;
	margin-top: 2rem;
	font-size: 0.85em;
}
.blogs-module .item-author .u-photo{display: block; border-radius: 5px; border: 1px solid rgba(102, 102, 102, 0.88); overflow:hidden; width: 92px; height: 92px; float: left; margin-right: 0.75em; margin-bottom: 0.25em; margin-top: 0.25em;  background-size: cover; background-color: #f2f2f2; position: relative; box-sizing: border-box; line-height: 100px; }
.blogs-module .item-author .u-photo:empty:before{  box-sizing: border-box;  font-size: 6em; text-align: center; vertical-align: middle; font-family: FontAwesome; color: #cdcdcd; content: "\f007"; display: block;  }
.blogs-module .item-author .u-photo img{width: 100%; background: #f2f2f2; position: absolute; margin: auto; top:0; bottom: 0; left: 0; right: 0;}

.blogs-module .social a {font-size: 1.5em; margin: 0.25em 0.25em 0.25em 0; display: inline-block;}
.blogs-module .social a span{display: none;}

.blogs-module .item-author{
border-top: 4px solid #e7e7e7;
padding: 1.5rem;
margin: 4rem 0 2rem;
font-size: 0.85em;
background: #f4f4f4;
}
.blogs-module .item-author:after{
	display: block;
	content:"";
	clear:both;
}
.blogs-module .item-author .p-credentials{
	display: block;
}
.blogs-module .module-header-actions{
	margin:2rem 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.blogs-module .item-list-stack .item.with-thumbnail{
	padding-left:1.25rem;
}
.blogs-module .related-entries .item-list-grid{
	margin: 0;
}

.blogs-module .related-entries:before{
	content:"You may also like…";
	font-weight: bold;
}

@media only screen and (max-width: 511px){
	.blogs-module .related-entries .item-list-grid{
		flex-wrap: nowrap;
		justify-content: left;
		overflow: auto;
	}
	.blogs-module .related-entries .item-list-grid .item{
		min-width: 80%;
	}
}
