.elementor {
    transition: .5s all;
}
.off-canvas-wrapper .elementor {
    margin-left: 22%;
}
#menu-toga:checked ~ .elementor {
    margin-left: 22%;
}
.elem-content-entry,
.elem-post-title {
    position: relative;
}

[class*="ts-column-"] .ts-category,
.ts-post-header-2,
.ts-post-header-3 {
    position: absolute;
}
.elem-grid-default,
.elem-grid-2,
.elem-grid-3 {
    display: flex;
    height: auto;
}
.metas-2 {
    padding: 4px 8px 4px 0;
    display: inline-flex;
    font-size: 0.9em;
    color: #535353;
    position: relative;
}
.ts-post-header-2,
.ts-post-header-3 {
    bottom: 0;
}
.ts-content-wrap {
    position: relative;
    z-index: 1;
}

.ts-list-3 .ts-content-wrap {
    position: absolute;
}

.elem-list-default .ts-content-wrap {
    float: right;
    width: 55%;
}
.elem-list-default .featured-image {
    width: 45%;
    float: left;
}
.elem-list-rtl .ts-content-wrap {
    float: left;
    width: 55%;
}
.dark-mode .elementor-heading-title {
    color: var(--link-color) !important;
}

.dark-mode .ts_elem_grid-default .elem-post-title a {
    color: #FFFFFF !important;
}
.dark-mode .ts_elem_grid-default .ts-post-header {
    background-color: transparent !important;
}
.elem-list-rtl .featured-image {
    float: right;
    width: 45%;
}
.elementor-element .ts-category {
    list-style: none;
}
.elem-post-title a {
    color: Inherit;
    font-size: inherit;
}
.dark-mode .elem-post-title a {
    color: #FFFFFF;
}

.elem-post-title span {
    padding: 4px 6px;
    font-size: .78em;
    color: #FFFFFF;
    line-height: 1.9;
    text-transform: uppercase;
}

.breaking-badge {
    background-color: var(--link-hover-color);
}

.sponsored-badge {
    background-color: dodgerblue;
}

.hot-badge .fa {
    color: orangered;
}

.trending-badge .fa {
    color: var(--primary-color);
}

.ts-post-header,
.ts-post-excerpt {
    position: relative;
    z-index: 1;
}

.ts-meta-info > div:not(:last-child) {
    padding-right: 4px;
} 
.elem-avatar img {
    border-radius: 12px !important;
}
.elementor .featured-image {
    position: relative;
}

.ts-post-excerpt {
    margin: 10px 0;
}

.elementor-page .breadcrumbs-container {
    display: none;
} 
.ts-loadmore-link {
    border: 1px;
    padding: 2px 10px 6px 10px;
}
.ts-lodmore-txt {
    font-size: .9em;
    font-weight: 600;
}
.fa-spin {
    display: block;
}

.ts-loading-icon {
    display: none;
}
.ts-loading-eff {
    display: inline-flex;
}
.ts-loading-icon .fa-pulse {
    display: block;
}
.elementor-page .ts-category a {
    background-color: #282828;
}
.elementor-page .read-more a {
    color: #282828;
    border: 1px solid #282828;
}

[class*="ts-column-"],
.ts-column-default,
.elem-list-default,
.elem-list-rtl {
    display: grid;
}

.ts-column-2 {
    grid-template-columns: repeat(2, minmax(0,2fr));
}
.ts-column-3 {
    grid-template-columns: repeat(3, minmax(0,2fr));
}
.ts-column-4 {
    grid-template-columns: repeat(4, minmax(0,2fr));
}
.ts-column-5 {
    grid-template-columns: repeat(5, minmax(0,2fr));
}
.elementor-element .fa-comment-o {
    font-size: 1.4em;
}
@media (max-width:599px) {
    .ts-column-2,
    .ts-column-3,
    .ts-column-4,
    .ts-column-5  {
        grid-template-columns: auto;
    }
    .elem-post-title a,
    .ts-post-excerpt {
        font-size: .9em;
    }
    .elem-content-entry .read-more a {
        font-size: .65em !important;
    }
    .pagination > span {
        padding: 2px 8px;
    }   
    .elem-grid-default {
        flex-direction: column;
    }
    .tr-grid-big2 .ts-meta-info,
    .tr-grid-big3 .ts-meta-info {
        display: none;
    }
    .elem-post-title-2 {
        font-size: .75em !important;
        line-height: 1.6 !important;
    }
    .tr-grid-big1 .elem-post-title {
        font-size: 1em !important;
    }
}

@media (min-width:600px) and (max-width:767px) {
    .elem-post-title a {
        font-size: 92%;
    }
    .ts-column-3,
    .ts-column-4,
    .ts-column-5 {
        grid-template-columns: repeat(2, minmax(0,2fr));
    }
    
}

@media (max-width:767px) {
    .off-canvas-wrapper .elementor,
    #menu-toga:not(:checked) ~ .elementor {
        margin: auto;
    }
    .ts-list-3 .ts-post-excerpt {
        display: none;
    }

    .elem-grid-default,
    .elem-grid-2,
    .elem-grid-3 {
        flex-direction: column;
    }
}
@media (min-width:768px) and (max-width:1024px) {
    .elem-post-title a {
        font-size: 96%;
    }
    .grid-column--tablet .ts-column-2 {
        grid-template-columns: repeat(1, minmax(0,2fr));
    }
}

@media (min-width: 1025px) and (max-width: 1140px) {
    .ts-elem-grid4 .elem-post-title a,
    .ts-elem-grid5 .elem-post-title a {
        font-size: 94%;
    }
}

.ts-elem-advert {
    display: block;
} 