:root {
	--darkside-padding: 15px;
}

.max-width {
	width: 100%;
	max-width: 1100px;
	margin: auto;
}

.padding {
	padding: var(--darkside-padding);
	box-sizing: border-box;
}

#menu-bar {
	width: 100%;
	background: #fff /*rgba(255,255,255, 0.8)*/;
	position: relative;
	z-index: 999;
	height: 70px;
	padding:5px 0 0 0;
box-shadow: 0 0 28px rgba(0,0,0,.07);
	}
	
	
	
#menu-bar .logo {
	height: 70px;
	width: auto;
	margin-top:10px;
}

#menu-bar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-bar .max-width {
	padding: 0 var(--darkside-padding);
	height: 100%;
	display: flex;
	justify-content: space-between;
	
}

#home a {
	font-size: 28px;
	font-weight: 300;
	line-height: 70px;
	color:#222;
	font-family:'beautydream';
	font-weight:normal;
	padding-left:15px;

	}

/*
 * Desktop
 *
 */

#desktop-menu {
	padding-right:25px;
}


#desktop-menu a {
	line-height: 70px;
	color:#222;
}

#desktop-menu div,
#desktop-menu ul,
#desktop-menu ul li {
	display: inline-block;
}
#desktop-menu ul li {
	margin-right: 20px;
	cursor: pointer;
	font-size:16px;
	/*line-height:70px;*/
}
#desktop-menu ul li:last-child {
	margin-right: 0;
}

#desktop-menu .current-menu-item {
	font-weight: 700;
}

#desktop-menu .menu-item-has-children {
	position: relative;
}
#desktop-menu .menu-item-has-children:after {
	content: '\f101';
	font-family: FontAwesome;
	color:#888;
	font-size:12px;
}

#desktop-menu ul.sub-menu {
	position: absolute;
	top: 70px;
	left: 0;
	text-align: left;
	display: none;
	background: #333;
	width:200px;
	padding-top:0 !important;
}

#desktop-menu ul.sub-menu li {
	padding: 15px 18px 15px 18px !important;
	white-space: nowrap;
	margin: 0;
	width:164px;
	
}

#desktop-menu ul.sub-menu li a {
	color:#fff;
	font-size:14px;
}


#desktop-menu ul.sub-menu li:hover {
	background:#222;
	}


#desktop-menu .menu-item-has-children:hover > .sub-menu {
	display: block;
}

		
#desktop-menu .menu ul ul.sub-menu {
	position:absolute;
	top:0;
	float:right;
	left:200px;
	background:#f3f3f3;
	
	}   

#desktop-menu .menu ul ul.sub-menu li  	{
	padding: 0 var(--darkside-padding);
	white-space: nowrap;
	margin: 0;
	display:block;
	font-size:15px;
	width:200px;
}

#desktop-menu .menu ul ul.sub-menu li:hover {
	background:#f1f1f1;
	width:170px;
}





#desktop-menu ul.sub-menu li a,
#desktop-menu .menu ul ul.sub-menu li a {
	line-height:1.4;
}




#desktop-menu .widget {
	display: inline-block;
}

/*
 * Mobile
 *
 */

#mobile-menu {
	display: none;
}

#mobile-menu-toggle {
	line-height: 1;
	font-size: 25px;
	color:#f6f6f6;
	background:#444;
	padding:5px 7px;
	border-radius:3px;
	margin:16px 15px 0 0;
	position: absolute;
	right: var(--darkside-padding);
	cursor: pointer;
	display: none;
}

#mobile-menu {
	/*display: none;*/
	position: absolute;
	top: 60px;
	right: 0;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	padding-top:25px;
}


#mobile-menu a {
	color: #222;
	padding:18px;
	display: block;
	
}
#mobile-menu ul:last-child li:last-child a {
	margin-bottom: 0;
}

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


#mobile-menu .menu-item-has-children i {
	font-family: FontAwesome;
	position:absolute;
	top: calc(var(--darkside-padding) / 1.96);
	left:150px;
	top:10px;
	color: #333;
	cursor: pointer;
	font-size:16px;
	font-weight:300;
	line-height:30px;
}

#mobile-menu ul.sub-menu {
	display: none;
	background:#f7f7f7;
	font-size:14px;
}

#mobile-menu ul.submenu li ul.submenu li a {
	background:#222;
	font-size:14px;
	padding-left:25px;
}

/* Mobile Menu Widget */

#mobile-menu .widget a {
	display: inline-block;
	border-bottom: 0;
}
#mobile-menu .widget  {
	border-bottom: 1px solid grey;
}
#mobile-menu .widget i {
	margin-right: 0;
}



	
		
		
/*
 * Responsive
 *
 */

@media all and (max-width: 900px) {
	#mobile-menu-toggle {
		display: block;
	}
	#desktop-menu {
		display: none;
	}
}


/* Admin Bar Fix */

body.admin-bar {
	padding-top: 50px;
}

.admin-bar #menu-bar {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar #menu-bar {
		top: 46px;
	}
}

@media screen and (max-width: 600px) {
	body.admin-bar {
		padding: 0;
	}
	.admin-bar #menu-bar, #menu-bar {
		position: relative;
		top: 0;
	}
}