/* Hand edits on top of Bootstrap 3.3.7.
 *
 * bootstrap.css is the untouched Bootstrap Customizer build (settings in config.json: brand colours, square corners, etc.).
 * Everything that was edited by hand afterwards lives here, so bootstrap.css itself never needs editing.
 * Load order: bootstrap.css, then this file.
 */

/* ---------- Text inputs: translucent with black text and slightly rounded corners ---------- */

.form-control {
    color: #000;
    background-color: #ffffff99;
    border-radius: .25rem;
}
.form-control::-moz-placeholder { color: #000; opacity: 1; }
.form-control:-ms-input-placeholder { color: #000; }
.form-control::-webkit-input-placeholder { color: #000; }
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { background-color: #eeeeee99; }

/* Dark input for use in the navbar */
.form-control-navonly {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #b1b1b1;
    background-color: #202021;
    background-image: none;
    border: 1px solid #767c87;
    border-radius: .25rem;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-navonly:focus,
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/* ---------- Buttons ---------- */

/* Primary: teal instead of the brand navy */
.btn-primary { background-color: #17a2b8; border-color: #17a2b8; }

/* Dark navbar buttons ("Sign In" / "Register") */
.btn-primary-navonly {
    color: #00b0d9;
    background-color: #002025;
    border-color: #00b0d9d4;
    transition: color ease-in-out .15s, background-color ease-in-out .15s, border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn-primary-navonly:focus,
.btn-primary:focus,
.btn-primary.focus { color: #fff; background-color: #014955; border-color: #014955; }
.btn-primary-navonly:hover,
.btn-primary:hover { color: #fff; background-color: #007082; border-color: #007082; }

/* Info: grey */
.btn-info { background-color: #6b707a; border-color: #6b707a; }
.btn-info-navonly {
    color: #9fa6b3;
    background-color: #202021;
    border-color: #6b707a;
    transition: color ease-in-out .15s, background-color ease-in-out .15s, border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn-info-navonly:focus,
.btn-info:focus,
.btn-info.focus { color: #fff; background-color: #afbcd6; border-color: #6c83b3; }
.btn-info-navonly:hover { color: #fff; border-color: #fff; }
.btn-info:hover { color: #fff; background-color: #4d5563; border-color: #4d5563; }

.btn-warning { background-color: #a88b5f; }
.btn-danger { background-color: #dc2355; border-color: #dc2355; }

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

/* Faster fades (stock is .15s) */
.fade { transition-duration: .1s; }

/* Open navbar dropdown: no grey highlight behind the toggle */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background-color: inherit; }

/* Disabled pagination items keep the translucent look */
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { background-color: #ffffff99; }

/* Progress bars: no track, red bar with a divider */
.progress { background-color: transparent; box-shadow: none; }
.progress-bar { border-right: 1px solid; background-color: #dc2355; }

/* .show is added by the site's own JS (hover dropdowns, the modal backdrop): dark translucent and visible */
.show {
    display: block !important;
    background-color: rgba(0, 0, 0, .5);
    opacity: 1 !important;
}