.entry-cat {
    font-size: 12px;
    color: #8f8f8f;
    margin-top: 10px;
    margin-bottom: 3px;
}
.entry-cat a {
    color: inherit;
}

.articles {}

.article-wrp {
	margin-bottom: 20px;
}
.article-in-loop * {
	max-width:100%;
}
.with-border .article-in-loop {
	border-radius: 5px;
	padding: 10px;
	border: 1px solid #ccc;
	transition: all 0.15s;
}
.with-border .article-in-loop:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-color: #7ec2dc;
}

.article-in-loop .thumb-title {
	display: block;
	color: #309dc6;
	text-decoration: none !important;
}
.article-in-loop .thumb {
	display: block;
	margin-bottom: 7px;
	position: relative;
}
.with-border .article-in-loop .thumb .like-count {
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
    font-size: 14px;
    padding: 3px 10px 1px;
}
.with-border .article-in-loop .thumb .like-count .glyphicon {
	margin-right: 4px;
}

.with-border .article-in-loop .date {
	display: block;
	color: #8f8f8f;
	font-size: 12px;
	margin-bottom: 1px;
}
.article-in-loop .title {
	display: inline-block;
	color: #309dc6;
	font-size: 17px;
	line-height: 1.3;
	font-weight: bold;
}
.article-in-loop .thumb-title:hover .title,
.article-in-loop .title:hover {
	text-decoration: underline;
    color: #34b5e6;
}





/*=== Article without border ===*/
.without-border {
	transition: all 0.15s;
}
.without-border:hover {
	/*background: #dedede;*/
}

.cat-and-likes {
	margin-bottom: 7px;
}
.cat-and-likes .name-cat {
    color: #8f8f8f;
}
.cat-and-likes .name-cat a {
    color: #8f8f8f;
}
.cat-and-likes .sep {
	padding: 0 7px;
}
.cat-and-likes .like-count {}
.without-border .title {
	margin-bottom: 10px;
}




/*=== Button load-more-posts ===*/
.pagination-block {}

.get-more-posts {
	font-size: 18px;
}
.get-more-posts .glyphicon {
	margin-right: 5px;
}


/* If is clicked */
.get-more-posts.disabled {
    cursor: wait;
}
.get-more-posts.disabled .glyphicon {
    -webkit-animation:spin 0.4s linear infinite;
    -moz-animation:spin 0.4s linear infinite;
    -o-animation:spin 0.4s linear infinite;
    -ms-animation:spin 0.4s linear infinite;
    animation:spin 0.4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }