.top > .bg-dark > * > .layout-row
	{
		color: rgba( 255, 255, 255, 0.6 );
		background-color: %(top.bg-color);
	}

.top > .bg-dark.row-top
	{
		color: %(top.row-top.color);
		background-color: %(top.row-top.bg-color);
	}

.top > .bg-dark.row-center
	{
		color: %(top.row-center.color);
		background-color: %(top.row-center.bg-color);
	}

.top > .bg-dark.row-bottom
	{
		x-background-color: rgba( 0, 0, 0, 0.2 );

		color: %(top.row-bottom.color);
		background-color: %(top.row-bottom.bg-color);
	}

.top > .bg-dark .block > * > .layout-row
	{
		color: rgba( 255, 255, 255, 0.6 );
		background-color: rgb(0, 0, 0);
		color: %(color.color);
	}

.top > .bg-dark a:is( :hover )
	{
		color: rgba( 255, 255, 255, 1 );
	}

.top > .bg-dark::slotted( a )
	{
	}

.top > .bg-dark::slotted( a:hover )
	{
		color: rgba( 255, 255, 255, 1 );
	}

.top > .bg-dark > .layout-section .menu-pulldown::before
	{
		content: url(https://assets.silksites.nl/misc/icons/menu-breed-radius-white.svg);
	}



/***   MENU FRAME   ***/



.menu.frame.bg-dark
	{
		color: rgba( 255, 255, 255, 0.6 );
	}

.menu.frame.bg-dark .close
	{
		background-color: rgba( 0, 0, 0, 1 );
	}

.menu.frame.bg-dark .menu-list ul
	{
		background-color: rgba( 0, 0, 0, 0.96 );
	}

.menu.frame.bg-dark .menu-footer ul
	{
		background-color: rgba( 0, 0, 0, 1 );
	}

.menu.frame.bg-dark .menu-list ul li a,
.menu.frame.bg-dark .menu-footer ul li a
	{
		border-top: 1px solid rgba( 255, 255, 255, 0.1 );
	}