/**
 * utilities-bar.css
 * 
 * The utilities bar is positioned below the tophat navigation and contains the Ingram Micro logo and the search form. 
 * 
 * When a user starts typing in the search form, suggested search results will appear below ("Search Dropdown"). To illustrate this in the prototype, the dropdown currently opens when the user clicks inside it and the search form auto-populates with "apple".
 * 
 * Index
 * 
 * - General Utilities Bar Styling
 * - Logo Styling and Positioning
 * - Navigation Search Form: Positioning and Styling
 * - Navigation Search Modal: Positioning and Styling
 * 
 */

/*-----------------------------------------------------------------------
# General Utilities Bar Styling
------------------------------------------------------------------------*/

.nav-utilities { 
  height: 60px; 
  position: relative;
}

/*-----------------------------------------------------------------------
# Logo Styling and Positioning
------------------------------------------------------------------------*/

.nav-logo { 
  max-width: 126px; 
  float: left;
}

/*-----------------------------------------------------------------------
# Navigation Search Form: Positioning and Styling
------------------------------------------------------------------------*/

.nav-utilities .search-form {
  position: relative;
  top: 80%;
  -webkit-transform: translateY(-80%);
  -moz-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  -o-transform: translateY(-80%);
      transform: translateY(-80%);
}

.nav-utilities .search-form {
  margin-top: 4px;
}

/*-----------------------------------------------------------------------
# Navigation Search Modal: Positioning and Styling
------------------------------------------------------------------------*/

.header-nav .menu-search {
  top: 58px;
  left: 244px;
}