/* Bootstrap Mobile Navigation is as of Vertical iPad, <= 767px */
#head-wrapper-mobile-top {
  display: none;
}
#mobile-site-push-right > div {
  background: #fff;
}
#mobile-site-push-right #head-wrapper-mobile-top { 
  background-color: transparent;
}
@media (max-width:767px) {
  body #head-wrapper {
    position: fixed;
    width: 260px;
    left:-260px;
    top:0;
    height: 100%;
    background-color: transparent;
    background-image: none;
    z-index: 1;
    overflow: auto;
  }
  body #head-wrapper .navbar-wrap {
/*    padding-top:45px; */
    padding-bottom: 20px;
  }
  body #head-wrapper.open {
/* this is done with jquery animation */
/*      left:0;  */
  }
  #head-wrapper-mobile-top {
    display: block;
	position: relative;
	z-index: 2;
  }
  body.noscroll  #head-wrapper-mobile-top {
    min-width: 400px;
  }
  
  body #head-wrapper .navbar-collapse {
    max-height: inherit;
  }
  body #head-wrapper .zone-separator {
    display: none;
  }
  body.noscroll {
	overflow: hidden !important;
  }
  body {
    background: url(../images/header-bg.png) no-repeat fixed center top #589abc;
  }

  /*
   * This prevents the pages in the mobile app from displaying the globe background image.
   */
  body.page-app {
    background-image: none;
    background-color: #FFFFFF;
  }

  body .navbar-wrap {
    background-color: transparent;
    background-image: none;
  }
  body .navbar-collapse {
    height: auto;
    display: block;    
  }
  .noscroll #mobile-site-push-right {
/* this is done with jquery animation */
/*      left:260px;  */
    -moz-box-shadow: 10px 10px 10px #000;
    -webkit-box-shadow: 10px 10px 10px 10px;
    box-shadow: 10px 10px 10px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000')";
    z-index: 4;
    position: fixed;
  }
  #mobile-site-push-right {
    z-index: 3;
    position:relative;
  }
  body a.mobile-logo-text {
    margin-left: 0;
  }

  body.page-node-20307 {
    background-image: none;
    background-color: #fff;
  }

  body.page-node-20307 aside.sidebar_first, body.page-node-20307 img[typeof="foaf:Image"] {
    display: none;
  }
}