/* line 14, ../../sass/activities/multi-select.scss */
.cards-reveal-multi {
  display: flex;
  flex-direction: column;
  font-family: Calibri, Arial, Helvetica, sans-serif, Roboto;
  color: #000;
}
/* line 20, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .card-base, .cards-reveal-multi > .multi-card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: .7em;
  background-color: #fff;
  box-shadow: 0 0.1em 0.5rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
}
/* line 30, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .card-base .header-content, .cards-reveal-multi > .multi-card .header-content {
  display: flex;
  padding: .8em;
}
/* line 35, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .card-base .header-content .card-item-order, .cards-reveal-multi > .multi-card .header-content .card-item-order {
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 6vw;
  height: 6vw;
  max-width: 45px;
  max-height: 45px;
  min-width: 45px;
  min-height: 45px;
  color: #fff;
  /*padding: .8em;*/
  background-color: #CD4995;
  border-radius: 50%;
  z-index: 2;
  font-size: 1.4em;
  font-weight: 500;
}
/* line 57, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .card-base .body-content, .cards-reveal-multi > .multi-card .body-content {
  padding: 0 1.2em 1.2em 1.2em;
}
/* line 63, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card {
  margin: 0 2vw .8em 2vw;
  border: 3px solid transparent;
}
/* line 68, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card .page-text {
  padding: 0 2em 0 1em;
}
/* line 73, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card > .header-content .header-question {
  display: none;
}
/* line 79, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card > .body-content .card-answer {
  display: none;
}
/* line 84, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-unselected {
  /*&:hover {
      > .header-content {
          .card-item-order {
              background-color: #7AD1ED;
          }
      }
  }*/
}
/* line 94, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-selected {
  border: 3px solid #7AD1ED;
}
/* line 98, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-selected > .header-content .card-item-order {
  background-color: #7AD1ED;
}
/* line 104, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-reveal {
  background-color: #fff;
  color: #000;
  /*border: none;*/
}
/* line 108, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-reveal > .header-content {
  z-index: 9999;
  background-color: #D9DDFD;
  border-bottom: 1px solid #D9DDFD;
}
/* line 113, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-reveal > .header-content .header-question {
  display: flex;
  font-size: 1.4em;
  margin-left: .8em;
  padding: 0em 2em 0 0 !important;
  color: #254090;
  font-weight: 600;
}
/* line 122, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-reveal > .header-content .card-item-order {
  background-color: #254090;
}
/* line 127, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-reveal > .body-content {
  padding-top: 1em;
  background-color: #fff;
  transition: 150ms ease;
}
/* line 133, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-reveal > .body-content .card-question {
  display: none;
}
/* line 137, ../../sass/activities/multi-select.scss */
.cards-reveal-multi > .multi-card-reveal > .body-content .card-answer {
  display: flex;
}

/* line 146, ../../sass/activities/multi-select.scss */
.card-reveal-instructions {
  display: flex;
  flex-direction: column;
  padding: 2vw 2em 2vw 0;
}
/* line 151, ../../sass/activities/multi-select.scss */
.card-reveal-instructions__image {
  display: flex;
  align-items: stretch;
  flex-basis: 100%;
}
/* line 156, ../../sass/activities/multi-select.scss */
.card-reveal-instructions__image .placeholder-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #DCE0E4;
  width: 95%;
  padding: 2em;
  margin: 0 auto 0 0;
  border-radius: 8px;
}
/* line 168, ../../sass/activities/multi-select.scss */
.card-reveal-instructions__content {
  flex-basis: 100%;
  padding: 0 1em;
}

@media (min-width: 1000px) {
  /* line 176, ../../sass/activities/multi-select.scss */
  .cards-reveal-multi {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 181, ../../sass/activities/multi-select.scss */
  .cards-reveal-multi > .multi-card {
    flex-basis: calc(50% - 1.2em);
    margin: .6em .6em 0 .6em;
    max-width: 650px;
    font-size: 1em;
  }

  /* line 189, ../../sass/activities/multi-select.scss */
  .card-reveal-instructions {
    flex-direction: row;
  }
  /* line 192, ../../sass/activities/multi-select.scss */
  .card-reveal-instructions__image {
    flex-basis: 40%;
  }
  /* line 200, ../../sass/activities/multi-select.scss */
  .card-reveal-instructions__content {
    flex-basis: 50%;
  }
}
/* line 206, ../../sass/activities/multi-select.scss */
.border-dark {
  border: 3px solid #254090 !important;
}
/* line 209, ../../sass/activities/multi-select.scss */
.border-dark .card-item-order {
  background-color: #254090 !important;
}

/* line 217, ../../sass/activities/multi-select.scss */
.icon-pulse:before {
  animation: pulse 3s ease 0s infinite;
  position: absolute;
  content: '';
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  background-color: #CD4995;
  border-radius: 50%;
  z-index: -1;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0.8;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
/* line 245, ../../sass/activities/multi-select.scss */
.card-selected {
  border: 3px solid #7ad1ed !important;
}
/* line 248, ../../sass/activities/multi-select.scss */
.card-selected .card-item-order {
  background-color: #7ad1ed !important;
}

/* line 253, ../../sass/activities/multi-select.scss */
.card-most {
  border: 3px solid #CBD972 !important;
}
/* line 256, ../../sass/activities/multi-select.scss */
.card-most .card-item-order {
  background-color: #B7CB34 !important;
}
/* line 260, ../../sass/activities/multi-select.scss */
.card-most .header-content {
  background-color: #CBD972 !important;
}

/* line 265, ../../sass/activities/multi-select.scss */
.card-partially {
  border: #A2DFF2 !important;
}
/* line 268, ../../sass/activities/multi-select.scss */
.card-partially .card-item-order {
  background-color: #7AD1ED !important;
}
/* line 272, ../../sass/activities/multi-select.scss */
.card-partially .header-content {
  background-color: #A2DFF2 !important;
}

/* line 277, ../../sass/activities/multi-select.scss */
.card-least {
  border: 3px solid #DC81B5 !important;
}
/* line 280, ../../sass/activities/multi-select.scss */
.card-least .card-item-order {
  background-color: #cd4995 !important;
}
/* line 284, ../../sass/activities/multi-select.scss */
.card-least .header-content {
  background-color: #DC81B5 !important;
}

/* line 290, ../../sass/activities/multi-select.scss */
.card-revealed .header-question {
  display: block !important;
}
/* line 294, ../../sass/activities/multi-select.scss */
.card-revealed .card-question {
  display: none !important;
}
/* line 298, ../../sass/activities/multi-select.scss */
.card-revealed .card-answer {
  display: block !important;
}
/* line 302, ../../sass/activities/multi-select.scss */
.card-revealed .body-content {
  padding: 1.2em !important;
}

/* line 307, ../../sass/activities/multi-select.scss */
.u-align-right {
  text-align: right;
}

/* line 312, ../../sass/activities/multi-select.scss */
.c-legend {
  border: 1px solid #D9DDFD;
  border-radius: 5px;
  display: none;
  flex-direction: column;
  margin-bottom: 2em;
  margin-left: auto;
}
@media (min-width: 868px) {
  /* line 312, ../../sass/activities/multi-select.scss */
  .c-legend {
    flex-direction: row;
  }
}

/* line 325, ../../sass/activities/multi-select.scss */
.c-legend-key {
  align-items: center;
  display: flex;
  padding: 4px 12px;
}

/* line 331, ../../sass/activities/multi-select.scss */
.c-legend-theme {
  border-radius: 50%;
  display: inline-block;
  height: 16px;
  margin-right: 6px;
  width: 16px;
}