/*

weborama style (c) Bob v T.

*/

.hljs {
  display: block;
  overflow-x: auto;
  /*padding: 0.5em;*/
  color: #333;
  font-size: 14px;
  background: rgba(231, 233, 237, 0.4);
  line-height: 20px;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 20px 0;
}

/* Comment */
.hljs-comment,
.hljs-quote {
  color: #adb4c1;
  /*font-style: italic;*/
}

/* Red */
.hljs-variable,
.hljs-template-variable,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion,
.hljs-tag .hljs-attr {
  color: #FF6384;
}
/* Orange */
.hljs-number,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-meta,
.hljs-link,
.hljs-class .hljs-title {
  color: #ff8e72;
}
/* Yellow */
.hljs-attribute {
  color: #bc8500;
}
/* Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-doctag,
.hljs-addition {
  color: #45b7cd;
}
/* Blue */
.hljs-title,
.hljs-section {
  color: #36A2EB;
}
/* Purple */
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color: #af7cad;
}

.hljs-title,
.hljs-section,
.hljs-selector-id,
.hljs-keyword,
.hljs-selector-tag,
.hljs-type,
.hljs-class .hljs-title,
.hljs-meta {
    font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}