.search-field {
  margin-top: -50px !important; }
  .search-field.invalid-input {
    margin-bottom: 100px !important; }
  .search-field .question-mark {
    position: relative;
    border-radius: 50%;
    background-color: #666;
    color: #FFF;
    padding: 5px 10px 3px 10px;
    right: -41px;
    top: 5px; }
    @media screen and (min-width: 0rem) and (max-width: 29.9375rem) {
      .search-field .question-mark {
        right: -38px; } }
  .search-field__search-area {
    position: relative;
    text-align: center; }
    .search-field__search-area .form-group-container {
      width: 40%;
      min-width: 250px;
      margin: 0 auto; }
  .search-field__input {
    width: 100%;
    margin: 0;
    padding: 1rem 0.5rem;
    border: 0;
    appearance: none;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.02em;
    font-size: 18px;
    font-size: 1.125rem; }
    .search-field__input:focus {
      outline: 1px solid #cf000d; }
    @media screen and (min-width: 22.5rem) {
      .search-field__input {
        padding: 1rem 0.5rem 1rem 2rem; } }
    @media screen and (min-width: 30rem) {
      .search-field__input {
        padding: 1rem 0.5rem 1rem 4rem; } }
    @media screen and (min-width: 64rem) {
      .search-field__input {
        font-size: 20px;
        font-size: 1.25rem; } }
    @media screen and (min-width: 0rem) and (max-width: 29.9375rem) {
      .search-field__input::placeholder {
        font-size: 16px; } }
  .search-field__icon-wrap, .search-field__search-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .search-field__icon {
    width: 15px;
    height: auto; }
    @media screen and (min-width: 30rem) {
      .search-field__icon {
        width: 30px; } }
    .search-field__icon-wrap {
      display: none; }
      @media screen and (min-width: 22.5rem) {
        .search-field__icon-wrap {
          display: inline-block;
          left: 0.5rem; } }
      @media screen and (min-width: 30rem) {
        .search-field__icon-wrap {
          left: 1rem; } }
  .search-field__search-button {
    cursor: pointer;
    right: 0.5rem;
    padding: 0 0.5rem;
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 0;
    background-color: #cf000d;
    color: #fff;
    font-weight: 600;
    letter-spacing: .2px;
    min-height: 2.875rem;
    padding: 0.25rem 2rem;
    transition: color 300ms ease, background-color 300ms ease;
    font-size: 1.125rem; }
    .search-field__search-button:focus {
      outline: 1px solid #000; }
    .search-field__search-button:hover {
      background-color: #b6000b;
      color: #fff; }
    .search-field__search-button:disabled {
      background-color: #fff;
      border: 2px solid #d5d5d5;
      color: #d5d5d5; }
    @media screen and (min-width: 22.5rem) {
      .search-field__search-button {
        padding: 0 1rem; } }
    @media screen and (min-width: 30rem) {
      .search-field__search-button {
        padding: 0 2rem; } }

.pro-search {
  margin-bottom: 7rem !important; }
  @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
    .pro-search {
      margin-bottom: 0; } }
  .pro-search .callout-gray__container {
    padding: 20px 50px; }
    @media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
      .pro-search .callout-gray__container {
        padding: 20px 15px; } }
    .pro-search .callout-gray__container .callout-gray__content {
      width: 85%;
      padding-left: 30px; }
      @media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
        .pro-search .callout-gray__container .callout-gray__content {
          width: 100%;
          padding-left: 0; } }
      .pro-search .callout-gray__container .callout-gray__content .logo-container {
        width: 197px; }
        .pro-search .callout-gray__container .callout-gray__content .logo-container img {
          height: 12px;
          width: auto;
          margin: 0 auto 1px auto; }
      .pro-search .callout-gray__container .callout-gray__content p.callout-gray__copy {
        margin-top: 5px;
        font-size: 14px; }
    .pro-search .callout-gray__container .callout-gray__image-section {
      width: 15%; }
      @media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
        .pro-search .callout-gray__container .callout-gray__image-section {
          width: 100%;
          margin-bottom: 30px; } }
      .pro-search .callout-gray__container .callout-gray__image-section img {
        height: 108px;
        width: auto; }
        @media screen and (min-width: 0rem) and (max-width: 63.9375rem) {
          .pro-search .callout-gray__container .callout-gray__image-section img {
            height: 87px;
            width: auto;
            margin: 0 auto; } }

/* Block version of this field is wrapped in a container */
.search-block {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  box-sizing: border-box; }
  @media screen and (min-width: 0rem) and (max-width: 79.9375rem) {
    .search-block {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (min-width: 80rem) {
    .search-block {
      padding-left: 40px;
      padding-right: 40px; } }

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