/* Article groups START */

/* the whole card title */
div.subgroupslist > ul > li {
	max-height: 96px;
	height: 96px;
}

div.subgroupslist > ul > li.subgroup.article > a {
	position: relative;
}

div.subgroupslist > ul > li.subgroup.article > a > div {
	position: relative;
	z-index: 2;
	padding: .5em 0;
	min-width: 100%;
	color: var(--menu-text-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

div.subgroupslist > ul > li.subgroup.article > a > div > h2 {
	color: var(--menu-text-color);
	font-weight: 900;
	text-shadow: 3px 3px 5px black;
	/*noinspection CssInvalidPropertyValue*/
	text-wrap: wrap;
	word-break: break-word;
}

div.subgroupslist > ul > li.subgroup.article > a > picture {
	position: absolute;
	object-fit: cover;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 1199px) {
	
	div.subgroupslist > .qGrid.multiple {
		flex-flow: wrap;
	}
	
	div.subgroupslist > ul > li > a picture img {
		width: fit-content;
		min-width: unset;
		min-height: unset;
	}
	
	div.articlegroup.subgroupslist > ul > li > a picture img {
		min-width: 100%;
		height: auto;
	}
	
	/* the whole card title */
	div.subgroupslist > ul > li {
		max-height: 96px;
		height: 96px;
	}
}

/* Article groups END */