/* Base styles: the slice of Bootstrap 3 this site actually uses (reset, type, grid),
   plus the fadeIn reveal that used to come from animate.css + wow.js. */

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

html { font-size: 10px; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }

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

h1 { font-size: 36px; margin: 20px 0 10px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
p { margin: 0 0 10px; }

a { color: #337ab7; text-decoration: none; background-color: transparent; }
a:hover, a:focus { color: #23527c; text-decoration: underline; }

img { border: 0; vertical-align: middle; }
img, video { max-width: 100%; }
/* Media that should stretch to its column; width/height attributes reserve the space before it loads. */
.fill { width: 100%; height: auto; }

button { font: inherit; color: inherit; margin: 0; overflow: visible; text-transform: none; -webkit-appearance: button; }

/* Grid */
.container, .row { margin-left: auto; margin-right: auto; }
.container::before, .container::after, .row::before, .row::after { content: " "; display: table; }
.container::after, .row::after { clear: both; }
.col-md-2, .col-md-4, .col-md-6, .col-md-8, .col-md-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 992px) {
	.col-md-2, .col-md-4, .col-md-6, .col-md-8, .col-md-12 { float: left; }
	.col-md-2 { width: 16.66666667%; }
	.col-md-4 { width: 33.33333333%; }
	.col-md-6 { width: 50%; }
	.col-md-8 { width: 66.66666667%; }
	.col-md-12 { width: 100%; }
}

.progress-bar { float: left; transform-origin: 0 50%; }

/* Scroll reveal (replaces wow.js). Only hidden when JS is running, so content never gets stuck invisible. */
.js .wow { visibility: hidden; }
.js .wow.is-in { visibility: visible; animation-name: fadeIn; animation-fill-mode: both; animation-duration: 1s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
	.js .wow { visibility: visible; }
	.js .wow.is-in { animation: none; }
}
