/**
 * Dafa: View: Works
 * 
 * @author alisch berlec hönow
 * @version 2.0.10
 */

#works__grid {
	--row-gap: var( --grid-row-gap );
	--column-gap: var( --grid-column-gap );

	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	row-gap: var( --row-gap );
	column-gap: var( --column-gap );
}



/* ------- @grid sd ------- */
@media ( min-width: 500px ) {
	#works .filter-bar {
		--row-count: 2;
		--column-count: 3;
	}

	#works .filter-bar .filter-group:nth-child( -n + 3 ) .filter-group__title {
		border-top: none;
	}
}



/* ------- @grid < md ------- */
@media ( max-width: 699px ) {
	#works__grid > *:nth-child( 5n + 1 ) {
		grid-column-start: span 2;
	}
}

/* ------- @grid md ------- */
@media ( min-width: 700px ) {
	#works__grid {
		grid-template-columns: repeat( 6, 1fr );
	}
}

/* ------------------------ */
@media ( min-width: 700px ) and ( max-width: 1099px ) {
	#works__grid > * {
		grid-column-start: span 2;
	}

	#works__grid > *:nth-child( 8n + 1 ),
	#works__grid > *:nth-child( 8n + 2 ) {
		grid-column-start: span 3;
	}
}



/* ------- @grid lg ------- */
@media ( min-width: 1100px ) {
	#works .filter-bar {
		--row-count: 1;
		--column-count: 6;
	}

	#works .filter-bar .filter-group .filter-group__title {
		border-top: none;
	}
	
	#works__grid {
		grid-template-columns: repeat( 12, 1fr );
	}

	#works__grid > * {
		grid-column-start: span 3;
	}

	#works__grid > *:nth-child( 20n + 1 ),
	#works__grid > *:nth-child( 20n + 2 ) {
		grid-column-start: span 6;
	}

	#works__grid > *:nth-child( 20n + 3 ),
	#works__grid > *:nth-child( 20n + 4 ),
	#works__grid > *:nth-child( 20n + 5 ),
	#works__grid > *:nth-child( 20n + 6 ),
	#works__grid > *:nth-child( 20n + 7 ),
	#works__grid > *:nth-child( 20n + 8 ) {
		grid-column-start: span 4;
	}
}