.recommendation-item {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 1.22em;
  text-decoration: none; }
  .recommendation-item > a {
    display: flex;
    flex-direction: row;
    line-height: 1.5;
    padding: 2px .4em 2px 12px;
    border-radius: 0;
    text-decoration: none;
    color: #58595B;
    cursor: default; }
    .recommendation-item > a.focus {
      color: #58595b;
      background-color: #f5f6f8;
      text-decoration: none; }
    .recommendation-item > a > .image-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-size: contain;
      background-position-x: center;
      background-position-y: center;
      background-repeat: no-repeat;
      min-width: 64px;
      height: 64px;
      margin: 0 10px 4px 0; }
    .recommendation-item > a > .details {
      flex: 1 1 auto;
      margin-bottom: 10px;
      text-decoration: none;
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
      .recommendation-item > a > .details > .item-label {
        text-overflow: ellipsis;
        text-decoration: none;
        max-width: 100%;
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        font-weight: 500;
        overflow-wrap: break-word;
        word-wrap: break-word; }
      .recommendation-item > a > .details > .description {
        text-overflow: ellipsis;
        text-decoration: none;
        font-family: "Avenir LT W01 55 Roman",Verdana,Arial,sans-serif;
        font-size: 12px;
        flex: 1 1 auto;
        overflow: hidden;
        margin: 8px 0 0 0; }

/* overwrite default orange highlight color for universal header in appcode
   globalMenu.css .not-touch-device #siteSubNavContainer a:hover
*/
.not-touch-device #siteSubNavContainer a.suggestion-item-text:hover {
  color: #58595b !important; }

.not-touch-device #siteSubNavContainer.tp-subnav a.suggestion-item-text:active {
  color: #58595b !important; }

/* added for touch devices */
#siteSubNavContainer.tp-subnav a.suggestion-item-text:active {
  color: #58595b !important; }

.suggestion-item {
  display: block;
  line-height: 18px;
  min-height: 22px;
  padding: 6px 1px 6px 12px;
  text-decoration: none; }
  .suggestion-item > a {
    color: #58595b;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px !important;
    text-decoration: none;
    font-weight: 500; }
  .suggestion-item.focus {
    background-color: #f5f6f8;
    cursor: pointer;
    text-decoration: underline; }
    .suggestion-item.focus > a {
      color: #58595b; }

.search-loading {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 64px;
  padding: 12px; }
  .search-loading > .text-container {
    width: 80px; }
    .search-loading > .text-container > .loading-text {
      overflow: hidden;
      height: 18px;
      margin: 10px 0 0 0;
      padding: 0;
      animation-name: expand;
      animation-duration: 1000ms;
      animation-timing-function: linear;
      animation-iteration-count: infinite; }

@keyframes expand {
  0% {
    width: 53px; }
  75% {
    width: 80px; }
  100% {
    width: 80px; } }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

/* gray-based */
/* red based */
/* blue based */
/* tinyprints colors */
#hdSearchContainer {
  z-index: 100 !important; }

#headerTestContainer header {
  overflow: visible !important; }

#siteSubNavContainer #search-dropdown-suggestion-header {
  line-height: 2.5 !important;
  font-family: "Montserrat Medium", Verdana, Arial, sans-serif; }

#siteSubNavContainer #search-dropdown-recommendation-header {
  line-height: 2.5 !important;
  font-family: "Montserrat Medium", Verdana, Arial, sans-serif; }

#siteSubNavContainer.siteSubNav3_0 .autocomplete-container li a {
  font-family: "Montserrat Medium", Verdana, Arial, sans-serif; }

#siteSubNavContainer.siteSubNav3_0 .autocomplete-container li:hover a, #siteSubNavContainer.siteSubNav3_0 .autocomplete-container li:focus a {
  color: #58595B; }
  #siteSubNavContainer.siteSubNav3_0 .autocomplete-container li:hover a .item-label, #siteSubNavContainer.siteSubNav3_0 .autocomplete-container li:focus a .item-label {
    color: #58595B;
    text-decoration: underline; }

#hdSearchContainer input[type="text"] {
  border: none !important; }
  #hdSearchContainer input[type="text"]:focus {
    border: none !important; }

/* update height in navBar.css for recommendation page 
.responsive #siteSubNavContainer.siteSubNav3_0 {height: 80px}*/
@media screen and (max-width: 991px) {
  .responsive #siteSubNavContainer.siteSubNav3_0 {
    height: 75px !important; } }

