.sigma_timeline-content{
position: relative;
}
.sigma_timeline-nodes .sigma_timeline-content {
background: #d6a77b;
}
body .sigma_timeline-nodes .sigma_timeline-content{
padding: 30px;
}
.sigma_timeline-content::before{
content: '';
position: absolute;
top: 16px;
left: -60px;
width: 50px;
height: 1px;
background-color: #d6a77b;
}
.sigma_timeline-nodes:nth-child(odd) .sigma_timeline-content::before{
left: auto;
right: -60px;
}
.sigma_timeline-content h4,
.sigma_timeline-content p{
color: #fff;
}
.sigma_timeline-content h4{
font-size: 18px;
}
.sigma_timeline-nodes {
margin-bottom: 50px;
position: relative;
}
.sigma_timeline-nodes:nth-child(even) {
flex-direction: row-reverse;
}
.sigma_timeline-nodes:nth-child(even) .sigma_timeline-date {
text-align: right;
}
.sigma_timeline-nodes::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 49.99999%;
width: 0;
border-left: 1px solid #d6a77b;
opacity: .3;
height: calc(100% + 50px);
z-index: 1;
transform: translateX(-50%);
}
.sigma_timeline-nodes:last-child::before{
display: none;
}
.sigma_timeline-element h4 {
font-size: 24px;
line-height: 45px;
font-weight: 600;
}
.sigma_timeline-nodes:nth-child(odd) h4,
.sigma_timeline-nodes:nth-child(odd) p {
text-align: right;
}
.sigma_timeline-nodes:nth-child(odd) h4,
.sigma_timeline-nodes:nth-child(odd) p{
text-align: right;
}
.sigma_timeline-element p,
.sigma_timeline-element time {
color: #777;
font-size: 15px;
font-weight: normal;
margin: 0;
}
.sigma_timeline-image {
position: relative;
z-index: 2;
}
.sigma_timeline-image i {
background: #fff;
padding: 5px;
color: #d6a77b;
border-radius: 50%;
margin-top: 0;
font-size: 24px;
}
.sigma_timeline-nodes:nth-child(odd) .sigma_timeline-date{
text-align: left;
}
.sigma_timeline-date span {
font-size: 20px;
font-weight: 600;
color: #1c1c1c;
display: block;
}
.sigma_timeline-date span:last-child {
text-align: center;
line-height: 20px;
color: #777;
margin-top: 8px;
font-size: 14px;
text-transform: uppercase;
}
.sigma_timeline-nodes:nth-child(even) .sigma_timeline-date span:last-child {
text-align: right;
}
.sigma_timeline-nodes:nth-child(odd) .sigma_timeline-date span:last-child {
text-align: left;
}