.lcde-navigation  {
	position:relative;
	z-index:1;
}


@media (max-width: 1199px) {

    .lcde-menu-toggle {
        display: flex;
		background-color:#D64000;
		border:2px solid #D64000;
		color:white;
		cursor:pointer;
		padding: 12px 24px;
    }
	.lcde-menu-toggle:hover,
	.lcde-menu-toggle:focus,
	.lcde-menu-toggle:active {
		background-color:white;
		color:black;
	}
    .lcde-menu-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        max-width: 90vw;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform .3s ease;
    }
    .lcde-navigation.lcde-mobile-open
    .lcde-menu-container {
        transform: translateX(0);
    }
	.lcde-overlay {
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,.5);
		z-index: 9998;
	}
	.lcde-navigation.lcde-mobile-open
	.lcde-overlay {
		display: block;
	}
	body.lcde-menu-open {
		overflow: hidden;
	}
	
	.lcde-menu-close {
		position: absolute;
        top: 20px;
        right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
		background-color:black;
		border:2px solid black;
		color:white;
		cursor:pointer;
	}
	.lcde-menu-close:hover,
	.lcde-menu-close:focus,
	.lcde-menu-close:active {
		background-color:white;
		color:black;
	}
	.lcde-menu {
		list-style: none;
        margin: 0;
        padding: 20px;
        display: flex;
        flex-direction: column;
		align-items:center;
		row-gap:0px;
        width: 100%;
        position: relative;
        margin-top: 80px;
	}
	.lcde-menu > li {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		width:100%;
	}
	.lcde-menu > li > a {
		color: #D64000;
        font-size: 18px;
        display: flex;
        padding: 12px;
        width: calc(100% - 50px);
	}
	.lcde-menu > li > button { 
        border: 2px solid #D64000;
        background-color: white;
        color: #D64000;
		cursor:pointer;
		display:flex;
		align-items:center;
		justify-content:center;
		margin-left: auto;
		width:50px;
		height:25px;
	}
	.lcde-menu > li > button:hover,
	.lcde-menu > li > button:focus,
	.lcde-menu > li > button:active {
		background-color:#D64000;
		color:white;
	}
	.lcde-menu > li > ul {
		list-style:none;
		margin:0;
		padding:0;
		width:100%;
	}
	.lcde-menu > li > ul:not([hidden]) {
		background-color:#E5E5E5;
		display:flex;
		flex-direction:column;
		row-gap:2px;
	}
	.lcde-menu > li > ul > li {}
	.lcde-menu > li > ul > li > a {
		background-color:white;
		color:#D64000;
		color:black;
		display:flex;
		padding:12px;
	}
}


@media screen and (min-width: 1200px) {
	.lcde-navigation .lcde-menu-toggle {display:none;}
	
	#lcde-menu {display:block;}
	#lcde-menu ul.lcde-menu {
		display:flex;
		align-items:center;
		grid-column-gap:10px;
		list-style:none;
		margin:0;
		padding:0;
	}
	#lcde-menu ul.lcde-menu li.lcde-menu-item {
		position:relative;
	}
	#lcde-menu ul.lcde-menu li.lcde-menu-item a.lcde-menu-link {
		display:inline-flex;
		color:black;
		font-size:16px;
		font-weight:500;
		padding:10px;
	}
	#lcde-menu ul.lcde-menu li.lcde-menu-item button.lcde-submenu-toggle {
		/*margin-left:5px;*/
	}
	#lcde-menu .lcde-submenu[hidden] {
		display: none;
	}
	#lcde-menu .lcde-submenu-toggle {
		background-color:transparent;
		border:none;
	}
	#lcde-menu .lcde-submenu-toggle[aria-expanded="true"] + .lcde-submenu {
		display: block;
	}
	#lcde-menu ul.lcde-menu li.lcde-menu-item.lcde-has-children > ul {
		position:absolute;
		background-color:white;
		list-style:none;
		margin:0;
		min-width:200px;
		padding:0;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
	}
	#lcde-menu ul.lcde-menu li.lcde-menu-item.lcde-has-children > ul > li {
		display:flex;
		border-bottom:1px solid #E5E5E5;
	}
	#lcde-menu ul.lcde-menu li.lcde-menu-item.lcde-has-children > ul > li > a {
		display:inline-flex;
		color:black;
		padding:10px;
		width:100%;
	}
	#lcde-menu ul.lcde-menu li.lcde-menu-item.lcde-has-children > ul > li > a:hover,
	#lcde-menu ul.lcde-menu li.lcde-menu-item.lcde-has-children > ul > li > a:focus,
	#lcde-menu ul.lcde-menu li.lcde-menu-item.lcde-has-children > ul > li > a:active {

	}
	
	.lcde-menu-close {display:none;}
}