/*
 *
 * Description: menu css
 * Author: Gary Pass
 * Author Url: http://www.yournetpass.com
 * Version: 1.0.1
 * License: GPL3
 */
 
/*  Copyright 2014  Gary Pass  ( email : gary@yournetpass.com )

	This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
  along with this program.  If not, see http://www.gnu.org/licenses/.
*/

#mobile-menu,
.container-mobile-nav,
.container-mobile-menu-parent-control
{
	display: none;
}

.ynp-menu ul
{
  z-index: 9999;
	display: table;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.ynp-menu ul li
{
	list-style: none;
}

.ynp-menu ul li.ynp-level-0-menu-item
{
	float: left;
	position: relative;
	margin: 0 0 0 20px;
	padding: 0;
}

.ynp-menu ul li.ynp-level-0-menu-item
{
	margin-left: 40px;
}

.ynp-menu ul li.ynp-level-0-menu-item:first-child
{
	margin-left: 0px;
}

.ynp-menu ul li.ynp-level-0-menu-item a
{
  display: block;
	position: relative;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.ynp-menu ul li.ynp-level-0-menu-item:hover ul
{
  opacity: 1;
	top: 100%;
}

/***** dropdown level 1 *****/
.ynp-menu ul li.ynp-level-0-menu-item ul
{
  opacity: 0;
	position: absolute;
	top: -10000px;
	left: 0;
  width: 100%;
  height: 0;
	background-color: rgba(128, 128, 128, 0.5);
	margin: 0;
	padding: 0;
	border-width: 0;
	list-style-type: none;
	text-align: left;
  transition: opacity 0.4s linear 0s, color 0.4s linear 0s;
	white-space: nowrap;
}

.ynp-menu ul li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item
{
	z-index: 300;
	position: relative;
	float: left;
	width: 100%;
	margin: 3px 0 0 0;
	padding: 5px 0 5px 0;
	border-width: 0;
	list-style: none;
  transition: all 0.4s linear 0s;
}

.ynp-menu ul li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item.ynp-menu-item-has-children
{
	background-image: url(images/menu-level-2-arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.ynp-menu ul li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item a
{
	display: block;
	margin: 0;
	padding: 0 20px 0 20px;
	border-width: 0;
}

.ynp-menu ul li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item.ynp-menu-item-has-children:hover
{
	background-image: url(images/menu-level-2-arrow-hover.png);
}

.ynp-menu ul  li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item:hover a
{
}

.ynp-menu ul li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item:hover ul
{
  opacity: 1;
  left: calc(100% + 10px);
  height: auto;
}

.ynp-menu ul li.ynp-level-0-menu-item:last-child ul li.ynp-level-1-menu-item:hover ul
{
  left: calc(-100% - 30px);
}
/***** /dropdown level 1*****/

/***** dropdown level 2 *****/
.ynp-menu ul li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item ul
{
  opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
  width: 100%;
  height: 0;
	margin: 0;
	padding: 0;
	border-width: 0;
	list-style-type: none;
	text-align: left;
  transition: all 0.4s linear 0s;
}

.ynp-menu ul li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item ul li.ynp-level-2-menu-item
{
	z-index: 200;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
	border-width: 0;
	list-style: none;
  transition: all 0.4s linear 0s;
}

.ynp-menu ul li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item ul li.ynp-level-2-menu-item a
{
	display: block;
	margin: 0;
	padding: 0 20px 0 20px;
	border-width: 0;
}

.ynp-menu ul  li.ynp-level-0-menu-item ul li.ynp-level-1-menu-item ul li.ynp-level-2-menu-item:hover a
{
}
/***** /dropdown level 2 ****/