/* Shared shim for the standalone campaign landers (dayofgiving / yearend / tuesday).
   Stands in for the legacy Bootstrap-2 base their verbatim css.css files assume:
   the fluid grid, button/input basics, and the wizard section chrome. The campaign
   stylesheets layer their own look on top of this. */

* { box-sizing: border-box; }
body { margin: 0; }
img { max-width: 100%; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

.row-fluid { display: flex; flex-wrap: wrap; width: 100%; }
.row-fluid .span4 { flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 8px; }
.row-fluid .span6 { flex: 0 0 50%; max-width: 50%; padding: 0 8px; }
.row-fluid .span12 { flex: 0 0 100%; max-width: 100%; padding: 0 8px; }

@media (max-width: 768px) {
    .row-fluid { display: block; }
    .row-fluid .span4, .row-fluid .span6, .row-fluid .span12 { max-width: 100%; padding: 0; }
}

.btn {
    display: inline-block; border: 1px solid #c8ccd4; background: #fff; color: #243957;
    cursor: pointer; text-decoration: none; text-align: center;
    font-family: inherit; font-size: 16px; padding: 8px 14px; border-radius: 6px;
}
a.btn:hover { text-decoration: none; }

label { display: block; font-weight: 600; font-size: 14px; margin: 10px 0 4px; text-align: left; }
select, textarea,
input[type="text"], input[type="email"], input[type="tel"] {
    width: 100%; padding: 12px; border: 1px solid #c8ccd4; border-radius: 6px;
    background: #fff; font-family: inherit;
}
.field-error { color: #b42318; font-size: 13px; margin-top: 3px; text-align: left; }
.req { color: #b42318; }

.alert-error {
    background: #fdecea; border: 1px solid #f5c6c0; color: #7a271a;
    border-radius: 8px; padding: 12px 16px; margin: 12px 0; text-align: left;
}
.alert-info-wait {
    background: #e8f1fb; border: 1px solid #c4dbf2; color: #1a3a5c;
    border-radius: 8px; padding: 12px 16px; margin: 12px 0; text-align: left;
}

.payment-section-edit { font-size: 13px; margin-left: 8px; color: #eb1e32; }
.payment-section-summary { text-align: left; line-height: 1.6; color: #444; margin: 6px 0 0; }
.payment-section-form { text-align: left; }
.mt10 { margin-top: 10px; }

.input-prepend { display: inline-flex; align-items: stretch; }
.input-prepend .add-on { background: #eee; border: 1px solid #c8ccd4; display: inline-block; }
.input-prepend input { width: auto; }