.blog-post__meta-author a.blog-post__meta-author__link,
.blog-post__meta-author a.blog-post__meta-author__link:hover,
.blog-post__meta-author a.blog-post__meta-author__link:focus,
.blog-post__meta-author a.blog-post__meta-author__link:visited,
.blog-related-posts__content a,
.blog-related-posts__content a:hover, 
.blog-related-posts__content a:focus, 
.blog-related-posts__content a:visited {
  all: unset;
}

.blog-post__meta-author a.blog-post__meta-author__link:hover,
.body-container--blog-post a:hover {
  cursor: pointer;
}


/* Blog listing */
.body-container--blog-index .dnd-section div.blog-hero-pretitle,
.body-container--resources-index .dnd-section div.blog-hero-pretitle {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1250EF;
}

.body-container--blog-index h1,
.body-container--resources-index h1 {
  color: #ffffff;
  margin: 0;
}

.body-container--blog-index  .hs-blog-post-listing__post-image {
  width: calc(1311 / 3);
  height: 320px;
  border-radius: 15px;
}

/* sadly hubspot dnd_section does not support classess... */
.body-container--blog-index div.dnd-section:first-of-type {
  background-color: rgba(2, 13, 44, 1) !important;
  background: linear-gradient(28.15deg, rgba(18, 80, 239, 0.2) 6.94%, rgba(18, 80, 239, 0) 30.18%);
}

.blog-index__filter-select {
  margin-bottom: 64px;
  width: 427px;
}
.blog-index__filter-select select {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  /* identical to box height, or 24px */


  /* Temedica Blue Grey */

  color: #4F5871;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #D5D7DC;
  padding-left: 0;
}

.blog-index__filter-select select:focus-visible {
  outline: none;
}

@media (min-width: 1000px) {
  .hs-blog-post-listing__post--3:nth-child(3n+1), 
  .hs-blog-post-listing__post--3:nth-child(3n+2) {
      margin-right: 30px !important;
  }

  .hs-blog-post-listing__post--3 {
      width: calc(33.3% - 30px) !important;
  }
}

/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 1311px;
}

.blog-post__prename {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1250EF;
}

.blog-post__header-container {
  margin-bottom: 65px;
}

.blog-post__header-container h1 {
  color: #020d2c;
  font-size: 50px;
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 130%;
}

@media screen and (max-width: 767px) {
  .blog-post__header-container h1 {
    font-size: 32px;
  }
}

.blog-post__meta {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 124px;
  flex-direction: row;
}

.blog-post__meta .blog-post__meta-author {
  flex-basis: 40%;
}

.blog-post__meta .blog-post__meta-author a.blog-post__meta-author__link {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #99A5BE;
  text-decoration: none;
  width: 100%;
  margin-bottom: 24px;
  display: block;
}

.blog-post__meta .blog-post__meta-author a.blog-post__meta-author__link:hover {
  text-decoration: underline;
  text-underline-offset: 8px;
}

.blog-post__meta .blog-post__meta-pretitle {
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 140%;
  color: #4F5871;
  flex-basis: 60%;
}

.blog-post__image {
  background-color: transparent;
  border-radius: 25px;
  height: auto;
  width: 100%;
  margin-bottom: 124px;
}

