#add_timeline {
	margin-bottom: 30px;
	background: var(--box-postcont);
}

#timeline {
	position: relative;
	margin: 30px 10%;
}

#timeline::after {
                content: '';
                position: absolute;
                width: 6px;
                background-color: var(--headings-side);
                top: 0;
                bottom: 0;
                margin-left: -3px;
}

#timeline .event {
                padding: 10px 40px 10px 40px;
                position: relative;
                background-color: inherit;
}

#timeline .event::before {
                content: '';
                height: 0;
                position: absolute;
                top: 22px;
                width: 0;
                z-index: 1;
                left: 30px;
                border: medium solid var(--box-body);
                border-width: 10px 10px 10px 0;
                border-color: transparent var(--box-body) transparent transparent;
}

#timeline .event::after {
                content: '';
                position: absolute;
                width: 25px;
                height: 25px;
                left: -17px;
                background-color: var(--box-body);
                border: 4px solid var(--headings-side);
                top: 15px;
                border-radius: 50%;
                z-index: 1;
}

#timeline .event .content {
                padding: 30px;
                background-color: var(--box-body);
                position: relative;
                border-radius: 6px;
                overflow: hidden;
}

#timeline .event .content .date {
                font-size: 20px;
                color: var(--headings-side);
}

#timeline .event .content .title {
                color: var(--headings-body);
                line-height: 200%;
}

#timeline .event .content .description {
                text-align: justify;
}

#timeline .event .content .option {
                position: absolute;
                bottom: 10px;
                right: 20px;
                font-size: 12px;
                opacity: .7;
                padding-right: 5px;
}

#timeline .event .content .option i {
                padding: 0 3px
}

#timeline a:hover {
color: var(--headings-header);
				transition: 0.5s;
}