/*-------------------------------------------------------------------------------*/
/*    $Bilingual                                                                               */
/*-------------------------------------------------------------------------------*/
.kf_bilingual {
  position: relative;
  padding: .5rem 0;
  padding-left: 3rem;
  text-align: left;
}

.kf_bilingual::before {
  content: attr(data-label);
  display: inline-block;
  position: absolute;
  top: .3rem;
  left: 0;
  padding: .25rem;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.875em;
  border-radius: .25rem;
}

@media (min-width: 576px) {
  .kf_bilingual {
    padding: .5rem;
  }
  .kf_bilingual::before {
    display: none;
  }
}

.kf_bilingual-zh {
  color: #00857e;
}

.kf_bilingual-zh::before {
  background-color: #00857e;
}

@media (min-width: 576px) {
  .kf_bilingual-zh {
    color: black;
  }
}

.kf_bilingual-en::before {
  background-color: #757575;
}