/*
 *  Site-specific styles to override theme.
 */

/*
 *  Code blocks
 *  ------------------------------------------------------------------
 */

.highlight {
  background-color: #fdf6e3;
  border: 1px solid #e6ddc5;
  border-radius: 12px;
  box-shadow: 0 18px 36px -28px rgba(38, 50, 56, 0.45);
  margin: 1.75rem 0;
}

.highlight pre {
  background: transparent;
  margin: 0;
  padding: 1.25rem 1.5rem;
  overflow-x: auto;
  font-family: "Fira Code", "Source Code Pro", Consolas, "Courier New", monospace;
  font-size: 0.95rem;
  line-height: 1.55;
  color: #586e75;
}

.highlight pre code {
  display: block;
  background: transparent;
  color: inherit;
  padding: 0;
}

.highlight pre::-webkit-scrollbar {
  height: 9px;
}

.highlight pre::-webkit-scrollbar-thumb {
  background: rgba(88, 110, 117, 0.35);
  border-radius: 999px;
}

.highlight pre::-webkit-scrollbar-track {
  background: transparent;
}

:not(pre) > code {
  background-color: #f6ecda;
  border: 1px solid #e6ddc5;
  border-radius: 0.35em;
  color: #b58900;
  font-family: "Fira Code", "Source Code Pro", Consolas, "Courier New", monospace;
  font-size: 0.95em;
  padding: 0.15em 0.45em;
}

/*
 *  Chroma syntax colours (Solarized Light)
 *  Generated with: hugo gen chromastyles --style=solarized-light
 */

.chroma { color: #586e75; background-color: #eee8d5; }
.chroma .x { }
.chroma .err { }
.chroma .cl { }
.chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
.chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
.chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
.chroma .hl { background-color: #d6d0bf }
.chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.75em; padding: 0 0.75em 0 0.75em; color: #7f7f7f }
.chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.75em; padding: 0 0.75em 0 0.75em; color: #7f7f7f }
.chroma .line { display: flex; }
.chroma .k { color: #859900 }
.chroma .kc { color: #859900; font-weight: bold }
.chroma .kd { color: #859900 }
.chroma .kn { color: #dc322f; font-weight: bold }
.chroma .kp { color: #859900 }
.chroma .kr { color: #859900 }
.chroma .kt { color: #859900; font-weight: bold }
.chroma .n { color: #268bd2 }
.chroma .na { color: #268bd2 }
.chroma .nc { color: #cb4b16 }
.chroma .no { color: #268bd2 }
.chroma .nd { color: #268bd2 }
.chroma .ni { color: #268bd2 }
.chroma .ne { color: #268bd2 }
.chroma .nl { color: #268bd2 }
.chroma .nn { color: #268bd2 }
.chroma .nx { color: #268bd2 }
.chroma .py { color: #268bd2 }
.chroma .nt { color: #268bd2; font-weight: bold }
.chroma .nb { color: #cb4b16 }
.chroma .bp { color: #cb4b16 }
.chroma .nv { color: #268bd2 }
.chroma .vc { color: #268bd2 }
.chroma .vg { color: #268bd2 }
.chroma .vi { color: #268bd2 }
.chroma .vm { color: #268bd2 }
.chroma .nf { color: #268bd2 }
.chroma .fm { color: #268bd2 }
.chroma .l { color: #2aa198 }
.chroma .ld { color: #2aa198 }
.chroma .s { color: #2aa198 }
.chroma .sa { color: #2aa198 }
.chroma .sb { color: #2aa198 }
.chroma .sc { color: #2aa198 }
.chroma .dl { color: #2aa198 }
.chroma .sd { color: #2aa198 }
.chroma .s2 { color: #2aa198 }
.chroma .se { color: #2aa198 }
.chroma .sh { color: #2aa198 }
.chroma .si { color: #2aa198 }
.chroma .sx { color: #2aa198 }
.chroma .sr { color: #2aa198 }
.chroma .s1 { color: #2aa198 }
.chroma .ss { color: #2aa198 }
.chroma .m { color: #2aa198; font-weight: bold }
.chroma .mb { color: #2aa198; font-weight: bold }
.chroma .mf { color: #2aa198; font-weight: bold }
.chroma .mh { color: #2aa198; font-weight: bold }
.chroma .mi { color: #2aa198; font-weight: bold }
.chroma .il { color: #2aa198; font-weight: bold }
.chroma .mo { color: #2aa198; font-weight: bold }
.chroma .o { }
.chroma .ow { color: #859900 }
.chroma .p { }
.chroma .c { color: #93a1a1; font-style: italic }
.chroma .ch { color: #93a1a1; font-style: italic }
.chroma .cm { color: #93a1a1; font-style: italic }
.chroma .c1 { color: #93a1a1; font-style: italic }
.chroma .cs { color: #93a1a1; font-style: italic }
.chroma .cp { color: #93a1a1; font-style: italic }
.chroma .cpf { color: #93a1a1; font-style: italic }
.chroma .g { color: #d33682 }
.chroma .gd { color: #d33682 }
.chroma .ge { color: #d33682 }
.chroma .gr { color: #d33682 }
.chroma .gh { color: #d33682 }
.chroma .gi { color: #d33682 }
.chroma .go { color: #d33682 }
.chroma .gp { color: #d33682 }
.chroma .gs { color: #d33682 }
.chroma .gu { color: #d33682 }
.chroma .gt { color: #d33682 }
.chroma .gl { color: #d33682 }
.chroma .w { }

/*
 *  Language-specific tweaks
 */

.language-bash,
.language-shell {
  color: #586e75 !important;
}

.language-bash .nb,
.language-bash .bp,
.language-bash .n,
.language-bash .nx,
.language-shell .nb,
.language-shell .bp,
.language-shell .n,
.language-shell .nx {
  color: #268bd2 !important;
}

.language-bash .k,
.language-bash .kr,
.language-bash .kd,
.language-bash .kn,
.language-bash .kt,
.language-shell .k,
.language-shell .kr,
.language-shell .kd,
.language-shell .kn,
.language-shell .kt {
  color: #859900 !important;
}

.language-bash .s,
.language-bash .s1,
.language-bash .s2,
.language-bash .sb,
.language-bash .sa,
.language-bash .dl,
.language-shell .s,
.language-shell .s1,
.language-shell .s2,
.language-shell .sb,
.language-shell .sa,
.language-shell .dl {
  color: #2aa198 !important;
}

.language-bash .o,
.language-bash .ow,
.language-shell .o,
.language-shell .ow {
  color: #cb4b16 !important;
}