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

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


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



.search-field {

  .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;
    }
  }
}