/* TABLE OF CONTENTS
	1. Blog Post
*/

/*
	1. Blog Post
*/

.post-box .blog-detail {
	margin: 0 0 25px 0;
	font-size: 13px;
	color: #999999;
}

.post-box .blog-image {
	margin: 0 0 25px 0;
	font-size: 0;
}

.post-box .blog-image img {
    max-width: 100%;
    max-height: 200px;
    width: auto;
}

.blog-content a {
    border-bottom: 1px solid #626262;
}

.blog-content a:hover {
    border-color: #78cc6d;
}

.blog .box-item .image a img {
    position: relative;
    width: 100%;
    max-height:500px;
    object-fit: cover;
    object-position: center;
}

.post-box .blog-content {
	margin: 0 0 40px 0;
}

.post-box .blog-content blockquote {
	margin: 25px 0;
	padding: 0 0 0 20px;
	font-size: 14px;
	line-height: 24px;
	color: #626262;
	font-style: italic;
	font-weight: 300;
	border-left: 2px solid #78cc6d;
}

.post-box .blog-content ul.list-style {
	margin: 25px 0;
	list-style: none;
}

.post-box .blog-content ul.list-style li {
	margin: 5px 0;
	padding: 0 0 0 20px;
	position: relative;
	font-size: 14px;
	color: #171717;
	font-weight: 400;
}

.post-box .blog-content ul.list-style li:before {
	margin: -2px 0 0 0;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	background: #78cc6d;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

.post-box .blog-content .post-lightbox {
	margin: 25px 0;
}

.post-box .blog-content .post-lightbox img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

@media (min-width: 1024px) and (max-width: 1400px){
.blog .row .col.col-d-4 {
    width: 49.998%;
}
}