/* Custom touches on top of Bootstrap 3 — keep these minimal. */

body {
    padding-bottom: 40px;
    background-color: #f7f7f9;
}

.container {
    max-width: 900px;
}

.navbar-brand {
    font-weight: bold;
}

.page-header {
    margin-top: 10px;
}

#city-search {
    max-width: 320px;
}

/* Hide-by-class: no inline style= attr (CSP style-src 'self' blocks those).
   jQuery .show()/.toggle() set element.style via the CSSOM, which CSP allows. */
.js-hidden {
    display: none;
}

#form-status .alert:last-child {
    margin-bottom: 15px;
}

/* On phones, give the submit button a comfortable full-width tap target. */
@media (max-width: 767px) {
    #create-form .btn {
        width: 100%;
    }
}