/**
 * @name		Page Builder CK
 * @package		com_pagebuilderck
 * @copyright	Copyright (C) 2022. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 * @author		Cedric Keiflin - https://www.template-creator.com - https://www.joomlack.fr
 */

.pbck_timelines {
	position: relative;  
}

.pbck_timeline {
	position: relative;
	padding: 20px 0 0px 0;
	margin: 0px 50% 0 0; 
}

.pbck_timeline:nth-child(2n) {
	margin: 0 0 0 50%;
}

.pbck_timelines:after {
	position: absolute;
	left: 50%;
	top: 0;
	content: '';
	height: calc(100%);
	width: 1px;
	background: #F5E9DE;
}

.pbck_timeline:nth-child(2n):after {
	right: auto;
	left: -4px;
}

.pbck_timeline:last-child:after {
	height: calc(100%);
}

.pbck_timeline_wrap {
	position: relative;
	z-index: 1;
}

.pbck_timeline_wrap > .inner {
	background-color: #F5E9DE;
	text-align: center;
	direction: ltr;
	padding: 20px 24px 20px 28px;
	margin: 0 40px 0 0px;
	position: relative;
}

.pbck_timeline:nth-child(2n) .pbck_timeline_wrap > .inner {
	margin: 0 0px 0 40px;
}

.pbck_timeline_wrap > .inner:before {
	width: 20px;
	height: 20px;
	display: block;
	content: '';
	transform: rotate(-45deg);
	position: absolute;
	right: -9px;
	top: 20px;
	background-color: #F5E9DE;
	z-index: -1;
}

.pbck_timeline:nth-child(2n) .pbck_timeline_wrap > .inner:before {
	right: auto;
	left: -9px;
}

.pbck_timeline_dot {
	position: absolute;
	width: 16px;
	height: 16px;
	right: -1px;
	top: 21px;
	margin: 0px -7px 0px 0px;
	display: block;
	border-radius: 50%;
	background-color: #F5E9DE;
	z-index: 1;
}

.pbck_timeline:nth-child(2n) .pbck_timeline_dot {
	right: auto;
	left: -1px;
	margin-left: -7px;
}

.pbck_timeline .pbck_timeline_wrap > h3,
.pbck_timeline .itemcontentck {
	position: relative;
	z-index: 1;
}