/* Styles for the Ottheinrich timeline */

.timeline {
    color: #696969;
}

/* Space header of boxes */
.timeline .panel summary {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Positioning elements Header of Boxes */
.timeline .panel summary .panel-header-wrapper {
    display: flex;
}

.timeline .timeline-item details.panel .name {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.timeline .panel summary .coverage {
    flex: 1 1 auto; /* coverage should grow and use all space */
}

/* Image and text side by side */
.timeline a.resource-link {
    display: flex;
    align-items: center;
}

/* Styling elements header of Boxes */
.timeline .panel summary .coverage,
.timeline .panel summary .identifier {
    font-size: small;
}

/* Avoid overflow of summary container */
.timeline .timeline-item .name {
    hyphens: auto;
}

/*  */
.timeline .timeline-item .name a img {
    margin-right: 8px;
}

.timeline .timeline-item .name i {
    margin-left: auto;
    height: 11px;
    padding-left: 5px;
}

/* Toggle information in panel/content */
/* Content List Item Marker are set in style-ottheinrich.css */
.timeline-toggle-button {
    margin-top: 25px;
    margin-bottom: 10px;
    cursor: pointer;
}
.timeline .area-hidden {
    display: none;
}

.timeline .parts-wrapper, 
.timeline .description-wrapper {
    font-size: 1rem;
}

/* Separator color */
.timeline li.timeline-separator-circle > div {
    color: white;
    background-color: #a0002a;
}