/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/tpd/components/structure/header/v1/header/clientlib/less/search.less
Error: NameError: variable @trp-ds-font-family-bold is undefined in /apps/tpd/components/structure/header/v1/header/clientlib/less/search.less on line 38, column 20:
37     b {
38       font-family: @trp-ds-font-family-bold;
39     }


(uncompiled LESS src is included below)
*****************************************************/
@import "/apps/tpd/clientlibs/base-dynamic/branding/less/gdx-wc-branding";

.search-field--v1 {
  margin-left: 30px;

  .gdx-tpd-search-box {

    ::placeholder {
      color: @trp-ds-grey-010;
    }

    input {
      &[type='text'] {
        background-color: @trp-ds-grey-100;
        border: 0 !important;
        color: @trp-ds-grey-010;
        margin: 12px 0;
        padding: 3px;

        &:focus {
          background-color: @trp-ds-white;
          color: @trp-ds-grey-100;
        }
      }
    }
  }
}

#suggestions {
  margin-top: 2px;

  .gdx-search-list {

    margin-top: 2px;
    font-size: 16px;

    b {
      font-family: @trp-ds-font-family-bold;
    }
  }
}

header.header--legacy .header__main .header__main__content .header__main__content__right nav ul li gdx-signin-button .gdx-desktop-signin-button {
  display: inline;
}