/* $Id: nice_menus.css,v 2.10 2013/10/12 16:58:04 add1sun Exp $ */
/*
  This is the SDARM GC site layout for nice menus. 
  The original template is nice_menus_default.css.

  See "Nice Menu" README.txt and the handbook page (http://drupal.org/node/185543)
  for more information on using the CSS.
*/

#block-nice-menus-1 {
	max-width: 1000px;
	margin: 0 auto;
  /*padding: 0;
  position: relative;
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #AAA;
  background:url(images/bg-menu-up.jpg) repeat-x top left;*/
}

ul.nice-menu {
	width: 100%;
  	/*height: 2.5em;*/
	float: left; /* LTR */
	position: relative;
	background-color: #efefef;
	white-space: nowrap;
	font-size:1rem;
}

ul.nice-menu,
ul.nice-menu ul {
	text-transform: uppercase;
	list-style: none;
	padding: 0;
	margin: 0;
  	z-index: 990;
}

ul.nice-menu li.menu__item {
	margin: 0;
}

ul.nice-menu li {
  float: left; /* LTR */
  padding: 0px;
}

ul.nice-menu .menu__item a {
  color: #000; /*#336699;*/
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 100%;
}

ul.nice-menu li a {
  padding: 1em 1.2em 0.875em;
  text-decoration: none;
}

ul.nice-menu li a.active,
ul.nice-menu li a:hover { 
  color: #800;
}

ul.nice-menu li.active-trail a,
ul.nice-menu li.over a  { color: #880000;}

ul.nice-menu li.over {
  background: url(images/menu-active-bg.png) no-repeat center bottom;
}

ul.nice-menu li.menu-path-donations {
    position: absolute;
    right: 0px;
}

ul.nice-menu li.menu-path-donations a {
    color: #fff;
    background-color: #707070;
}


ul.nice-menu ul {
    position: absolute;
    top: 2.875em;
    left: 0px; /* LTR */
    border: 0;
    margin-right: 0; /* LTR */
    border:1px solid #CCCCCC;
    background: #fff; /* url(images/menu-bg-down.jpg) repeat-x left top;*/
}

ul.nice-menu ul li.menu__item {
  clear: both;
  width: 100%;
  margin: 0;
}

ul.nice-menu ul li.menu__item a {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  color: #000; /*color: #880000;*/
  line-height: 100%;
}

ul.nice-menu ul li:hover,
ul.nice-menu ul li.active-trail { 
  background: url(images/bg-child-menu-s.jpg) repeat-x left top;
}

ul.nice-menu ul li.menu__item a.active,
ul.nice-menu ul li.menu__item a:hover { 
  color: #fff;
}

#mobile-menu { 
	display: none; 
	position: relative;
	z-index: 90; 
	cursor:pointer; 
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-weight: bold;
	/*text-align: right;*/
	padding: 0.375em 0.625em  0.25em;
	background-color: #f2f1eb;
}

.mobile-menu-down {
	position: fixed !important;
	top:0;
	z-index: 9999;
	transition: top 0.3s ease-in-out; 
}

.mobile-menu-up {
	position: fixed !important;
	top:-100px;
	z-index: 9999;
	transition: top 0.3s ease-in-out; 
}

@media (max-width: 950px) {
	ul.nice-menu {
	    font-size: .875em;
	}
}

@media (max-width: 850px) {
	ul.nice-menu {
	    font-size: .75em;
	}
}

@media (max-width: 700px) {
	ul.nice-menu {
	    font-size: .625em;
            margin: 0;
	}
}

@media (max-width: 600px) {
	ul.nice-menu {
	    font-size: .75em;
            margin: 0;
	}
	ul.nice-menu li { float: none; clear: both; }
	ul.nice-menu {  position: absolute; }
	.region-navigation { display: none; }
	#mobile-menu { display: block; /*background: url(images/expand.gif) no-repeat right center;*/ }
	#mobile-menu:hover { color: #880000; }
	/*#mobile-menu:hover + .region-navigation { display: block; }*/
	/*#mobile-menu:hover + .region-navigation[style*="display: none"] { display: block; }*/
	/*#mobile-menu:hover + .region-navigation[style*="display: block"] { display: none; }*/
	/*.region-navigation:hover { display: block; }*/
    
	ul.nice-menu li a:hover,
        ul.nice-menu li.over a { 
	    color: #800;
	    /*background: url(images/bg-child-menu-s.jpg) repeat-x left top;*/
	}
	ul.nice-menu li.menu-path-donations {
    	position: relative;
	}
    ul.nice-menu ul {
        width: 100%;
    };
}