.ftm-search-form .aa-Form{
    width: 100%;
    max-height: 34px;
}


.ftm-search-form .aa-Form:focus-within {
    border-color: var(--head-nav-hover-color, #fff);
    border: solid var(--head-nav-hover-color) 1px;
    box-shadow: none;
    outline: var(--head-nav-hover-color) none medium;
}

.ftm-search-form .aa-Form .aa-InputWrapper {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.ftm-search-form .aa-Form .aa-InputWrapperPrefix .aa-Label .aa-SubmitButton svg.aa-SubmitIcon {
    color: var(--head-nav-hover-color);
}

.ftm-search-form .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator svg.aa-LoadingIcon {
    color: var(--head-nav-hover-color);
}

.aa-Panel{
    min-width: 30%;   
}

input.ais-SearchBox-input {
    color: #000;
}



@media screen and (max-width:680px){
    
    .ftm-search-form button.aa-DetachedSearchButton {
        background-color: transparent;
        border: none;
    }

    .ftm-search-form button.aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder {
        display: none;
    }

    .ftm-search-form button.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon {
        color: var(--head-nav-hover-color, #fff);
    }    

    .ftm-search-form button.aa-DetachedSearchButton .aa-DetachedSearchButtonIcon svg.aa-SubmitIcon {
        width: 100%;
        height: 30px;
    }

    .ftm-search-form button.aa-DetachedSearchButton .aa-DetachedSearchButtonQuery {
        display: none;
    }

    .aa-DetachedContainer {
        top: 122px;
    }

}
