/*
Default CSS Styles for Same Category Posts plugin
Version: 1.0.12
*/
.same-category-post-current,
.post-date,
.same-category-post-comment-num  {
	font-size: 12px;
}
.post-title {
	font-size: 15px;	
	font-weight: bold;
}
.same-category-post-current a {
	font-weight: bold;
	text-transform: uppercase;
}
.post-date {
	font-style: italic;
	margin-bottom: 10px;
}
.cat-post-author {
	margin-bottom: 0;
}
.same-category-post-thumbnail img {
	float: left;
	margin: 5px 10px 5px 0;
}
.more-link {
	display: inline;
}
.post-entry { 
   	overflow: hidden;
   	padding: 0 0 5px 0;
}
.same-category-post-comment-num {
}
.same-category-post-item {
	/* border-bottom: 1px solid #ccc; */
	list-style: none;
	list-style-type: none;
	margin: 3px 0;
	padding: 3px 0;
}
.same-category-post-item:last-child {
	border-bottom: none;
}
.same-category-post-item:before,
.same-category-post-item:after {
	content: "";
 	display: table;
	clear: both;

}
/* CSS cropping */
.same-category-post-item .same-category-post-css-cropping span {
	float: left;
	margin: 5px 10px 5px 0;	
}
.same-category-post-item .same-category-post-css-cropping span {
	overflow: hidden;
	display:inline-block;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
  }

  /* Box-sizing reset: //w3bits.com/?p=3225 */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* The Masonry Container */
.masonry {
  margin: 1.5em auto;
  column-gap: 1.5em;
}

/* The Masonry Brick */
.item {
  background: #fff;
  padding: 1em;
  margin: 0 0 1.5em;
}

/* Masonry on large screens */
@media only screen and (min-width: 1024px) {
  .masonry {
    column-count: 4;
  }
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    column-count: 3;
  }
}

/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
  .masonry {
    column-count: 2;
  }
}