/* tijdelijk pulldown uitgezet */
/*
.filters .controls
	{
		display: none;
	}
*/
.section
	{
		margin: 0px 20px;
	}
	
.section > * > *
	{
		display: flex;
		flex-wrap: nowrap;
		max-width: var( --template-width );
		margin: auto;
	}

.block-main
	{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		flex-grow: 1;
	}

.block-main > * > *
	{
		width: 100%;
	}

.block-container-heading
	{
		display: flex;
		flex-direction: column;
		padding: 15px 0px;
	}

.block-container-heading .buttons
	{
		margin-top: 5px;
	}
	
.block-container-heading .filtered
	{
		display: flex;
		flex-direction: row;
	}

.block-container-heading .results
	{
		display: flex;
		flex-direction: row;
	}

.block-container-heading .results > *
	{
		display: flex;
		flex-direction: row;
		align-items: center;
	}

.block-container-heading .results .sort
	{
		margin-left: auto;
	}


.block-container-heading .filtered .items
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;		
	}

.block-container
	{
		display: flex;
		padding-bottom: 20px;
	}
	
.block-container .title
	{
	}


.block-container > * > * > * 
	{
		margin: -15px;
	}
	
.block-filters
	{
		position: relative;
		left: 0px;
		height: 100%;
		min-width: 300px;
		padding: 15px 20px 15px 0px;
		margin-left: 0px;
		transition: all 0.3s ease-in-out;
		z-index: 10;
	}

.block-filters > .filters
	{
		flex-grow: 1;
	}

.block-filters > .overlay
	{
		display: none;		
	}


.section:is( .open ) > :is( [data-span~="hide-filters"] ) .overlay
	{
		position: fixed;
		z-index: 9999;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
	}

.section > :is( :not( [data-span~="hide-filters"] ) ) .block-container-heading .buttons
	{
		display: none;
	}

.section > :is( [data-span~="hide-filters"] ) .block-filters
	{
		position: fixed;
		margin-left: -300px;
	}

.section:is( .open ) > :is( [data-span~="hide-filters"] ) .block-filters
	{
		z-index: 99999;
		top: 0px;
		max-height: calc( 100vh - 30px );
		left: 300px;
		overflow-y: auto;
		x-left: 280px;
	}

.section:is( .open ) > :is( [data-span~="hide-filters"] ) .filters .item
	{
		padding-left: 15px;
	}


