/* search icon */
.menu-search-icon {
    position: relative;
    border-radius: 100px;
    border: 1px solid #E7E7E7;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-search-icon::before {
    content: url('data:image/svg+xml;utf8,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8765 16.3192L10.8972 12.3398C9.5709 13.4243 7.87856 13.9574 6.17021 13.8291C4.46186 13.7007 2.86819 12.9206 1.71885 11.6502C0.569511 10.3798 -0.0475684 8.71623 -0.00474726 7.0036C0.0380739 5.29096 0.737519 3.6603 1.94891 2.44891C3.16031 1.23752 4.79096 0.538073 6.5036 0.495252C8.21623 0.452431 9.87981 1.06951 11.1502 2.21885C12.4206 3.36819 13.2007 4.96186 13.3291 6.67021C13.4574 8.37856 12.9243 10.0709 11.8398 11.3972L15.8192 15.3765C15.9406 15.5022 16.0078 15.6706 16.0063 15.8454C16.0048 16.0202 15.9347 16.1874 15.8111 16.311C15.6874 16.4347 15.5202 16.5048 15.3454 16.5063C15.1706 16.5078 15.0022 16.4406 14.8765 16.3192ZM12.0145 7.18117C12.0145 6.12634 11.7017 5.09519 11.1157 4.21813C10.5296 3.34107 9.69669 2.65748 8.72215 2.25381C7.74761 1.85014 6.67525 1.74453 5.64069 1.95031C4.60612 2.1561 3.65581 2.66405 2.90993 3.40993C2.16405 4.15581 1.6561 5.10612 1.45032 6.14069C1.24453 7.17525 1.35014 8.24761 1.75381 9.22215C2.15748 10.1967 2.84107 11.0296 3.71813 11.6157C4.59519 12.2017 5.62634 12.5145 6.68117 12.5145C8.09517 12.5129 9.4508 11.9505 10.4507 10.9507C11.4505 9.9508 12.0129 8.59517 12.0145 7.18117Z" fill="%236854DF"/></svg>');
    width: 50px;
    display: block;
    height: 50px;
    position: absolute;
}

/* search box */
.search-box-container {
    width: 100%;
    display: none;
    transition: opacity 0.3s;
    position: absolute;
    top: 73px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 972px!important;
    padding: 0 16px!important;
}

.search-box-container.open {
    display: block;
    z-index: 999999;
}

.search-box-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 5;
    display: none;
    transition: opacity 0.3s;
}

.search-box-overlay.open {
    display: block;
}

.search-input-wrapper {
    background-color: white;
    border-radius: 16px;
    box-shadow: 0px 2px 8px 0px #2025501A;
    padding: 20px;
    width: 480px;
    max-width: 100%;
    position: absolute;
    right: 16px;
    z-index: 100;
    margin-top: 10px;
}

.searchbox-wrapper {
    position: relative;
}

.searchbox-wrapper svg {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
}

.searchbox-results {
    margin-top: 20px;
}
.searchbox-results.open {
    display: block;
}


input.ais-SearchBox-input {
    border: 1px solid #E7E7E7!important;
    border-radius: 100px;
    padding: 16px 24px;
    width: 100%;
    font-size: 16px;
    color: #555555;
    line-height: 140%;
    font-weight: 400;
    background-color: transparent;
    font-family: 'Lato', sans-serif;
}

input.ais-SearchBox-input::placeholder {
    color: #555555!important;
    opacity: 1!important;
}

input.ais-SearchBox-input:focus {
    outline: none;
    border-color: #6D6D6D!important;
    box-shadow: none;
}

.hit-item {
    display: flex;
    border-radius: 16px;
    margin-bottom: 10px;
    border: 1px solid #D9D9D9;
    overflow: hidden;
    text-decoration: none;
    transition: background-color 0.2s;
    min-height: 84px;
}

.ais-Hits-item:last-child .hit-item {
    margin-bottom: 0;
}

.hit-item:hover {
    background-color: #f5f5f5;
}

.hit-item figure {
    width: 64px;
    background-color: white;
    border-right: 1px solid #E7E7E7;
    padding: 6px;
    display: flex;
    justify-content: center;
}

.hit-item figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hit-item-content {
    background-color: #ECECEC;
    padding: 12px 15px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    transition: background-color 0.5s;
    width: calc(100% - 64px)
}

.hit-item-content:hover {
    background-color: #AFCEA6;
}

.hit-item-content p {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    color: #333333;
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
}

.fullpage-search-results-container .hit-item-content p {
    font-size: 20px;
    line-height: 25px;
}

.ais-Hits-list li {
    list-style: none;
}

