:root {
  --timelineHoverColor: #e4e8f2;
}


.ce-timeline ul.ce-timeline-list::before {
  width: 3px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, var(--additionalColor) 10%, var(--additionalColor) 90%, rgba(0,0,0,0) 100%) !important;
}
.ce-timeline ul.ce-timeline-list li {
    color: var(--rootFontColor);;
}
.ce-timeline ul.ce-timeline-list li header {
    margin-bottom: 1rem;
font-size: 1.5rem;
}

.ce-timeline ul.ce-timeline-list li.text-image .ce-timeline-gallery {
    margin-bottom: 0;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-0 .ce-timeline-gallery {
    margin-bottom: 30px;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-1 .ce-timeline-gallery {
    margin-top: 30px;
}

.ce-timeline ul.ce-timeline-list li.text-image, .ce-timeline ul.ce-timeline-list li.text {
    background: var(--additionalColor);
    border: none;
    box-shadow: none;
    transition: background .2s ease-in-out;
}
.ce-timeline ul.ce-timeline-list li.text-image:hover, .ce-timeline ul.ce-timeline-list li.text:hover {
    background: var(--timelineHoverColor);
    transition: background .2s ease-in-out;
}
.ce-timeline ul.ce-timeline-list li.text-image header {
    font-weight: bold;
}

.ce-timeline ul.ce-timeline-list li.time {
    background: var(--primaryColor);
    color:#ffffff;
}
.ce-timeline ul.ce-timeline-list li::before {
    top: calc(50% - 20px);
    border-width: 20px;
    border-color: var(--additionalColor) var(--additionalColor) transparent transparent;
    transition: border-color .2s ease-in-out;
    right: -5px;
}

.ce-timeline ul.ce-timeline-list li:hover::before {
    border-color: var(--timelineHoverColor) var(--timelineHoverColor) transparent transparent;
    transition: border-color .2s ease-in-out;
}


@media (min-width: 768px) {

.ce-timeline ul.ce-timeline-list li {
    width: 47%;
    margin: 1rem 0;
    padding: 30px;
}
.ce-timeline ul.ce-timeline-list li.align-1 {
    margin: 1rem 0;
}
.ce-timeline ul.ce-timeline-list li.align-1::before {
    border-color: transparent transparent var(--additionalColor) var(--additionalColor);
    transition: border-color .2s ease-in-out;
    left: -5px;
}
.ce-timeline ul.ce-timeline-list li.align-1:hover::before {
    border-color: transparent transparent var(--timelineHoverColor) var(--timelineHoverColor);
    transition: border-color .2s ease-in-out;
}


}

@media (min-width: 1200px) {

.ce-timeline ul.ce-timeline-list li {
    width: 48%;
}

}

@media (max-width: 500px) {

.ce-timeline ul.ce-timeline-list li.text-image.layout-2, .ce-timeline ul.ce-timeline-list li.text-image.layout-3 {
    display: block;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-2 .ce-timeline-gallery, .ce-timeline ul.ce-timeline-list li.text-image.layout-3 .ce-timeline-gallery {
    width:100%;
    margin-right:0;
    margin-left:0;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-2 .ce-timeline-gallery img, .ce-timeline ul.ce-timeline-list li.text-image.layout-3 .ce-timeline-gallery img {
    width:100%;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-2 .ce-timeline-gallery {
    margin-bottom:15px;
}
.ce-timeline ul.ce-timeline-list li.text-image.layout-3 .ce-timeline-gallery, .ce-timeline ul.ce-timeline-list li.text-image.layout-1 .ce-timeline-gallery {
    margin-top:15px;
}

.ce-timeline ul.ce-timeline-list li.text-image.layout-2 .ce-timeline-text, .ce-timeline ul.ce-timeline-list li.text-image.layout-3 .ce-timeline-text {
    width:100%;
}


}