/*--------------------------------------------- submenu---------------------------------------------------------------*/
#nav { position:relative; }

#nav li:hover {
	@include transition(background, 0.2s);
	color:#c29a5b;
	cursor: pointer;
}

#top-menu ul.dropdown { padding-left:0; }

#top-menu ul li ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 15px 30px;
    font-size: 18px;
}

#top-menu ul li, ol li { margin-bottom: 0!important; }

#top-menu ul li ul {
	background: #121212;
	color:#fff;
	display:none;
	position: absolute;
  margin-top:40px;
}

#top-menu ul li ul li, #top-menu ul li ul li a { width: 100%; }

#top-menu ul li ul li:hover { background: #c29a5b; }
#top-menu ul li ul li:hover a { color:#333; }


@media (max-width: 1060px) {
	nav li { display: block; }
	#top-menu { padding: 0; }
	ul#nav { margin: 0; }
	#nav li a, #nav li ul.dropdown, #nav li ul.dropdown li, #nav li ul.dropdown li a { width:100%; }
	ul.dropdown { padding-left:0; margin:0; }
	#top-menu ul li ul {
			position: static;
			display: none;
			left:-40px;
			margin-top:0;
	}
	ul.dropdown, ul.dropdown li { display:flex; flex-direction:column; }

	#top-menu ul li ul li a { background: #926E36!important; color:#fff!important; padding-left: 40px;}
	#top-menu ul li ul li:hover > a { background: #795C2D!important; color:#fff!important; }
	#top-menu ul li ul li:last-child > a { padding-bottom:30px; }

	#nav li.menu-item-has-children { position: relative; }

	#nav li.menu-item-has-children::before {
		content:'';
		position: absolute;
	  padding: 5px;
	  box-shadow: 2px -2px 0 1px #ffffff inset;
	  -webkit-box-shadow: 2px -2px #ffffff inset;
	  border: solid transparent;
	  border-width: 0 0 17px 17px;
		right:10px;
		top: 19px;
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	#nav li.active.menu-item-has-children::before {
		-moz-transform: rotate(315deg);
		-ms-transform: rotate(315deg);
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
		right:20px;
		top: 29px;
	}

	#nav .dropdown { display:none; padding:0; }
	#nav .active.menu-item-has-children > .dropdown { display: block; }
}

@media (min-width: 1061px) {
		#top-menu ul li:hover > ul, #top-menu ul li:focus > ul { display: block; }
		#top-menu ul li ul {
			margin-top:80px;
		}
		#top-menu { transform: translateY(-20px); }
		.dropdown { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08); width:200px; }
		#top-menu ul li ul { margin-left:-10px; }
}