/*  placeholder for custom styles even those that overwrite xhtml.css */


:root {
    --color-basecolor: #A50050;
    --header-font-color: var(--color-basecolor);
}

table {
    border-style: solid;
    border-color: var(--table-border-color);
    border-width: thin;
}

tr:first-child > td, th {
    color: white;
    background: var(--color-basecolor);
}
tr:first-child > td > p.p, th > p.p {
    padding: 2px;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2;
}

td, th {
    border-style: none;
}

td > p.p {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1;
}

p.p {
    margin: 0;
    padding: 1px;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5;
}

h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title {
    display:block;
    font-weight:bold;
    background-color:inherit;
    font-size: 2rem;
    color: var(--header-font-color);
}

.toc_logo {
    padding: 0.5em;
}
.toc_logo img {
    height: 60px; 
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
}
.content_logo img {
    height: 60px; 
    width: auto;
    margin: 0 20px 0 0;
    padding: 0;
}