/* source: https://vokimon.github.io/markdown-customblocks/css/linkcard.css */

:root {
  --linkcard-background-color: #fafaf5;
  --linkcard-border-color: #e5e5e5;
  --linkcard-text-color: #72777c;
  --linkcard-heading-color: #32373c;
  --linkcard-more-color: #a4b9ce;
  --linkcard-body-font-size: 14px;
  --linkcard-heading-font-size: 22px;
  --linkcard-padding: 25px;
  --linkcard-border-radius: 5pt;
  --linkcard-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  --linkcard-site-icon-size: 25px;
  --linkcard-side-image-max-width: 30%;
  --linkcard-side-image-min-height: 5rem;
  --linkcard-side-image-max-height: 12rem;
}

.linkcard {
  color: var(--linkcard-text-color);
  background: var(--linkcard-background-color);
  border-radius: var(--linkcard-border-radius);
  border:1px solid var(--linkcard-border-color);
  box-shadow: var(--linkcard-box-shadow);
  padding: var(--linkcard-padding);
  font-size: var(--linkcard-body-font-size);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1em;
  overflow: auto;
}
.linkcard a {
  color: var(--linkcard-text-color);
  text-decoration:none
}
.linkcard a:hover {
 text-decoration:underline
}
.linkcard-featured-image {
 margin-bottom:20px;
 width: 100%;
 margin-inline: auto;
 text-align: center;
 padding: 1pt;
 overflow: hidden;
 max-height: 20rem;
}
.linkcard-featured-image img {
 height: auto;
 border: none;
 max-width: 100%;
 max-height: 100%;
 margin-left: auto;
}

@media(min-width: 500px) {
  .linkcard-featured-image.side img {
    width: 100%;
    max-height: var(--linkcard-side-image-max-height);
  }
  .linkcard-featured-image.side {
   float: left;
   width: auto;
   min-height: var(--linkcard-side-image-min-height);
   max-width: var(--linkcard-side-image-max-width);
   margin-right: 1.5rem;
   overflow: none;
  }
}

.linkcard p {
 margin:0;
}
p.linkcard-heading {
 margin:0 0 15px;
 font-weight:600;
 font-size: var(--linkcard-heading-font-size);
 line-height:1.3
}
.linkcard-heading a {
 color: var(--linkcard-heading-color);
}
.linkcard .linkcard-more a {
 color: var(--linkcard-more-color);
}
.linkcard .linkcard-more {
 color: var(--linkcard-more-color);
 float: right;
}
.linkcard-footer {
 width:100%;
 margin-top:30px;
}
.linkcard-site-icon {
 position:absolute;
 left:0;
 height: var(--linkcard-site-icon-size);
 width: var(--linkcard-site-icon-size);
 border:0;
}
.linkcard-site-icon img {
 padding: 0;
}
.linkcard-site-title {
 float: left;
 font-weight: 600;
 line-height: var(--linkcard-site-icon-size);
}
.linkcard-site-title a {
 position:relative;
 display:inline-block;
 padding-left:35px
}