.hit-item-content p.hit-item-description {
    font-size: 14px!important;
    line-height: 18px;
    color: #333333;
    font-weight: 400;
    margin-top: 5px;
    display: none;
    font-family: 'Lato', sans-serif;
    display: none;
}

.hit-item-content p.hit-item-description span {
    text-transform: lowercase;
}

a.search-results-link {
    font-size: 16px;
    line-height: 140%;
    color: #6854DF;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
}

@keyframes shimmer {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.skeleton-loader {
    margin-top: 20px;
}

.skeleton-item {
    display: block;
    padding: 12px;
    border-radius: 16px;
    background-color: #E7E7E7;
    height: 64px;
    width: 100%;
    margin-bottom: 10px;
    background-size: 800px 104px;
    animation: shimmer 1.5s infinite linear;
}

.skeleton-item:nth-child(2) {
    width: 50%;
}

.skeleton-item:nth-child(3) {
    width: 75%;
}

.menu-search-btn-mr {
    margin-right: 10px!important;
}

.menu-search-btn,
.search-menu-btn-mobile {
    position: relative;
    width: 40px;
    cursor: pointer;
    z-index: 999999;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.menu-search-btn a,
.search-menu-btn-mobile a {
    color: white!important;
    padding: 0!important;
}

.menu-search-btn::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8767 16.3192L10.8974 12.3398C9.57114 13.4243 7.87881 13.9574 6.17046 13.8291C4.4621 13.7007 2.86843 12.9206 1.71909 11.6502C0.569755 10.3798 -0.0473243 8.71623 -0.00450312 7.0036C0.038318 5.29096 0.737763 3.6603 1.94916 2.44891C3.16055 1.23752 4.79121 0.538073 6.50384 0.495252C8.21648 0.452431 9.88005 1.06951 11.1505 2.21885C12.4209 3.36819 13.201 4.96186 13.3293 6.67021C13.4577 8.37856 12.9245 10.0709 11.8401 11.3972L15.8194 15.3765C15.9409 15.5022 16.0081 15.6706 16.0065 15.8454C16.005 16.0202 15.9349 16.1874 15.8113 16.311C15.6877 16.4347 15.5205 16.5048 15.3457 16.5063C15.1709 16.5078 15.0025 16.4406 14.8767 16.3192ZM12.0147 7.18117C12.0147 6.12634 11.702 5.09519 11.1159 4.21813C10.5299 3.34107 9.69693 2.65748 8.72239 2.25381C7.74785 1.85014 6.6755 1.74453 5.64093 1.95031C4.60637 2.1561 3.65606 2.66405 2.91018 3.40993C2.1643 4.15581 1.65635 5.10612 1.45056 6.14069C1.24477 7.17525 1.35039 8.24761 1.75406 9.22215C2.15772 10.1967 2.84131 11.0296 3.71837 11.6157C4.59544 12.2017 5.62658 12.5145 6.68141 12.5145C8.09541 12.5129 9.45105 11.9505 10.4509 10.9507C11.4507 9.9508 12.0132 8.59517 12.0147 7.18117Z' fill='%236854DF'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
}

.menu-search-btn::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 1;
    background-color: #ffffff;
    border-radius: 100px;
    border: 1px solid #D9D9D9;
    transition: border-color 0.3s;
}

.menu-search-btn:hover::after {
    border-color: #6854DF;
}

.search-menu-btn-mobile {
    position: absolute;
    right: 50px;
}

.search-menu-btn-mobile::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0889 19.7594L14.1188 14.7893C12.4623 16.1438 10.3487 16.8097 8.21497 16.6494C6.08128 16.489 4.09083 15.5148 2.65534 13.928C1.21984 12.3413 0.449126 10.2636 0.502608 8.12452C0.556091 5.98549 1.42968 3.94884 2.94268 2.43584C4.45568 0.922843 6.49233 0.0492547 8.63136 -0.00422794C10.7704 -0.0577106 12.8482 0.713005 14.4349 2.1485C16.0216 3.584 16.9959 5.57444 17.1562 7.70813C17.3165 9.84182 16.6506 11.9555 15.2962 13.612L20.2663 18.5821C20.4179 18.7391 20.5019 18.9494 20.5 19.1678C20.4981 19.3861 20.4105 19.5949 20.2561 19.7493C20.1017 19.9037 19.8929 19.9912 19.6746 19.9931C19.4563 19.995 19.2459 19.9111 19.0889 19.7594ZM15.5143 8.34631C15.5143 7.02885 15.1237 5.74097 14.3917 4.64555C13.6598 3.55012 12.6194 2.69634 11.4023 2.19217C10.1851 1.688 8.84575 1.55608 7.55361 1.81311C6.26146 2.07013 5.07455 2.70455 4.14297 3.63613C3.21138 4.56772 2.57697 5.75463 2.31994 7.04677C2.06292 8.33892 2.19483 9.67826 2.699 10.8954C3.20317 12.1126 4.05695 13.1529 5.15238 13.8849C6.24781 14.6168 7.53568 15.0075 8.85314 15.0075C10.6192 15.0055 12.3123 14.3031 13.5611 13.0543C14.8099 11.8055 15.5124 10.1124 15.5143 8.34631Z' fill='%23494C4F'/%3E%3C/svg%3E");
}

