@media print {
  .noprint {display:none;}
}

@media screen {
  .printonly {display:none;}
}

dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
dt {
  float: left;
  /* adjust the width; make sure the total of both is 100% */
  padding: 0;
  margin: 0;
  font-size: medium;
}
dd {
  float: left;
  /* adjust the width; make sure the total of both is 100% */
  padding: 0;
  margin: 0;
  font-size: medium;
}

.full-width {width: 100%;}

/* Splash Page */
div.gallery {
    border: 2px solid #8f8f8f;
}

div.gallery:hover {
    -moz-box-shadow:    3px 3px 5px 6px #8f8f8f;
    -webkit-box-shadow: 3px 3px 5px 6px #8f8f8f;
    box-shadow:         3px 3px 5px 6px #8f8f8f;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 18px;
    float: left;
    width: 33.33333%;
}

.result-type-text {
    color: #1F497C;
    font-size: 26px;
    text-shadow: 2px 2px 5px grey;
}

.result-count-text {
    color: black;
    font-size: 20px;
}

.link-splash {
    text-decoration: none;
}

.link-splash:hover {
    text-decoration: none;
}

@media only screen and (max-width: 700px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }
}

/* Progress Tracker */
.track-progress {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.track-progress li {
  list-style-type: none;
  display: inline-block;

  position: relative;
  margin: 0;
  padding: 0;

  text-align: center;
  line-height: 30px;
  height: 30px;

  background-color: #f0f0f0;
}

/* Preset the size of the steps */
.track-progress[data-steps="3"] li { width: 33%; }
.track-progress[data-steps="4"] li { width: 25%; }
.track-progress[data-steps="5"] li { width: 20%; }

/* style the finished step */
.track-progress li > span {
  display: block;

  color: #999;
  font-weight: bold;
  text-transform: uppercase;
}

.track-progress li.done > span {
  color: #FFFFFF;
  background-color: #4169E1;
}

/* add the arrow */
.track-progress li > span:after,
.track-progress li > span:before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;

  position: absolute;
  top: 0;
  left: 0;

  border: solid transparent;
  border-left-color: #f0f0f0;
  border-width: 15px;
}

.track-progress li > span:after {
  top: -5px;
  z-index: 1;
  border-left-color: white;
  border-width: 20px;
}

.track-progress li > span:before {
  z-index: 2;
}

.track-progress li.done + li > span:before {
  border-left-color: #4169E1;
}

/* Have the arrow appear at the begining */
.track-progress li:first-child > span:after,
.track-progress li:first-child > span:before {
  display: none;
}

.track-progress li:first-child i,
.track-progress li:last-child i {
  display: block;
  height: 0;
  width: 0;

  position: absolute;
  top: 0;
  left: 0;

  border: solid transparent;
  border-left-color: white;
  border-width: 15px;
}

.track-progress li:last-child i {
  left: auto;
  right: -15px;

  border-left-color: transparent;
  border-top-color: white;
  border-bottom-color: white;
}

.screen-reader-only {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; 
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.btn-link-underline {
	text-decoration: underline;
}