/* variables */
:root {
  --bs-font-monospace: "Berkeley Mono Variable", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* fonts */
@font-face {
    font-family: 'Berkeley Mono Variable';
    src: url('/theme/fonts/BerkeleyMonoVariable-Regular.woff2') format('woff2'),
        url('/theme/fonts/BerkeleyMonoVariable-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Berkeley Mono Variable';
    src: url('/theme/fonts/BerkeleyMonoVariable-Regular.woff2') format('woff2'),
        url('/theme/fonts/BerkeleyMonoVariable-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* everything else */
body {
  background-color: #f2f2f2;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 16.5px;
  padding-bottom: 33px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #008cba !important;
  font-family: "Merriweather Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.navbar {
    font-family: Merriweather, "Helvetica Neue", Georgia, Helvetica, Arial, sans-serif;
}

.navbar.bg-dark {
	background-color: #333 !important;
}

.center-column {
  background-color: white;
  padding: 3px 14px;
}

/*@media only screen and (min-width : 768px) {
  .center-column {
    padding: 14px 42px;
  }
}

@media only screen and (min-width : 992px) {
  .center-column {
    padding: 14px 63px;
  }
}*/

div.row content {
  max-width:  64em;
}

content a {
  border-bottom: 1px dotted #4D4D4C;
  color: #4D4D4C;
  text-decoration: none;
}

content a:hover, content a:active {
  text-decoration: none;
  border-bottom: 1px dotted #4271AE;
  color: #4271AE;
}

article > h2 {
  font-size: 28px;
}

article > h3 {
  font-size: 24px;
}

article > h2, h2 > a, h3 > a {
  border-bottom: none;
  color: #008cba;
}

.alert-info {
  background-color: #008cba;
}

/* Articles */
address {
  display: inline-block;
}

article p {
  font-family: "Georgia Pro", Georgia, Cambria, "Times New Roman", Times, serif;
}

article audio {
  width: 100%;
}

article h2, article h3 {
  margin-top: 1.25em;
}

article p:last-of-type {
  margin-top: 1em;
}
blockquote {
	border-left: solid 3px #cccccc;
    font-size: 16px;
	margin-left: 1.5em;
	padding-left: .75em;
}

hr {
  margin: 3.5em;
}
div.highlight, img, ol, ul, .img-caption {
  margin-bottom: 17.5px;
}
.img-captioned {
  margin-bottom: 5px;
}

figcaption {
  color: #555;
  font-size: .875em;
  margin-top: -17.5px;
  text-align: center;
}

/* Code Highlighting */
code {
  background-color: #e5e5e5;
  color: var(--bs-body-rgb) !important;
  font-size: 14px;
  padding: 3px;
}

.highlight pre {
  /* background-color: #3D3C34; */ /* was #49483e */
  /* color: #f8f8f2; */
  font-weight: 500;
  padding: .75em;
  white-space: pre-wrap;
  word-break: normal;
}

.highlight pre code {
  background-color: inherit;
  padding: unset;
}

/* make superscripts look good */
.sup {
  font-size: .8em;
  position: relative;
  top: -.4em;
  vertical-align: baseline;
}

/* make things not overflow horizontally */
img, iframe, video {
  max-width: 100%;
}

.metadata {
  font-size: .9em;
  font-style: oblique;
  margin: -.5em 0 1.25em .75em;
}

/*.oblique {
  font-style: oblique;

  string

}*/

/* everything under contact */
.social {
  background-position: 1em 52%;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 40px !important;
}

.social[href*='mailto:'] {
   background-image: url('/theme/images/icons/mail.svg');
}

.social[href*='github.com'] {
   background-image: url('/theme/images/icons/github.svg');
}

.social[href*='linkedin.com'] {
   background-image: url('/theme/images/icons/linkedin.svg');
 }

.social[href*='hachyderm.io'] {
   background-image: url('/theme/images/icons/mastodon.svg');
 }

.social[href*='twitter.com'] {
   background-image: url('/theme/images/icons/twitter.svg');
 }

 /* articles page, tags column */
 .articles-tags-col {
   max-width: 22em;
 }

/* change how the panels look */
.card-text-preformatted {
  font-family: "Berkeley Mono Variable", Menlo, Monaco, Consolas, "Courier New", monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
}

footnote {
  font-size: .83em;
  vertical-align: super;
}


/* sticky footer */
html {
  position: relative;
  min-height: 100%;
}


footer {
  background-color: #333333;
  bottom: 0;
  color: #ffffff;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

footer a {
  border-bottom: 1px dotted #cccccc;
  color: #cccccc;
  text-decoration: none;
}

footer a:hover, footer a:active {
  border-bottom: 1px dotted #eeeeee;
  color: #eeeeee;
  text-decoration: none;
}

/* custom thingies */

/* pictures of me */
.me {
 border-radius: 2.5%;
 margin-left: 2em;
 max-width: 40%;
}

/* pgp public key on about page */
/*.pgp-public-key {
  margin-top: 5em;
}
*/
/* convenience classes */
/*.card {
  max-height: 20em;
}
*/
.mw50 {
  max-width: 50%;
}

.mw75 {
  max-width: 75%;
}

.minw50 {
  min-width: 50%;
}

.m-b-1em {
  margin-bottom: 1em;
}

.p-r-2em {
  padding-right: 2em !important;
}

.p-l-2em {
  padding-left: 2em;
}

.text-pre-line {
  white-space: pre-line;
}


.bg-success {
  --bs-bg-opacity: .3;
  background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}
.bg-info {
  --bs-bg-opacity: .3;
  background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}
.bg-warning {
  --bs-bg-opacity: .3;
  background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}
.bg-danger {
  --bs-bg-opacity: .3;
  background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}