.html-parser {
  font-family: 'Roboto', sans-serif;
}

.html-parser img {
  max-width: 100%;
  height: auto;
}

.html-parser ul {
  list-style: inherit;
  padding: revert;
}

.html-parser h2 {
  font-size: 28px;
  color: #666;
  font-weight: 300;
}

.html-parser h3 {
  font-size: 22px;
}

.html-parser p {
  font-size: 18px;
}

button.tinymce-button-normal {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
  color: #fff;
  background: #0066b3;
  border: 0;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
  box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
  cursor: pointer;
}

button.tinymce-button-normal:hover {
  color: #fff;
  background: #0056a3;
  border-color: #0056a3;
}

button.tinymce-button-medium {
  height: 50px;
  padding: 8px 32px;
  font-size: 18px;
  border-radius: 32px;
  color: #fff;
  background: #0066b3;
  border: 0;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
  box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
  cursor: pointer;
}

button.tinymce-button-medium:hover {
  color: #fff;
  background: #0056a3;
  border-color: #0056a3;
}
button.tinymce-button-large {
  height: 70px;
  padding: 16px 64px;
  font-size: 30px;
  border-radius: 32px;
  color: #fff;
  background: #0066b3;
  border: 0;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
  box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
  cursor: pointer;
}

button.tinymce-button-large:hover {
  color: #fff;
  background: #0056a3;
  border-color: #0056a3;
}

button.tinymce-button {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
  color: #fff;
  background: #0066b3;
  border: 0;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
  box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
  cursor: pointer;
}

button.tinymce-button:hover {
  color: #fff;
  background: #0056a3;
  border-color: #0056a3;
}

.tinymce-img-right {
  float: right;
  margin: 0 0 1rem 1rem;
}

.tinymce-img-left {
  float: left;
  margin: 0 1rem 1rem 0;
}

.html-parser blockquote {
  position: relative;
  max-width: 700px;
  padding-left: 2.5rem;
  margin: 0;
  border: 0;
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  text-align: justify;
}

.html-parser blockquote::before {
  content: '”';
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'georgia', sans-serif;
  font-size: 4rem;
  line-height: 1;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .html-parser img {
    float: inherit;
    width: 100%;
    margin: 0 0 1rem;
  }
}