.trumbowyg-viewHTML-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f121";
  font-weight: 600;
}

.trumbowyg-undo-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0e2";
  font-weight: 600;
}

.trumbowyg-redo-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f01e";
  font-weight: 600;
}

.trumbowyg-formatting-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1dd";
  font-weight: 600;
}

.trumbowyg-strong-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f032";
  font-weight: 600;
}

.trumbowyg-em-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f033";
  font-weight: 600;
}

.trumbowyg-del-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0cc";
  font-weight: 600;
}

.trumbowyg-superscript-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f12b";
  font-weight: 600;
}

.trumbowyg-subscript-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f12c";
  font-weight: 600;
}

.trumbowyg-link-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c1";
  font-weight: 600;
}

.trumbowyg-insertImage-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f03e";
  font-weight: 600;
}

.trumbowyg-justifyLeft-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f036";
  font-weight: 600;
}

.trumbowyg-justifyCenter-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f037";
  font-weight: 600;
}

.trumbowyg-justifyRight-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f038";
  font-weight: 600;
}

.trumbowyg-justifyFull-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f039";
  font-weight: 600;
}

.trumbowyg-base64-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f302";
  font-weight: 600;
}

.trumbowyg-unorderedList-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f03a";
  font-weight: 600;
}

.trumbowyg-orderedList-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0cb";
  font-weight: 600;
}

.trumbowyg-horizontalRule-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f068";
  font-weight: 600;
}

.trumbowyg-removeformat-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f12d";
  font-weight: 600;
}

.trumbowyg-fullscreen-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0b2";
  font-weight: 600;
}

.trumbowyg-bold-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f032";
  font-weight: 600;
}

.trumbowyg-italic-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f033";
  font-weight: 600;
}

.trumbowyg-underline-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0cd";
  font-weight: 600;
}

.trumbowyg-strikethrough-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0cc";
  font-weight: 600;
}

.trumbowyg-foreColor-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f031";
  font-weight: 600;
}

.trumbowyg-backColor-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f031";
  font-weight: 600;
  color: #ecf0f1;
  background-color: #555555;
  padding: 1px;
  font-size: 85%;
  line-height: 200%;
}

/*===== DROPDOWN BUTTONS =====*/

.trumbowyg-p-dropdown-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1dd";
  font-weight: 600;
  margin-right: 10px;
}

.trumbowyg-blockquote-dropdown-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f10d";
  font-weight: 600;
  margin-right: 10px;
}

.trumbowyg-h1-dropdown-button:before,
.trumbowyg-h2-dropdown-button:before,
.trumbowyg-h3-dropdown-button:before,
.trumbowyg-h4-dropdown-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1dc";
  font-weight: 600;
  margin-right: 10px;
}

.trumbowyg-createLink-dropdown-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c1";
  margin-right: 10px;
}

.trumbowyg-unlink-dropdown-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f127";
  margin-right: 10px;
}

.trumbowyg-bold-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f032";
}

.trumbowyg-italic-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f033";
}

.trumbowyg-underline-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0cd";
}

.trumbowyg-strikethrough-button:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0cc";
}

.trumbowyg-foreColor-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f031";
}

.trumbowyg-backColor-button:before {
  font-family: "Font Awesome 5 Free";
  content: "\f031";
  color: #ecf0f1;
  background-color: #555555;
  padding: 1px;
  font-size: 85%;
  line-height: 200%;
}