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


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

/* The divi column */

.et_pb_column.wps-logo-column-container  
{
	/* Reset divi */
	float: none;

	/* Flex it up */
	display: flex;

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

	/* Abstand */
	padding: 40px;
	padding-top: 20px;
	padding-bottom: 20px;

	margin: 0 auto;


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


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

	/* outline: 5px dashed black; */


}
.et_pb_module.et_pb_image.wps-logo-column-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-column-item img 
{
	/* height: 80px; */
	/* height: 50px; */
	height: 47px;
	width: auto;
	object-fit: contain;
}

/*
// -------------------------------------------------------------------
// Section logos
// -------------------------------------------------------------------
// Modifier
// -------------------------------------------------------------------
// - Logos size (height)
// -------------------------------------------------------------------
// Size M = Default size (47px)
// Size L = A bit larger
// Size XL = Much larger
// -------------------------------------------------------------------
// THEME
// -------------------------------------------------------------------
*/

/* One logo */
.et_pb_column.wps-logo-column-container.wps-logo-size-m  .et_pb_image.wps-logo-column-item img 
{
	height: 47px;
}
.et_pb_column.wps-logo-column-container.wps-logo-size-l  .et_pb_image.wps-logo-column-item img 
{
	height: 75px;
	height: 60px;
}
.et_pb_column.wps-logo-column-container.wps-logo-size-xl  .et_pb_image.wps-logo-column-item img 
{
	height: 100px;
}



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

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




/*
// -------------------------------------------------------------------
// Section logos
// -------------------------------------------------------------------
// Modifier
// -------------------------------------------------------------------
// - Logos inverted
// -------------------------------------------------------------------
// THEME
// -------------------------------------------------------------------
*/

/* One logo */
.et_pb_column.wps-logo-column-container.wps-logo-inverted  .et_pb_image.wps-logo-column-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-column-container {
		gap: 1.5rem;
		padding: 1.5rem;
	}

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

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

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