# 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: #142375;
      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;

}

/* 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;

}