/*
  DISTRIBUTOR MEGA MENU FIXES

  Used across all distributer sites to style mega menu with logo at top and menu underneath.
  This file is @import into all global distributer files that use the mega menu. For usage
  please talk to JHough or CHadden for more details.

  Last updated: 9/18/14 JH
*/



/* Hiding Global Sign in on Distributors */
#logged-out-navigation {
  display: none;
}


/* General Fixes */
#header, #mmHeader {
  height: 120px !important;
}

#header-logo {
  background-image: none;
  width: auto !important;
}
#homelink {
  margin: 0 0 25px 0 !important;
  width: auto !important;
}

#header-nav {
  margin-left: 15px;
  width: 100% !important;
}
#header-nav #nav {
  margin-top: 5px !important;
}

#header-search {
  position: absolute !important;
  right: 0;
  top: 10px;
  width: 28% !important;
}
#langauge-dropdown {
  float: left;
  position: relative !important;
  top: 15px;
  left: 0;
}
#header-search #searchbox {
  float: right;
}
#header-search .qtext.init_css {
  top: 10px !important;
}
#header-search .sa-mast-btn {
  top: 10px !important;
}

#mega-menu {
  top: 130px !important;
}




@media screen and (max-width: 760px) {

  #homelink {
    height: 65px;
    margin-bottom: 10px !important
  }

  #imgLogo {
    height: 100%;
    width: auto;
  }

  #header.mobile-search-active {
    min-height: 100px;
  }

  .mobile-search-active #header-search {
    background: #007AC2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-top: -18px !important;
    /* margin-top: 0; */
    min-height: 50px;
    padding: 0;
    width: 100% !important;

    position: relative !important;
    left: 0;
  }
  .mobile-search-active #header-search #searchbox {
    float: none;
    margin: 0 10px;
  }
  .mobile-search-active #header-search .sa-mast-btn {
    right: 10px;
  }

  .mobile-on#mega-menu {
    top: 70px !important;
  }


}