Founder of Keystone Human Services

/* Contenedor general del timeline en horizontal */
.gdlr-core-timeline-item {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
padding: 20px 0;
}

/* Cada ítem se alinea en fila, no en columna */
.gdlr-core-timeline-item-list {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 40px;
position: relative;
}

/* Ajustar la “línea” divisora para que sea horizontal */
.gdlr-core-timeline-item-divider {
width: 100px; /* Cambia según tu diseño */
height: 2px;
background-color: #333;
margin: 10px 0;
}

/* El “bullet” centrado en el ítem */
.gdlr-core-timeline-item-bullet {
width: 20px;
height: 20px;
background-color: #333;
border-radius: 50%;
position: relative;
top: 0;
margin: 10px 0;
}

/* El área de fecha y contenido vertical en cada ítem */
.gdlr-core-timeline-item-date {
text-align: center;
font-weight: bold;
}

/* Envoltorio del contenido del ítem */
.gdlr-core-timeline-item-content-wrap {
text-align: center;
max-width: 300px;
}

/* Opcional: barra horizontal de fondo (como eje del timeline) */
.gdlr-core-timeline-item::before {
content: “”;
position: absolute;
top: 50%;
left: 0;
height: 2px;
width: 100%;
background-color: #ccc;
z-index: 0;
}