body {
    --pb-serif-font-family: "Junicode", serif;
    --primary-color-dark: #35424b;
    --primary-color-light: #CFD8DC; /*#d1dadf;*/
    --quote-color: #999999;
    --link-color: #538c6c;
    --sidebar-color: #F0F0F0;
    --paper-tabs-selection-bar-color: var(--primary-color-light);
    --drawer-width: 448px;
}

/* customization by Vincent Neyt on 27/1/25*/
/* to make the second and third column of the main table*/
/* less wide than the other two */

#table_id {
  width: 100%;
  table-layout: fixed;
}

#table_id th,
#table_id td {
  width: 25%; /* Default width for all columns */
}

#table_id th:nth-child(2),
#table_id td:nth-child(2) {
  width: 20%; /* Slightly increased width for the second column */
}

#table_id th:nth-child(3),
#table_id td:nth-child(3) {
  width: 10%; /* Reduced width for the third column */
}

#table_id th:nth-child(1),
#table_id td:nth-child(1),
#table_id th:nth-child(4),
#table_id td:nth-child(4) {
  width: 35%; /* Increased width for the first and fourth columns */
}

/* end of customization by Vincent Neyt on 27/1/25*/

/*tei publisher h2 styling*/
h2 {

}

app-toolbar.toolbar {
    height:initial;
}

.opened {
    left: 0px !important;
}

.pushed {
    margin-left: calc(448px + 65px) !important;
}


/*helpers*/

.m-l-1-rem {
    margin-left: 1rem;
}

.m-b-1-rem {
    padding-bottom: 1rem;
}

div.mentions-group {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);    
}

hr {
    margin-left: 1rem;
}

a {
    text-decoration: none;
    color: var(--link-color);
    cursor: pointer;
}
a:hover {
    filter: brightness(1.5);
}

#tocToggle:hover {
    border-left-color: var(--primary-color-dark);   
    transition: .3s;
}