/* Override TimelineJS link typography without changing the site's primary palette. */
.tl-timeline .timeline-slide-action .btn-primary {
    color: #fff;
    text-decoration: none;
    font-family: var(--bs-body-font-family);
}
.timeline-slide-action { margin-top: 1rem; }
.timeline-brewery-open { overflow: hidden; }
.timeline-brewery-dialog {
    width: min(900px, calc(100vw - 2rem));
    max-width: none;
    height: min(850px, calc(100dvh - 2rem));
    max-height: calc(100dvh - 2rem);
    border: 0;
    padding: 0;
    border-radius: calc(var(--border-radius) * 2);
    background: white;
    overflow: hidden;
}
.timeline-brewery-dialog::backdrop { background: rgba(0, 0, 0, 0.65); }
.timeline-brewery-dialog .brewery-modal-content { opacity: 1; transform: none; transition: none; }

/* Keep Help legible on the orange header and use the site's primary hover colour. */
.timeline-help-button {
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-hover);
    --bs-btn-hover-border-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-hover);
    --bs-btn-active-border-color: #fff;
}