.loader.progress {
  margin: 0px;
  height: 0.5em;
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 5000;
  display: none;
  background-color: transparent !important;
}
.loader.progress .progress-bar {
  width: 100%;
  height: 4px;
}
body {
  background: #dde3e7 url("../img/groovepaper-small.png");
}
#hero-mask {
  overflow: hidden;
  width: 100%;
  height: 140px;
  margin: 0px 0 0 0;
  position: relative;
}
#hero-mask #hero {
  height: 100%;
}
#hero-mask #hero .grid-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0 0 0 0;
  background-color: white;
  background-image: url("../img/Collage-1_long_whiteLeft.jpeg");
  background-size: contain;
  background-position: left top;
  background-repeat: repeat-x;
}
#hero-mask #hero .hero-text {
  color: white;
}
#hero-mask #hero .hero-text .sub-hero-text {
  font-weight: 500;
  font-size: 1.1em;
}
.preamble strong {
  color: #3196e5;
}
/* pattern from http://4vector.com/free-vector/wheat-pattern-02-vector-22936 */
/*              http://4vector.com/free-vector/yellow-wheat-02-vector-4331 */
footer {
  color: rgba(255, 255, 255, 0.7);
}
footer a {
  color: white;
}
footer a:hover {
  color: #b3b3b3;
}
#toast-container > div {
  opacity: 0.9 !important;
}
#toast-container > .toast-error {
  background-color: var(--danger) !important;
}
#toast-container > .toast-warning {
  background-color: var(--warning) !important;
}
#toast-container > .toast-success {
  background-color: var(--success) !important;
}
#toast-container > .toast-info {
  background-color: var(--info) !important;
}