/* Temporary fix for blog archive grid layout - until SCSS is compiled */
/* Target all possible combinations of the grid element */
.tmpl-blog .alm-listing.alm-grid.alm-grid-cols-3,
.tmpl-blog .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
.blog .alm-listing.alm-grid.alm-grid-cols-3,
.blog .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
.alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
.alm-layouts .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
div.alm-listing.alm-grid.alm-grid-cols-3,
div.alm-listing.alm-ajax.alm-grid.alm-grid-cols-3 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 32px !important;
	flex-wrap: unset !important;
	row-gap: unset !important;
}

@media screen and (max-width: 1024px) {
	.tmpl-blog .alm-listing.alm-grid.alm-grid-cols-3,
	.tmpl-blog .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
	.blog .alm-listing.alm-grid.alm-grid-cols-3,
	.blog .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
	.alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
	.alm-layouts .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
	div.alm-listing.alm-grid.alm-grid-cols-3,
	div.alm-listing.alm-ajax.alm-grid.alm-grid-cols-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media screen and (max-width: 768px) {
	.tmpl-blog .alm-listing.alm-grid.alm-grid-cols-3,
	.tmpl-blog .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
	.blog .alm-listing.alm-grid.alm-grid-cols-3,
	.blog .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
	.alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
	.alm-layouts .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
	div.alm-listing.alm-grid.alm-grid-cols-3,
	div.alm-listing.alm-ajax.alm-grid.alm-grid-cols-3 {
		grid-template-columns: 1fr !important;
	}
}