/* Timeline (patterns/kit-timeline.php). A yellow slash on the line marks each milestone. */
.sp-kit-timeline .sp-kit-timeline__grid { display: grid; gap: 40px; }
@media (min-width: 1024px) {
	.sp-kit-timeline .sp-kit-timeline__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 80px; }
	.sp-kit-timeline .sp-kit-timeline__heading { position: sticky; top: 120px; align-self: start; }
}
.sp-kit-timeline .sp-kit-timeline__list { position: relative; padding-left: 40px; }
.sp-kit-timeline .sp-kit-timeline__list::before {
	content: "";
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 4px;
	width: 1px;
	background: var(--kit-line);
}
.sp-kit-timeline .sp-kit-timeline__item { position: relative; padding-bottom: 48px; }
.sp-kit-timeline .sp-kit-timeline__item:last-child { padding-bottom: 0; }
.sp-kit-timeline .sp-kit-timeline__item::before {
	content: "";
	position: absolute;
	top: 2px;
	left: -40px;
	width: 10px;
	height: 20px;
	background: var(--wp--preset--color--primary);
	clip-path: polygon(44.82% 13.64%, 95.45% 13.64%, 50.63% 86.36%, 0% 86.36%);
}
.sp-kit-timeline.is-style-sp-yellow .sp-kit-timeline__item::before { background: var(--wp--preset--color--black-light); }
.sp-kit-timeline .sp-kit-timeline__when { font-size: var(--wp--preset--font-size--label); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--kit-muted); }
.sp-kit-timeline .sp-kit-timeline__title { margin-top: 8px; font-size: var(--wp--preset--font-size--x-large); line-height: 1.3; font-weight: 500; letter-spacing: -0.025em; }
.sp-kit-timeline .sp-kit-timeline__text { margin-top: 8px; font-family: var(--wp--preset--font-family--poppins); font-size: var(--wp--preset--font-size--small); line-height: 1.625; color: var(--kit-text); }