---
# 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 }}");
	height: 200px;
	background-size: cover;
	background-position: center left;
	background-repeat: no-repeat;
}

.site-logo {
	width: 100px;
	height: 100px;
	vertical-align: middle;
	border-radius: 50%;
	position: relative;
	top: -50px;
	border: solid white 3px;
}

.site-header .wrapper {
	margin-bottom: -40px;
}

.site-title, h2 {
	font-family: "Avenir Next W01", "Avenir Next", "Avenir", helvetica, arial, 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;
}