.bhm-highlight-wrapper {
  width: 100%;
  direction: rtl;
}

.bhm-highlight-title {
  margin-bottom: 8px;
}

.bhm-highlight-title.outside {
  margin-bottom: 12px;
  display: block !important;
  width: 100% !important;
}

.bhm-highlight-title.outside.left {
  text-align: left !important;
}

.bhm-highlight-title.outside.center {
  text-align: center !important;
}

.bhm-highlight-title.outside.right {
  text-align: right !important;
}

.bhm-highlight-title.bold {
  font-weight: bold;
}

.bhm-highlight-title.italic {
  font-style: italic;
}

/* Allow highlight box itself to apply margin if needed */
.bhm-highlight {
  margin: 12px auto; /* default spacing for top/bottom */
}