.static-header-ext-new{

  @media screen and (max-width: 719px) {

    .site-header-mobile-search-button--button{
      opacity: 1;
      visibility: visible;
      transition: opacity .5s ease, visibility .5s ease;
      
      &.hide-this{
        opacity: 0;
        visibility: hidden;
      }
    }

    .site-header-main[data-site-header-mobile-search-button] .live-search-ext.floating-custom-search:not(.live-search--takeover) {

      position: absolute;
      top: 90%;
      left: 0;
      background-color: #2c2727;
      width: 100%;
      margin: auto;
      height: auto;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: start;
      padding: 5px 0 10px 0;
      opacity: 1;
      visibility: visible;
      transition: opacity .5s ease, visibility .5s ease;

      &.hide-this{
        opacity: 0;
        visibility: hidden;
      }

      .live-search-form{

        width: 90%;
        margin: auto;
        margin-left: 5%;
        margin-right: 5%;
        position: relative;
        inset: unset;
        transition: width .3s ease;
        border: unset;

        .form-field{
          display: flex;
          flex-direction: row-reverse;
          border: 1px solid #fff;
          border-radius: 15px;

          .live-search-button, .form-field-input{
            background-color: transparent;
            color: #fff;
            border: unset;
          }
        }
      }

      &.hide-this .live-search-form{
        width: 10%;
      }

      
    }
  }

}