.search {
    min-height: calc(100vh - 136px)
}

.search .search-container {
    padding-top: 60px;
    padding-bottom: 60px
}

.search .page-title {
    padding: 0 24px
}

@media(min-width: 690px) {
    .search .page-title {
        padding: 0
    }
}

.search .categories ul {
    display: flex;
    gap: 16px;
    width: 100%;
    overflow-x: scroll;
    cursor: pointer;
    overscroll-behavior: contain;
    padding: 0 24px
}

@media(min-width: 690px) {
    .search .categories ul {
        padding: 0
    }
}

.search .categories ul li {
    padding: 4px 16px;
    background: #fff;
    border: 1px solid #006fff;
    border-radius: 16px;
    line-height: 18px;
    text-transform: capitalize;
    white-space: nowrap
}

.search .search-term {
    padding: 0 24px
}

@media(min-width: 690px) {
    .search .search-term {
        padding: 0
    }
}

.search .search-term a {
    color: #c00
}

.search .post-lists {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: -6px;
    padding: 0 24px
}

@media(min-width: 690px) {
    .search .post-lists {
        padding: 0
    }
}

.search .post-lists .post-list-container {
    box-sizing: border-box;
    padding: 6px;
    width: 100%
}

@media(min-width: 540px) {
    .search .post-lists .post-list-container {
        width: 50%
    }
}

.search .post-lists .post-list-container:hover {
    text-decoration: none
}

.search .post-lists .testimony-block,
.search .post-lists .fact-check-block {
    box-sizing: border-box;
    width: unset;
    height: 100%;
    padding: 16px
}

.search .post-lists .testimony-block a:hover,
.search .post-lists .fact-check-block a:hover {
    text-decoration: none
}

.search .post-lists .testimony-block .testimony-preview,
.search .post-lists .fact-check-block .testimony-preview {
    min-height: 95px
}

.search .post-lists .testimony-block .font-extrabold,
.search .post-lists .fact-check-block .font-extrabold {
    min-height: 60px
}

.search .post-lists .post-list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 2px 10px rgba(25, 53, 77, .1);
    border-radius: 8px;
    height: 263px;
    padding: 16px
}

.search .post-lists .post-list img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.search .post-lists .post-list>div:nth-child(2) {
    height: 163px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 8px
}

.search .post-lists .post-list p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    white-space: normal;
    height: 54px
}

.search .empty-state {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30vh;
    width: 100%
}

.search .search-input-container {
    display: none
}

@media(min-width: 690px) {
    .search .search-input-container {
        display: flex
    }
}

.search .search-input-container form {
    display: flex
}

.search .search-input-container input {
    margin-right: 8px;
    flex: 1;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #b6c1c3;
    border-radius: 8px
}

.search .search-input-container input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .25px;
    color: #545454
}

.search .search-input-container .btn {
    border-radius: 8px;
    padding: 6px 12px
}