/***   BASIC   ***/


.layout-container
	{
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 0px 10px;
	}



/**   MENU'S   **/



/***   ROW-TOP   ***/



.row-top .menu
	{
		justify-content: flex-end;
	}



/***   ROW-CENTER   ***/



.row-center
	{
		position: relative;
	}

.row-center > * > * > .layout-container
	{
		position: relative;
		justify-content: space-between;
	}

.row-center > * > * > .layout-container > *:not(.logo)
	{
		position: relative;
		z-index: 10;
	}

.row-center .menu-pulldown
	{
		padding: 25px 10px;	
		cursor: pointer;
	}
	
.row-center .menu-pulldown::before
	{
		display: block;
		width: 32px;
		height: 100%;
		content: url(https://assets.silksites.nl/misc/icons/menu-pulldown-icon.svg);
	}

.row-center .item.logo
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

.row-center .item.logo a
	{
		width: 100%;
		height: 100%;
	}

.row-center .item.logo img
	{
		width: auto;
		max-width: 200px;
		height: 100%;
		display: block;
		transition: all 1s ease;
		cursor: pointer;
		z-index: 10;
		margin: auto;
		padding: 12px;
	}

.row-center .item.icons ul li a
	{
		padding: 5px;
	}


/***   ROW-BOTTOM   ***/



.top:is( [data-width~="menu-main-none"] ) .row-bottom .menu
	{
		display: none;
	}