/*
 * bs-shim.css -- the parts of Bootstrap 4.3.1 this theme actually used.
 *
 * The theme referenced only 12 Bootstrap classes, but it also silently relied
 * on Reboot for base typography and box-sizing, so dropping Bootstrap without
 * replacing Reboot would reflow every page. Values below are copied from
 * Bootstrap 4.3.1 so the rendering is unchanged.
 *
 * Replaces: 156KB of CSS + 15KB of Bootstrap JS + 7.5KB of Popper.
 */

/* ---- Reboot subset ---- */
*, *::before, *::after { box-sizing: border-box; }
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
/* Headings: Bootstrap overrides the browser defaults for both size and weight
   (browser h3 is 1.17em/bold; Bootstrap is 1.75rem/500). Omitting this made
   every heading render smaller and bolder and pushed page content upward. */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1); }
p { margin-top: 0; margin-bottom: 1rem; }
ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }
a { color: #007bff; text-decoration: none; background-color: transparent; }
a:hover { color: #0056b3; text-decoration: underline; }
img { vertical-align: middle; border-style: none; }
svg { overflow: hidden; vertical-align: middle; }
table { border-collapse: collapse; }
th { text-align: inherit; }
label { display: inline-block; margin-bottom: .5rem; }
button, input, optgroup, select, textarea {
  margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;
}
button, [type="button"], [type="submit"] { -webkit-appearance: button; }
figure { margin: 0 0 1rem; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
[hidden] { display: none !important; }

/* ---- Grid ---- */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* Only the column classes this theme uses. Note col-xs-* is Bootstrap 3 syntax
   and matched nothing in Bootstrap 4 either, so it is intentionally absent. */
[class*="col-sm-"] {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .col-sm-3 { flex: 0 0 25%;      max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { flex: 0 0 50%;      max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
}

/* ---- Components ---- */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
}
.card-body { flex: 1 1 auto; padding: 1.25rem; }

.text-center { text-align: center !important; }

/* ---- Collapse (FAQ accordion) ----
   Markup is unchanged from the Bootstrap version so every theme selector
   (.faq_questions, .faq_list .card, a[aria-expanded]:after) still applies. */
.collapse { display: none; }
.collapse.show { display: block; }

/* ---- Forms ---- */
.form-group { margin-bottom: 1rem; }

/* ---- Remaining grid/utility classes the site uses ---- */
.col-sm-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
@media (min-width: 576px) { .col-sm-12 { flex: 0 0 100%; max-width: 100%; } }
.text-right { text-align: right !important; }

/* The Google-Sheets viewer emits table cells as <td class="col-1 odd">, which
   collides with Bootstrap's grid classes -- so Bootstrap was silently applying
   width:100% and 15px side padding to ~2,500 cells on every inventory page.
   That is accidental, but it IS the current rendering, so it is reproduced here
   to keep this conversion visually identical. Worth removing later as its own
   change, with its own before/after diff. */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* ---- Reboot: forms (complete block, copied from Bootstrap 4.3.1) ----
   Trimming this is what left the search widget's border rendering differently. */
button { border-radius: 0; }
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }
button, input { overflow: visible; }
button, select { text-transform: none; }
select { word-wrap: normal; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button:not(:disabled), [type="button"]:not(:disabled),
[type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }
input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }
textarea { overflow: auto; resize: vertical; }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend {
  display: block; width: 100%; max-width: 100%; padding: 0;
  margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit;
  color: inherit; white-space: normal;
}
progress { vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { outline-offset: -2px; -webkit-appearance: none; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }
output { display: inline-block; }
summary { display: list-item; cursor: pointer; }
template { display: none; }

/* ---- Contact Form 7 6.x compatibility ----
   CF7 6 renders a spinner next to every submit button. It is invisible until a
   submission is in flight, but it is display:inline-block, so inside the
   theme's flex form rows it still occupies ~24px and shifts the layout that
   CF7 5.1.6 produced. Take it out of flow instead of hiding it, so the
   submitting-state feedback still works. */
/* !important is needed: CF7's own stylesheet loads after this one and sets
   the spinner's position with equal specificity. Absolute rather than
   display:none so the submitting-state feedback still works. */
.wpcf7-spinner { position: absolute !important; margin: 0 !important; }
.newletter_form .form_group, .form-submit { position: relative; }