/* css/reset.css — minimal Bootstrap 3 baseline replacement.
 *
 * style.css was authored against Bootstrap's resets and silently inherits:
 *   - box-sizing: border-box        (changes EVERY width calculation)
 *   - body margin: 0                (otherwise UA gives 8px)
 *   - body typography defaults      (font-family, line-height)
 *   - HTML5 element display: block  (header/section/nav etc.)
 *   - .container responsive widths  (used by layout)
 *   - .row clearfix                 (used by grid)
 *
 * Without these, padding inflates element widths (border-box vs content-box),
 * the WL widget falls back to single-column rendering, etc.
 */

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff;
}

article, aside, details, figcaption, figure, footer, header,
hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

a {
  background-color: transparent;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container::before, .container::after {
  content: " ";
  display: table;
}
.container::after {
  clear: both;
}
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row::before, .row::after {
  content: " ";
  display: table;
}
.row::after {
  clear: both;
}
