/* Blog post */













.blog_post-content_article h1,
.blog_post-content_article .h1 {
  font-size: 42.5px;
}

.blog_post-content_article h2,
.blog_post-content_article .h2 {
  font-size: 34.2px;
}

.blog_post-content_article h3,
.blog_post-content_article .h3 {
  font-size: 30.400000000000002px;
	font-weight: 600;
}
.blog_post-content_article h4,
.blog_post-content_article .h4 {
	font-size: 19.200000000000003px;
	font-weight: 600;
}

.blog_post-wrapper.content-wrapper {
	padding: 90px 0px 100px 0px;
	align-items: stretch;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 110px 1rem;
  max-width: 1100px;
}

.blog_post-content_wrapper {
  align-items: stretch;
	display: flex;
  flex-wrap: wrap;
  margin: 0px;
  flex-direction: row;
	gap: 60px;
}
.blog_post-content {
  align-items: stretch;
	display: flex;
  flex-wrap: wrap;
  margin: 0px;
  flex-direction: row;
	width: calc(75% - 60px);
	gap: 60px;
}
.blog_post-content_share {
	align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 0px;
	width:80px;
}
.blog_post-content_article {
	align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 0px;	
	width: calc(100% - 80px - 60px);
}
.blog_post-aside {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 0px;
	width: 25%;
}

.blog_post-module_share_wrapper {
	position: sticky;
  top: 90px;
}
.blog_post-subscription_wrapper {
	position: sticky;
  top: 90px;
}
.blog_post-content_title {
	margin-bottom:0px;
	margin-top: -10px;
}

.blog_post-content_feature_image {
	width: 100%;
  height: auto;
  aspect-ratio: 1.8;
  object-fit: cover;
	border: 1px solid var(--grey_300_color);
	margin-bottom:2rem;
}
.blog_post-content_article img {
	max-width: 100%;
	height:auto;
}
.blog_post-content_summary img {
	display:none;
}
.blog_post-content_tags {
	margin: 2.5rem 0px;
}
.blog_post-content_tags a {
	font-size:.85rem;
	line-height: 1.2;
	transition: .2s ease-in-out;
}
.blog_post-content_tags a:hover {
	color:var(--primary_color);
	transition: .3s ease-in-out;
	text-decoration: underline;
}

.blog_post-module_share_wrapper .social-links {
  flex-direction: column;
  align-items: flex-start;
	gap: 1rem;
}
.blog_post-module_share_wrapper .social-links a span {
	width:25px;
	margin:0px;
}
.blog_post-module_share_wrapper .social-links a .social-links__icon svg {
	transition: .2s ease-in-out;
	fill: var(--primary_color)!important;
}
.blog_post-module_share_wrapper .social-links a:hover .social-links__icon svg {
	fill: var(--grey_400_color)!important;
	transition: .3s ease-in-out;
}

.blog_post-aside > * {
	margin-bottom: 2rem;
}

.blog_post-subscription_wrapper {
	border-radius: 1rem;
	background: var(--primary_color);
	padding: 30px;
	margin: 1rem 0px;
}
.blog_post-subscription_wrapper .form-title {
	color: white;
	font-size: 1.2rem;
}
.blog_post-subscription_wrapper .hs-button {
	width: 100%;
}

.blog_post-subscription_wrapper .legal-consent-container {
	max-height:0px;
	overflow: hidden;
	transition: .6s ease-in-out;
}
.blog_post-subscription_wrapper.form-open .legal-consent-container {
	max-height:1000px;
}

.blog_post-module_main_categorie a.tag-main_categorie {
	border-radius: 5px;
	padding: 6px 15px;
	background: var(--primary_color);
	color: white;
	font-weight: 400;
}
.blog_post-module_main_categorie a.tag-main_categorie:hover {
	color: var(--secondary_color);
}

.blog_post-module_products_tags {
	margin:1rem 0px;
}
.blog_post-module_products_tags-title {
	font-size: 1rem;
	margin-bottom: .25rem;

}
.blog_post-module_products_tags ul {
  padding: 0px 0px 0px 10px;
  list-style-position: inside;
  list-style-type: square;
}
.blog_post-module_products_tags ul li a {
  text-transform: none;
	font-size: 16px;
}

.blog_listing_wrapper {
	display: flex;
  flex-direction: row;
  gap: 3rem;
  width: 100%; 
	padding: 70px 1rem;
}
.blog_listing_filters {
	flex: 0 0 30%;
  max-width: 300px;
}
.blog_listing_content {
	flex: 1 0 calc(70% - 3rem);
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
}
.blog_listing_content-wrapper {
	width:100%;
}
.blog_listing_filters ul li {
list-style-type: none !important;
}

.blog_listing_filters ul li:not(:first-child) {
  margin-top: .5rem;
}
.blog_listing_filters ul li {
    width: 100%;
}
.blog_listing_filters ul li label:hover,
.blog_listing_filters ul li input:hover {
    cursor: pointer!important;
}

.blog_listing_filters ul {
    list-style-type: none !important;
    padding: 0 0 0 5px !important;
}

.blog_listing_filters .blog_listing_filters-title {
  color: var(--grey_500_color);
  font-size: .8em;
}

