/*
Theme Name: As You Sow

Contains style applicable to menus on  the site

Description: Modified for WordPress and new site style from original As You Sow designer's work
Author: Sheila Tabuena
Version: 0.1
*/

/* top level menu */
#access { /*khw: from style.css */
	top: 3px;
}

#access ul {
  list-style: none;
  margin: 10px 0px /*0px khw*/ 12px;
  padding: 0px; }

#access li {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #00813c;
  float: left;
  text-align: center;
  text-transform: uppercase;
  margin: 0px 10px;
  padding: 0px 10px;
   }

#access a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }

#access a:link,
#access a:visited {
  color: #00813c;
  text-decoration: none; }

#access a:hover,
#access a:focus {
  color: #00813c;
  text-decoration: none; }

#access a.active {
  color: #57a1da; /*#f4864c;*/
  text-decoration: none; }

/* UberMenu */
/* 		Top Level Items */
#megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator {
  font-size: 16px;
	padding-left: 1px !important;
	padding-right: 0 !important;
	margin-left: 33px !important; 
/*  color: #888888;
  padding: 12px 15px;
  font-weight: normal;
*/
} /*khw*/



/* 		Top Level Items - Hover */
#megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a {
  color: #57a1da; /*#f4864c;*/
} /*khw*/

/* 		Top Level Items - Current Item */
#megaMenu ul.megaMenu > li.current-menu-item > a, #megaMenu ul.megaMenu > li.current-menu-parent > a, #megaMenu ul.megaMenu > li.current-menu-ancestor > a {
  color: #57a1da; /*#f4864c;*/
} /*khw*/

/*		Arrows	*/
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after,
#megaMenu ul li.mega-with-sub > a:after,
#megaMenu ul li.ss-nav-menu-mega > a:after,
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu ul li.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after {	
	border-top-color: #fff !important;
	border: none !important;
} /*khw*/

/* Access Submenus  */
#access .sub-menu-1 ul,
#access ul.sub-menu-1 {
  position: absolute;
  top: 47px; /*khw 30px*/
	left:10px !important;
  z-index: 200;
  background-color: #72c267;
  list-style: none;
  margin: 0px; 
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px; 
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  padding: 5px;
}

#access .sub-menu-2 ul,
#access ul.sub-menu-2 {
  position: absolute;
  top: -40px; /*khw 30px*/
  left:220px !important;
  z-index: 300;
  background-color: #00813c;
  list-style: none;
  margin: 0px; 
  border-top-left-radius: 5px; 
  border-bottom-left-radius: 5px;
  border-top-right-radius: 10px; 
  border-bottom-right-radius: 10px;
  padding: 5px;
}

#megaMenu li ul.sub-menu-1 {
  -webkit-box-shadow: 1px 1px 1px #aeaeae;
  box-shadow: 1px 1px 1px #aeaeae; 
  border: 1px solid #4b9d3f;
}

#megaMenu li ul.sub-menu-2 {
  -webkit-box-shadow: 1px 1px 1px #aeaeae;
  box-shadow: 1px 1px 1px #aeaeae; 
  border: 1px solid #00813c;
}

#access ul.sub-menu-1 li {
  position: relative;
  z-index: 200;
  float: none;
  font: bold 14px "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0px;
  padding: 0px;
  color: white;
  /*border-top: solid 1px white !important khw*/; }
  
#access ul.sub-menu-2 li {
  position: relative;
  z-index: 300;
  float: none;
  font: bold 14px "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0px;
  padding: 0px;
  color: white;
  /*border-top: solid 1px white !important khw*/; }

/*#access ul.sub-menu li:first-child {
  border-top: none !important; }*/

/*#access .sub-menu a {
  color: #00813c; }*/

#access .sub-menu a:link,
#access .sub-menu a:visited {
  color: white;
  text-decoration: none; }

#access .sub-menu-1 a:hover,
#access .sub-menu-1 a:focus {
  color: #57a1da; /*#f4864c;*/
  background-color: white;
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px; 
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  text-decoration: none; }
  
#access .sub-menu-2 a:hover,
#access .sub-menu-2 a:focus {
  color: #3781ba; /*#f4864c;*/
  background-color: white;
  border-top-left-radius: 5px; 
  border-top-right-radius: 10px; 
  border-bottom-left-radius: 5px; 
  border-bottom-right-radius: 10px;
  text-decoration: none; }
  
  


/* Page Submenus  */
/* Newsletter Submenus */
.page-submenu {
  z-index: 300;
 }

.page-submenu ul {
  position: relative;
  z-index: 300;
  background-color: rgb(229, 243, 226);
  border-top-left-radius: 10px; 
  border-top-right-radius: 10px; 
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px;
  list-style: none;
  margin: 15px 10px 10px 0px;
  padding: 5px;
    -webkit-box-shadow: 1px 1px 1px #aeaeae;
          box-shadow: 1px 1px 1px #aeaeae; 
   }

.newsletter .page-submenu ul {
	background-color: #d8eff0;
}

.page-submenu li {
  position: relative;
  z-index: 300;
  float: none;
  font: bold 18px "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0px;
  padding: 2px;
  color: #00813c; 
  overflow:hidden;}

.page-submenu #company-list {
  margin-top:18px;
  
}

.page-submenu #company-list li {
	text-transform:none;
	font-size: 13.5px;
}


.page-submenu ul ul {
    -webkit-box-shadow: 0px 0px 0px #aeaeae;
          box-shadow: 0px 0px 0px #aeaeae; 
    margin-top: 0px;
}

.page-submenu ul ul li {
  position: relative;
  z-index: 300;
  float: none;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: none;
  font-size: 14px;
  text-align: left;
  margin: 0px;
  padding: 2px 0px 2px 10px;
  color: #00813c;
  border-top: 1px solid white; 
  overflow:hidden;}
  

.page-submenu li.selected,
.page-submenu ul ul li.selected  {
  color: #57a1da;
  /*color: #f4864c*/ }

.page-submenu a {
  color: #00813c;
}

.page-submenu a:link,
.page-submenu a:visited {
  color: #00813c;
  text-decoration: none; }

.page-submenu ul ul li:hover,
.page-submenu ul ul li:focus {
  background-color: white;
/*  border-top-left-radius: 5px; 
  border-top-right-radius: 5px; 
  border-bottom-left-radius: 5px; 
  border-bottom-right-radius: 5px;*/
  text-decoration: none;
  color: #57a1da; }
  
.page-submenu a:active {
  color: rgb(56, 80, 72);
  text-decoration: none; }






/* footer menu */
#footer {
  position: relative;
  font-size: 12px;
  clear: both;
  color: white;
  padding: 0px;
  margin: 10px auto;
  width: 240px;
  background-color: transparent;
  text-align: center; }

#footer ul {
  list-style: none;
  margin: 0px auto;
  padding: 0px;
  text-align: center; }

#footer li {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: white;
  float: left;
  text-align: center;
  margin: 0px;
  padding: 0px 8px;
  border-left: 1px solid white; }

#footer li:first-child {
  border-left: 0px; }

#footer a {
  font: normal normal 12px "Open Sans", Arial, Helvetica, sans-serif;
  color: white; }


  .press_logo_front {
  text-align: right;
  margin: 0 0 0 10px;
}