.posts-holder {
	width: 100%;
}

.posts-holder .post {
	width: 47%;
	background-color: white;
	border-radius: 8px;
	border: solid 1px #d8dae1;
	vertical-align: top;
	height: auto;
	display: inline-block;
	margin: 8px;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
}

.post .likes {
	font-size: 12px;
	line-height: 16px;
	color: rgba(0, 0, 0, 0.54);
	margin-top: 14px;
	padding: 0 16px
}

.user-details {
	position: relative;
	padding-left: 56px;
}

.user-details .user-image-container {
	width: 40px;
	height: 40px;
	margin-top: 16px;
	margin-left: 16px;
	display: inline-block;
	position: absolute;
	transform: translate(-150%,-0%);
	overflow: hidden;
}

.user-image-container .user-image {
	width: 40px; 
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.user-details .winner {
	width: 24px;
	height: 24px;
	position: absolute;
	margin-top: 16px;
	margin-right: 16px;
}

.user-details .user-details-text {
	padding: 16px 16px 8px 8px;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

.user-details-text .user {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
}

.user .user-name {
	font-size: 14px;
  	font-weight: 500;
  	line-height: 1.43;
  	text-align: left;
  	color: rgba(0, 0, 0, 0.87);
  	display: inline;
}

.user .user-caption {
	font-size: 14px;
  	line-height: 1.43;
  	text-align: left;
  	color: rgba(0, 0, 0, 0.54);
  	display: inline;
  	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}

.user-details-text h6 {
	font-size: 12px;
  	line-height: 1.33;
  	text-align: left;
  	color: rgba(0, 0, 0, 0.34);
}

.post .post-text {
	font-size: 14px;
  	line-height: 1.43;
  	text-align: left;
  	color: rgba(0, 0, 0, 0.54);
  	display: block;
  	margin: 8px 16px;
  	margin-top: 14px;
  	word-wrap: break-word;
}

.post-text a {
	color: #337ab7;
}

.post-text a:hover {
	color: #23527c;
}

.post-text b {
	font-weight: 500;
}

.post .review {
	padding: 36px 8px 0 8px; 
	font-size: 12px;
	margin-bottom: 12px;
	position: relative;
}

.review .rating {
  width: 48px;
  height: 22px;
  border-radius: 20px;
  padding: 4px;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 66px;
  background-color: rgba(0, 0, 0, 0.6);
  padding-left: 0;
  text-align: center;
}

.rating .star {
  width: 12px;
  height: 12px;
  object-fit: contain;
  margin: 0 2px;
  vertical-align: middle;
}

.rating .rating-value {
  font-size: 12px;
  text-align: left;
  color: white;
  font-weight: bold;
  vertical-align: middle
}

.review .rating-text {
	font-size: 16px;
	position: absolute;
	left: 8px;
	top: 12px;
	color: rgba(0,0,0,0.87);
}

.review .user-review {
	display: inline-block;
	text-overflow: ellipsis;
}

.post .post-image-container {
	width: 100%;
	display: block;
	position: relative;
}

.post .play-icon {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

.post-image-container .view-on-fb {
	position: absolute;
	top: 8px;
	right: 8px;
}

.post-image-container .post-image {
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	display: block;
}

.post .merchant {
	padding: 8px;
	overflow: hidden;
	position: relative;
	display: flex;
}

.merchant .merchant-logo-container {
	top: 2px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	display: inline-block;
	border-radius: 4px;
	vertical-align: middle
}

.merchant .merchant-logo {
	width: 36px;
	height: 100%;
}

.merchant .merchant-details {
	padding-left: 12px;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	color: rgba(0, 0, 0, 0.87);
	vertical-align: middle
}

.merchant-details .merchant-name {
	font-size: 14px;
  	font-weight: bold;
  	line-height: 1.43;
  	text-overflow: ellipsis;
}

.merchant-details h5 {
	font-size: 14px;
	line-height: 1.43;
	text-overflow: ellipsis;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.post hr {
	margin: 0;
	height: 1px;
  	border-top: 0.5px solid rgba(0, 0, 0, 0.12);
}

.post .post-icons {
	display: flex;
	height: 40px;
}

.post-icons .icon-values {
	margin-top: 12px;
	font-size: 14px;
  	line-height: 1.14;
  	text-align: left;
  	color: rgba(0, 0, 0, 0.54);
}

.post-icons .post-like,
.post-icons .post-comment, 
.post-icons .post-share {
	margin: 8px;
	margin-left: 25%;
}

.view-more-holder {
	text-align: center;
}

.merchant-details .merchant-name {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 800px){
	.posts-holder .post {
		width: 100%;
		margin: 0;
		margin-bottom: 8px;
	}

	.rating .star {
		width: 10px;
		height: 10px;
	}
}

/*---------Pagination--------*/

.centre {
	text-align: center;
}

.centre .pagination {
	display: inline-block;
	text-align: center;
	margin-bottom: 16px;
}

.pagination a {
	color: #3e5561;
	float: left;
	padding: 8px 12px;
	text-decoration: none;
	border: 1px solid #d8dae1;
	margin: 0 2px;
	background-color: white;
	border-radius: 4px;
}

.pagination a.active {
	background-color: #338aed;
	color: white;
	border: 1px solid #338aed;
}

.pagination a.not-active {
	display: none;
}

.pagination a:hover:not(.active) {
	background-color: #A4A4A4;
}

.review-icon {
    width: 24px;
    vertical-align: middle
}