/*  TOP MENU  */
#nav-top {
	position: inherit;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: none;
}
#nav-top a, #nav-top a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

/* Small to Medium Devices */
@media only screen and (min-width : 320px) and (max-width : 899px) {
	/* Show Hamburger */
	#nav-top {
		border: none;
		position: absolute;
		top: 4px;
		left: 0;
	}
	#nav-top label {
		display: inline-block !important;
		/* background: #a02620; */
		font-style: normal;
		font-size: 1.2em;
		padding: 10px;
		float: left;
	}
	#nav-top label img {
		max-height: 30px;
	}
	/* Toggle show/hide menu on checkbox click */
	#nav-top ul {
		display: none;
	}
	#nav-top input:checked ~ ul {
		display: block;
		position: absolute;
		margin-top: 40px; /* hamburger height plus top margin */
		z-index: 1000 !important;
	}
	#nav-top li, #nav-top li.submenu {
		float: none !important;
		list-style: none !important;
		width: 100% !important;
		clear: both !important;
		/* height: 20px; */
		display: block;
		align-items: left;
		text-align: left;
		padding: 2% 5%;
		background-color: #e9d9bc;/* ffdfff */
		border-bottom: 1px solid #bbb;
		position: relative;
		z-index: 1000 !important;
	}

	#nav-top li.submenu ul {
		display: block;
		position: relative;
		margin: 2% 0 -2% 0;
		list-style: none !important;
		width: 100% !important;
		clear: both !important;
		padding-bottom: 0;
		z-index: 1000 !important;
	}
	#nav-top li.submenu ul li {
		float: none !important;
		list-style: none !important;
		width: 100% !important;
		clear: both !important;
		/* height: 20px; */
		display: block !important;
		align-items: left;
		text-align: left;
		padding: 2% 0;
		background-color: #e9d9bc;/* ffdfff */
		border-bottom: none;
		border-top: 1px solid #bbb;
		position: relative;
		z-index: 1000 !important;
	}
	#nav-top li.submenu ul li:last-child {
		margin-bottom: 0;
	}
}

/* Medium Devices, Tablets and Small Desktops */
@media only screen and (min-width : 900px) and (max-width : 1099px) {
	#nav-top label, #hamburger {
		display: none;
	}
	#nav-top ul {
		width: 100% !important;
		overflow: none;
		padding: 0px !important;
		height: 50px;
	}
	#nav-top li {
		float: left;
		border-right: 1px solid #bbb;
		list-style: none !important;
		
		/* width: 9% !important; *//* for original full menu */
		/* width: 12% !important; */
		width: calc(100%/9) !important;
		
		height: 90px;
		display: flex;
		align-items: center;
		position: relative;
	}
	#nav-top li:last-child {
		border-right: none;
	}
	#nav-top li a {
		/* display: block; */
		color: black;
		justify-content: center;
		padding: 5px 5px;
		display: flex;
		align-items: center;
		text-decoration: none;
		width: 100%;
		height: inherit;
		font-size: 15px;
		font-weight: bold;
		transition: 0.3s;
	}
	#nav-top li a:hover{
		background-color: #877557;/* 772b1e 652318 5e0080 */
		height: inherit;
		color: white;
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		position: relative;
	}
	#nav-top li ul {
		display: none;
		margin: 0;
		position: absolute;
		top: 80px;
	}
	#nav-top li:hover ul {
		display: block;
		height: inherit !important;
		margin-left: 50px;
		padding: 0;
		z-index: 5000;
	}
	#nav-top li:hover li {
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		width: 100% !important;
		background-color: #e9d9bc;/* ffdfff */
		border-bottom: 1px solid #bbb;
		float: none !important;
		margin: 0;
		z-index: 5000;
	}
	#nav-top li:hover li a {
		margin: 0;
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		z-index: 5000;
		transition: 0.3s;
	}
	#nav-top li li a:hover {
		background-color: #877557;/* 772b1e 652318 5e0080 */
		margin: 0;
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		z-index: 5000;
	}
	#nav-top li.submenu {
		font-weight: bold !important;
	}
	#nav-top li:hover.submenu {
		background-color: #877557;/* 772b1e 652318 5e0080 */
		color: white;
	}
}

/* Medium Devices, Tablets and Desktops */
@media only screen and (min-width : 1100px) {
	#nav-top label, #hamburger {
		display: none;
	}
	#nav-top ul {
		width: 100% !important;
		overflow: none;
		padding: 0px !important;
		height: 50px;
	}
	#nav-top li {
		float: left;
		border-right: 1px solid #bbb;
		list-style: none !important;
		
		/* width: 9% !important; *//* for original full menu */
		/* width: 12% !important; */
		width: calc(100%/9) !important;
		
		height: 70px;
		display: flex;
		align-items: center;
		position: relative;
	}
	#nav-top li:last-child {
		border-right: none;
	}
	#nav-top li a {
		/* display: block; */
		color: black;
		justify-content: center;
		padding: 5px 5px;
		display: flex;
		align-items: center;
		text-decoration: none;
		width: 100%;
		height: inherit;
		font-size: 15px;
		font-weight: bold;
		transition: 0.3s;
	}
	#nav-top li a:hover{
		background-color: #877557;/* 772b1e 652318 5e0080 */
		height: inherit;
		color: white;
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		position: relative;
	}
	#nav-top li ul {
		display: none;
		margin: 0;
		position: absolute;
		top: 60px;
	}
	#nav-top li:hover ul {
		display: block;
		height: inherit !important;
		margin-left: 50px;
		/* margin-top: 120px; */
		padding: 0;
		z-index: 5000 !important;
	}
	#nav-top li:hover li {
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		width: 100% !important;
		background-color: #e9d9bc;/* ffdfff */
		border-bottom: 1px solid #bbb;
		float: none !important;
		margin: 0;
		z-index: 5000;
	}
	#nav-top li:hover li a {
		margin: 0;
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		z-index: 5000;
		transition: 0.3s;
	}
	#nav-top li li a:hover {
		background-color: #877557;/* 772b1e 652318 5e0080 */
		margin: 0;
		display: flex !important;
		justify-content: center;
		align-items: center !important;
		z-index: 5000;
	}
	#nav-top li.submenu {
		font-weight: bold !important;
	}
	#nav-top li:hover.submenu {
		background-color: #877557;/* 772b1e 652318 5e0080 */
		color: white;
	}
}

/*  FOOTER MENU  */
#nav-btm {
	margin-top: 3%;
	border-top: 1px solid #303;
	border-bottom: 1px solid #303;
	font-size: 0.9em;
}
#nav-btm a, #nav-btm a:visited {
	color: #0000f0;
}