/* OrderTree header overrides. Load after the site theme stylesheet. */
.ms-header { background-color: #000 !important; }

/* Mobile search icon alignment. Load after the existing OrderTree theme CSS. */
@media (max-width: 767px) {
  .ms-header .ms-header__container .ms-header__topbar .ms-header__desktop-nav-items {
    height: 60px;
    min-height: 60px;
    align-items: center;
  }
  .ms-header .ms-header__desktop-nav-items .ms-search,
  .ms-header .ms-header__desktop-nav-items .ms-cart-icon {
    align-self: center;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    transform: none;
    height: 48px;
  }
  .ms-header .ms-cart-icon .ms-cart-icon-wrapper.msc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 48px;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
  }
  .ms-header .ms-search .ms-search__icon.msc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 48px;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
  }
  .ms-header .ms-search .ms-search__icon.msc-btn::before {
    display: block;
    flex: 0 0 auto;
    line-height: 1;
    margin: 0;
  }
}

@media (min-width: 768px) {
 .ms-header .ms-search__form-submitSearch.msc-btn,
 .ms-header .ms-search__form-submitSearch.msc-btn::before { color: #fff !important; -webkit-text-fill-color: #fff; }
}