/*
 * custom.css
 * Copyright (C) 2017 Kovid Goyal
 *
 * Distributed under terms of the GPLv3 license.
 */

@media screen and (max-width: 875px) {
    body {
        padding-top: 0;
        padding-bottom: 0;
    }
    div.related { display: none; }
    ul { margin-left: 0.75em; } /* fix bullets being displayed outside container */
}

@media screen and (min-width: 876px) {
    div.related {
        height: 3.5ex;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        position: fixed; top: 0
    }
    div.related > ul { flex-grow: 10; }
    div.sphinxsidebar { overflow-y: auto; max-height: calc(100vh - 25px) }
    div.document { margin-top: 3.5ex; }
}

div.document, div.footer {
    width: auto; /* fix horizontal scrollbar if screen is less that 940px */
}

pre, code {
    white-space: pre-wrap;
}

div.body p, div.body dd, div.body li, div.body blockquote {
    text-align: justify;
}

.float-left-img { float: left; margin-right: 1em; margin-bottom: 1em }

.float-right-img { float: right; margin-left: 1em; margin-bottom: 1em }

.half-with-img { max-width: 50% }

.fit-img { max-width: 95% }

a, input[type="submit"] { cursor: pointer; }

a { color: #006B8B; }  /* increase contrast for links */

#calibre-homepage-logo img { width: 64px; height: 64px }

div.sphinxsidebar { user-select: none }
div.sphinxsidebar a, a.reference { border-bottom: none }
div.sphinxsidebar a:hover, a.reference:hover { color: red; border-bottom: none }
div.related { background-color: #39322b; color: white; font-family: sans-serif; padding: 0.5ex 0; }
div.related a { text-decoration: none; color: white; }
div.related a:hover { text-decoration: none; color: red; }
a.toc-backref { text-decoration: none; }