/**
*Navmenu Styling 1
*/

.vabonti_menu {
}
.vabonti_menu > ul {
	margin:0px;
	padding:0px;
} 
ul.navmenu,
.navmenu ul{
	margin:0px;
	padding:0px;
}
ul.mobilemenu {
	display:none;
}
	
ul.navmenu > li,
.navmenu ul > li { 
	list-style:none;
	text-decoration:none;
  display: inline-block;
	padding:0px;
	margin:0px;
	position:relative;
}
ul.navmenu > li >  a,
.navmenu ul > li > a {
	display:block;
	padding: 0px 5px;
	list-style:none;
	font-size: 0.85rem;
	color: #000;
	font-weight:normal;
	line-height:60px;
  text-transform: uppercase;
}
ul.navmenu ul.sub-menu > li a{
	line-height: 30px;
}
.navmenu ul ul.children{
	display: none !important;
}
ul.navmenu > li:hover > a {
	background-color:none!important;
	color:#5cb8e7;
}
ul.navmenu > li > a:hover,
ul.navmenu > li > a:focus,
ul.navmenu > li > a:active,
.navmenu ul >  li > a:hover,
.navmenu ul > li > a:focus,
.navmenu ul > li > a:active {
	outline:none;
	color:#5cb8e7;
	background-color:none;
}
ul.navmenu ul.sub-menu{
	margin:0px;
	text-align: left;
	display: none;
	position: absolute;
	z-index: 99999;
	width:258px;
	margin-top:0px;
	top:60px;
	/*right: 0em!important;*/
	background-color:#EAEAEA;
}
ul.navmenu li:hover ul.sub-menu {
	display: block;
}
ul.navmenu ul.sub-menu > li {
	list-style:none;
	text-decoration:none;
	border-bottom: 1px solid #DADADA;
	
	width:100%;
	margin:0px;

}
ul.navmenu ul.sub-menu > li > a{
	padding: 0.6rem 1rem;
	display:block;
	color:#505050;
	list-style:none;
	font-size: 0.75rem;
	width:100%;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
}
ul.navmenu ul.sub-menu > li > ul.sub-menu {
	right: 100%!important;
	top:0.2rem;
}
ul.navmenu ul.sub-menu > li > ul.sub-menu:before {
	display:none;
}
ul.navmenu ul.sub-menu > li > ul.sub-menu > li > a {
	padding: 0.6em 1em;
	font-size: 0.75rem;
}
.navmenu .sub-menu li,
.navmenu .children li {
	text-transform:none;
}
.navmenu .sub-menu ul,
.navmenu .children ul {
	right: 0%;
	top: 0;
}
ul.navmenu ul.sub-menu > li > a:hover,
ul.navmenu ul.sub-menu > li > a:focus,
ul.navmenu ul.sub-menu > li > a:active {
	background-color:#5cb8e7;
	color:#fff;
}
ul.navmenu ul a,
.navmenu ul ul a {
	margin: 0;
	width: 100%;
	padding: 8px 15px;
}

ul.navmenu li:hover > ul,
.navmenu ul li:hover > ul {
	display: block;
	margin-right:-100px;
   	/*right: 50%;*/
}
ul.navmenu li:hover ul ul,
.navmenu ul li:hover ul ul {
	margin-right:auto;
   	right: 90%;
}
.navmenu .current_page_item > a,
.navmenu .current_page_ancestor > a,
.navmenu .current-menu-item > a,
.navmenu .current-menu-ancestor > a {
	outline:none;
	background-color:none;
	color:#5cb8e7;
	font-weight: bold;
}
.toggle_button_vabonti_menu {
	display:none;
}
ul.navmenu ul.sub-menu .current_page_item > a, 
ul.navmenu ul.sub-menu .current_page_ancestor > a, 
ul.navmenu ul.sub-menu .current-menu-item > a,
ul.navmenu ul.sub-menu .current-menu-ancestor > a{
	background-color:#5cb8e7!important;
	color:#fff;
}

/* Top Menu */
.menu-menu-top-container ul {
  list-style: none;
	margin:0;
}
.menu-menu-top-container ul li {
	display: inline-block;
}
.menu-menu-top-container ul li a,
#social-icons ul li a, #social-icons ul li a,
#social-icons ul li a, #social-icons ul li a {
  color: #fff !important;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.menu-menu-top-container ul li a:hover,
#social-icons ul li a, #social-icons ul li a,
#social-icons ul li a, #social-icons ul li a {
	color: #000 !important;
}

@media screen and (max-width: 1000px) {
	.menu-menu-top-container ul li:first-child {
		margin-left: 0;
	}
	.menu-menu-top-container ul li {
		margin:0 5px;
	}
}