.hljs {
background: #ffffff;
color: #3c3c3e;
}
pre span, pre {
line-height: 1rem;
}
.hljs-tag .hljs-attr, .hljs-tag .hljs-name {
color: #f32f4a;
}
.hljs-keyword {
color: #f32f4a;
}
.hljs-string {
color: #1dc116;
}
.hljs-variable {
color: #ffaa3e;
}
.hljs-title {
color: #3c3c3e;
font-weight: 400;
}
.hljs-tag .hljs-attr {
color: #1d91b7;
}
.hljs-attribute {
color: #f32f4a;
}
.hljs-number {
color: #9c158b;
}

 /* line numbering bits */  
pre code.hljs {
padding: 0;
color: #3c3c3e;
}
.blogpostLHS pre code table ,
.latestnewsPostContentArea pre code table {
width: 100%;
background-color: #fff;
font-size: 12px;
color: #3c3c3e;
}
.blogpostLHS pre code table tr , .blogpostLHS pre code table td 
.latestnewsPostContentArea pre code table tr , .latestnewsPostContentArea pre code table td {
border: none !important;
padding: 1px;
width: max-content;
}
.blogpostLHS pre code table .hljs-ln-numbers ,
.latestnewsPostContentArea pre code table .hljs-ln-numbers {
border-right: 1px solid #ddd !important;
width: 25px;
padding-right: 10px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
}
.blogpostLHS pre code table .hljs-ln-code ,
.latestnewsPostContentArea pre code table .hljs-ln-code {
padding-left: 10px;
width: auto;
}
.hljs-ln-n {
width:auto; 
}
.hljs-ln-n:before {
color: #3c3c3e;
}
.blogpostLHS pre code table tr:nth-of-type(even) ,
.latestnewsPostContentArea pre code table tr:nth-of-type(even) {
background-color: #eee;
}
.blogpostLHS pre code table tr, .blogpostLHS pre code table td ,
.latestnewsPostContentArea pre code table tr, .latestnewsPostContentArea pre code table td {
padding-top: 5px !important;
padding-bottom: 5px !important;
border: 0;
}
/* make table max-content to allow it to scroll at smaller sizes */
@media (max-width: 600px) {
.blogpostLHS pre code table ,
.latestnewsPostContentArea pre code table {
font-size: 11px;
}
.blogpostLHS pre code table tr, .blogpostLHS pre code table td ,
.latestnewsPostContentArea pre code table tr, .latestnewsPostContentArea pre code table td {
padding: 0;
}
.blogpostLHS pre code table .hljs-ln-numbers ,
.latestnewsPostContentArea pre code table .hljs-ln-numbers {
padding-top: 2px;
padding-bottom: 2px;
}
}