/* The Fruity theme paints .navbar white with !important, which hides the white wordmark. */
#survey-nav.navbar {
    background-color: #111111 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#survey-nav .navbar-brand {
    max-width: 100%;
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#survey-nav .logo {
    height: 28px !important;
    width: auto !important;
    max-height: 28px !important;
    max-width: 36px !important;
}

@media (max-width: 576px) {
    #survey-nav .csdac-wordmark {
        font-size: 1rem;
    }

    /* 16px stops iPhone from zooming the page when a field is tapped. */
    body .form-control,
    body .form-select,
    body textarea,
    body input.form-control {
        font-size: 16px;
    }

    #navigator-container > .col-6:first-child:not(:has(button, a)) {
        display: none;
    }

    #navigator-container > [class*="col-"] {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    #navigator-container .ls-move-btn {
        width: 100%;
    }
}