.elementor {
    transition: .5s all;
}

.elementor-widget-container .widget li img {
    max-width: none;
}
.off-canvas-wrapper .elementor {
    margin-left: 22%;
}
#menu-toga:checked ~ .elementor {
    margin-left: 22%;
}

.ts-elem-list-default,
.ts-elem-list-2,
.ts-elem-list-3 {
    display: grid;
} 

.elem-content-entry,
.elem-post-title {
    position: relative;
}
.elem-content-entry .ts-post-header {
    padding: 0;
}

.elem-content-entry .read-more a {
    padding: 4px 2px;
    font-size: 12px;
}

[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(--bansta-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;
}

.dark-mode .ts_elem_list-3 .ts-post-header {
    background-color: #212121 !important;
}
.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(--bansta-link-hover-color);
}

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

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

.trending-badge .fa {
    color: var(--bansta-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;
    max-width: 75%;
    margin: 3px;
}

.elementor .featured-image {
    position: relative;
}

.elementor .featured-image::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.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-spin {
    display: block;
    animation: spin 0.8s linear infinite;
}
.ts-loading-icon .fa-pulse {
    color: inherit;
    font-size: 16px;
}
.elementor-page .ts-category a {
    background-color: #282828;
}
.elementor-page .read-more a {
    color: #282828;
    border: 1px solid #282828;
}

.elementor-element .fa-comment-o {
    font-size: 1.4em;
}

.ts-elem-masonry {
    position: relative;
    display: block;
    transition: height 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: height;
    overflow: hidden;
}

.elem-masonry-entry {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(40px);
    transition: 
        transform 600ms cubic-bezier(0.22, 1, 0.36, 1),
        opacity 450ms ease;
    will-change: transform, opacity;
    backface-visibility: hidden;
}

.elem-masonry-entry.is-ready {
    opacity: 1;
    transform: translateY(0);
}

/* Nice subtle stagger for newly loaded items */
.ts-elem-masonry .elem-masonry-entry.is-ready {
    transition-delay: 40ms;
}

/* Spacing for your content wrap */
.ts-content-wrap {
    padding: 15px;
}

/* Spacing for your content wrap */
.ts-content-wrap {
    padding: 15px;
}

/* Desktop ≥1025px */
.ts-col-desktop-1 { grid-template-columns: repeat(1, 1fr); }
.ts-col-desktop-2 { grid-template-columns: repeat(2, 1fr); }
.ts-col-desktop-3 { grid-template-columns: repeat(3, 1fr); }
.ts-col-desktop-4 { grid-template-columns: repeat(4, 1fr); }
.ts-col-desktop-5 { grid-template-columns: repeat(5, 1fr); }

/* Tablet ≤1024px */
@media (max-width: 1024px) {
  .ts-col-tablet-1 { grid-template-columns: repeat(1, 1fr); }
  .ts-col-tablet-2 { grid-template-columns: repeat(2, 1fr); }
  .ts-col-tablet-3 { grid-template-columns: repeat(3, 1fr); }
  .ts-col-tablet-4 { grid-template-columns: repeat(4, 1fr); }
  .ts-col-tablet-5 { grid-template-columns: repeat(5, 1fr); }
}

/* Mobile ≤767px */
@media (max-width: 767px) {
  .ts-col-mobile-1 { grid-template-columns: repeat(1, 1fr); }
  .ts-col-mobile-2 { grid-template-columns: repeat(2, 1fr); }
  .ts-col-mobile-3 { grid-template-columns: repeat(3, 1fr); }
  .ts-col-mobile-4 { grid-template-columns: repeat(4, 1fr); }
  .ts-col-mobile-5 { grid-template-columns: repeat(5, 1fr); }
}

@media (max-width:599px) {
    
    .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;
    }
    .elem-grid-default,
    .elem-grid-2,
    .elem-grid-3 {
        flex-direction: column;
    }
}

@media (max-width:1024px) {
    .ts-list-3 .ts-post-excerpt {
        display: none;
    }
}
@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;
}