/*****************************************************************
 * Infinity Push
 *****************************************************************/
html, body {
  height: 100%;
  position: relative;
  overflow-x: hidden; 
 
 -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: rgba(255, 207, 83, 1);
  color: rgba(2, 30, 51, 1);
  width: 220px;
  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 {
 font-size: 1em; left aligned menu not being used
   margin: 0 0 0 22px;
  right: -70px;
}*/
.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-right .ma-infinitypush-button {
  left: -70px;
  margin: 0 22px 0 0; 
}

.ma-infinitypush-button, .ma-infinitypush-button:hover, .ma-infinitypush-button:active, .ma-infinitypush-button:focus {
  background: rgba(255, 207, 83, 1);
  border: none;
  box-shadow: -1px 1px 0px rgba(2, 30, 51, 1);
  color: rgba(2, 30, 51, 1); 
  cursor: pointer;
  font-size: 1em;
  height: 40px; 
  padding: 0;
  position: absolute;
  /*text-indent: -9999px;*/
  top: 30px;
  width: 70px;
  z-index: 5001;

}
.ma-infinitypush-button:hover, .ma-infinitypush-button:active, .ma-infinitypush-button:focus {
	background: rgba(255, 207, 83, 1);
}

@media screen and (min-width: 860px) {
   .ma-infinitypush-button {
      display: none !important;
   }
}



/*----------------------sub menus----------------------*/


.ma-infinitypush-wrapper .ma-infinitypush {
  display: none;
  background-color: transparent !important;
  position: relative;
  height: 100%;
  z-index: 5000;
  -webkit-overflow-scrolling: touch;
}
.ma-infinitypush-wrapper .ma-infinitypush ul,
.ma-infinitypush-wrapper .ma-infinitypush ol {
  background-color: rgba(255, 207, 83, 1);
  box-shadow: -1px 1px 2px rgba(2, 30, 51, 1);
  list-style-type: none;
  padding: 10px 0px 20px 0px;
  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 {
   border-bottom: none;
  font-family: "TTSupermolotNeue-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:normal;
  color: rgba(2, 30, 51, 1);
  display: block;
  font-size: 14px;
  text-decoration: none;
  line-height:140%;
  height: 100%;
  margin: 0;
  padding: 14px 20px 0 20px;
}
.ma-infinitypush-wrapper .ma-infinitypush ul li a:hover,
.ma-infinitypush-wrapper .ma-infinitypush ol li a:hover {
   font-weight: 700;
   
}
.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: #fff200 !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;
}