lortza/sorrygirl

@import 'theme';

/* Javascript Form Character Count */
#apology-form {
  textarea {
    width: 100%;
    height: 200px;
    font-family: $apology-font;
    &::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: lightgray;
      opacity: 1; /* Firefox */
      text-align: left;
      width: 100%;
      font-size: 20px;
    }
    &:focus {
      outline: none !important;
      box-shadow: none !important;
      border: 1px solid $secondary-color !important;
    }
  }
}

.character-count-container {
  float: right;
  color: $secondary-color;
  font-size: 0.75em;
}

.exceeded-limit {
  .character-count-container { color: red; }
  textarea {
    &:focus {
      outline: none !important;
      box-shadow: none !important;
      border: 2px solid red !important;
    }
  }
}