/* Ajax Posts */

.ys-timeline-posts {
	background: none !important;
	box-shadow: none !important;
}

.ys-timeline-posts .wrapper {
	background-size: 6px 1px;
	background-position: center top;
	background-repeat: repeat-y;
	background-image: linear-gradient(0deg, #DEE3E8 6px, transparent 6px);
}

@media (min-width: 766px)
{
	.ys-timeline-posts ul { width: calc(50% - 60px); }
}

.ys-timeline-posts ul li {
	margin-bottom: 80px;
	background-color: #FFF;
	position: relative;
	box-shadow: 0 2px 0 #D9E1E7;
    border-radius: 4px;
}

.ys-timeline-posts ul li i {
	position: absolute;
	top: 20px;
	top: 70%;
}

.ys-timeline-posts ul li i:before {
	content: '';
	border: 8px solid transparent;
	display: block;
}

.ys-timeline-posts ul.left li i { right: -16px; }
.ys-timeline-posts ul.left li i:before { border-left-color: #FFF; }

.ys-timeline-posts ul.right li i { left: -16px; }
.ys-timeline-posts ul.right li i:before { border-right-color: #FFF; }

.ys-timeline-posts ul li i:after {
	content: '';
	width: 20px; height: 20px;
	border-radius: 100%;
	background-color: #D5DADF;
	display: block;
	position: absolute;
	top: 0;
}

.ys-timeline-posts ul.left li i:after { left: 50px; }
.ys-timeline-posts ul.right li i:after { right: 50px; }

.ys-timeline-posts img.thumb {
	display: block;
	border-radius: 4px 4px 0 0;
}

.ys-timeline-posts .data {
	padding: 40px 45px;
	box-sizing: border-box;
	position: relative;
}

.ys-timeline-posts .data-author {
	position: absolute;
	top: -40px;
}

.ltr .ys-timeline-posts .data-author { right: 42px; }
.rtl .ys-timeline-posts .data-author { left: 42px; }

.ys-timeline-posts .data-author .avatar {
	max-width: 100%;
	height: 100%;
	border-radius: 100%;
	margin: 0 !important;
	border: 0 !important;
	background: #FFF;
	padding: 3px;
}

.ys-timeline-posts .title {
	display: block;
	margin-bottom: 20px;
	word-break: break-all;
	font-size: 18px;
	font-weight: 700;
	color: #373D45;
}

.ys-timeline-posts a.more {
	margin-top: 30px;
	padding: 0 30px;
	background: #E4EAF0;
}


/* Mobile */

@media only screen and (max-width: 766px)
{
	.ys-timeline-posts .wrapper { background: none; }

	.ys-timeline-posts .data { padding: 55px 35px 35px 35px; }

	.ys-timeline-posts a.more { margin-top: 25px; }
}