
.block-container-heading .mobile.buttons 
	{
		/* background-color: rgb( 0, 158, 227 ); 
		background-color: rgb( 45, 45, 45 );
		color: rgba(255, 255, 255, 1.0);*/
	}	
.block-container-heading .title
	{
		font-size: calc( 22px + 10 * var( --font-scale ) );
		font-size: 24px;
		font-weight: 500;
		color: rgba( 22, 22, 22, 1.0 );
	}

.block-container-heading > :not( .title )
	{
		border-bottom: 1px solid rgb( 247, 247, 247 );
		padding: calc( 15px + 0 * var( --font-scale ) ) 0px;
	}

.block-container-heading .buttons span
	{
		padding: 0px 5px;
	}

.block-container-heading .buttons a
	{
		position: relative;
		/* display: flex; */
		cursor: pointer;
		font-weight: 200;
		/* background-color: rgb( 45, 45, 45 ); */
		border:  1px solid black;
		color: rgba(0, 0, 0, 1.0);
		width:  100%;
		padding:  5px 10px;
		border-radius:  3px;
		margin: 5px 0px 0px 0px;
	}

.block-container-heading .buttons a:is( :hover )
	{
		color: rgb( 224, 224, 224 );
	}

.block-container-heading .buttons a.filter-open::before
	{
		content: "";
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0px 8px 0px 0px;
		background-image: url( "%(library)graphics/icons/navigation/filter-stripes-black.svg" );
		background-repeat: no-repeat;
	}


.block-container-heading .filtered
	{
	}

.block-container-heading .results .text
	{
		padding-right: 10px;
	}

.block-container-heading .results
	{
	}

.block-container-heading .filtered:is( [data-count="0"] )
	{
		display: none;
	}

.block-container-heading .filtered .items
	{
		margin: 0px auto 0px 20px;
	}

.block-container-heading .filtered .text,
.block-container-heading .filtered .options
	{
		padding-top: 8px;
	}

.block-container-heading .filtered .options > *
	{
		cursor: pointer;
	}

.block-container-heading .filtered .options > *:is( :hover )
	{
		text-decoration: underline;
	}

.block-container-heading .filtered .item .remove
	{
		display: block;
		width: 15px;
		height: 15px;
		margin: 3px 6px 0px;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url( "https://library.silk.nl/0003/graphics/icons/essentials/cross-thin.svg" );
	}

.block-container-heading .filtered .item
	{
		display: flex;
		cursor: pointer;
		border-radius: 4px;
		padding: 5px 10px;
		margin: 5px;
		background-color: rgb( 233, 241, 247 );
		transition: transform .25s ease-in-out;
	}

.block-container-heading .filtered .item:is( :hover )
	{
		transform: scale( 1.2 );
	}
.section 
	{
		background-image: url(/graphics/bg-moxie-icons.svg);
		background-repeat: repeat;
		background-size: 200px 200px;
	}
.section:is( .open ) .overlay
	{
		cursor: pointer;
		background: rgba( 45, 45, 45, 0.9 );
	}

.section:is( .open ) .overlay::after
	{
		position: absolute;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0px 8px 0px 0px;
		top: 15px;
		right:  15px;
		content: url( "%(library)graphics/icons/essentials/cross-white.svg" );
	}
.block-filters
	{
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		background-color: rgb( 255, 255, 255 );
	}
.block-main
	{
		background-color: #FFF;
	}

