/* base.css */
:root {
  --primary-font-color: #1e1e1e; /* prev. #1e1e1e */
  --link-color: #111;
  --hover-color: #ff0000;
  --background-color: #fff;
  --selection-bg-color: #000;
  --selection-text-color: #fff;
}

body {
  background-color: var(--background-color); /* removed duplicate background shorthand */
  background: var(--background-color);
  font: 400 14px system-ui, sans-serif;
  color: var(--primary-font-color);
  font-stretch: extra-condensed;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

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

::-moz-selection,
::-webkit-selection,
::selection {
  background: var(--selection-bg-color);
  color: var(--selection-text-color);
}

a {
  color: var(--link-color);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--link-color);
  outline: 0;
  text-decoration: none;
}

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

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

.vizlink:hover,
.redlink:hover { color: var(--hover-color); }

.menu{ font-size: 16px; }

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

/* FIX: standardize to class to match usage sitewide */
.hrline { content: url("/assets/images/pixel_black.gif"); }

.wrapper {
  background: var(--background-color);
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}

.pspacer { line-height: 1.5em; margin:10px 0; }
.hspacer { line-height: 0.65; }
.sspacer { line-height: 0.45; }
.fspacer { line-height: 70px; }

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