/************************************************************
                    Search Module Styles
************************************************************/
#result {
  color: #212121; }
  #result .printers .heading,
  #result .products .heading {
    color: #212121;
    font-weight: 700;
    text-transform: uppercase; }
  #result .printers .list > *,
  #result .products .list > * {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1em 0;
    position: relative; }
    #result .printers .list > * img,
    #result .products .list > * img {
      display: inline-block;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 1em;
      width: 75px;
      height: auto; }
    #result .printers .list > *:hover > span > .title,
    #result .products .list > *:hover > span > .title {
      font-weight: 600;
      cursor: pointer; }
    #result .printers .list > * > span > .button--cta,
    #result .products .list > * > span > .button--cta {
      padding: 0.25em 0.5em; }
  #result .label-xl, #result .nbr-pages {
    display: inline-block !important; }
  #result .label-xl {
    background: #fff301;
    border-radius: 100%;
    color: #212121;
    font-size: .75em;
    font-weight: 600;
    height: 2em;
    left: 0;
    line-height: 2.2;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 2em; }
  #result .nbr-pages {
    color: #858585;
    font-size: .875em;
    margin-top: 0.5em; }

#wpksearchengine {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }
  @media screen and (max-width: 1023px) {
    #wpksearchengine {
      margin-top: 15px; } }
  @media screen and (min-width: 420px) and (max-width: 1023px) {
    #wpksearchengine {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; } }
  @media screen and (min-width: 1024px) {
    #wpksearchengine {
      -webkit-box-ordinal-group: initial;
          -ms-flex-order: initial;
              order: initial; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    #wpksearchengine {
      width: 100%; } }

#wpk_search_form input, #wpk_search_form select {
  background: transparent;
  border: none;
  height: 100%;
  padding: 1em;
  position: relative;
  z-index: 2; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
    #wpk_search_form input, #wpk_search_form select {
      font-size: 1.15em; } }
@media screen and (min-width: 769px) {
  #wpk_search_form select {
    font-size: .875em; } }

.search_form, .search_form fieldset, .search_form__container {
  height: 100%; }
.search_form__container, .search_form__submit .button {
  -webkit-transition: 0.6s all ease-in-out;
  transition: 0.6s all ease-in-out; }
.search_form__container {
  background: #FFF;
  border: 1px solid #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
.search_form__input, .search_form__input input, .search_form__input select, .search_form__select, .search_form__select input, .search_form__select select {
  font-weight: 600;
  text-transform: uppercase; }
.search_form__input {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  .search_form__input ::-webkit-input-placeholder {
    font-style: italic;
    font-weight: 300;
    text-transform: none; }
  .search_form__input :-ms-input-placeholder {
    font-style: italic;
    font-weight: 300;
    text-transform: none; }
  .search_form__input ::-ms-input-placeholder {
    font-style: italic;
    font-weight: 300;
    text-transform: none; }
  .search_form__input ::placeholder {
    font-style: italic;
    font-weight: 300;
    text-transform: none; }
.search_form__select {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 20%;
  /* &::before {
    content: attr(data-select-label);
  } */ }
  @media screen and (max-width: 419px) {
    .search_form__select {
      display: none; } }
  .search_form__select::after {
    color: #25a3fa;
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-size: 1em;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1; }
  .search_form__select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer; }
.search_form__submit .button, .search_form__submit .btn {
  border: 1px solid #FFF;
  height: 100%; }
  .search_form__submit .button, .search_form__submit .button:visited, .search_form__submit .btn, .search_form__submit .btn:visited {
        /* background: $border-color;

        &:hover, &:active, &:focus {
          background: $bg-button-hover;
        } */ }
.search_form__results {
  background: #FFF;
  border: 1px solid #212121;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  display: none;
  left: -1px;
  max-height: 80vh;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 1em;
  position: absolute;
  top: 100%;
  width: calc(100% + (1px * 2));
  z-index: 100; }
.search_form__help {
  background: #EAEAEA;
  color: #212121;
  font-size: 0.786rem;
  left: -1px;
  padding: 15px;
  position: absolute;
  text-transform: uppercase;
  top: calc(100% + 1px);
  width: calc(100% + (1px * 2));
  z-index: 1; }
  @media screen and (min-width: 769px) {
    .search_form__help {
      text-align: center; } }
  .search_form__help__title {
    color: #25a3fa; }

.header--sticky .search_form__container {
  border-color: #25a3fa;
  border-width: 2px;
  -webkit-transition-property: border-color;
  transition-property: border-color; }
.header--sticky .search_form__submit .button {
  background: #25a3fa; }
  .header--sticky .search_form__submit .button:hover, .header--sticky .search_form__submit .button:active, .header--sticky .search_form__submit .button:focus {
    background: #0c98f9; }
.header--sticky .search_form__help {
  left: -2px;
  top: calc(100% + 2px);
  width: calc(100% + (2px * 2)); }

/************************************************************
                    Search Module Page Styles
************************************************************/
.wpksearch_query {
  background: #EAEAEA;
  font-size: 0.786rem;
  margin-bottom: 30px;
  padding: 15px;
  text-transform: uppercase; }
  .wpksearch_query__keyword {
    color: #25a3fa;
    font-weight: 700; }

.wpksearch_query_box {
  margin: 30px 0; }
  .wpksearch_query_box:first-child {
    margin-top: 0; }
  .wpksearch_query_box:last-child {
    margin-bottom: 0; }

/*# sourceMappingURL=wpksearchengine.css.map */