/*
  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.)

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

/******************************
 Global CSS for ALL menu types
******************************/
ul.nice-menu {font-family:"Foundry Origin W01 Bk",Georgia, serif;letter-spacing:0.1em;font-size:13px;margin-left:10px}
ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#block-nice-menus-1 ul.nice-menu{line-height:0;width:100%;margin-left:auto;margin-right:auto;display:table;} /* The last 3 styles is to center-align the menu on its container */

ul.nice-menu > li {
  border-top: 0;
  float: left; /* LTR */
  min-width:110px;
  max-width:165px;
  width:auto;
  width:calc((100% - 279px) /4);
  line-height:110px;
  vertical-align:middle;
  text-align:center;
  /* margin-top:41px; */
}
body.scroll-header ul.nice-menu > li {line-height:60px}
#block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.last {padding-bottom:10px}

ul.nice-menu a {
  text-decoration:none;
  color:#37383b;
  line-height: 30px;
  border-bottom: 1px solid #fff;
  width:auto;
}

ul.nice-menu > li > a { display: inline; padding-bottom: 7px !important;}
ul.nice-menu > li.menu-218 > a { display: block; padding-bottom: 0 !important;}
ul.nice-menu > li > a,ul.nice-menu > li > span {text-transform:uppercase;}
ul.nice-menu > li > a:hover,ul.nice-menu > li > a.active,
ul.nice-menu > li.over > a{border-bottom: 1px solid #37383B;padding-bottom: 0px;}
/* Fix for delay menu 
ul.nice-menu li.menuparent a{padding-bottom:0;border:none}
ul.nice-menu li.menuparent > ul{border-top: 1px solid;margin-top: 9px;width:150px}*/

ul.nice-menu ul {
  
  left: 0px; /* LTR */
  border: 0;
  margin-right: 0; /* LTR */
  width:100%;
  top:80px;
  
}
body.scroll-header ul.nice-menu ul  {top:64px}

ul.nice-menu ul li {


  background-color:#fff;
  width:auto;
  min-width:160px;
  line-height: 21px;
  font-weight: normal;
  color:#37383b;
  text-align:left;
  padding-right:20px;
  padding-left:20px;
}

/* Customizations */
ul.nice-menu li.menu-218 {margin-top:0px;position:relative;width:221px !important;max-width:100%;min-width:221px;display:block;margin-right:29px;margin-left:29px}
body.scroll-header ul.nice-menu li.menu-218 a{height:60px}
ul.nice-menu li.menu-218 a{width:213px;height:110px;text-indent:-5000px;background:url(../images/blue-hill-logo-big.png) left center no-repeat;background-size:213px 15px;text-align:center;margin:0 auto} /* Home link with logo */
ul.nice-menu li.menu-218 a:hover,ul.nice-menu li.menu-218 a.active {border-bottom:1px solid #fff;padding-bottom:0}
ul.nice-menu li.menu-218 > span.section{position: absolute;top: 75px;left: 0;font-size: 11px;line-height:1em;width:100%;text-align:center}
body.scroll-header ul.nice-menu li.menu-218 > span.section{top: 45px;}


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

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

ul.nice-menu-down li {
  
}

ul.nice-menu-down li li {
  
}

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

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

ul.nice-menu-down li ul li ul {
  /*left: 12.5em; /* LTR 
  top: -1px;*/
  left:101%;
  top:10px;
}

ul.nice-menu-down .menuparent > ul > li a {padding:11px 6px;text-transform:uppercase;line-height:1.2em;font-size: 0.846em;}
ul.nice-menu-down .menuparent > ul > li a:hover {/*color:#4487a1*/color:#666}

ul.nice-menu-down li.menuparent {
  
}

ul.nice-menu-down li.menuparent:hover {

}

ul.nice-menu-down li li.menuparent {

}

ul.nice-menu-down li li.menuparent:hover {

}

/* Login Menu (top) */
.top-bar-container { max-width: 1400px; margin: 0 auto;}
#block-system-user-menu {background:#e4e4e4;height:28px;overflow:hidden}
#block-system-user-menu .content{text-align:right;}
#block-system-user-menu .content ul {margin:0;padding:0;line-height:0px;font-size: 11px;font-family:"Foundry Origin W01 Bk",Georgia, serif}
#block-system-user-menu .content ul li{display:inline-block;width:7%;text-align:center;padding:0;margin:0;border-left:2px solid white;line-height:28px}
#block-system-user-menu .content ul li.active-trail{background-color:#fff;}
#block-system-user-menu .content ul li.active-trail + li {border-left:none}
#block-system-user-menu .content ul li.last{margin-right:0px;max-width:30px;}/* search button */
#block-system-user-menu .content ul li.last a{background:url(../images/search-icon.gif) no-repeat center 9px;text-indent:-5000px}/* search button */
#block-system-user-menu .content ul li.first{padding-left:0;margin-left:0;width:79%;border-left:none}
#block-system-user-menu .content ul li a{text-decoration:none;color:#37383b;line-height:28px;display:block;letter-spacing:0.1em;text-transform: uppercase;padding-left:4px}
#block-system-user-menu .content ul li a.wasted{text-transform: inherit;}
#block-system-user-menu .content ul li span{color:#37383b;line-height:28px;display:block;margin-left: 27%;letter-spacing:0.1em;text-transform: uppercase;}

/* Mobile menu */
a#menu_opener {display:none;background: left center no-repeat transparent;background-image: url(../images/menu-icon50.png);width: 25px;height: 110px;margin:0;right:20px;top:0;position:absolute}
a#menu_opener:hover {/*background-position:left -25px*/}

@media screen and (max-width: 767px) {
	/* a#menu_opener {display:block !important}
	#block-nice-menus-1 ul.nice-menu {display:none !important} */
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  ul.nice-menu li.menu-218 a {background-image:url(../images/blue-hill-logo-big.png);background-size:213px 16px;}
}