/*!
 * Octagon KC Elements Timeline CSS v1.0
 *
 * 
 * Copyright (c) octagon web studio
 *
 */

/* ---------------------------------------------------------------------------
 * Timeline
------------------------------------------------------------------------------ */

.timeline {
    position: relative;
}

.timeline .vertical-line {
    background: #f2f2f2;
    width: 1px;
    height: 100%;
    position: absolute;
    left : 50%;
    top : 0%;
    transform: rotate( 180deg );
}

.timeline-set-group {
    padding: 60px 0;
}

.timeline-set {
    background: #fff;
    padding: 50px;
    width: calc( 50% - 50px );
    border: 1px solid #f2f2f2;
    position: relative;
}

.timeline-set:nth-child( even ) {
    margin: -80px 0 0 calc( 50% + 50px );
}

.timeline-set:nth-child( odd ):after,
.timeline-set:nth-child( even ):before {
    content: '';
    background: #f2f2f2;
    width: 50px;
    height: 1px;
    position: absolute;
}

.timeline-set:nth-child( odd ):after {    
    right : -50px;
    top : 50px;
}

.timeline-set:nth-child( even ):before {
    left : -50px;
    top : 50px;
}

.timeline-set .title {
    font-size: 26px;
    color: #383838;
    margin: 0 0 30px 0;
}

.timeline-set .date {
    font-weight: 500;
}    

.timeline-set .desc {
    margin: 0;
}