{% if menu %}
	{% set page_name = null %}

    {% set submenu = false %}
    {% set submenu_parent_is_current = false %}
    {% for item in menu %}
	{% if item.current_item_parent or item.current and item.get_children %}
	    {% set submenu = item.get_children %}
	    {% if item.current %}
			{% set submenu_parent_is_current = true %}
	    {% endif %}
		{% set page_name = item %}
	{% endif %}
    {% endfor %}

	

    <div class="m-menu">
	<ul class="dropdown__parent m-menu__wrapper {% if submenu %} m-menu__wrapper--mainmenu {% endif %}">
	    {% for item in menu %}
		<li class="m-menu__item {% if item.current_item_parent or item.current%} m-menu__item--active{% endif %}" >
		    <a href="{{ item.link }}"  {% if item.ID == 136 %} data-turbolinks="false" {% endif %}>{{ item.title }}</a>
			<ul class="m-menu__dropdown">
			{% for subitem in item.get_children %}
				<li>
					<a href="{{ subitem.link }}">{{ subitem.title }}</a>		
				</li>
			{% endfor %}
			</ul>
		</li>
	    {% endfor %}
	</ul>

	<div class="m-menu__burger" data-toggle-target="burger">
	    <div></div>
	    <div></div>
	    <div></div>
	</div>
    </div>
{% endif %}


<style>

/** main menu **/
.dropdown__parent{
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	list-style: none;
	position: relative;
}

.dropdown__parent > li{
	display:inline-block;
}

.dropdown__parent > li:hover > ul {
	display: inherit !important;
	opacity: 1;
	transition: all 0.3s linear;
	padding-top: 10px;
	pointer-events: auto;
}

/** sub-menu **/
.m-menu__dropdown {
    padding-left: 0;
    font-weight: 100;
    list-style-type: none;
    position: absolute;
    background-color: white;
	padding-top: 9px;
	margin-left: -24px;
	opacity:0;
	pointer-events: none;
}
.m-menu__dropdown > li {
    font-size: 0.8rem;
    border-top: 1px solid black;
}

.m-menu__dropdown > li > a{
    padding-left: 30px;
	display: block;
	padding: 10px 30px !important;
	padding-left: 0;
	color: $color-white;
}
.menu__dropdown > li::after{
	padding-right: 0;
	content: none;
}

.m-menu__dropdown > li:hover{
	color: white;
	background-color: #313135;

}



</style>