/*! pushytest - v1.0.0 - 2016-3-1
* pushytest is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushytest/
* by Christopher Yee */
/* Menu Appearance */
.pushytest {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-style:normal;	
  position: fixed;
  width: 250px;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #bad4d9;
  overflow: auto;
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushytest a {
	display:block;
  color: #004153;
  padding:0 35px;
  text-decoration: none;
  outline: 0;
  border-bottom:1px solid #fff;
}
.pushytest a:hover { color: #338599; }
.pushytest a span { height:90px; display:table-cell; vertical-align:middle; }

.pushytest ul a.active, .pushytest ul a.current { color: #338599; }
.pushytest ul a { text-transform:uppercase; font-size:1.0625em; letter-spacing:1px; }

.pushytest ul ul  { background:#cce1e5; }
.pushytest ul ul a { text-transform:none; font-size:.9375em; font-weight:300; font-style:normal; }

.pushytest ul:first-child { margin-top:0px; }
.pushytest.pushytest-left { left:0; }
.pushytest.pushytest-right { right:0; }

/* Menu Movement */
.pushytest-left {
  -webkit-transform: translate3d(-250px, 0, 0);
  -ms-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}

.pushytest-open-left #container,
.pushytest-open-left .push {
  -webkit-transform: translate3d(250px, 0, 0);
  -ms-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}

.pushytest-right {
  -webkit-transform: translate3d(250px, 0, 0);
  -ms-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}

.pushytest-open-right #container,
.pushytest-open-right .push {
  -webkit-transform: translate3d(-250px, 0, 0);
  -ms-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}

.pushytest-open-left .pushytest,
.pushytest-open-right .pushytest {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container,
.pushytest,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-extranet-overlay {
  display: none;
}

.pushytest-open-left .site-extranet-overlay,
.pushytest-open-right .site-extranet-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Submenu Appearance */
.pushytest-submenu {
  /* Submenu Icon */
}
.pushytest-submenu ul {
  padding-left: 0;
  transition: max-height 0.2s ease-in-out;
}
.pushytest-submenu ul .pushytest-link {
  transition: opacity 0.2s ease-in-out;
}
.pushytest-submenu > a {
  position: relative;
}
.pushytest-submenu > a::after {
  content: '';
  display: block;
  height: 24px;
  width: 13px;
  position: absolute;
  top: 50%;
  right:25px;
  background: url("img/pushy-extranet-arrow.svg") no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushytest-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
}
.pushytest-submenu-closed .pushytest-link {
  opacity: 0;
}

.pushytest-submenu-open {
  /* Submenu Icon */
}
.pushytest-submenu-open ul {
  max-height: 1000px;
}
.pushytest-submenu-open .pushytest-link {
  opacity: 1;
}
.pushytest-submenu-open a::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.no-csstransforms3d .pushytest-submenu-closed ul {
  max-height: none;
  display: none;
}

/*# sourceMappingURL=pushytest.css.map */