/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
    padding: 0px;
  }
  .navbar-brand>img {
    height: 100%;
    padding: 15px;
    width: auto;
  }
  
  /*************************
  EXAMPLES 2-7 BELOW 
  **************************/
  
  /* EXAMPLE 2 (larger logo) - simply adjust top bottom padding to make logo larger */
  
  .example2 .navbar-brand>img {
    padding: 7px 15px;
  }
  
  
  /* EXAMPLE 3
  
  line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */
  
  .example3 .navbar-brand {
    height: 80px;
  }
  
  .example3 .nav >li >a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .example3 .navbar-toggle {
    padding: 10px;
    margin: 25px 15px 25px 0;
  }
  
  
  /* EXAMPLE 4 - Small Narrow Logo*/
  .example4 .navbar-brand>img {
    padding: 7px 14px;
  }
  
  
  /* EXAMPLE 5 - Logo with Text*/
  .example5 .navbar-brand {
    display: flex;
    align-items: center;
  }
  .example5 .navbar-brand>img {
    padding: 7px 14px;
  }
  
  
  /* EXAMPLE 6 - Background Logo*/
  .example6 .navbar-brand{ 
    background: url(/frontend/images/ev-logo.png) center / contain no-repeat;
    width: 200px;
  }
  
  
  /* EXAMPLE 9 - Center with Flexbox and Text*/
  .brand-centered {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  .brand-centered .navbar-brand {
    display: flex;
    align-items: center;
  }
  .navbar-toggle {
      z-index: 1;
  }
  
  /* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */
  .navbar-alignit .navbar-header {
        -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 50px;
  }
  .navbar-alignit .navbar-brand {
      top: 50%;
      display: block;
      position: relative;
      height: auto;
      transform: translate(0,-50%);
      margin-right: 15px;
    margin-left: 15px;
  }
 
  .navbar-nav>li>.dropdown-menu {
      z-index: 9999;
  }