/*
// -------------------------------------------------------------------
// wps-section-logos-in-a-divi-row.css
// -------------------------------------------------------------------
*/


/*
// -------------------------------------------------------------------
// Section logos
// -------------------------------------------------------------------
// A row wit some images
// -------------------------------------------------------------------
// - Align via Flex
// -------------------------------------------------------------------
// LAYOUT
// -------------------------------------------------------------------
*/

/* The divi row */
.et_pb_row.wps-logo-row-container > .et_pb_column 
{
	/* Reset divi */
	float: none;

	/* Flex it up */
	display: flex;

	/* default */
	flex-direction: row;
	
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 2rem;

	/* Abstand */
	padding: 2rem;
	padding-top: 5px;
	padding-bottom: 5px;

	margin: 0 auto;


	/* outline: 5px dashed gray; */
}


/* image container */
.et_pb_module.et_pb_image.wps-logo-row-item 
{
	flex: 0 0 auto;
	text-align: center;

	/* outline: 5px dashed black; */


}
.et_pb_module.et_pb_image.wps-logo-row-item
{
	/* Remove DIVI default margin of 30px */
	/* The last col does not have it */
	margin-bottom: 0;
}

.et_pb_module.et_pb_image.wps-logo-row-item img 
{
	/* height: 80px; */
	/* height: 50px; */
	height: 47px;
	width: auto;
	object-fit: contain;
}



/*
// -------------------------------------------------------------------
// Section logos
// -------------------------------------------------------------------
// A row wit some images
// -------------------------------------------------------------------
// - Background color
// - Logos inverted
// -------------------------------------------------------------------
// THEME
// -------------------------------------------------------------------
*/

/* The divi row */
.et_pb_row.wps-logo-row-container
{
	/* background-color: var(--wps-graylight1); */
	background-color: var(--wps-dunkelbraun);
}

/* One logo */
.et_pb_module.et_pb_image.wps-logo-row-item img 
{
	/* Make a black image white */
	/* Brightness adjusts the white */
 	filter: grayscale(100%) invert(1) brightness(1.2);
}








/*
// -------------------------------------------------------------------
// Mobile
// -------------------------------------------------------------------
*/

/*
@media (max-width: 768px) {
	.wps-logo-row-container {
		gap: 1.5rem;
		padding: 1.5rem;
	}

	.wps-logo-row-item img {
		height: 60px;
	}
}

@media (max-width: 480px) {
	.wps-logo-row-container {
		gap: 1rem;
		padding: 1rem;
	}

	.wps-logo-row-item img {
		height: 50px;
	}
}
*/