/* Use !important to affect existing pseudo elements like h1::before */
/* Example:                                                          */
/* h1::before {                                                      */
/*     color: white !important;                                      */
/*     background-color: blue !important;                            */
/* }                                                                 */

label.md-nav__title--site {
    padding: .7em 1em !important;
    height: 2.5em !important;
    line-height: 1.1 !important;
}
a.dochome {
    font-size: 12pt !important;
}
p {
    white-space: pre-wrap;
}
code {
    border: 1px solid #cccccc;
}
dt {
    font-weight: bold;
}
dd {
    margin: .5em 0 1em 1.875em !important;
}

#comparison-of-routing-behavior + div table th {
    font-weight: bold !important;
}
#comparison-of-routing-behavior + p + div thead > tr th:nth-child(2),
#comparison-of-routing-behavior + p + div thead > tr th:nth-child(3) {
    width: 39%;
}
#comparison-of-routing-behavior + p + div tbody > tr > td:first-child {
    color: white !important;
    background-color: #aaaaaa !important;
    font-weight: bold !important;
}
div.clr{
    clear: both;
}
div.fork {
    float: left;
    margin-right: 1em;
}
h3 {
    margin-left: 1rem !important;
}
h4 {
    margin-left: 2rem !important;
}
h5 {
    margin-left: 3rem !important;
}
h6 {
    margin-left: 4rem !important;
}
img[src="img/skinny-docs-link.png"] {
    vertical-align: -14%;
}
img[src="img/md-icon-nav.png"] {
    vertical-align: -25%;
}
img[src="img/md-icon.png"] {
    vertical-align: -25%;
}