.tm_timeline {
	padding: 0;
	margin: 30px 0;

	.contol_wrap {
		display: flex;
		flex-wrap: nowrap;
		margin-top: 40px;
		width: 100%;
		justify-content: center;
		i {
			@include font-size(1.25);
			color: #c7c7c7;
		}
	}

	.tm_timeline__control {
		&.tm_timeline__control-slide-left {
			/*rtl:ignore*/
			margin-right: 40px;
			&:hover, &:focus {
				/*rtl:ignore*/
				margin-right: 40px;
			}
		}
		margin: 0;
		@include translate(0, 0);
		opacity: 1 !important;
		position: relative;
		display: inline-block;
		right: auto;
		left: auto;
		background: transparent;
		border: none;
		padding: 0;
		line-height: 1;
		&:hover {
			position: relative;
			background: transparent;
			border: none;
			padding: 0;
			line-height: 1;
			box-shadow: none !important;
			left: auto;
			right: auto;
			margin: 0;
		}

		&:focus {
			position: relative;
			margin: 0;
			background: transparent;
			padding: 0;
			line-height: 1;
			border: none;
			box-shadow: none !important;
			left: auto;
			right: auto;
		}
	}

	.tm_timeline__tense {
		margin-top: 0;
		background: $color__background-hr;
	}

	.tm_timeline__event {
		/*rtl:raw:
		text-align: right;
		*/
		.tm_timeline__event__dot {
			height: 19px;
			width: 19px;
			box-shadow: none;
		}

		.tm_timeline__event__date {
			@include font-size(0.75);
		}

		.tm_timeline__event__title {
			@include font-size(1.5);
			margin-bottom: 13px;
			line-height: 1.5;
		}

		.tm_timeline__event__description {
			@include font-size(1.125);
		}
	}

	//horizontal layout
	&.tm_timeline-layout-horizontal {
		text-align: center;
		margin: 30px auto;
		.tm_timeline__body {
			position: relative;
		}
		.tm_timeline__tense {
			height: 1px;
			top: auto;
			bottom: 15px;
			transform: translateY(0);
		}

		.tm_timeline__container {
			flex-wrap: wrap;
			margin: 0 auto;
		}

		.tm_timeline__pages {
			padding-bottom: 0;
		}

		.tm_timeline__page__content {
			display: block;
			@include media-breakpoint-up(sm) {
				display: flex;
			}
		}

		.tm_timeline__event__dot {
			left: 50%;
			top: auto;
			bottom: 20px;
			@include translate(-50%, 40px);
		}

		.tm_timeline__event {
			text-align: center;
			flex-basis: 100%;
			margin: 30px 10px 25px;
			@include media-breakpoint-up(sm) {
				margin: 0 0 25px;
			}
			&:first-child {
				margin-top: 0;
			}
		}

		.tm_timeline__event__description,
		.tm_timeline__event__title,
		.tm_timeline__event__date {
			@include translate(0, 0);
		}
	}

	//vertical layout
	&.tm_timeline-layout-vertical {

		.tm_timeline__event__description,
		.tm_timeline__event__title,
		.tm_timeline__event__date {
			/*rtl:raw:
			transform: translate(0, 0);
			*/
		}

		&.tm_timeline-layout-vertical-chessOrder {
			.tm_timeline__container {
				margin: 0;
			}

			.tm_timeline__event {
				max-width: 100%;

				.position-one-right-sidebar &,
				.position-one-left-sidebar & {
					max-width: 100%;
					@include media-breakpoint-up(sm) {
						max-width: 45%;
					}
				}

				@include media-breakpoint-up(sm) {
					max-width: 50%;
				}
				@include media-breakpoint-up(xl, $grid-breakpoints-old) {
					max-width: 90%;
				}

			}

			.tm_timeline__tense {
				margin-left: 0;
				@include media-breakpoint-up(sm) {
					margin-left: auto;
				}
			}

			.tm_timeline__event-odd {
				@include translate(0, 0);
				@include media-breakpoint-up(sm) {
					@include translate(50%, 0);
				}

				.tm_timeline__event__description {
					padding: 0 10px 0 0;
					@include media-breakpoint-up(sm) {
						padding: 0;
					}
				}
			}

			.tm_timeline__event.tm_timeline__event-even {
				@include translate(0, 0);
				text-align: left;
				margin-left: 32px;
				padding-right: 0;
				@include media-breakpoint-up(sm) {
					@include translate(-50%, 0);
					text-align: right;
					margin-left: auto;
					padding-right: 32px;
				}

				.tm_timeline__event__dot {
					left: -50px;
					@include media-breakpoint-up(sm) {
						left: auto;
						/*rtl:raw:
						left: 0;
						*/
					}

				}

				.tm_timeline__event__description {
					padding: 0 10px 0 0;
					@include media-breakpoint-up(sm) {
						padding: 0;
					}
				}
			}
		}

		.tm_timeline__container {
			min-width: 100%;
			max-width: 100%;

			@include media-breakpoint-down(lg) {
				margin: 0 0 0 auto;
			}

			@include media-breakpoint-up(lg) {
				min-width: 600px;
				max-width: 50%;
			}
			/*rtl:raw:
			margin-left: 0;
			margin-right: 50%;
			*/
		}
		.tm_timeline__tense {
			width: 1px;
		}

		.tm_timeline__event__dot {
			@include translate(-50%, 0);
			position: absolute;
			left: 0;
		}

		.tm_timeline__body-tense {
			border-left: 1px solid $color__background-hr;
			/*rtl:raw:
			border-left: none;
			*/
		}

		.tm_timeline__event__description {
			padding: 0 0 0 10px;
			@include media-breakpoint-up(sm) {
				padding: 0;
			}
		}

		.tm_timeline__event {
			padding-left: 40px;
			margin-bottom: 60px;
			max-width: 100%;
			&:last-child {
				margin-bottom: 0;
			}

			&.tm_timeline__event-odd {
				padding-left: 32px;
				.tm_timeline__event__dot {
					@include translate(-10px, 0);
				}
			}

			&.tm_timeline__event-even {
				padding-right: 32px;
				.tm_timeline__event__dot {
					@include translate(10px, 0);
				}
			}
		}
	}
}
.single-timeline_post {
	#primary {
		left: 0;
		flex: 0 0 100%;
		max-width: 100%;
		@include media-breakpoint-up(lg) {
			left: 16.66667%;
			flex: 0 0 66.66667%;
			max-width: 66.66667%;
		}
	}
}

p {
	.single-timeline_post .timeline_post > .entry-content > &:first-of-type:first-letter {
		@include font-size(40/16);
		float: left;
		margin: 12px 20px 5px 0;
		@include border-radius();
		line-height: 1;
		padding: 20px 30px;
		position: relative;
	}
}

@-moz-document url-prefix() {
	.single-timeline_post .timeline_post > .entry-content > p:first-of-type:first-letter {
		padding: 26px 30px;
	}
}