.blog-post__image img {
  border-radius: 25px;
  object-fit: fill;
  height: auto !important;
  width: 100%;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__body {
  width: calc((100% / 6) * 4);
  margin: 0 auto;
}

.blog-post__hero-banner {
  background: #020D2C;
}

.blog-post__resources-related-posts, .blog-related-posts__container {
  margin-top: 124px;
  margin-bottom: 124px;
}

.blog-post__resources-related-posts .resources-blog-related-posts > div:first-of-type{
  /*margin-bottom: 80px;*/
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: left;
}

.blog-post__form {
  padding-top: 124px;
  padding-bottom: 124px;
  background-color: #EFF1F4;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}

.body-container--blog-post .blog-post__body h1,
.body-container--blog-post .blog-post__body h2,
.body-container--blog-post .blog-post__body h3,
.body-container--blog-post .blog-post__body h4,
.body-container--blog-post .blog-post__body h5,
.body-container--blog-post .blog-post__body h6 {
  color: #020D2C;
  margin: 0;
  font-weight: 500;
}

.body-container--blog-post .blog-post__body h5 {
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  line-height: 140%;
}

.body-container--blog-post .blog-post__body p,
.body-container--blog-post .blog-post__body div {
  color: #4F5871;
  margin-bottom: 16px;
}

.body-container--blog-post .blog-post__body a {
  color: #020D2C;
  text-decoration: underline;
  text-underline-offset: 8px !important;
}

.body-container--blog-post .blog-post__body a:hover {
  color: #1250EF;
  text-decoration: underline;
  text-underline-offset: 8px !important;
}

.body-container--blog-post .blog-post__body ul {
  list-style: none;
}
.body-container--blog-post .blog-post__body ul li::before,
.body-container--blog-post .blog-post__body ul li::before {
    content: "\2022";
    color: #1250EF;
    font-weight: bold;
    display: inline-block;
    width: 8px;
    margin-left: -1em;
    margin-right: 10px;
}

.body-container--blog-post .blog-post__body ul li {
  font-weight: 400;
}

/* blog tags filter button */

.body-container--blog-index .blog-index__filter a,
.body-container--blog-index .blog-index__filter a:active,
.body-container--blog-index .blog-index__filter a:visited {
  all: unset;
}

/*
.body-container--blog-index article a:not(.button),
.body-container--blog-index article a:not(.blog-post__tag-link):focus {
  all: unset;
}*/

.blog-index__filter .blog-index__filter__tag {
  border-radius: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 148%;
  white-space: nowrap;
  color: #020D2C;
  border: 1px solid #C1CADC;
  background: transparent;
  cursor: pointer;
}

.blog-index__filter .blog-index__filter__tag {
  padding: 11.5px 30px;
  display: block;
}

.blog-index__filter .blog-index__filter__tag:hover,
.blog-index__filter .blog-index__filter__tag:hover {
  border: 1px solid #fff;
}

.blog-index__filter .blog-index__filter__tag--active-gray,
.blog-index__filter .blog-index__filter__tag--active {
  color: #FFFFFF;
  background: linear-gradient(270deg, #C1CADC 0%, #99A5BE 100%);
  border: 1px solid #fff;
}

.blog-index__filter .blog-index__filter__tag:not(a):hover,
.blog-index__filter .blog-index__filter__tag:has(a:hover) {
  border-radius: 50px;
  background: linear-gradient(270deg, #C1CADC 0%, #99A5BE 100%);
  color: #FFFFFF;
  border: 1px solid #fff;
}

/* end */

@media screen and (max-width: 480px) {

  .blog-post__resources-related-posts, .blog-related-posts__container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-post__resources-related-posts, .blog-related-posts__container {
    margin-top: 62px;
    /*margin-bottom: 62px;*/
  }

  .blog-post__resources-related-posts .resources-blog-related-posts > div:first-of-type{
    margin-bottom: 32px;
  }

  .blog-index__filter-select {
    width: 100%;
    margin-bottom: 34px;
  }

  .blog-index__post--small {
    width: 100%;
  }

  .blog-post__meta {
    flex-direction: column;
    margin-bottom: 64px;
  }

  .body-container--blog-post .blog-post {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-post__header-container {
    margin-bottom: 55px;
  }

  .blog-post__meta-pretitle {
    margin-top: 44px;
  }

  .blog-post__body {
    width: 100%;
  }

  .blog-post__image {
    margin-bottom: 64px;
  }

  .blog-post__form {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .blog-post__hero-banner {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 20px;
    padding-right: 20px;
  }
}


.body-container--blog-postv2 {
  --blog-post__left-bar-width: 25%;
}

.body-container--blog-postv2 .blog-post__meta .blog-post__meta-author {
  flex-basis: var(--blog-post__left-bar-width);
}

.body-container--blog-postv2 .blog-post__meta .blog-post__meta-pretitle {
  flex-basis: calc(100% - var(--blog-post__left-bar-width));
}

.body-container--blog-postv2 .blog-post__social-image-container {
  position: relative;
}

.body-container--blog-postv2 .blog-post .blog-post__image {
  margin-left: calc(var(--blog-post__left-bar-width));
  width: calc(100% - var(--blog-post__left-bar-width));
}

.body-container--blog-postv2 .blog-post .blog-post__body {
  width: calc(100% - var(--blog-post__left-bar-width));
  margin-left: calc(var(--blog-post__left-bar-width));
}

.blog-index-publications .blog-post__tags,
.body-container--blog-postv2 .blog-post__meta-pretitle .blog-post__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 32px;
  marg
}

.blog-index-publications .blog-post__tags a.blog-post__tag-link,
.body-container--blog-postv2 .blog-post__tags a {
  color: var(--Temedica-Light-Blue-Grey, #99A5BE);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
  text-decoration: none;
  width: fit-content;
  border-radius: 10px;
  background: var(--Temedica-Light-Grey, #EFF1F4);
  padding: 8px 16px;
  margin-bottom: 32px;
}

.blog-index-publications .blog-post__tags a.blog-post__tag-link:hover,
.body-container--blog-postv2 .blog-post__tags a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.body-container--blog-postv2 .blog-post__tags a {
  margin-bottom: 0px;
}

.body-container--blog-postv2 .blog-post__button-action .button {
  width: auto;
}

.body-container--blog-postv2 .blog-post__button-action {
  margin-top: 52px;
  margin-bottom: 48px;
}

.body-container--blog-postv2 .blog-post__meta-author.blog-post__meta-author__publications {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.body-container--blog-postv2 .blog-post__meta-author.blog-post__meta-author__publications .social_sharing_normal {
  padding: 0;
  justify-content: start;
}

@media screen and (max-width: 1000px) {

  .body-container--blog-postv2 .blog-post__button-action {
    margin-top: 40px;
    margin-bottom: 48px;
  }

  .body-container--blog-postv2 .blog-post__meta .blog-post__meta-author {
    flex-basis: 100%;
  }

  .body-container--blog-postv2 .blog-post__meta .blog-post__meta-pretitle {
    flex-basis: 100%;
  }

  .body-container--blog-postv2 .blog-post .blog-post__image {
    margin-left: 0;
    width: 100%;
  }

  .body-container--blog-postv2 .blog-post .blog-post__body {
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 820px) {
  .body-container--blog-postv2 .blog-post {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 64px !important;
  }

  .resources-blog-related-posts {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .body-container--blog-postv2 .blog-post__meta {
    margin-bottom: 0;
  }

  .body-container--blog-postv2 .blog-post__meta .blog-post__meta-pretitle {
    margin-top: 0;
  }

  .body-container--blog-postv2 .blog-post__meta-pretitle .blog-post__tags {
    margin: 32px 0 48px;
  }

  .body-container--blog-postv2 .blog-post__tags a {
    margin-bottom: 0;
  }

  .body-container--blog-postv2 .blog-post__social-sharing {
    margin-bottom: 48px;
  }

  .blog-post__header-container {
    margin-bottom: 48px;
  }

  .body-container--blog-postv2 .blog-post__social-image-container {
    display: flex;
    flex-direction: column;
  }
}

.body-container--blog-index--publications .subtitle p{
    width: 45%;
    color: var(--temedica-grey-2, rgba(231, 234, 239, 0.85));
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0;
}

@media screen and (max-width: 820px) {
  .body-container--blog-index--publications .subtitle p {
    width: 100%;
  }
}

.blog-post__hero-banner .btn-transparent span {
  color: white !important;
}