/* $Id: nice_menus_default.css,v 1.1.2.5 2007/10/29 16:35:34 add1sun Exp $ */
/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  To help understand the CSS, the HTML looks like this, where
    x is a number;
    TYPE is down/left/right;
    PATH is the menu path such as node/343;
    MID is the menu id such as 33):
  <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
    <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
    <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
      <ul...><li...>...</li>
      </ul>
    </li>
    ...
  </ul>

  If you have more than one nice-menu and want to target a particular one,
  use its id (e.g. ul#nice-menu-2).

  See README.txt and the handbook page (http://drupal.org/node/185543)
  for some CSS customization examples.
*/

/******************************
 Global CSS for ALL menu types
******************************/

.nice-menu-hide-title { display: none; }

/* Position the menu absolutely onto the IHRP top banner,
   and set the background color to match. */
	 
ul.nice-menu {
  position: absolute;
  left: 47px; 
  top: 160px;
  height: 28px;
  width: 777px;
  background-color: #ffffff;
}

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
}

ul.nice-menu li {
  border: none;
  background-color: #ffffff;
}

ul.nice-menu li ul li.last {
  padding-bottom: 6px;
}

/* Set the fonts to match the IHRP styles. */
ul.nice-menu a, ul.nice-menu a:visited {
  padding: 0.3em 5px 0.3em 5px;
  color: #001E62;
  font-size: 13px;
  font-family: Helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none; 
  line-height: 14px;
  margin-left: 10px;
  margin-top: 0.2em;
  border-bottom: none;
}
ul.nice-menu .menuparent ul li a:active,
ul.nice-menu .menuparent ul li a:hover {
  text-decoration: underline; 
}

ul.nice-menu .menuparent ul {
  background-color: white; 
}

ul.nice-menu ul {
  /*top: 1.8em;*/
  top: 25px;
  left: -1px;
  border: none;
  margin-right: 0;
}

ul.nice-menu > li > ul {
  box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
}
ul.nice-menu > li > ul > li > ul {
  box-shadow: 3px 0px 3px rgba(0,0,0,0.5);
}
ul.nice-menu > li > ul > li.menuparent {
  background-image: url('../images/chevron-right.svg');
  background-position: right 16px;
  background-repeat: no-repeat;
}

ul.nice-menu ul li {
  width: 12.5em;
}

/******************************
 HORIZONTAL (down) menus
******************************/

ul.nice-menu-down {
  border: 0;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  margin-top: 2px;
}

ul.nice-menu-down ul {
  left: 0;
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul {
  left: 177px;
  top: -1px;
}

ul.nice-menu-down .menuparent a {
  padding-right: 0;
}

/* Add vertical spacing to make lengthy IHRP labels readable. */
ul.nice-menu-down .menuparent ul li a {
  padding-top: 1em;
}