/***   BASIC   ***/


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



/**   MENU'S   **/



/***   ROW-TOP   ***/



.row-top > * > .layout-row
	{
		background-color: %(top.rowtop-bg-color);
	}

.row-top > * > * > .layout-container
	{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}



/***   ROW-CENTER   ***/



.row-center
	{
		position: relative;
	}

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

.row-center > * > * > .layout-container
	{
		position: relative;
	}

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

.row-center .item.menu.pulldown
	{
		display: none;
	}

.row-center:is( [max-width~="768px"]) .item.menu.pulldown
	{
		display: flex;
	}

.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.menu.basic
	{
		display: flex;	
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}

.row-center .item.menu.basic .menu
	{
		justify-content: center;
	}

.row-center .item.logo
	{
	}

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

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

.row-center .item.icons
	{
		margin-left: auto;
	}

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


/***   ROW-BOTTOM   ***/



.row-bottom > * > .layout-row
	{
		background-color: %(top.rowbottom-bg-color);
	}

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