/* DocReady v1 base layout styles.
 *
 * Bootstrap is loaded from the static folder (vendored by the deployment
 * pipeline). The rules below only adjust DocReady branding, footer
 * spacing and the focus ring so that the navigation stays usable on
 * both keyboard and touch input.
 */

:root {
    --docready-brand-color: #0d6efd;
    --docready-content-max-width: 960px;
    --docready-footer-link-color: #6c757d;
}

html,
body {
    height: 100%;
}

body.docready-body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f7f8fa;
}

main.docready-main {
    flex: 1 1 auto;
    width: 100%;
    max-width: var(--docready-content-max-width);
    margin: 0 auto;
}

header.docready-navbar .navbar-brand .docready-brand-logo {
    height: 1.8rem;
}

header.docready-navbar .navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.35);
}

footer.docready-footer {
    font-size: 0.875rem;
}

footer.docready-footer .docready-footer-meta a {
    color: var(--docready-footer-link-color);
    text-decoration: none;
}

footer.docready-footer .docready-footer-meta a:hover {
    text-decoration: underline;
}

.docready-flashes .alert {
    margin-bottom: 0.75rem;
}

.docready-nav-hamburger[aria-expanded="true"] {
    outline: 2px solid var(--docready-brand-color);
}

@media (max-width: 575.98px) {
    main.docready-main {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}