.hs-blog-listing{
	background-color: var(--black_color);
}


/***** PROGRESS BAR ****/

.pBar {
	position: sticky;
	top: 0;
	z-index: 1;
	width: 100%;
	background-color: var(--white_color); 
}

.progress-container {
	width: 100%;
	height: 8px;
	background: var(--white_color);
}

.progress-bar {
	height: 8px;
	background: var(--primary_color);
	width: 0%;
}

/***** BLOG POST ****/

.blog-post__meta{
	height: 100%;
}

.blog-post--summary{
	position: sticky;
	top: 0;
}

.body-container--blog-post .content-wrapper{
	margin-top: 9.6rem;
	margin-bottom: 10rem;
}

.body-container--blog-post .content-wrapper ul li{
	margin-bottom: var(--spacer_xs);
}

.body-container--blog-post .content-wrapper img{
	min-width: 100%;
}

.body-container--blog-post .content-wrapper a img{
	min-width: auto;
}


.body-container--blog-post h3{
	color: var(--primary_color);
	font-size: var(--h5_font_size);
}

.body-container--blog-post blockquote{
	padding: 7rem 11.1rem 7rem 11.1rem;
	border-left: none;
	font-size: var(--h5_font_size);
	position: relative;
}

.body-container--blog-post blockquote p{
	font-size: var(--h5_font_size);
	line-height: 3.6rem;
	font-family: var(--primary_font);
}

.body-container--blog-post blockquote:before{
	content: "";
	position: absolute;
	left: 40px;
	top: 21px;
	background-image: url(https://3853195.fs1.hubspotusercontent-eu1.net/hubfs/3853195/NEW-blog/icons/quote-left.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 5rem;
	height: 5rem;
}

.body-container--blog-post blockquote:after{
	content: "";
	position: absolute;
	right: 40px;
	bottom: 23px;
	background-image: url(https://3853195.fs1.hubspotusercontent-eu1.net/hubfs/3853195/NEW-blog/icons/quote-right.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 5rem;
	height: 5rem;
}

.body-container--blog-post  .date--mobile{
	display: none;
}

@media (max-width: 767px){
	.body-container--blog-post .date--mobile{
		display: flex;
		margin-bottom: var(--spacer_md);
	}

	.body-container--blog-post .date--mobile time{
		margin-left: 0.5rem;
	}

	.body-container--blog-post .content-wrapper{
		margin-top: var(--spacer_xxxl);
	}
}

@media (max-width: 480px){
	.body-container--blog-post blockquote {
		padding: 6rem 1rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
	}

	.body-container--blog-post blockquote p{
		font-size: 2.4rem;
		line-height: 3.2rem;
	}

	.body-container--blog-post blockquote:before {
		background-image: url(https://3853195.fs1.hubspotusercontent-eu1.net/hubfs/3853195/NEW-blog/icons/quote-left.svg);
		left: 10px;
		top: -8px;
	}

	.body-container--blog-post blockquote:after {
		background-image: url(https://3853195.fs1.hubspotusercontent-eu1.net/hubfs/3853195/NEW-blog/icons/quote-right.svg);
		bottom: -4px;
		right: 10px;
	}
}

/**** BANNER CTA BLOG POST ****/

.blog-post--banner-cta.dnd-section{
	padding-top: 8rem;
	padding-bottom: 8rem;
	background-color: var(--secondary_color);
}

/**** SOCIAL SHARING ****/

.social-sharing--title{
	font-weight: var(--font_weight_bold);
	font-size: 2rem;
	margin-top: var(--spacer_xxxl);
	margin-bottom: var(--spacer_xs);
}

.hs_cos_wrapper_type_social_sharing a{
	background: var(--primary_color);
	min-width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin-bottom: var(--spacer_xxxs);
}

.hs_cos_wrapper_type_social_sharing a:not(:last-child){
	margin-right: var(--spacer_xxxs);
}

.hs_cos_wrapper_type_social_sharing a img{
	border-radius: 50%;
}

@media (max-width: 992px){
	.blog-post__meta{
		display: none;
	}

	.body-container--blog-post .blog-post .span7{
		width: 100%;
	}
}


/***** LIST TOPICS *****/

.blog-post--list-topics{
	margin-top: 7rem;
}

.blog-post--list-topics .tag{
	margin-left: 2rem;
}

.blog-post--list-topics .tag a{
	color: var(--black_color);
	font-weight: var(--font_weight_bold);
	border: 1px solid var(--black_color);
	border-radius: 70px;
	padding: 4px 16px;
	transition: all .3s ease-in-out;
	margin: 0 5px;
}

.blog-post--list-topics .tag a:hover{
	color: var(--white_color);
	background-color: var(--black_color);
}


/***** MORE TAGS ******/ 


.post-tag.more-tag {
	cursor: pointer;
}

.tags__container {
	position: relative;
}


.post-tags__container .more-tag__container {
	position: absolute;
	top: 100%;
	left: 0;
	transform: translate(0px, -44px);
	width: 34rem;
	padding: 2rem 4rem 0rem 2rem;
	border-radius: 13.5px;
	background-color: #FFF;
	box-shadow: inset 0 0 0 1px #d2cdda, 0 2.8px 2.2px rgb(0 0 0 / 3%), 0 6.7px 5.3px rgb(0 0 0 / 5%), 0 12.5px 10px rgb(0 0 0 / 6%), 0 22.3px 17.9px rgb(0 0 0 / 7%), 0 41.8px 33.4px rgb(0 0 0 / 9%), 0 100px 80px rgb(0 0 0 / 12%);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: all 0.2s ease
}
.post-tags__container.shazam .more-tag__container {
	transform: translate(0px, -44px);
	opacity: 1;
	visibility: visible;
	z-index: 3;
}
.post-tags__container.shazam .more-tag__container .dismiss {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231d0647' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.post-tag {
	position: relative;
	font-size: 1.6rem;
	color: var(--white_color);
	padding: 0.3rem 1rem;
	background-color: var(--primary_color);
	border-radius: 14px;
	z-index: 2;
	margin-right: 1.5rem;
	transition: color .2s ease,background .2s ease;
}

.more-tag__container .topic-blog-post{
	margin-bottom: 2rem;
}



h1{
        font-size: 40px;
        line-height: 48px;
    }
h2{
        font-size: 32px;
        line-height: 40px;
    }
h3{
        font-size: 28px;
        line-height: 36px;
    }
h4, h5, h6{
        font-size: 24px;
        line-height: 32px;
    }
}