/* Sniðmát bb (#3261): its stylesheet on the article pages (news_tags.snidmat_styles), in place of the CSS stored
   with it in the admin. That CSS as of 2026-11-10, in Heimildin's colours and faces (README.md). */

.timeline {
    padding: 0px 0 0 20px;
    margin: 0 0 0 20px;
    border-left: 10px solid var(--st-text-color-light);
}

.timeline > li {
    margin: 20px 0;
    list-style-type: none;
}

.timeline .timeline-marker {
    font-weight: 900;
    color: rgb(136,133,130);
    font-size: .85em;
    letter-spacing: .05em;
    line-height: 20px;
}

.timeline .timeline-marker:before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    background: var(--st-text-color-light);
    margin-left: -37px;
    margin-right: 13px;
    margin-bottom: -7px;
}

.timeline-item-title {
    font-weight: bold;
    color: rgb(96,93,90);
}

.timeline-item-quote {
    font-size: 1.5em;
    line-height: 1.125;
    margin-bottom: .25em;
    font-weight: bold;
    font-family: var(--st-font-text, "tiempostext_web", Georgia, serif);
    letter-spacing: -.01em;
}

.timeline-item-photo {
    max-width: 130px;
    margin: 0 0 .5em .75em;
        float: right;
}

.timeline-item-photo img {
    width: 100%;
}

.timeline-item {
    line-height: 1.25;
    font-size: 1.125em;
    margin: .25em 0 .75em;
}

.timeline-header {
    line-height: 1.125;
}

.timeline-header-years {
    font-weight: 900;
    color: var(--st-text-color-light);
}

.timeline-header-headline {
    font-size: 2em;
    font-weight: 700;
}

.timeline-header-subhead {
    font-size: 1.5em;
    font-weight: 700;
    color: rgb(136,133,130)
}

.inline-timeline .seperator {
    margin: 4em 0;
}

.timeline-items {
    padding: 0;
}

.timeline-items .timeline-item {
    margin-left: 19px;
    list-style-type: none;
}

.timeline-items .timeline-item:before {
  content: "• ";
  font-weight: 900;
  position: absolute;
  color: var(--st-text-color-light);
  display: inline-block;
  margin-left: -20px;
}

.timeline-red {
    border-color: var(--st-accent);
}

.timeline-red .timeline-marker:before {
    background: var(--st-accent);
}

.timeline-red .timeline-marker, .timeline-red .timeline-header-years {
    color: var(--st-accent);
}

.timeline-gold { border-color: #d9bb8a; }

.timeline-gold .timeline-marker:before { background: #d9bb8a; }

.timeline-gold .timeline-marker, .timeline-gold .timeline-header-years { color: #d9bb8a; }