/* BuilderEngine Blog Module Styles */

/* ====================================================================================================================
 * All Blog Module CSS
 * ====================================================================================================================*/

/* -------------------------------
	General Styles
------------------------------- */

#blog .masonry-sidebar .masonry-item {
	margin: 2% 2% 0 0;
	width:100%;
}
#blog p {
    word-wrap: break-word;
}
#blog .blog-nav-title {
    text-transform: capitalize;
}



/** Blog
 **************************************************************** **/
#blog .item-title {
	margin-bottom:10px;
	display:block;
}
#blog .item-title .label {
	text-transform:uppercase;
}
#blog article header {
	margin:0 0 30px 0;
}

#blog figure img {
	width:100%;
	height:auto;
	display:block;
	margin-bottom:10px;
}
#blog .item h3 {
	margin:0;
	margin-bottom: 10px;
}
#blog .blog-post h3 {
	margin-top:5px;
	margin-bottom: 10px;
}

#blog .blog-widget {
	margin-bottom: 40px;
    margin-top: 16px;
}
#blog .blog-widget ul {
	list-style:none;
}
#blog .blog-widget ul li a i {
	padding-right: 8px;
}

#blog .blog-widget ul.nav-list li a {
	padding-left:5px;
	color: inherit;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
.be-blog-recent h5 {
	margin-top:0px;
}
.be-blog-clock {
	margin-left:-2px;
}
.be-blog-no-results {
	padding-top:40px;
	padding-bottom:40px;
}

.blog-post-container {
    margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
    padding: 20px;
    padding-top: 10px;
    width: 100%;
    list-style: none;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.blog-post-container-label-posted {
    padding: .1em 1.2em .1em;
    line-height: 2.5;
}
.blog-post-thumbnail {
    display: block;
    padding: 2px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 2px solid #dfdfdf;
    border-radius: 2px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.blog-post-image {
    margin-top:10px;
	margin-bottom:15px;
}

#blog hr {
    border: 0;
    margin: 15px 0;
    border-top: #F8F8F8 1px solid;
    border-bottom: #EEEEEE 1px solid;
}
#comments {
	margin-top:20px;
}
#comments span.user-avatar {
	width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
}
#blog .comment {
	margin:30px 0;
}
#blog .be-blog-commment-name h4 {
	font-weight:600;
	margin-bottom: 0px;
}
#blog .be-blog-commment-name p {
	margin-top: 15px;
}
#commentForm {
	padding:15px;
}
#comments form label {
	padding:12px 0 0 4px;
}
#comments form .col-md-3,
#comments form .col-md-4,
#comments form .col-md-6,
#comments form .col-md-12 {
	padding:2px;
}


/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 960px) {
	#blog .masonry-item {
		width:47%;	
	}
	#blog .masonry-fullwidth .masonry-item {
		width:37%;	
	}
}

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

	#blog .left {
		display:block;
		padding-right:16px !important;
		margin-bottom:100px;
	}

	#blog .socials {
		float:none;
		margin-top:0;
		text-align:center;
	}

	.blog-timeline .timeline-item {
		width:100%;
		float:none !important;
		margin:20px 0 0 0 !important;
	}

	.blog-timeline .timeline-item .item-date {
		display:none;
	}
	
	.blog-timeline:after {
		background:none;
	}
	
	#blog .masonry-sidebar .masonry-item,
	#blog .masonry-item {
		width:97%;
		margin:10px 0;
	}

	#blog .masonry-fullwidth .masonry-item {
		width:97%;	
	}
}