.menu
	{
		width: 100%;
		display: flex;
		flex-direction: row;
		cursor: pointer;
		margin: auto;
	}

.menu:is( [data-open="true"] )
	{
		z-index: 500;
	}

.menu > .title
	{
		position: relative;
	}

.menu:is( [max-width~="768px"] )
	{
		flex-direction: column;
		padding: 0px 15px;
	}

.menu .title
	{
		display: none;
		flex-direction: row;
		justify-content: center;
		padding: 10px;
	}

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

.menu .menu-list
	{
		position: relative;
	}

.menu:is( [max-width~="768px"]:not( [data-open="true"] ) ) .menu-list
	{
		display: none;
	}

.menu .menu-list ul
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

.menu .menu-list ul li
	{
		white-space: nowrap;
		padding: 10px;
	}

.menu .menu-list ul li a
	{
		padding: 5px;
	}

.menu .menu-list ul li:is( * ) ul
	{
		display: none;
		overflow: auto;
		margin-top: 10px;
		z-index: 10;
	}

.menu .menu-list ul li:is( [data-open=true] ) ul
	{
		display: flex;
	}

.menu:is( [max-width~="768px"] ) .menu-list ul
	{
		flex-direction: column;
	}

.menu .menu-list ul li a + ul
	{
		flex-direction: column;
	}



/***   ROW   ***/



.menu.row .menu-list ul li ul
	{
		display: none;
		flex-direction: column;
		max-height: 360px;
		min-width: 150px;
		position: absolute;
		overflow: auto;
		z-index: 10;
	}

.menu.row:is( [min-width~="769px"] ) .menu-list ul li:is(:hover) ul
	{
		THIS:NOTWORKING;
		display: flex;
	}



/***   COLUMN   ***/



.menu.column .menu-list ul
	{
		flex-direction: column;
	}

/*
.select-overlay
	{
		display: none !important;
	}
*/

/***   MEGA MENU   ***/