/**
 * Bootstrap 3.4.1 Overrides
 *
 * Restores the customized Bootstrap 3.3.1 styling from the original production
 * (registers.ecoimpact.co.za). The upgrade from 3.3.1 to 3.4.1 was done for
 * security (HTML sanitizer fix) but lost the visual customizations.
 *
 * This file must load AFTER bootstrap.css to properly override defaults.
 */

/* ============================================================
   GLOBAL LINK COLORS
   Production used grey links with green hover (not Bootstrap blue)
   ============================================================ */
a {
    color: #939393;
}

a:hover,
a:focus {
    color: #43a047;
}

/* ============================================================
   FORM LABELS
   Production used lighter, non-bold labels
   ============================================================ */
label {
    font-weight: normal;
    font-size: 14px;
    color: #939393;
}

/* ============================================================
   FORM CONTROLS
   Production used material-design style: bottom border only,
   larger font, no border-radius, no box-shadow
   ============================================================ */
.form-control {
    height: auto;
    font-size: 18px;
    line-height: 24px;
    color: #555;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #ababab;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 1px 2px;
}

/* Remove focus glow — production had this commented out */
.form-control:focus {
    border-color: #ababab;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ============================================================
   PLACEHOLDER TEXT
   Production used darker, larger placeholder text
   ============================================================ */
.form-control::-moz-placeholder {
    color: #202020;
    font-size: 18px;
}

.form-control:-ms-input-placeholder {
    color: #202020;
    font-size: 18px;
}

.form-control::-webkit-input-placeholder {
    color: #202020;
    font-size: 18px;
}

/* ============================================================
   BODY BACKGROUND
   Ensure grey background wins over Bootstrap's white
   ============================================================ */
body {
    background-color: #6d6d6d;
}