﻿.slider-content-items {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    --webkit-overflow-scrolling: touch;
    padding: 0 1rem 1rem;
}

.nsop-tg-seccontentbox-header-holder {
    display: flex;
    justify-content: space-between;
    padding: 0 .5rem;
}

.nsop-tg-seccontentbox-item {
    display: block;
    transition: .5s;
    text-decoration: none;
    margin: .2rem;
    border: 1px solid var(--nsop-theme-seccontentbox-border-color);
    border-radius: var(--nsop-theme-border-radius-md);
    overflow: hidden;
    background-color: white;
    min-width: 17rem;
}

    .nsop-tg-seccontentbox-item:hover {
        box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    }

    .nsop-tg-seccontentbox-item .image-holder {
        background-color: var(--nsop-theme-seccontentbox-light-backcolor);
        background-image: url('/Images/xpost-img1.jpg.pagespeed.ic.UeMlV6U-bS.jpg');
        background-size: cover;
        background-position: center center;
    }

.nsop-tg-seccontentbox-item-title {
    font-size: var(--nsop-theme-seccontentbox-item-title-font-size);
    font-weight: var(--nsop-theme-seccontentbox-item-title-font-weight);
    color: var(--nsop-theme-seccontentbox-item-title-color);
    margin: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2.1rem;
}

.nsop-tg-seccontentbox-item-desc {
    color: var(--nsop-theme-seccontentbox-item-description-color);
    margin: .5rem;
    word-wrap: break-word;
    min-height: 2.85rem;
    text-align: right;
    font-size: var(--nsop-theme-seccontentbox-item-description-font-size);
    font-weight: var(--nsop-theme-seccontentbox-item-description-font-weight);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 3rem;
}

.nsop-tg-seccontentbox-item-date {
    color: var(--nsop-theme-seccontentbox-item-date-color);
    font-size: var(--nsop-theme-seccontentbox-item-date-font-size);
    font-weight: var(--nsop-theme-seccontentbox-item-date-font-weight);
}

.nsop-tg-seccontentbox-item-date-holder {
    margin: .5rem;
    min-height: 1.5rem;
}

.nsop-tg-seccontentbox-item .nsop-tg-seccontentbox-item-continue {
    color: var(--nsop-theme-seccontentbox-item-link-color);
    font-size: var(--nsop-theme-seccontentbox-item-link-font-size);
    font-weight: var(--nsop-theme-seccontentbox-item-link-font-weight);
    float: left;
}

    .nsop-tg-seccontentbox-item .nsop-tg-seccontentbox-item-continue:hover {
        font-weight: var(--nsop-theme-seccontentbox-item-link-hover-font-weight);
        color: var(--nsop-theme-seccontentbox-item-link-hover-color);
    }


.nsop-tg-seccontentbox-icon {
    color: var(--nsop-theme-seccontentbox-mainicon-color);
}

.nsop-tg-seccontentbox-toptitle {
    color: var(--nsop-theme-seccontentbox-toptitle-color);
    font-size: var( --nsop-theme-seccontentbox-toptitle-font-size);
    font-weight: var(--nsop-theme-seccontentbox-toptitle-font-weight);
}

.nsop-tg-seccontentbox-title {
    color: var(--nsop-theme-seccontentbox-title-color);
    font-size: var( --nsop-theme-seccontentbox-title-font-size);
    font-weight: var(--nsop-theme-seccontentbox-title-font-weight);
}

.nsop-tg-seccontentbox-subtitle {
    color: var(--nsop-theme-seccontentbox-subtitle-color);
    font-size: var( --nsop-theme-seccontentbox-subtitle-font-size);
    font-weight: var(--nsop-theme-seccontentbox-subtitle-font-weight);
}



.nsop-tg-seccontentbox-btn a {
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 1px;
    display: inline-block;
    padding: .5rem 2.2rem;
    border-radius: var(--nsop-theme-border-radius-sm);
    transition: 0.5s;
    border: 1px solid var(--nsop-theme-seccontentbox-button-backcolor);
    background-color: var(--nsop-theme-seccontentbox-button-backcolor);
    text-decoration: none;
}

    .nsop-tg-seccontentbox-btn a:hover {
        background: var(--nsop-theme-seccontentbox-button-back-hover-color);
        color: var(--nsop-theme-seccontentbox-button-text-hover-color);
        border: 1px solid var(--nsop-theme-seccontentbox-button-back-hover-color);
    }

.nsop-tg-seccontentbox-bottomtitle {
    font-size: var(--nsop-theme-seccontentbox-bottomtitle-font-size);
    color: var(--nsop-theme-seccontentbox-bottomtitle-color);
    margin-top: 1rem;
}

.nsop-tg-seccontentbox-btn-continue {
    color: var(--nsop-theme-seccontentbox-link-color);
}

    .nsop-tg-seccontentbox-btn-continue :hover {
        color: var(--nsop-theme-seccontentbox-link-hover-color);
    }
