/* stylelint-disable @stylistic/selector-list-comma-newline-after */

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}

.flex-auto {
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}


.blog-post img {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 10px;
}

.blog-post img.post_image {
  margin: 0px !important;
} 

a {
  text-decoration: none;
}



.blockquote {
  padding-left: 2rem;
  position: relative;
  overflow: hidden;

  &::before,
  &::after{
    position: absolute;
    color: #777;
  }   
  
  &::before {
    content:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23777777'><path d='M9.983 3v7.391C9.983 16.095 6.252 19.961 1 21l-.995-2.151C2.437 17.932 4 15.211 4 13H0V3h9.983zM24 3v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151C16.437 17.932 18 15.211 18 13h-3.983V3H24z'/></svg>");
    left: 0;
  }   

  &::after {
    content: "";
    left: 5px;
    top: 25px;
    width: 1px;
    height: 100%;
    background-color: currentColor;
  }   

  p {
    margin: 0;
  }
  
  p + p {
    margin-top: 1rem;
  }
  


}

.tag-cloud {
  font-weight: 600;
  color: #333;
}

.tag-count {
  background-color: #333;
  color: #fefefe;
  padding: 0 10px;
  border-radius: 10px;
}


@media print {
  body {
    visibility: hidden;
  }
  header, article {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }

  article {
    top: 70px;
  }

  header {
    width: 100% !important;
  }
}

.card-body .fs-3 {
  line-height: normal !important;
}