.search-menu-btn-mobile::after {
    display: none;
}

.search-menu-btn-mobile:hover::after {
    border-color: #6854DF;
}

/* search page */
.full-search-results .container {
    max-width: 902px;
    padding: 0 16px;
}

.full-search-results {
    padding-bottom: 152px;
    padding-top: 100px;
    font-family: 'Lato', sans-serif;
}

.full-search-results .container > h1 {
    font-size: 34px;
    line-height: 100%;
    color: #333333;
    font-weight: 600;
    margin-bottom: 16px;
    font-family: 'Lato', sans-serif!important;
    letter-spacing: 0!important;
}

.full-search-results .container > p {
    font-size: 20px;
    line-height: 140%;
    color: #333333;
    font-weight: 400;
    margin-bottom: 40px;
    font-family: 'Lato', sans-serif;
    padding: 0;
}

.full-search-results .fullpage-search-results-container .ais-Hits-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 0;
}

.full-search-results .fullpage-search-results-container .ais-Hits-item {
    width: calc(50% - 7.5px);
    margin: 0;
    font-family: 'Lato', sans-serif;
}

.full-search-results #full-search-loader {
    width: 50%;
}

.fullpage-search-results-container .hit-item {
    margin: 0;
    min-height: 105px;
}

.fullpage-search-results-container .hit-item figure {
    width: 97px;
    padding: 5px;
}

.fullpage-search-results-container .hit-item-content {
    padding: 10px 30px 10px 10px;
    width: calc(100% - 97px);
}

@media (min-width: 1025px) and (max-height: 1050px) {
    .search-box-container .hit-item {
        min-height: 74px;
    }
}

@media (max-width: 1024px) {

    .search-box-container .search-results-list {
        overflow-y: auto;
        height: 365px;
    }

    .search-box-overlay.open {
        display: none;
    }

    .search-box-container {
        top: 100%;
        max-width: 100%!important;
    }

    .search-input-wrapper {
        height: calc(100vh - 139px);
        overflow-y: auto;
        border-radius: 0;
        padding: 16px;
        margin-top: 0;
    }

    #wpadminbar .search-input-wrapper {
        height: calc(100vh - 100px - 46px);
    }

    .full-search-results {
        padding-bottom: 60px;
        padding-top: 40px;
    }

    .full-search-results .container {
        max-width: 100%;
    }

    .hit-item-content p {
        font-size: 18px;
    }

    .hit-item-content p.hit-item-description {
        margin-top: 5px;
        display: none;
    }

    .search-input-wrapper {
        right: 0;
        width: 100%;
    }

    .full-search-results .skeleton-item {
        height: 107px;
    }

    .full-search-results #full-search-loader {
        width: 100%;
    }

    .hit-item-content p.hit-item-description {
        display: none;
    }

    .full-search-results .container > h1 {
        font-size: 26px;
        line-height: 120%;
    }

    .full-search-results .fullpage-search-results-container .ais-Hits-list {
        gap: 10px;
    }

    .full-search-results .fullpage-search-results-container .ais-Hits-item {
        width: 100%;
    }

    .hit-item {
        min-height: 64px;
    }

    .fullpage-search-results-container .hit-item {
        min-height: 107px;
    }

    .hit-item-content p {
        font-size: 16px;
    }

    .full-search-results .hit-item-content p {
        font-size: 18px;
    }

    .hit-item figure {
        padding: 5px;
    }

    .fullpage-search-results-container .hit-item figure {
        width: 100px;
    }

    .fullpage-search-results-container .hit-item-content {
        width: calc(100% - 100px);
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .hfe-nav-menu__toggle.elementor-clickable .hfe-nav-menu-icon {
        z-index: 2;
        position: relative;
    }

    #masthead::before {
        content: "";
        width: 55px;
        height: 100%;
        display: block;
        position: absolute;
        background: transparent;
        bottom: 0;
        z-index: 1;
    }

    .search-btn-active#masthead::before {
        background: white;
    }

    
}


@media (min-width: 950px) and (max-width: 1024px) {
    .search-btn-active#masthead::before {
        right: calc((100vw - 870px)/2 + 39px);
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .search-btn-active#masthead::before {
        right: 70px;
    }
}

@media (max-width: 767px) {
    .search-btn-active#masthead::before {
        right: 55px;
    }
}