.blog_listing_filters .blog_listing_filters-group_title {
  color: var(--grey_800_color);
  font-size: 1rem;
  margin: 0 0 .5rem;
}
.blog_listing_filters .blog_listing-filter_as_icon_wrapper {
  display: inline-flex;
  gap: .5rem;
}
.blog_listing_filters .blog_listing-filter_as_icon_wrapper img {
  top: 3px;
	position: relative;
}

/* Blog related posts */

.related_posts_title-wrapper h2 {
	text-align: center;
	margin-bottom: 3rem;
}

.blog-related-posts article {
	max-width:calc(33.333333% - 2rem);
}


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

/* blog listing et blog post hero */

.blog_post-hero_wrapper,
.blog_listing-hero_wrapper {
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
	padding:0px 1rem;
}

.body-container--blog_post .blog_post-hero_content.content-wrapper {
	max-width: 1100px;
	height: 170px;
}
.body-container--blog_listing .blog_listing-hero_content.content-wrapper {
	height: 380px;
}
.blog_listing_tag-hero_content {
	height: 200px;
}
.blog_post-hero_content.content-wrapper,
.blog_listing-hero_content.content-wrapper,
.blog_listing_tag-hero_content.content-wrapper {
	padding: 70px 0px 0px 0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
}

.blog_post-hero_content h3,
.blog_post-hero_content p,
.blog_listing-hero_content h3,
.blog_listing_tag-hero_content h1 {
	margin:0px;
	color: white;
}
.blog_listing_tag-hero_content h1 span {
  color: var(--secondary_color);
}
.blog_post-hero_content h3,
.blog_post-hero_content p,
.blog_listing-hero_content h1 {
	margin:0px;
	color: white;
	text-transform: uppercase;
}
.blog_listing-hero_content h1 span {
	margin-bottom:.5rem;
	color: var(--secondary_color);
	display:block;
	text-transform: uppercase;
}
.blog_post-home_button,
.blog_liting-home_button {
	transition: .3s ease-in-out;
}
.blog_post-home_button:hover,
.blog_liting-home_button:hover {
	transition: .3s ease-in-out;
	transform: translateX(-10px);
}

article.blogpost_card-wrapper.hidden {
	display: none;
}


@media screen and (max-width: 768px) {
  .blog_listing_wrapper {
		display: flex;
		flex-direction: column;
		gap: 3rem;
		width: 100%;
  }
	 .blog_listing_wrapper .blog_listing_filters {
    flex: 0 0 100%;
    max-width: 100%;
  }
	.blog_listing_filters .blog_listing-filter_as_icon_wrapper img {
		top : 0px;
    max-width: 17px;
    max-height: 17px;
	}
	.blog_listing_filters ul {
		display: grid;
		gap: .5rem 1rem;
		grid-template-columns: 1fr 1fr;
		padding: 0 !important;
	}
	.blog_listing_filters ul li {
	  line-height: 1rem;
    margin-top: 0 !important;
	}
  .blog_listing_filters ul li input {
	  left: 0;
    position: absolute;
    top: 0;
	}
	.blog_listing_filters ul li label {
	  padding-left: 35px;
    display: flex;
    flex-direction: row;
    position: relative;
  }
	.blog_listing_content {
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
  }
	.blog_post-content_wrapper {
		flex-direction: column;
	}

	.blog_post-content {
		width: 100%;
    flex-direction: column-reverse;
	}
	.blog_post-content_article {
    width: 100%;
  }
	.blog_post-content_share {
		flex-direction: row;
		width:100%;
	}
	.blog_post-aside {
    width: 100%; 
  }
	.blog-related-posts__list {
		flex-direction: column;
	}
	.blog-related-posts article  {
    max-width: calc(100% - 2rem)!important;
  }
}


/* 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 pagination */
.blog_listing_pagination-wrapper .blog_listing_pagination {
	list-style-type: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0px;
  margin: 40px 0px;
}

.blog_listing_pagination li {
	cursor: pointer;
	display: inline-block;
  margin: 0 5px;
}

.blog_listing_pagination li[data-pagination-page="..."] {
	cursor: default;
}

.not_current_page {
	display: none !important;
}

.blog_listing_pagination [data-pagination='template'], .blog_listing_pagination-wrapper.hidden {
	display: none;
}

.blog_listing_pagination .current_page {
	font-weight: bold;
}

/* Post header: title, meta, tags */
.blog_post-content_article .blog_post-content_title {
	margin-bottom: .75rem;
}
.blog_post-content_article .blog_post-content-dates {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem .5rem;
	margin: 0;
	font-size: .9rem;
	line-height: 1.4;
	color: var(--grey_500_color);
}
.blog_post-content_article .blog_post-content-dates time {
	color: var(--grey_800_color);
	font-weight: 600;
}
.blog_post-content_article .blog_post-meta_sep {
	color: var(--grey_400_color);
}
.blog_post-content_article .blog_post-content_tags {
	margin: 1rem 0 1.75rem 0;
}

/* Blog cards: title tag varies (h2 on listing, h3 in related posts), keep the h4 look */
.blogpost_card-title,
.blogpost_card-title a {
	font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none
	font-size: 24px;
	text-transform: none;
}