.timeline-container {
  max-width: 1140px;
  margin: 45px 30px 45px 45px;
  height: auto;
  position: relative;
  width: auto;
}

@media only screen and (min-width: 1220px) {
  .timeline-container {
    margin: 45px auto;
  }
}

.timeline-container::before {
  display: block;
  content: '';
  height: 100%;
  position: absolute;
  left: -9px;
  top: 5px;
  background-image: radial-gradient(circle, #756e65 1.5px, transparent 1.5px);
  background-position: left top;
  background-repeat: repeat-y;
  background-size: 3px 9px;
  width: 4px;
}

.timeline-container h2,
.timeline-container h3,
.timeline-container h4,
.timeline-container h5,
.timeline-container h6 {
  font-size: 18px;
  font-family: var(--text-sans);
  font-weight: 700;
  line-height:1.5;
  color:var(--cutler);
}

.timeline-container .paragraph--type--timeline-text .field--name-field-timeline-body ul,
.timeline-container .paragraph--type--timeline-text .field--name-field-timeline-body ol,
.timeline-container .block-inline-blocktimeline-text .field--name-body ul,
.timeline-container .block-inline-blocktimeline-text .field--name-body ol {
  padding: 15px 15px 15px 40px;
}

.timeline-container .paragraph--type--timeline-text .field--name-field-timeline-body p:has(+ul),
.timeline-container .paragraph--type--timeline-text .field--name-field-timeline-body p:has(+ol),
.timeline-container .block-inline-blocktimeline-text .field--name-body p:has(+ul),
.timeline-container .block-inline-blocktimeline-text .field--name-body p:has(+ol) {
  margin-bottom: 0;
}

.timeline-container .paragraph--type--timeline-text .field--name-field-timeline-body p:has(a.button),
.timeline-container .paragraph--type--timeline-text .field--name-field-timeline-body p:has(a.action),
.timeline-container .block-inline-blocktimeline-text .field--name-body p:has(a.button),
.timeline-container .block-inline-blocktimeline-text .field--name-body p:has(a.action) {
  margin: 15px 0 0;
}

.timeline-container .paragraph--type--timeline-text .field--name-field-timeline-body blockquote:not(.block-quote) p:nth-child(2),
.timeline-container .block-inline-blocktimeline-text .field--name-body blockquote:not(.block-quote) p:nth-child(2) {
  color: var(--cutler);
  font-family: var(--text-sans);
  font-size: 20px;
  line-height: 42px;
  font-weight: 600;
  text-align: right;
  margin-top: 0;
}
