/**
 *
 * Search
 *   _____       ___ __  _____
 *  / ___/____  / (_) /_/ __(_)_______
 *  \__ \/ __ \/ / / __/ /_/ / ___/ _ \
 *  ___/ / /_/ / / / /_/ __/ / /  /  __/
 * /____/ .___/_/_/\__/_/ /_/_/   \___/
 *     /_/
 *
 *
 * @version 1.0
 * @copyright Splitfire Agency ©
 */


:root {
  --Search-fontSize : 1.25rem;
}

/*  class */
.sf-Search {
  font-size: var(--Search-fontSize);
  display: flex;
  width: 60%;
  margin: 2em auto 0 auto;
}
  .sf-Search-input {
    flex: 1;
    background-color: #fff;
    font-size: 1.563em;
    padding: .8em;
    border-color: #cbcbcb;
    border-style: solid;
    border-width: 2px 0 2px 2px;
  }
  .sf-Search-input::-ms-clear {
    display: none;
  }
  .sf-Search-input[disabled] {
    background-color: #cbcbcb;
    color: #6A7A7C;
    pointer-events: none;
  }
  .sf-Search-button {
    font-size: 1em;
    border-color: #cbcbcb;
    border-style: solid;
    border-width: 2px 2px 2px 0;
    background-color: #fff;
    cursor: pointer;
  }
    .sf-Search-button--cross {
      border-right-width: 0;
      padding-right: 1.6em;
    }
    .sf-Search-button-SVG {
      width: 2.5em;
      height: 2.5em;
    }
      .sf-Search-button-SVG > * {
        fill: #6A7A7C;
      }
    .sf-Search-button-SVG--close {
      width: 1.4em;
      height: 1.4em;
    }
  .sf-Search-button[disabled] {
    background-color: #cbcbcb;
    color: #6A7A7C;
    pointer-events: none;
  }