/*
 * site.css -- a thin overlay on top of stock Alabaster.
 *
 * This is the same trick the kernel docs use (their build layers an extra
 * stylesheet on via the DOCS_CSS make variable). Loaded after basic.css and
 * alabaster.css, so anything here wins.
 *
 * Everything below is optional. Delete the whole file and set
 * html_css_files = [] in conf.py if you want pure, unmodified Alabaster.
 */

/* --- Logo block ---------------------------------------------------------- */

/* Alabaster ships the logo at full width; 130px reads better in a 230px rail. */
div.sphinxsidebar p.logo img.logo {
    width: 130px;
    height: auto;
}

div.sphinxsidebar h1.logo-name {
    font-size: 1.5em;
    margin-top: 0.4em;
}

/* --- Code blocks --------------------------------------------------------- */

/* A left rule instead of a full box: less visual weight in a page with many
   short snippets, and it survives long unwrapped lines more gracefully. */
div.highlight pre,
pre.literal-block {
    border: none;
    border-left: 3px solid #B1B4B6;
    border-radius: 0;
    background: #F7F7F7;
    padding: 0.7em 1em;
    line-height: 1.35;
}

/* Inline literals shouldn't shout. */
code.docutils.literal {
    background: #F1F3F4;
    border: none;
    padding: 0.1em 0.35em;
}

/* --- Tables -------------------------------------------------------------- */

/* Horizontal rules only, header row emphasised -- easier to read than a grid
   once a table has more than a few rows. */
table.docutils {
    border: none;
    border-collapse: collapse;
}

table.docutils td,
table.docutils th {
    border: none;
    border-bottom: 1px solid #DDD;
    padding: 0.45em 0.8em 0.45em 0;
    text-align: left;
}

table.docutils thead th {
    border-bottom: 2px solid #888;
    font-size: 0.9em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* --- Headings ------------------------------------------------------------ */

/* Give section headings a little more air above than below, so they group with
   the text they introduce rather than floating between blocks. */
div.body h2,
div.body h3 {
    margin-top: 1.8em;
    margin-bottom: 0.5em;
}

/* The page title gets a hairline under it, like the kernel docs. */
div.body h1 {
    border-bottom: 1px solid #E1E4E5;
    padding-bottom: 0.25em;
}

/* --- Misc ---------------------------------------------------------------- */

div.footer {
    font-size: 0.85em;
}

/* Keep long URLs and paths from forcing horizontal scroll on narrow screens. */
div.body a {
    overflow-wrap: break-word;
}

/*
 * If you'd rather have a sans-serif body face than Alabaster's Georgia, don't
 * do it here -- set it via the theme options in conf.py so the sizing metrics
 * stay consistent:
 *
 *     html_theme_options = {
 *         "font_family": "-apple-system, 'Segoe UI', Roboto, sans-serif",
 *         "head_font_family": "-apple-system, 'Segoe UI', Roboto, sans-serif",
 *     }
 */