/* Colour scheme */
:root>* {
    /* Primary colour shades */
    --md-primary-fg-color: #B6BF00;
    --md-primary-fg-color--light: #B6BF00;
    --md-primary-fg-color--dark: #B6BF00;

    /* Accent colour shades */
    --md-accent-fg-color: #879637;
    --md-accent-fg-color--light: #879637;
    --md-accent-fg-color--dark: #879637;

    /* --md-typeset-a-color: #B6BF00; */
    --md-typeset-a-color: #FFC000;
}

.md-typeset pre>code {
    white-space: pre-wrap;
    word-break: keep-all;
}

/* .md-typeset p {
    font-size: 1.2em;
    line-height: 1.5em;
} */

/* .md-typeset a {
    font-weight: bold !important;
} */

.md-typeset a:focus,
.md-typeset a:hover,
.md-nav__item a:hover,
.md-nav__item a:focus,
.md-nav__link a:hover,
.md-nav__link a:focus {
    color: #BD4F19 !important;
}

/*
Pervasive Displays official colours
#879637 Dark green
#B6BF00 Light green
#B2B4B3 Light grey
#747678 Dark grey
*/

/* Border for images */
.md-typeset img {
    display: block;
    margin: auto;
    height: auto;
    width: auto;

    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px;
    background-color: #fff;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
    color: var(--md-accent-fg-color);
    font-weight: bold;
}

.md-typeset table {
    width: 100%;
    table-layout: fixed;
}

.md-typeset figcaption {
    font-style: italic;
    margin: 1em auto;
    max-width: 24rem;
    font-size: 0.9em;
    color: grey;
}

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

/* .md-typeset th,
th,
td {
    width: 25%;
    width: 10%;
} */

table.hardware {
    width: 100%;
    table-layout: fixed;
    border: 1px solid black;
    border-collapse: collapse;
    font-size: 0.8em;
}

table.hardware th,
table.hardware td {
    border: 1px solid grey;
    border-collapse: collapse;
    text-align: center;
}

table.hardware th {
    background-color: #D3D3D3;
}

table.hardware th,
table.hardware td {
    vertical-align: middle;
    padding: 4px;
    text-align: center !important;
    overflow: hidden;
}

table.hardware th {
    font-weight: bold
}

table.hardware td:nth-of-type(1) {
    font-weight: bold;
}