.elementor-widget-ts-post-feed {
    max-width: 100%;
    width: 100%
}

.search-portal-save {
    display: none !important
}

.ts-preview {
    position: relative
}

.post-feed-grid::-webkit-scrollbar {
    height: 0
}

.post-feed-grid {
    display: grid;
    transition: .15s ease
}

.post-feed-grid.post-feed-no-results {
    grid-template-columns:1fr
}

.post-feed-grid.post-feed-no-results > div {
    width: 100% !important
}

.post-feed-grid .ts-no-posts a.ts-feed-reset {
    display: none
}

.post-feed-grid.sf-post-feed a.ts-feed-reset {
    display: flex
}

.post-feed-header {
    display: flex
}

.post-feed-nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    justify-content: space-between
}

.post-feed-nav i {
    font-size: 16px;
    color: #fff
}

.post-feed-nav img, .post-feed-nav svg {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    fill: #6D727E
}

.post-feed-nav li {
    display: flex;
    align-items: center
}

.post-feed-nav li:first-child {
    margin-left: -20px
}

.post-feed-nav li:last-child {
    margin-right: 0px
}

.post-feed-nav .ts-icon-btn {
    pointer-events: all;
    background: #FFF
}

.post-feed-nav .ts-icon-btn.disabled {
    opacity: 0;
    pointer-events: none
}

.post-feed-nav .ts-icon-btn:hover {
    width: 46px;
    height: 46px;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.rtl .feed-pagination, .rtl .post-feed-nav {
    flex-direction: row-reverse
}

.ts-feed-nowrap {
    width: 100%;
    overflow-x: scroll;
    --ts-scroll-color: transparent;
    display: flex;
    scroll-snap-type: x mandatory;
    transform: translateZ(0)
}

.ts-feed-nowrap > div {
    scroll-snap-align: start;
    grid-row: 1;
    grid-column: auto;
    transform: translateZ(0)
}

.feed-pagination {
    padding-top: 30px;
    justify-content: space-between;
    flex-wrap: nowrap
}

.feed-pagination a.ts-btn-1 {
    width: auto
}

.vx-loading {
    pointer-events: none
}

.vx-loading .post-feed-grid.vx-opacity, .vx-loading .post-feed-grid.vx-skeleton {
    opacity: .5
}

.vx-loading .post-feed-grid.vx-skeleton .ts-preview {
    background-repeat: no-repeat;
    background-size: cover
}

.vx-loading .post-feed-grid.vx-skeleton .ts-preview > div {
    opacity: 0
}

.ts-single-slide, .ts-slider {
    overflow: hidden;
    display: flex
}

.ts-single-slide img, .ts-slider img {
    width: 100%;
}

.ts-single-slide .ts-preview, .ts-slider .ts-preview {
    width: 100%;
    min-width: 100%;
    display: flex;
    justify-content: center;
}

.ts-single-slide a, .ts-slider a {
    display: flex;
    width: 100%
}

.ts-single-slide .post-feed-grid, .ts-slider .post-feed-grid {
    scroll-behavior: smooth
}

.elementor-widget-ts-slider {
    width: 100%;
    transition: .2s ease
}

.ts-slide-nav {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 10px;
    flex-wrap: wrap
}

.ts-slide-nav a {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    overflow: hidden;
    opacity: .8;
    transition: .2s ease
}

.ts-slide-nav a img {
    width: 100%;
    height: 100%
}

.ts-slide-nav a:hover {
    opacity: 1
}

.post-feed-grid.vx-gap-20 {
    grid-gap: 20px
}

.post-feed-grid.grid-col-xs-1 {
    grid-template-columns:repeat(1, minmax(0, 1fr))
}

@media (min-width: 768px) {
    .post-feed-grid.grid-col-sm-1 {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }
}

@media (min-width: 992px) {
    .post-feed-grid.grid-col-md-1 {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }
}

@media (min-width: 1200px) {
    .post-feed-grid.grid-col-lg-1 {
        grid-template-columns:repeat(1, minmax(0, 1fr))
    }
}