---
# Only the main Sass file needs front matter (the dashes are enough)
---

@import "minima";

.cover-image {
//	background-image: url("{{ site.cover_image | default: "assets/default-background.jpg" | relative_url }}");
  background-color: skyblue;
	background-size: cover;
	background-position: center left;
	background-repeat: no-repeat;
  padding: 10px 0;
  border-bottom: 1px solid #e8e8e8;
}

.site-logo {
	width: 50px;
	height: 50px;
	vertical-align: middle;
	border-radius: 50%;
	border: solid white 2px;
}

.site-title,
.site-title:active,
.site-title:visited {
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
  color: white;
  margin-left: 0.5em;
}

h1, h2 {
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
}

.trigger {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media print
{
  .no-print, .no-print *
  {
    display: none !important;
  }
  .cover-image {
    height: 50px;
  }
}

/* hidden on-screen */
.print-only {
  display: none;
}

@media print {

  /* visible when printed */
  .print-only {
    display: block;
  }
}

.post-list li {
	display: block;
  padding: 20px 10px;
  margin: 5px;
  border: 1px solid #eee;
}

/* https://stackoverflow.com/questions/19331362/using-an-image-caption-in-markdown-jekyll */
img + em {
	display: block;
	text-align: center;
	margin-top: 4px;
	font-size: small;
	font-style: italic;
	font-weight: 400;
}

article.post img {
	display: block;
	margin: 20px auto;
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
/*  font-weight: 700; */
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;

  color: #fff;
  background-color: #6c757d;
}

.share-linkedin {
  vertical-align: middle;
  text-align: right;
  border: beige;
  font-size: small;
  font-weight: normal;
  font-style: italic;
}