// Chris Sergienko - Praekelt Consulting (2016/09/30)
.surveys {
    $block: unquote("#{&}"); // Node LibSass workaround for @at-root bug. This stores the value of `&` as a variable.
    padding: 24px;
    &__title {
        line-height: 1.15;
        font-family: $font-family-avenirBold;
        padding: 25px 0 15px;
    }
    &__intro {
        font-family: $font-family-avenir-ot;
    }
    &__helptext {
        display: block;
        font-size: 16px;
    }
    &__form {
        padding: 24px 16px;
        background-color: $colorWhiteSmoke;
        label {
          @extend %gem__label;
        }
    }
    &__item + &__item {
        padding-top: 24px;
        margin-top: 24px;
        border-top: 1px solid #ffffff;
    }
    &__tout {
        background-color: $colorFirst;
        color: #ffffff;
        margin: 0 0 24px 0;
        padding: 0 16px;
        text-align: center;
        .section-title {
            text-align: left;
            h2 {
              margin: 0 0 24px 0;
              font-family: 'AvenirNextCondensed-Medium', sans-serif;
              text-align: center;
              background-color: #ae016d;
              font-size: 16px;
              font-weight: normal;
              padding: 15px 16px;
              text-transform: uppercase;
              @media screen and (min-width: 320px) {
                  display: inline-block;
              }
            }
        }

        h3 {
            font-family: 'TWCenMT', sans-serif;
            font-weight: normal;
            font-size: 24px;
            line-height: 32px;
            margin: 0 0 24px 0;
        }

        p {
          padding: 0 8px;
          font-size: 14px;
          margin: 0 0 24px 0;

          @media screen and (min-width: 320px) {
            font-size: 18px;
            padding: 0;
          }
        }

        img {
          width: 116px;
          margin: 0 auto 24px auto;
          display: block;
        }

        input[type=submit], .button {
          background: #fff;
          color: $colorFirst;
          margin: 0 0 32px 0;
        }
    }

    .call-to-action--surveys {
        text-align: center;
    }

    &__thank-you {
        line-height: 1.15;
        font-family: $font-family-avenirBold;
        text-align: center;
        padding: 0 0 20px;
    }
}
.surveys {
  &__results {
    overflow: auto;
    padding: 10px 0 0;
  }
  &__answer {
    span {
      display: block;
      padding: 10px 0;
      word-wrap: break-word;
    }
  }
}
