/*  SLIDER GAP magic */
.aft-news-container {
    --cols:                     1;
    --g:                        0;
}
    .aft-news-container .slider.slick-initialized {
        margin:                 0 calc(var(--g) * -1 / 2);
    }
        .aft-news-container .slick-slide > div {
            padding:            0 calc(var(--g) / 2);
        }
    /*  PRE-Slider consistency magic */
    .aft-news-container .slider:not(.slick-initialized) {
        display:                grid;
        gap:                    var(--g);
        grid-template-columns:  repeat(var(--cols), minmax(10px, 1fr));
    }
        .aft-news-container .slider:not(.slick-initialized) > .aft-news:nth-child(2n),
        .aft-news-container .slider:not(.slick-initialized) > .aft-news:nth-child(3n) {
            display:            none !important;
        }

/*  SLIDER Height FIX */
.aft-news-container .slider {}
.aft-news-container .slick-track {
    display:                    flex;
    align-items:                stretch;
}
.aft-news-container .slick-slide {
    height:                     auto;
}
.aft-news-container .slick-slide > div {
    height:                     100%;
}

.aft-news {
    background-color:           white;
    border:                     1px solid #ddd;
    border-radius:              8px;
    box-shadow:                 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow:                   hidden;
    display:                    flex !important;
    flex-direction:             column;
    justify-content:            space-between;
    box-sizing:                 border-box;
    width:                      100%;
    height:                     100%;
}

.aft-news-image-wrapper {
    position:                   relative;
    width:                      100%;
    padding-top:                125px;
    background-color:           #f5f5f5;
    overflow:                   hidden;
    display:                    flex;
    justify-content:            center;
    align-items:                center;
}

.aft-news-image {
    position:                   absolute;
    top:                        0;
    left:                       0;
    width:                      100%;
    height:                     100%;
    object-fit:                 cover;
    border:                     none;
}

.aft-news-content {
    padding:                    1rem;
    display:                    flex;
    flex-direction:             row;
    justify-content:            space-between;
    height:                     100%;
}

.aft-news-date {
    font-size:                  0.875rem;
    color:                      #666;
    margin-bottom:              0.5rem;
}

.aft-news-name {
    overflow:                   visible;
    text-overflow:              clip;
    margin-top:                 0.5rem;

    font-size:                  1.25rem;
    margin-bottom:              10px;
}

.aft-news-description {
    font-size:                  1rem;
    color:                      #666;
    margin-bottom:              10px;
    line-height:                1.4;
    display:                   -webkit-box;
    -webkit-line-clamp:         3;
    -webkit-box-orient:         vertical;
    overflow:                   hidden;
    text-overflow:              ellipsis;
}

@media (min-width: 700px) {
    .aft-news-container {
        --cols:                 2;
        --g:                    1rem;
    }
        .aft-news-container .slider:not(.slick-initialized) > .aft-news:nth-child(2n) {
            display:            flex !important;
        }
        .aft-news-container .slider:not(.slick-initialized) > .aft-news:nth-child(3n) {
            display:            none !important;
        }
    .aft-news-image-wrapper {
        padding-top:            56.25%;     /* 16:9 Aspect Ratio */
    }
    .aft-news-content {
        flex-direction:         column;
    }
}
@media (min-width: 1024px) {
    .aft-news-container {
        --cols:                 3;
    }
        .aft-news-container .slider:not(.slick-initialized) > .aft-news:nth-child(2n),
        .aft-news-container .slider:not(.slick-initialized) > .aft-news:nth-child(3n) {
            display:            flex !important;
        }
}
