/*
// -------------------------------------------------------------------
// Listview
// -------------------------------------------------------------------
// All products container
// -------------------------------------------------------------------
*/
/*
.products 
{
	outline: 5px dashed rgb(255, 165, 0, 0.5);
}
*/


/*
// -------------------------------------------------------------------
// Listview
// -------------------------------------------------------------------
// Add a box around the Listview Filter
// -------------------------------------------------------------------
// HINT
// - Don't do it in the Divi module
// - Even a border set in a row module creates a new
//   CSS Stacking Context
// - Then the dropdown of the filter will be trapped inside
//   the row div
// - Why? Divi adds a css property mix-blend-mode, which creates
//   a stacking context, similar to z-index. Oh my. 
// -------------------------------------------------------------------
*/
.wps-listview-filterbox-background-to-avoid-mix-blend-mode-stacking
{
	background-color: #f2f2f2!important;
	border: 1px solid #dadada;
	border-left-width:0;
	border-right-width:0;

	padding-top: 30px!important;
	padding-bottom: 10px!important;
}




/*
// -------------------------------------------------------------------
// Listview
// -------------------------------------------------------------------
// Pagination
// -------------------------------------------------------------------
// Abstand Pagination nach Productlist
// -------------------------------------------------------------------
// DIVI 5 beta
// -------------------------------------------------------------------
*/
nav.woocommerce-pagination
{
	margin-top: 40px;
}