/**
 * header-global.css
 * 
 * Styles and positions navigation elements which are used across the site.
 * 
 * Index
 * 
 * - Global Header Navigation Styling
 * - Global Header Product Name Styling
 * - See All Link
 * - Breadcrumbs
 * 
 */

/*-----------------------------------------------------------------------
# Global Header Navigation Styling
------------------------------------------------------------------------*/

.header-nav li { list-style: none; }

.tophat-nav ul, .open-modal-click, .header-nav a { display: inline-block; }

.nav-right { float: right; }

.main-nav { background-color: #2375BB; }

/*-----------------------------------------------------------------------
# Global Header Product Name Styling
------------------------------------------------------------------------*/

.nav-product-name { line-height: 1.4; }

.nav-product-name {
  font-family: "HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  padding: 0 4px;
}

/*-----------------------------------------------------------------------
# See All Link
------------------------------------------------------------------------*/

.see-all { 
  font-weight: 600; 
  display: block; 
}

/*-----------------------------------------------------------------------
# Breadcrumbs
------------------------------------------------------------------------*/

.breadcrumb {
    /*
  margin: 40px 0 20px 0;
  font-size: 0.75em;
        */
}

.breadcrumb span { padding: 0 8px; }

.breadcrumb img { 
  margin-right: 12px; 
  position: relative;
  top: 3px;
}