/* line 11, ../../sass/activities/likert-slider-reveal.scss */
.c-likert-reveal {
  background-color: #f3f4fe;
  border-radius: 24px;
  margin: 2em -1.5em -3em -1.5em;
}

/* line 17, ../../sass/activities/likert-slider-reveal.scss */
.c-likert-reveal__intro {
  padding: 2em 2em 0 2em;
}

/* line 21, ../../sass/activities/likert-slider-reveal.scss */
.page-card-activity {
  margin: 0 !important;
  background-color: #D9DDFD !important;
}

/* line 26, ../../sass/activities/likert-slider-reveal.scss */
ul {
  list-style: none !important;
}

/* line 30, ../../sass/activities/likert-slider-reveal.scss */
.page-card-activity {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

/* line 35, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.5em 0.6em;
  font-family: Calibri, Arial, Helvetica, sans-serif, Roboto;
  margin: 0;
  /*background-color: $container-bg-lighter;*/
}
@media (min-width: 768px) {
  /* line 35, ../../sass/activities/likert-slider-reveal.scss */
  .slider-likert {
    margin: 0 -1.5em;
  }
}
/* line 47, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert-reveal {
  background-color: #fff !important;
}
/* line 51, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert:nth-child(even) {
  background-color: #fff;
}
/* line 55, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .question {
  font-size: 1.4em !important;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  color: #000;
  margin-bottom: 1.75em;
}
/* line 64, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .keys {
  display: flex;
  justify-content: space-between;
  font-size: 1.2em;
  line-height: 1;
  margin-bottom: 1em;
  width: 90%;
  max-width: 730px;
}
/* line 73, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .keys p {
  margin: 0;
}
/* line 78, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale {
  display: flex;
  position: relative;
  width: 90%;
  max-width: 650px;
  margin-bottom: 1.75em;
  height: 1.3em;
  border-radius: 50px;
  background: linear-gradient(to right, #17697F, #7AD1ED 20%, #B7CB34);
}
/* line 88, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale > ul {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
  margin: 0;
}
/* line 94, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale > ul > li {
  width: 0.18em;
  height: 100%;
  background-color: #fff;
}
/* line 99, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale > ul > li:first-child, .slider-likert > .likert-scale > ul > li:last-child {
  background-color: transparent;
}
/* line 104, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale > ul > li:nth-child(4) {
  position: relative;
}
/* line 107, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale > ul > li:nth-child(4):after {
  content: "";
  position: absolute;
  top: 2.5em;
  left: 1px;
  width: 1px;
  background-color: #000;
  height: 2em;
}
/* line 121, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale > input[type=range] {
  -webkit-appearance: none;
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1.3em;
  border-radius: 50px;
  background: transparent;
  outline: none;
  padding: 0;
  z-index: 1;
  position: relative;
  border: none;
  cursor: pointer;
}
/* line 137, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale > input[type=range]:focus {
  border: none !important;
}
/* line 142, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale input[type=range]::-moz-range-track {
  background: transparent;
  border: none;
}
/* line 147, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #fff;
  box-shadow: 0 0.1em 0.5rem rgba(0, 0, 0, 0.4);
  width: 2.1em;
  height: 2.1em;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9;
}
/* line 158, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
/* line 163, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale input[type=range]::-moz-range-thumb {
  background-color: inherit;
  width: 2.1em;
  height: 2.1em;
  border-radius: 50%;
  cursor: pointer;
}
/* line 171, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert > .likert-scale input[type="range"]::-ms-thumb {
  background-color: inherit;
  width: 2.1em;
  height: 2.1em;
  border-radius: 50%;
  cursor: pointer;
}
/* line 180, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert__results {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #F6F8FA;
  margin: 3em 0;
}
/* line 189, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert__pill, .slider-likert__button {
  position: relative;
  top: -1em;
  background-color: #B7CB34;
  outline: none;
  border: none;
  border-radius: 4em;
  font-family: Roboto;
  padding: .4em 1.4em;
  font-weight: bold;
  font-size: 1.4em;
}

/* line 208, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert-response {
  position: relative;
  /*background-color: #DCE0E4;*/
  padding: 2em 2em 0 2em;
  display: none;
  margin-top: 3em;
  max-width: 1000px;
}
/* line 216, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert-response .title {
  background-color: #B7CB34;
  font-family: Calibri, Roboto, sans-serif;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  padding: .3em .7em;
  margin-left: 2em;
  color: #000;
  font-weight: 700;
  font-size: 1.6em;
  border-radius: 40px;
  text-transform: none;
}
/* line 233, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert-response p {
  font-size: 1.1em !important;
  font-weight: 500;
}

/* line 240, ../../sass/activities/likert-slider-reveal.scss */
.page-text {
  padding: 1em 2em;
}

/* line 247, ../../sass/activities/likert-slider-reveal.scss */
.slider-likert-response ul {
  list-style-type: disc !important;
}