.section.blog .articles .article {
	max-width: unset;
}

.section.blog .articles .article a {
	display: block;
	max-width: 295px;
}



/*ARTICLE PAGE*/
.section.blog-article .article .image {
	margin-bottom: 4vh;
}

.section.blog-article .info {
	margin-bottom: 1vh;
}

.section.blog-article .category + .separator {
	margin: 0 .35vw;
}

.section.blog-article .tags {
	margin-top: 4vh;
}

.section.blog-article .share {
	margin-top: 4vh;
}

.section.blog-article .share span {
	margin-right: 1rem;
}

.section.blog-article .share svg {
	height: 20px;
	min-width: 20px;
	width: auto;
	opacity: .8;
	transition: var(--global-transition);
}


.section.blog-article .share a:not(:first-of-type) {
	margin-left: 1rem;
}

.section.blog-article .share a:hover svg {
	opacity: 1;
}

.section.blog-article .tags .tag {
	background-color: var(--bg-alt-color);
	border-radius: var(--border-radius-small);
	padding: .5rem 2.5rem .5rem 2rem;
}

.section.blog-similar {
	background-color: var(--bg-alt-color);
}

.section.blog-similar + footer .grid-container {
	border: 0px;
}

.section.blog-similar .article a * {
	transition: 0ms;
}

.section.blog-similar .swiper-pagination {
	position: relative;
	margin-top: 4vh;
}

.section.blog-similar .swiper-pagination .swiper-pagination-bullet {
	background-color: var(--color-default);
	opacity: .3;
}

.section.blog-similar .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { 
	opacity: .7;
}

/*ONLY DESKTOP >= 1024px */
@media all and (min-width: 64em) {
	body.page-secondary .section.blog .articles .article:nth-of-type(3n):not(:last-of-type) {
		margin-bottom: 10vh;
	}
	.section.blog .articles .article:nth-of-type(3n-1) a {
		margin: auto;
	}

	.section.blog .articles .article:nth-of-type(3n) a {
		margin-left: auto
	}

	.section.blog .articles .article .title {
		min-height: 56px;
	}

	.section.blog-article .article .image {
		padding-bottom: 55%;
	}
}
/*END DESKTOP ONLY*/


/*MOBILE ONLY*/
@media all and (max-width: 1023px) {
	.section.blog .articles .article a {
		margin: auto auto 7vh auto;
		max-width: unset;
	}

	.section.blog .articles .article .title { 
		margin-bottom: 0;
	}

	.section.blog-similar #blogPagination {
		display: none;
	}
}