/*
 * Gebruik nested CSS in je wrapper div: .awcf-acf-repeater-loop-item
 * Meer informatie: https://www.w3schools.com/cssref/sel_nesting.php
 */

.awcf-acf-repeater-loop-item { 
	
	display: flex;
	flex-direction: row;
	gap: 20px;
    flex-wrap: wrap;
	justify-content: flex-start;
	
	& .repeater-item{
		
		display: flex;
		flex-direction: column;
		flex: 23% 0 1;
		gap: 10px;
		
		& .aw-repeater-img{
			height: 300px;
			width: 300px;
			align-self: center;
			object-fit: contain;
		}
		& .aw-repeater-title{
			font-weight: 700;
		}
	}
} 

@media only screen and (max-width: 1024px) {
	.repeater-item{
		flex: 48% 0 1 !important;
	} 
}