.uig-search {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  position: relative;
  max-width: 308px;
  outline: 0;
  margin-left: auto;
  margin-right: 10px;
  z-index: 100 !important; }
  @media only screen and (max-width: 991px) {
    .uig-search {
      box-sizing: border-box;
      display: flex;
      flex: 1 1 auto;
      position: relative;
      outline: 0;
      z-index: 100 !important;
      width: 100%;
      max-width: none; } }
  .uig-search button {
    outline: 0; }
  .uig-search li {
    list-style-type: none; }
  .uig-search > .uigSrchFieldContainer {
    display: flex;
    flex-direction: row;
    width: 100%; }
    .uig-search > .uigSrchFieldContainer:hover > .uigSrchTxtFieldContainer > div, .uig-search > .uigSrchFieldContainer:focus > .uigSrchTxtFieldContainer > div {
      border-color: #929497; }
    .uig-search > .uigSrchFieldContainer:hover .srch_go, .uig-search > .uigSrchFieldContainer:focus .srch_go {
      border-color: #929497; }
    .uig-search > .uigSrchFieldContainer > .uigSrchTxtFieldContainer {
      box-sizing: border-box;
      align-self: center;
      flex: 1 1 auto;
      margin-left: auto;
      position: relative; }
      .uig-search > .uigSrchFieldContainer > .uigSrchTxtFieldContainer > div {
        border-radius: 4px 0 0 4px;
        transition: border-color .2s;
        border: 1px solid #dcdee1;
        box-shadow: none;
        height: 32px; }
        .uig-search > .uigSrchFieldContainer > .uigSrchTxtFieldContainer > div > .uigSrchTxtField {
          font-size: 14px;
          font-weight: 500;
          font-family: 'Montserrat', sans-serif;
          padding-left: 12px;
          width: 100%;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: normal; }
    .uig-search > .uigSrchFieldContainer > button {
      position: relative;
      display: inline-block;
      height: 32px;
      margin: 0;
      padding: 0;
      border-width: 0;
      border: none;
      font-size: 100%;
      background-image: none;
      background-color: transparent; }
      .uig-search > .uigSrchFieldContainer > button:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      .uig-search > .uigSrchFieldContainer > button > .srch_go {
        transition: border-color .2s;
        align-self: center;
        border-radius: 0 4px 4px 0;
        font-size: 0;
        border: solid #dcdee1;
        border-width: 1px 1px 1px 0;
        box-sizing: border-box;
        background: #FFF no-repeat center center;
        width: 100%; }
      .uig-search > .uigSrchFieldContainer > button > svg.uig-svg-icon {
        padding: 6px;
        width: 38px;
        height: 32px; }
  .uig-search > .autocomplete-container {
    position: absolute;
    width: 352px;
    user-select: none;
    padding: 0;
    right: 0;
    top: 32px; }
    @media only screen and (max-width: 991px) {
      .uig-search > .autocomplete-container {
        position: absolute;
        width: auto;
        user-select: none;
        padding: 0;
        right: 5px;
        left: 5px;
        top: 32px; } }
    .uig-search > .autocomplete-container.hide {
      display: none; }
    .uig-search > .autocomplete-container {
      background: #FFF;
      border: 1px solid #dcdee1;
      /*set border colour here*/
      border-radius: 4px;
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.11);
      margin-block-start: 2px;
      /*overwrite default user agent sheet for ul*/
      margin-block-end: 0; }
    .uig-search > .autocomplete-container > .autocomplete-header {
      height: auto;
      background-color: #EEE;
      color: #58595B;
      border-top: 1px solid #C6C7C9;
      line-height: 1.22em;
      font-size: 14px;
      margin-bottom: 0;
      height: 36px;
      mix-blend-mode: darken;
      box-shadow: inset 0 -1px 0 0 #dcdee1;
      background-color: #f5f6f8; }
      .uig-search > .autocomplete-container > .autocomplete-header.suggestion {
        border-top: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: 36px;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.5;
        color: #58595b;
        padding-left: 10px; }
      .uig-search > .autocomplete-container > .autocomplete-header.recommendation {
        border-top: none;
        height: 36px;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.5;
        color: #58595b;
        padding-left: 10px; }


/*# sourceMappingURL=search-autosuggest.css.map*/