.nav-menu .menu-item a.nav__link_search {
    display: flex;
    align-items: center;
    justify-content: center;
}

body.search-is-visible {
    overflow: hidden;
}

.search-results #header-content,
body.search-is-visible #header-content {
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

body.search-is-visible .js-search-modal {
    opacity: 1;
}

body:not(.search-is-visible) .js-search-modal {
    display: none !important;
    opacity: 0;
}

.search-results .js-search-modal {
    display: none !important;
}

.js-search-modal {
    transition: all 0.5s;
}
.js-search-modal .elementor-widget-search-form {
    outline: none !important;
}
.js-search-modal .elementor-search-form__container {
    background-color: transparent !important;
}
.js-search-modal .elementor-search-form--skin-minimal .elementor-search-form__icon {
    opacity: 1;
}
.js-search-modal .fa-search:before {
    width: 24px;
    height: 25px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M8.25 1.5625C11.9707 1.5625 15 4.71802 15 8.59375C15 10.2478 14.4258 11.7554 13.5 12.9578L20.9648 20.7336L19.9102 21.8445L12.4395 14.0625C11.2852 15.0269 9.83789 15.625 8.25 15.625C4.5293 15.625 1.5 12.4695 1.5 8.59375C1.5 4.71802 4.5293 1.5625 8.25 1.5625ZM8.25 3.125C5.34375 3.125 3 5.56641 3 8.59375C3 11.6211 5.34375 14.0625 8.25 14.0625C11.1562 14.0625 13.5 11.6211 13.5 8.59375C13.5 5.56641 11.1562 3.125 8.25 3.125Z' fill='%232D2082'/%3E%3C/svg%3E%0A");
}
.js-search-modal .elementor-search-form__container input {
    border-bottom: 1px solid #2d2082 !important;
}

.js-search-modal search {
    margin-bottom: 37px;
}
.js-search-modal {
    padding-bottom: 37px !important;
}

.js-search-modal .autocomplete-footer {
    display: flex;
    justify-content: center;
}
.js-search-modal .elementor-widget-button a {
    background: #af31d3;
    border-color: #af31d3;
    color: #fff;
    cursor: pointer;
    margin-top: 2rem;
}
.js-search-modal .elementor-widget-button a:hover {
    border-color: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
    background: white;
}

.js-search-modal .algolia-autocomplete {
    position: relative !important;
    top: 0 !important;
}

.js-search-modal .aa-dropdown-menu .aa-suggestion,
.search-results .ais-Hits-item {
    margin: 15px 0;
}
.elementor-kit-6 .ais-hits--content h3,
.ais-hits--content h3 a,
.js-search-modal .suggestion-link {
    color: var(--navy, #2d2082);
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.6px;
    text-decoration-line: underline;
    text-overflow: ellipsis; /* IE, Safari (WebKit) */
    overflow: hidden; /* don't show excess chars */
    white-space: nowrap;
}
.js-search-modal .aa-dropdown-menu .aa-suggestion .suggestion-post-title {
    font-weight: 400;
}

.js-search-modal .aa-dropdown-menu .autocomplete-header {
    border-bottom: 0;
}

.search-results .autocomplete-title,
.elementor-kit-6 .js-search-modal h2.autocomplete-title,
.js-search-modal .autocomplete-title {
    color: var(--navy, #2d2082);
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.js-search-modal .aa-dropdown-menu {
    background-color: transparent;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-family: "Source Sans Pro";
}

.js-search-modal .aa-dropdown-menu .aa-suggestion.aa-cursor {
    background-color: transparent;
}
.js-search-modal .aa-dropdown-menu a:hover {
    text-decoration: underline;
}

.search-results #algolia-search-box input {
    padding: 10px 0 10px 10px;
    width: calc(100% - 30px);
    margin-left: 30px;
}
.search-results #ais-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.search-results #ais-wrapper .autocomplete-title,
.search-results #ais-wrapper svg {
    display: none;
}

.search-results #ais-wrapper .search-loading {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* HTML: <div class="loader"></div> */
.search-loading-loader {
    width: 12px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #000;
    clip-path: inset(-220%);
    animation: l28 2s infinite linear;
}
@keyframes l28 {
    0% {
        box-shadow:
            0 0 0 0,
            40px 0,
            -40px 0,
            0 40px,
            0 -40px;
    }
    10% {
        box-shadow:
            0 0 0 0,
            12px 0,
            -40px 0,
            0 40px,
            0 -40px;
    }
    20% {
        box-shadow:
            0 0 0 4px,
            0px 0,
            -40px 0,
            0 40px,
            0 -40px;
    }
    30% {
        box-shadow:
            0 0 0 4px,
            0px 0,
            -12px 0,
            0 40px,
            0 -40px;
    }
    40% {
        box-shadow:
            0 0 0 8px,
            0px 0,
            0px 0,
            0 40px,
            0 -40px;
    }
    50% {
        box-shadow:
            0 0 0 8px,
            0px 0,
            0px 0,
            0 12px,
            0 -40px;
    }
    60% {
        box-shadow:
            0 0 0 12px,
            0px 0,
            0px 0,
            0 0px,
            0 -40px;
    }
    70% {
        box-shadow:
            0 0 0 12px,
            0px 0,
            0px 0,
            0 0px,
            0 -12px;
    }
    80% {
        box-shadow:
            0 0 0 16px,
            0px 0,
            0px 0,
            0 0px,
            0 0px;
    }
    90%,
    100% {
        box-shadow:
            0 0 0 0,
            40px 0,
            -40px 0,
            0 40px,
            0 -40px;
    }
}

.search-results.search-results-loaded #ais-wrapper .autocomplete-title,
.search-results.search-results-loaded #ais-wrapper svg {
    display: block;
}
.search-results.search-results-loaded #ais-wrapper .search-loading {
    display: none;
}

.search-results #algolia-hits,
.search-results .autocomplete-header {
    margin: 0 30px;
}

.search-results main#ais-main {
    width: var(--container-widget-width, 50vw);
    max-width: 50vw;
    --container-widget-width: 50vw;
    padding-bottom: 150px;
    max-width: 570px;
}

.ais-Pagination-list {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 2rem;
}
.ais-Pagination-item {
    margin: 0 10px;
}
.ais-Pagination-link {
    color: var(--navy, #2d2082);
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.6px;
    text-decoration-line: none;
}
.ais-Pagination-item--selected a.ais-Pagination-link {
    text-decoration-line: underline;
}

.ais-Pagination-item--previous .ais-Pagination-link,
.ais-Pagination-item--next .ais-Pagination-link {
    font-weight: 600;
}

@media (max-width: 768px) {
    .search-results main#ais-main {
        max-width: 100vw;
        --container-widget-width: 90vw;
    }
}

@media only screen and (max-width: 1000px) {
    .search-results .ais-Hits-item {
        border-bottom: 0;
        padding-bottom: inherit;
    }
}

/**
Remove echo kb search
*/
.eckb-kb-template #eckb-article-header .epkb-doc-search-container form,
#epkb-main-page-container.epkb-basic-template .epkb-full .epkb-doc-search-container form {
    display: none;
}
