/* base.css */
body {
  background: #fff;
  font: 400 14px system-ui, sans-serif;
  color: #333;
  font-stretch: extra-condensed;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

img {
  max-width: 100%;
  height: auto;
}

::-moz-selection,
::-webkit-selection,
::selection {
  background: #000;
  color: #fff;
}

a {
  color: #111;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
}

a:hover,
a:focus {
  color: #111;
  outline: 0;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 400;
  line-height: 1.4;
  color: #111;
}

h1, .h1 { font-size: 35px; color: #000; }
h2, .h2 { font-size: 26px; }
h3, .h3 { font-size: 22px; font-weight: 350; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 15px; }
h6, .h6 { font-size: 10px; }

p {
  margin-block-start: 0.8em;
  margin-block-end: 0.8em;
}

.font-alt {
  font-family: system-ui, sans-serif;
  text-transform: uppercase;
}

.font-lc {
  text-transform: lowercase;
}

.vizlink {
  font-family: system-ui, sans-serif;
  text-decoration: underline;
}

.vizlink:hover,
.redlink:hover {
  color: #ff0000;
}

/*
.page-content,
.hero-caption,
.hero-text,
.wrapper,
.card,
input,
input:focus {
  transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
}
*/

input:focus,
input.form-control:focus {
  outline: none;
  box-shadow: none;
}

hrline {
  content: url("/assets/images/pixel_black.gif");
}

.wrapper {
  background: #fff;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}

.pspacer { line-height: 44px; }
.hspacer { line-height: 0.65; }
.sspacer { line-height: 0.45; }
.fspacer { line-height: 70px; }

.page-content {
  height: 100%;
  width: 100%;
  text-align: center;
}

.hero-caption {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}

.hero-text {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.copyright {
  font-size: 11px;
  padding: 0 5px;
}