<commit_before>// TODO: Remove !important when .footer a selector gets simplified

.crisis-line-container {
  position: relative;
  background: $color-gray-lightest;
  @media #{$medium-up} {
    width: 283px;
  }

  .crisis-line-body {
    position: absolute;
    right: 0;
    background: $color-gray-lightest;
    border-radius: 0 0 0.2em 0.2em;
  }

  .stacked {
    margin: 0 auto;
    padding: 0.4em 0 0.3em;
  }
}


.va-crisis-panel {
  color: $color-primary-darkest;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: -1;
  width: 100%;

  a {
    padding: 0;
    background-image: none;
  }
}

.va-crisis-panel-body {
  background: $color-gray-lightest;
  list-style: inherit;
  margin: 0;
  padding: 0;

  a {
    color: $color-base;
  }

  p {
    margin: 0;
    padding: 2.5rem;
    font-size: 1.4rem;
  }

  ul {
    font-size: 1.7rem;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }
}

.va-crisis-panel--notouch {
  top: 0;
  position: absolute;
  opacity: 0;
  -webkit-transition: transform 250ms;
          transition: transform 250ms;
  -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.35);
  box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.35);

  li {
    padding: 2.5rem 0 0;
  }

  @media #{$small-only} {
    display: none;
  }
}

.va-crisis-panel--open {
  .va-crisis-panel--notouch {
    opacity: 1;
    z-index: 10;
  }
}

//===== VA CRISIS LINE BUTTONS
.va-crisis-line--touch {
  border-radius: .2em;
  margin: 2.5em 0;
}

.va-crisis-line {
  background: $color-gray-lightest no-repeat calc(100% - 0.5em) center;
  background-size: .8em auto;
  color: $color-base;
  margin: 0;
  text-align: left;
  font-size: 1em;
  width: 100%;
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 0 26px 0 0;
  border-radius: 0 0 0.2em 0.2em;

  &:hover {
    color: $color-base;
    background-color: inherit;
  }

  .vcl {
    content: "";
    background: url(/img/vcl-logo.png) no-repeat right 29%;
    background-size: 100%;
    display: inline-block;
    width: 2em;<commit_msg>Switching to long-hand properties for the sake of IE11.<commit_after>// TODO: Remove !important when .footer a selector gets simplified

.crisis-line-container {
  position: relative;
  background: $color-gray-lightest;
  @media #{$medium-up} {
    width: 283px;
  }

  .crisis-line-body {
    position: absolute;
    right: 0;
    background: $color-gray-lightest;
    border-radius: 0 0 0.2em 0.2em;
  }

  .stacked {
    margin: 0 auto;
    padding: 0.4em 0 0.3em;
  }
}


.va-crisis-panel {
  color: $color-primary-darkest;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: -1;
  width: 100%;

  a {
    padding: 0;
    background-image: none;
  }
}

.va-crisis-panel-body {
  background: $color-gray-lightest;
  list-style: inherit;
  margin: 0;
  padding: 0;

  a {
    color: $color-base;
  }

  p {
    margin: 0;
    padding: 2.5rem;
    font-size: 1.4rem;
  }

  ul {
    font-size: 1.7rem;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }
}

.va-crisis-panel--notouch {
  top: 0;
  position: absolute;
  opacity: 0;
  -webkit-transition: transform 250ms;
          transition: transform 250ms;
  -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.35);
  box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.35);

  li {
    padding: 2.5rem 0 0;
  }

  @media #{$small-only} {
    display: none;
  }
}

.va-crisis-panel--open {
  .va-crisis-panel--notouch {
    opacity: 1;
    z-index: 10;
  }
}

//===== VA CRISIS LINE BUTTONS
.va-crisis-line--touch {
  border-radius: .2em;
  margin: 2.5em 0;
}

.va-crisis-line {
  background-color: $color-gray-lightest;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5em) center;
  background-size: .8em auto;
  color: $color-base;
  margin: 0;
  text-align: left;
  font-size: 1em;
  width: 100%;
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 0 26px 0 0;
  border-radius: 0 0 0.2em 0.2em;

  &:hover {
    color: $color-base;
    background-color: inherit;
  }

  .vcl {
    content: "";
    background: url(/img/vcl-logo.png) no-repeat right 29%;
    background-size: 100%;
    display: inline-block;
    width: 2em;
{'fraction_non_alphanumeric': 0.15492633517495397, 'fraction_numerical': 0.05156537753222836, 'mean_word_length': 2.521069692058347, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5920224', 'n_tokens_mistral': 1976, 'n_tokens_neox': 1767, 'n_words': 407}