/*****************************************************************
 * Infinity Push
 *****************************************************************/
html, body {
  position: relative; /*this seems to cause extra padding at the bottom of the page, and may be unnecessary now that the menu button is positioned relative to the header__mobile container rather than the body*/
 overflow-x: hidden; /*this seems to cause an additional scroll bar on the page*/
 height: 100%;
 
 -webkit-overflow-scrolling: touch;overflow-scrolling: touch;
}

.ma-infinitypush-open,
.ma-infinitypush-wrapper {
  height: 100%;
  position: fixed;
}

.ma-infinitypush-open {
  overflow: hidden;
  width: 100%;
}

/*-----------------main container of nav-----------------*/

.ma-infinitypush-wrapper {
  background-color: #b3d234;
  width: 250px;
  z-index: 9999;
}

/*----------------------menu button----------------------*/

.ma-infinitypush-wrapper.ma-infinitypush-active-button {
  position: absolute;
}
.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-left .ma-infinitypush-button {
  margin: 0 0 0 22px;
  right: -70px;
}
.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-right .ma-infinitypush-button {
  /*margin: 0 22px 0 0; right aligned menu not being used
  left: -44px;*/
}

.ma-infinitypush-button, .ma-infinitypush-button:hover, .ma-infinitypush-button:active, .ma-infinitypush-button:focus {
  background: #783CA0;
  border: none;
  position: absolute;
  padding: 0;
  /*text-indent: -9999px;*/
  width: 70px;
  height: 40px;
  top: 0px;
  cursor: pointer;
  z-index: 5000;
  color:#ffffff;

}
.ma-infinitypush-button:hover, .ma-infinitypush-button:active, .ma-infinitypush-button:focus {
	background: #8284d7;
}
@media screen and (min-width: 1px) and (max-width: 480px) {
	.ma-infinitypush-button, .ma-infinitypush-button:hover, .ma-infinitypush-button:active, .ma-infinitypush-button:focus {
		border-right:1px solid #ffffff;
	}
}
/*----------------------sub menus----------------------*/

.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ul,
.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ol,
.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ul,
.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ol {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ul,
.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ol,
.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ul,
.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ol {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.ma-infinitypush-wrapper .ma-infinitypush {
  display: none;
  background-color: transparent !important;
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 5001;
  -webkit-overflow-scrolling: touch;
}
.ma-infinitypush-wrapper .ma-infinitypush ul,
.ma-infinitypush-wrapper .ma-infinitypush ol {
  background-color: #b3d234;
  list-style-type: none;
  width: 250px;
  overflow-x: hidden;
  
}
.ma-infinitypush-wrapper .ma-infinitypush ul li,
.ma-infinitypush-wrapper .ma-infinitypush ol li {
  min-height: 40px;
  width: 100%;
}
.ma-infinitypush-wrapper .ma-infinitypush ul li a,
.ma-infinitypush-wrapper .ma-infinitypush ol li a {
  font-family: 'bitterregular', Rockwell, sans-serif;
  font-weight:normal;
  color: #4d4d4d;
  display: block;
  font-size: 14px;
  text-decoration: none;
  line-height:140%;
  height: 100%;
  margin: 0;
  padding: 13px 0 0 15px;
}
.ma-infinitypush-wrapper .ma-infinitypush ul li ul,
.ma-infinitypush-wrapper .ma-infinitypush ul li ol,
.ma-infinitypush-wrapper .ma-infinitypush ol li ul,
.ma-infinitypush-wrapper .ma-infinitypush ol li ol {
  display: none;
  position: absolute;
  height: 100%;
  top: 0;
  overflow-y: auto;

}

/*-------active menu item that is behind its submenu-------*/

.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item,
.ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item {
  background-color: #ccc;
}
.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item > a,
.ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item > a {
  color: #252324 !important;
  text-decoration: none !important;
}

/*----------------------main level nav----------------------*/

.ma-infinitypush-wrapper .ma-infinitypush > ul,
.ma-infinitypush-wrapper .ma-infinitypush > ol {
  /*border-bottom: 1px solid #e9e9e9; don't need b/c only using one main level nav*/
}
.ma-infinitypush-wrapper .ma-infinitypush.ma-infinitypush-sub-open {
  overflow-y: hidden;
}
.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-inactive {
  border-right: none !important;
  border-left: none !important;
  overflow-y: hidden !important;
}

/*-------grays out the main menu behind the submenu, gives full height-------*/

.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 250px;
  height: 100% !important;
  top: 0;
  left: 0;
  padding: 0 !important;
}