.ce-timeline ul.ce-timeline-list li {
    color: var(--rootFontColor);;
}
.ce-timeline ul.ce-timeline-list li header {
    margin-bottom: 5px;
}

.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(--tertiaryColor);
    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(--secondaryColor);
    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(--tertiaryColor) var(--tertiaryColor) transparent transparent;
    transition: border-color .2s ease-in-out;
}

.ce-timeline ul.ce-timeline-list li:hover::before {
    border-color: var(--secondaryColor) var(--secondaryColor) 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(--tertiaryColor) var(--tertiaryColor);
    transition: border-color .2s ease-in-out;
}
.ce-timeline ul.ce-timeline-list li.align-1:hover::before {
    border-color: transparent transparent var(--secondaryColor) var(--secondaryColor);
    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%;
}


}