/*
!* From theme bundle *!
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    min-height: 100vh;
    overflow-y: auto;
    background: #fff;
    display: none;
    opacity: 0;
    z-index: -1;
}
.search-active {
    overflow: hidden;
}
.search-active .search-overlay {
    display: block;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
    opacity: 1;
    z-index: 999;
}*/

.overlay {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    /*overflow-y: scroll;*/
    z-index: 9999;
    /*animation-name: over-trans;
    animation-duration: 6s;*/
}

/*.overlay .search-bar {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin-inline: 1.5rem!important;*/
/*    padding-top: 1rem!important;*/
/*}*/

.header-search.overlay  .search-logo,
.overlay .search-close,
.overlay .search-results { display: block; }

.overlay .search-content {
    background-color: #fff;
    padding-bottom: .5rem;
}
.search-content .search-bar{
    justify-content: center !important;
    display: flex !important;
}
/*.overlay .search-icon { color: var(--blue-light) !important; }*/

/*.overlay .search-input,*/
/*.overlay .search-input::placeholder { border-color: var(--blue-light) !important; }*/

/*.search-logo { filter: contrast(25%); }*/

.search-content {
    background-color: transparent;
    min-height: 30%;
    height: auto;
}

/*.search-input {*/
    /*border-color: var(--white) !important;*/
    /*caret-color: var(--white);*/
    /*padding: 0.4em;*/
    /*box-shadow: none !important;*/
    /*outline: none !important;*/
/*}*/

/*.search-input::placeholder {*/
/*    color: var(--white) !important;*/
/*    opacity: 0.8;*/
/*}*/

.header-search .search-logo,
.search-close,
/*.search-input,*/
.search-results { display: none; }

.suggestions {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 50;
}

/*@media (max-width: 800px) {*/
/*    .overlay .search-logo { display: none; }*/
/*    .overlay .search-bar div { flex-grow: 1 !important; }*/
/*    .overlay .search-input {*/
/*        display: block;*/
/*        border-radius: 0.2em;*/
/*        margin-right: 0.2rem;*/
/*    }*/

/*    !*.search-btn {*/
/*        position: absolute;*/
/*        right: 5px;*/
/*    }*!*/
/*}*/

@media (min-width: 992px) {
    .overlay .search-bar { justify-content: space-between; }
    .overlay .search-input { width: 450px; }

    .search-input {
        display: block;
        width: 100px;
        border-radius: 0.2em;
    }

    .search-btn,
    .spinner-grow {
        position: absolute;
        right: 5px;
    }
}