/* Layout */

.side-post-wrapper .hs-blog-post-listing {
  display: flex;
  flex-wrap: wrap;
}

.side-post-wrapper .hs-blog-post-listing__post {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
  overflow: hidden;
  width: 100%;
}
.side-post-wrapper .hs-blog-post-listing__post-image-wrapper {
  max-width: 33%;
}
/* Featured image */

.hs-blog-post-listing__post-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* Article content */

.side-post-wrapper .hs-blog-post-listing__post-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 20px;
    padding-left: 10px;
}
.side-post-wrapper article {
padding-left: 0px !important;
}
.side-post-wrapper .hs-blog-post-listing__post-tags,
.side-post-wrapper .hs-blog-post-listing__post-title,
.side-post-wrapper .hs-blog-post-listing__post-timestamp,
.side-post-wrapper .hs-blog-post-listing__post-author,
.side-post-wrapper .hs-blog-post-listing__post-image--card {
  margin: 0 0 0.5rem;
}

/* Author */

.side-post-wrapper .hs-blog-post-listing__post-author {
  align-items: center;
  display: flex;
}

.side-post-wrapper .hs-blog-post-listing__post-author-image-wrapper {
  height: 40px;
  margin-right: 0.5rem;
  width: 40px;
}

.side-post-wrapper .hs-blog-post-listing__post-author-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* Tags */

.side-post-wrapper .hs-blog-post-listing__post-tag {
  display: inline-block;
}

/* Publish date */

.side-post-wrapper .hs-blog-post-listing__post-timestamp {
  display: block;
}

/* Button */

.side-post-wrapper .hs-blog-post-listing__post-button-wrapper {
  margin-top: auto;
}

.side-post-wrapper .hs-blog-post-listing__post-button {
  display: inline-block;
}
/* custom */
.side-post-wrapper .reading-minutes {
  position: absolute;
  padding: 3px 5px;
  color:#ffffff;
  background-color;
  width: fit-content;
  height: fit-content;
  border-radius: 11%;
  margin-left: 1%;
  margin-top: 1%;
  font-size: 10px;
}


.side-post-wrapper .hs-blog-post-listing__post-author-name, .hs-blog-post-listing__post-timestamp {
  color: #000000;
  font-weight: 600 !important
}

.side-post-wrapper #hs_cos_wrapper_dnd_area-module-2 .hs-blog-post-listing__post-tag, .hs-blog-post-listing__post-button-wrapper  {
 display:none;
}

.side-post-wrapper .hs-blog-post-listing__post-content {
  padding-top:0px;
}

.side-post-wrapper .hs-blog-post-listing__post-description { 
      color: #323232bd;
}

.side-post-wrapper .time-author {
   display: flex
  }
.side-post-wrapper .ta-spacer {
  padding-left: 5px;
  padding-right: 5px;
}

.side-post-wrapper .hs-blog-post-listing__post {
padding-bottom: 10px;
    padding-top: 13px;
    border-top: 1px solid #2c3e50;
    max-width: 95%;
    margin: auto;
}


.side-post-wrapper article:hover img {
   transform: scale(1.03);
  transition: transform 0.3s ease; 
} 

}


.side-post-wrapper .hs-blog-post-listing__post-title-link {
      font-weight: 600  !important;
}
.side-post-wrapper .side-bar-posts {
  background-color: #ecf0f1;
}

.side-post-wrapper .fa-arrow-up {
  transform: translateY(2px);
}


.side-post-wrapper .side-posts-heading-title {
    max-width: 95%;
   padding: 15px 16px 12px 10px;
}

.side-post-wrapper .side-posts-heading-title .hs_cos_wrapper  {
    max-height: fit-content;
    vertical-align: middle;
    display: inline-flex;
    line-height: 30px;
}

.side-post-wrapper .side-posts-footer {
    padding-top: 30px;
  font-weight: 500;
}

.post-sidebar {
  position: relative;
}

.post-wrapper {
   max-width: 400px;
    transition: position 0.3s ease-in-out;
  
}


.side-fix.post-wrapper {
  position: fixed;
  transition: top 0.3s ease-in-out;
}

.fixed-position {
  position: fixed;

  /* Add any other styles for fixed position */
}

/* .side-fix-bottom.post-sidebar {
      display: flex;
}

.side-fix-bottom.post-wrapper {
     display: flex;
    flex-direction: column;
    justify-content: end;
} */


@media(max-width: 1030px) {
.side-post-wrapper .hs-blog-post-listing__post-title .hs-blog-post-listing__post-title-link {
  font-size: 13px !important
  }
}

@media(min-width: 769px) {
  .side-post-wrapper .hs-blog-post-listing__post-image {
/*          max-height: 80px;
      width: 130px; */
  }
}

@media(max-width: 768px) {
.side-post-wrapper .hs-blog-post-listing__post  {
  display:block;
  }
  
  .side-post-wrapper .hs-blog-post-listing__post-image  {
    width: 100%;
    height: auto;
  }
  .side-post-wrapper .hs-blog-post-listing__post-content {
    padding-left: 0px;
  }
}

.side-posts-footer p {
  margin:0px !important;
}