.nebrin-ledenlijst-block
{
	padding: 0 clamp(1em, 5dvw, 10em);
	
	> *
	{
		padding: 1em;
		border-radius: .5em;
		background: white;
		
		a
		{
			padding: .25em .5em;
			text-decoration: none;
			position: relative;
			display: inline-block;
			color: var(--splash-color-1);
		}
		
		a:after
		{
			content: '';
			border-radius: .5em;
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			height: 100%;
			width: 100%;
			background: var(--splash-color-1);
			opacity: 0;
			transition: all 200ms ease-in-out;
		}
		
		a:hover:after
		{
			opacity: .08;
		}
		
		a:focus:after
		{
			opacity: .1
		}
	}
	
	div.web
	{
		display: initial;
	}

	div.mobile
	{
		display: none;
	}
	
	table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after
	{
		color: var(--splash-color-2);
	}
	
	table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover
	{
		outline: none;
		background: #FFF0DB;
	}
	
	div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover
	{
		border: none;
		background: var(--splash-color-2);
	}
	
	div.dt-container .dt-paging .dt-paging-button:hover
	{
		border: none;
		color: black !important;
		background: #FFF0DB;
	}
	
}

@media ( width < 1200px )
{
	.nebrin-ledenlijst-block
	{
		div.web
		{
			display: none;
		}
		
		div.mobile
		{
			display: initial;
		}
	}
}


@media ( width < 800px )
{
	.nebrin-ledenlijst-block
	{
		thead
		{
			display: none;
		}
	}
}