/* Blog post */

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

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.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: center;
}

.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;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------*/

.blog--post{
  margin-top: 116px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.blog--post__top-wrapper{
  width: 100%;
}
.blog--post__top-wrapper__header{
  margin: 0 auto;
  max-width: var(--container_width);
  padding: 0 2rem;
  margin-bottom: 12rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 800px){
  .blog--post__top-wrapper__header{
    flex-wrap: wrap;
  } 
}
.blog--post__top-wrapper__header__media{
  width: 50%;
}
.blog--post__top-wrapper__header__informations{
  width: calc(5 / 12 * 100%);
  margin-right: calc(1 / 12 * 100%);
}
@media (max-width: 800px){
  .blog--post__top-wrapper__header__media,
  .blog--post__top-wrapper__header__informations{
    width: 100%;
  } 
  .blog--post__top-wrapper__header__media{
    margin-top: var(--spacer_20);
  }
}
.blog--post__breadcrum{
  margin: 0 auto;
  margin-bottom: 4rem;
  max-width: var(--container_width);
  padding: 0 2rem;
}
.blog--post__bottom-wrapper__related{
  margin: 0 auto;
  max-width: var(--container_width);
  padding: 0 2rem;
}
.blog--post__top-wrapper__post{
  display: flex;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #EDF8FF 100%);
  padding-bottom: 12rem;
}
.blog--post__wrapper--post{
  margin: 0 auto;
  max-width: 77rem;
  padding: 0 2rem;
}
.blog--post__top-wrapper__header__informations__time{
  display: flex;
  opacity: .7;
  margin-bottom: var(--spacer_16);
}
.blog--post__top-wrapper__header__informations__time *{
  color: background: rgba(78, 92, 109, 1);
  font-size: calc(var(--spacer_10) + var(--spacer_04));
} 
.blog--post__top-wrapper__header__informations__time span{
  margin-left: var(--spacer_04);
}
.blog--post__top-wrapper__header__informations__author{
  display: flex;
  align-items: center;
}
.blog--post__top-wrapper__header__informations__author__picture{
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  margin-right: var(--spacer_24);
}
.blog--post__top-wrapper__header__informations__author__picture img{
  width: 100%;
}
.blog--post__top-wrapper__header__informations__author__informations p{
  color: var(--dark_blue_color);
  font-weight: var(--font_weight_600);
}
.blog--post__top-wrapper__header__informations__author__informations a{
  color: var(--table_head_bg_color);
}
.blog--post__top-wrapper__header__informations__author__informations a:hover{
  text-decoration: underline;
}
.blog--post__top-wrapper__header__informations__tags{
  display: flex;
}
.blog--post__top-wrapper__header__informations__tags__tag{
  background: #FFD37D80;
  padding: var(--spacer_08) var(--spacer_12);
  border-radius: var(--border_radius_4);
  color: var(--dark_blue_color);
  font-size: calc(var(--spacer_10) + var(--spacer_04));
  font-weight: var(--font_weight_600);
  transition: opacity .3s;
  margin-right: 2rem;
  margin-bottom: 1rem;
  white-space: nowrap;
  display: inline-block;
}
.blog--post__top-wrapper__header__informations__tags__tag:hover{
  opacity: .7;
}

.blog--post__breadcrum a{
  color: rgba(78, 92, 109, .6);
}
.blog--post__breadcrum a:hover{
  text-decoration: underline;
}
.blog-title__breadcrum__home{
  position: relative;
  margin-right: 18px;
}
.blog-title__breadcrum__home:after{
  content: '';
  width: 8px;
  height: 29px;
  right: -15px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='28' viewBox='0 0 9 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.70703 7.29289L8.07099 13.6569L1.70703 20.0208L0.292817 18.6066L5.24256 13.6569L0.292818 8.70711L1.70703 7.29289Z' fill='%230394FD'/%3E%3C/svg%3E%0A");
  background-repeat: repeat;
}
.blog-title__breadcrum__link.active,
.blog-title__breadcrum__blog.active{
  font-weight: var(--font_weight_600);
  color: rgba(78, 92, 109, 1);
}

.blog-title__breadcrum__blog.notactive{
  position: relative;
  margin-right: 18px;
}
.blog-title__breadcrum__blog.notactive:after{
  content: '';
  width: 8px;
  height: 29px;
  right: -15px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='28' viewBox='0 0 9 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.70703 7.29289L8.07099 13.6569L1.70703 20.0208L0.292817 18.6066L5.24256 13.6569L0.292818 8.70711L1.70703 7.29289Z' fill='%230394FD'/%3E%3C/svg%3E%0A");
  background-repeat: repeat;
}

.blog--post__wrapper--post p{
	margin-bottom: 1.5rem;
}