/* Range Bar Gateway Styles */

body {
  background-color:transparent;
}

/* Classes for inline style attributes */
.dot-hidden {
  opacity: 0 !important;
}

.dot-visible {
  opacity: 1 !important;
}

.text-header-style {
  margin-top: 80px;
  font-size: 28px;
  color: #f29111;
  white-space: pre-wrap;
  font-family: hypatia-sans-pro;
  margin-bottom: 5px;
  font-weight: normal;
}

.text-content-style {
  margin-top: 10px;
  font-family: hypatia-sans-pro;
}

/* The container for the slider */
.range-slider {
  width: 100%!important;
  margin-top: 50px!important;
}

a {
  color:#f29111;
  text-decoration: none;
}

a:hover {
  color:#f29111;
  text-decoration: underline;
}

/* The actual slider */
.range-slider input[type=range] {
  -webkit-appearance: none!important;
  width: 96%!important;
  height: 10px!important;
  margin: 0!important;
  margin-left:2%!important;

  background-image: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(1%, #f29111),
      color-stop(3%, #12416b));

  background-image: -moz-linear-gradient(left center,
      #f29111 1%, #f29111 2%,
      #12416b 3%, #12416b 100%);
}

.range-slider input[type=range]:focus {
  outline: none!important;
}

/* The slider thumb */
.range-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none!important;
  height: 36px!important;
  width: 36px!important;
  background-color: transparent!important;
  border: none!important;
  border-top-right-radius: 100%!important;
  border-bottom-right-radius: 100%!important;
  margin-top: -19px!important;
  cursor: pointer!important;
  background-image:url('arrow.png');
}

.range-slider input[type=range]::-moz-range-thumb {
  height: 36px!important;
  width: 36px!important;
  background-color: #f29111!important;
  border: none!important;
  border-radius: 50%!important;
  margin-top: -19px!important;
  cursor: pointer!important;
}

/* The slider ticks */
.range-slider .slider-ticks {
  display: flex!important;
  justify-content: space-between!important;
  margin-top: 10px!important;
}

.range-slider .slider-ticks .tick {
  width: 10%!important;
  height: 10px!important;
  background-color: #12416b!important;
}

/* The slide track */
.range-slider input[type=range]::-webkit-slider-runnable-track {
  height: 10px!important;
  border-radius: 25px!important;
  border: none!important;
}

#markers {
  position: relative;
  display: block;
  -webkit-appearance: none!important;
  width: 96%!important;
  height: 10px!important;
  margin: 0!important;
  margin-left:2%!important;
  background-color: transparent!important;
  height: 10px;
  top: -17px;
  z-index: -1;
}

#markers div {
  float:left;
  text-align: center;
  background: transparent;
  height:24px;
  width:19%;
  text-align:center;
}

#markers div:first-of-type {
  width:12%;
  text-align:left;
}

#markers div:last-of-type {
  width:12%;
  text-align:right;
  float:right;
}

@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  .range-slider input[type=range]::-webkit-slider-thumb {
    margin-top: -12px!important;
  }
}

/* Font faces */
@font-face{
  font-family:hypatia-sans-pro;
  src:url(https://use.typekit.net/af/f8d87f/00000000000000003b9adaa2/27/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/f8d87f/00000000000000003b9adaa2/27/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/f8d87f/00000000000000003b9adaa2/27/a?subset_id=2&fvd=n4&v=3) format("opentype");
  font-weight:400;
  font-style:normal;
  font-stretch:normal;
  font-display:auto;
}
@font-face{
  font-family:hypatia-sans-pro;
  src:url(https://use.typekit.net/af/e1fc43/00000000000000003b9adaa3/27/l?subset_id=2&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/e1fc43/00000000000000003b9adaa3/27/d?subset_id=2&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/e1fc43/00000000000000003b9adaa3/27/a?subset_id=2&fvd=n6&v=3) format("opentype");
  font-weight:600;
  font-style:normal;
  font-stretch:normal;
  font-display:auto;
}
@font-face{
  font-family:hypatia-sans-pro;
  src:url(https://use.typekit.net/af/14e069/00000000000000003b9ada9b/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/14e069/00000000000000003b9ada9b/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/14e069/00000000000000003b9ada9b/27/a?subset_id=2&fvd=n7&v=3) format("opentype");
  font-weight:700;
  font-style:normal;
  font-stretch:normal;
  font-display:auto;
}
@font-face{
  font-family:hypatia-sans-pro;
  src:url(https://use.typekit.net/af/fc2289/00000000000000003b9adaa4/27/l?subset_id=2&fvd=i6&v=3) format("woff2"),url(https://use.typekit.net/af/fc2289/00000000000000003b9adaa4/27/d?subset_id=2&fvd=i6&v=3) format("woff"),url(https://use.typekit.net/af/fc2289/00000000000000003b9adaa4/27/a?subset_id=2&fvd=i6&v=3) format("opentype");
  font-weight:600;
  font-style:italic;
  font-stretch:normal;
  font-display:auto;
}
@font-face{
  font-family:hypatia-sans-pro;
  src:url(https://use.typekit.net/af/197554/00000000000000003b9ada9c/27/l?subset_id=2&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/197554/00000000000000003b9ada9c/27/d?subset_id=2&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/197554/00000000000000003b9ada9c/27/a?subset_id=2&fvd=i7&v=3) format("opentype");
  font-weight:700;
  font-style:italic;
  font-stretch:normal;
  font-display:auto;
}