/**
 * @file
 * The CSS file for the fade menu.
 *
 */


/*******************************************************************************
* -- [FADEMENU. FIXING] --
*/

#header.fadefix {
  background: #FFF;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 995;
}

#header.fadefix #logo {
  height: auto;
  font-size: 1em;
  margin-bottom: 1em;
}

#header.fadefix #logo,
#header.fadefix #logo img {
  -webkit-transition: 0.2s width ease-in-out;
  -moz-transition: 0.2s width ease-in-out;
  -ms-transition: 0.2s width ease-in-out;
  -o-transition: 0.2s width ease-in-out;
  transition: 0.2s width ease-in-out;
}

#main.fadefix {
  margin-top: 188px;
}

  /* ADMIN MENU - TOP FIX */
  body.admin-menu #header.fadefix {
    top: 29px;
  }

  body.admin-menu #main.fadefix {
    margin-top: 217px;
  }
  /* -- */



/*******************************************************************************
* -- [FADEMENU. RESIZING] --
*/

#header.fadesize #logo,
#header.fadesize #logo img {
  width: 80px;
}