/* Banner */

.blog-post__banner {
  background-color: #256eff;
  padding: 180px 0 350px;
}

.blog-post__banner h1,
.blog-post__banner time {
  color: #fff;
}

.blog-post__banner img.blog-featured-img {
  width: 100%;
  height: 713px;
  object-fit: cover;
  margin-top: 100px;
  margin-bottom: -700px;
}

@media screen and (max-width: 767px) {
  .blog-post__banner {
    padding: 180px 0 250px;
  }

  .blog-post__banner img.blog-featured-img {
    height: 328px;
    margin-bottom: -400px;
  }
}

/* Blog body */

.blog-post-wrapper .blog-post-section {
  padding: 180px 0 150px 0;
}

/* Blog post CTA banner */

.blog-post__cta-banner {
  background-color: #256eff;
  padding: 5em 0;
}

.blog-post__cta-banner h3 {
  color: #fff;
}

.blog-post__cta-banner .content-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}

@media screen and (max-width: 767px) {
  .blog-post__cta-banner .content-wrapper {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

/* Related posts */

.blog-post__related-posts {
  padding-top: 60px;
  padding-bottom: 60px;
}

.blog-post__aside__contents {
  display: none;
}

/* Date */

.blog-post__timestamp {
  display: block;
  margin-bottom: 0.7rem;
}

/* Author */

.blog-post__author {
  display: flex;
  margin-bottom: 1.4rem;
  align-items: center;
}

.blog-post__author-image {
  height: auto;
  width: 50px;
  margin-right: 0.7rem;
}

.blog-post__author-name,
.blog-post__author-name:hover,
.blog-post__author-name:focus,
.blog-post__author-name:active {
  text-decoration: none;
}

/* Content */

.blog-post__body img {
  height: auto;
  max-width: 100%;
}

/* Comments */

.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,
.blog-comments .comment-reply-to:active {
  background-color: transparent;
  text-decoration: underline;
}

/* NEW */

.hubdb-pagination {
  margin-bottom: 0;
}

section.module-hero-banner.hero-blog {
  padding-top: 100px;
  overflow: visible;
}

.module-hero-banner.hero-blog .hero-banner-shape {
  background: #dedefa;
  width: 100%;
}

.module-hero-banner.hero-blog .hero-banner__image-wrapper {
  margin-bottom: -60px;
}

.module-hero-banner.hero-blog .content_text,
.module-hero-banner.hero-blog .content_text * {
  color: var(--primary-colour);
}

.module-hero-banner.hero-blog ul.breadcrumb li,
.module-hero-banner.hero-blog ul.breadcrumb li a {
  color: var(--primary-colour);
}

.module-hero-banner.hero-blog ul.breadcrumb li:before {
  background: var(--primary-colour);
}

.module-hero-banner.hero-blog .hero-banner__image-wrapper img {
  display: block;
  border-radius: 10px;
}

.hero-blog_author_avatar img {
  width: 60px;
  height: 60px !important;
  border-radius: 50%;
  border: 1px solid var(--secondary-colour);
  object-fit: cover;
}

.hero-blog_author_content h6 {
  margin: 0;
}

.hero-blog_author {
  padding-top: 15px;
  display: flex;
  align-items: center;
  gap: 17px;
}

.module-hero-banner.hero-blog ul.breadcrumb {
  margin-top: 50px;
}

.module-hero-banner.hero-blog .hero-banner__image-wrapper img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  max-width: 400px;
}

@media (min-width: 992px) {
  section.module-hero-banner.hero-blog {
    padding-bottom: 40px;
    padding-top: 180px;
  }

  section.module-hero-banner.hero-blog .content-wrapper {
    align-items: end;
    gap: 100px;
  }

  section.module-hero-banner.hero-blog .hero-banner__text-wrapper {
    width: auto;
    flex: 0 1 54%;
  }

  section.module-hero-banner.hero-blog .hero-banner__image-wrapper {
    width: auto;
    flex: 0 1 46%;
    margin-bottom: -100px;
  }

  .module-hero-banner.hero-blog .hero-banner__image-wrapper img {
    width: 100%;
    max-width: none;
  }
}

aside.blog-post__aside {
  padding-bottom: 80px;
}

aside.blog-post__aside > p {
  font-size: 18px;
  font-weight: 600;
}

ul.blog-post__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid #A19BB8;
}

ul.blog-post__menu li {
  margin: 0 0 10px;
}

ul.blog-post__menu li a {
  display: block;
  padding: 5px 0 5px 28px;
  color: #726994;
  font-size: 18px;
  position: relative;
}

ul.blog-post__menu li a:before {
  display: block;
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  width: 3px;
  height: 100%;
  transition: all 0.3s ease;
}

ul.blog-post__menu li.active a:before {
  background: #5b4ce2;
}

ul.blog-post__menu li.active a {
  color: var(--primary-colour);
}

.blog-post__subscribe {
  border-radius: 10px;
  background: var(--primary-colour);
  color: #fff;
  padding: 35px 30px;
  margin-top: 80px;
}

.blog-post__subscribe form .hs-form-field > label {
  color: #fff;
}

.blog-post__subscribe form input[type="submit"] {
  width: auto;
}

/* Glossary */

.blog-post__aside__contents .table-content-head {
  font-weight: 600;
  margin-bottom: 14.5px;
  line-height: 160%;
}

.blog-post__body hr {
  border-bottom: 0;
  height: 1px;
  background-color: #D0CDDB;
  margin: 64px 0;
}

.blog-post__body .hs-embed-wrapper {
  max-width: 100% !important;
  margin-bottom 1.4rem!important;
}

.glossary-post-wrap .blog-post__body h3{
  margin-top:48px;
}

.glossary-post-wrap .blog-post__body table tbody tr:first-child td p {
  border-bottom: 1px solid #726994 !important;
}

.glossary-post-wrap .blog-post__body table{
  border:0!important;
}

.glossary-post-wrap .blog-post__body table tbody td {
  color: #14054d;
  border: 0 !important;
  padding: 0;
  padding-right: 20px;
}

.glossary-post-wrap .blog-post__body table tbody tr {
  background-color: transparent;
}

.glossary-post-wrap .blog-post__body tr td p {
  padding: 16px 0;
  margin: 0;
  border-bottom: 1px solid #D0CDDB !important;
}

.glossary-post-wrap .blog-post__body table tbody tr:last-child td p {
  padding-bottom: 0;
  border: 0 !important;
}

.blog-post__body ol li::marker {
  font-weight: 700;
}

@media (min-width: 992px) {
  article.blog-post {
    display: flex;
    align-items: start;
    gap: 50px;
  }

  aside.blog-post__aside {
    flex: 0 1 30%;
    position: sticky;
    top: 100px;
    max-height: calc(100vh - 100px);
    overflow: auto;
    padding-bottom: 30px;
  }

  .blog-post__body {
    flex: 0 1 70%;
  }
}

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

  .glossary-post-wrap .blog-post__body h3 {
    margin-top: 30px;
  }
  .blog-post__body hr {
    margin: 40px 0;
  }
  .blog-post-wrapper .blog-post-section {
    padding: 120px 0 150px 0;
  }

  .blog-post__subscribe {
    margin-top: 50px;
  }

  aside.blog-post__aside {
    padding-bottom: 50px;
  }
}