HEX
Server: Apache
System: Linux ecngx285.inmotionhosting.com 4.18.0-553.79.1.lve.el8.x86_64 #1 SMP Wed Oct 15 17:59:35 UTC 2025 x86_64
User: zeusxp5 (3862)
PHP: 8.3.28
Disabled: NONE
Upload Files
File: /home/zeusxp5/chuair.org/wp-content/themes/lifttruck/resources/scss/blocks/_search.scss
.wp-block-search {
  position: relative;

  &__input {
    border: transparent;
  }

  &__button {
/*     position: absolute;
    top: 0;
    inset-inline-end: 0;
    height: 100%;
    padding-block: 0;
    background: transparent;
    color: var(--wp--preset--color--black);
    &:hover {      
      background: hsla(0, 0%, 0%, 0.05);
      color: var(--wp--preset--color--black);
    } */

    svg {
      min-height: 2.5em;
      min-width: 2.5em;
      transform: rotate(-90deg);
    }
  }
}


.wp-block-search__button-inside {
  .wp-block-search__button {
    margin-inline-start: -3px;
  }
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  border: none;
  padding: 0;
}


/*********************** Product Search input in header***************************************/
header.wp-block-template-part .wp-block-search {
  flex-grow: 1;
  .wp-block-search__input {
    background-color: var(--wp--preset--color--base);
    padding-inline-start: 1.75em;
  }
  &.wp-block-search__button-inside .wp-block-search__button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 20px;
    color: var(--wp--preset--color--contrast);
    border-start-start-radius: 0 !important;
    border-start-end-radius: 30px !important;
    border-end-end-radius: 30px !important;
    border-end-start-radius: 0 !important;
    &:hover {      
      background: var(--wp--preset--color--base) !important;
    }
  }
}