[class*="wd-search-full-screen"] {
    position: fixed;
    z-index: 400;
    visibility: hidden;
    opacity: 0;
    --wd-requests-height: .001px
}

[class*="wd-search-full-screen"] .autocomplete-suggestions {
    animation: wd-fadeInBottomShort 0.6s cubic-bezier(0.19, 1, 0.22, 1) both
}

[class*="wd-search-full-screen"] .autocomplete-suggestion {
    flex-direction: column;
    padding: 0;
    border: none
}

[class*="wd-search-full-screen"] .autocomplete-suggestion .suggestion-thumb {
    margin-bottom: 10px;
    margin-right: 0;
    max-width: 100%
}

[class*="wd-search-full-screen"] .autocomplete-suggestion:hover,
[class*="wd-search-full-screen"] .autocomplete-suggestion.autocomplete-selected {
    background-color: transparent
}

[class*="wd-search-full-screen"] .suggestion-divider {
    padding-top: 20px;
    border-top: 1px solid var(--brdcolor-gray-300);
    background-color: transparent !important;
    text-align: center
}

[class*="wd-search-full-screen"] .no-found-msg {
    text-align: center;
    font-size: 16px
}

[class*="wd-search-full-screen"].wd-opened {
    visibility: visible;
    opacity: 1
}

.wd-search-opened {
    overflow: hidden
}

.wd-search-area {
    position: relative
}

.wd-search-area .wd-scroll-content {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all .6s ease
}

.wd-ajax-search-content:not(.wp-content-loaded) .wd-search-area:before {
    position: absolute;
    top: 15px;
    left: calc(50% - 15px);
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-left-color: var(--color-gray-900);
    border-radius: 50%;
    vertical-align: middle;
    animation: wd-rotate 450ms infinite linear
}

.wd-ajax-search-content:not(.wp-content-loaded) .wd-search-area-inner.wd-scroll-content {
    padding: 0;
    max-height: 0
}

@media (min-width: 1025px) {
    .wd-search-opened {
        margin-right: var(--wd-scroll-w)
    }
    .wd-search-opened .website-wrapper {
        margin-right: calc(var(--wd-scroll-w) * -1)
    }
    .wd-search-opened :is(.header-banner, .whb-row, .main-page-wrapper) {
        padding-right: var(--wd-scroll-w)
    }
}

@media (max-width: 1024px) {
    [class*="wd-search-full-screen"] .no-found-msg {
        font-size: 14px
    }
    [class*="wd-search-full-screen"] .suggestion-divider {
        padding-top: 10px
    }
}