/* Mixins */
/**
 * Returns value from colors map
 */
/**
 * Turns pixels to rems
 * We typically set out HTML font size to 62.5% which helps us have a base-10 value to work with.
 * So the following mixin accepts a pixel value that is then turned into a corresponding rem value.
 */
/**
 * Function for converting a px based font-size to rem.
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {to-rem(12);}
 *
 */
.block-search .form-item-keywords.uk-margin {
  margin: 0;
}
.block-search .form-item-keywords label {
  display: none;
}
.block-search .form-actions {
  display: none;
}
.block-search .uk-search-input.form-autocomplete {
  background-image: none;
}
.block-search .uk-search-input.form-autocomplete.ui-autocomplete-loading {
  background-image: url("../images/global/throbber-active.gif");
  background-position: calc(100% - 40px) center;
}

.header .block-search {
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 1.6rem;
  line-height: 1.4 !important;
}
@media only screen and (min-width: 960px) {
  .header .block-search {
    margin-top: -0.7rem;
  }
}
.header .block-search .uk-search-input {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media only screen and (min-width: 960px) {
  .header.uk-sticky-fixed .block-search {
    display: none;
  }
}

.page-search .block-search {
  text-align: center;
}
@media only screen and (max-width: 959px) {
  .page-search .block-search {
    margin-bottom: 3.5rem;
  }
}
@media only screen and (min-width: 960px) {
  .page-search .block-search {
    margin-bottom: 5rem;
  }
}
.page-search .block-search .uk-search-default {
  margin: 0 auto;
  width: 55rem;
}
.page-search .block-search .uk-search-input {
  width: 55rem;
}

.menu-main-mobile.mm-menu .block-search {
  padding: 0 0 0 2rem;
}
.menu-main-mobile.mm-menu .block-search .uk-search-default {
  width: 100%;
}
.menu-main-mobile.mm-menu .block-search .uk-search-default .uk-search-input {
  height: 5.5rem;
  padding-left: 1rem;
}
.menu-main-mobile.mm-menu .block-search .uk-search-default .uk-search-icon {
  width: 4.5rem;
}
.menu-main-mobile.mm-menu .block-search .uk-search-default .uk-search-icon-flip svg {
  height: 2.4rem;
  width: 2.4rem;
}
.menu-main-mobile.mm-menu .block-search .uk-search-default .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 3.5rem;
}