.overlay {
    position: absolute;
    width: 100%;
    height: 10rem;
    left: 0px;
    bottom: 0px;
    color: white;
    padding: 15px;
}

.brightnes-50 {
    filter: brightness(50%);
}

.top-30 {
    top: 30%;
}

.top-25 {
    top: 25%;
}

.scroll-overflow {
    overflow: auto;
}

.headline-news {
    height: auto;
    max-width: 40rem;
}

.headline-image {
    width:100%;
    min-width: 40rem;
    height: 27rem;
}

.headline-body {
    border-radius: 10px;
}

.updatenews {
    width: 40rem;
}

.category-container {
    flex-direction: row;
}

.category-news {
    width: 40rem;
    margin-bottom: 20px;
}

.category-news-items {
    height: 20rem;
}

.category-header {
    padding: 0rem;
}


.article {
    padding-top: 8rem;
    max-width: 61rem;
}

.article-padding {
    padding-top: 7.5rem;
}

.text-truncate-container {
    width: 100%;
}

.sidebar-trending {
    height: 27rem;
    width: 20rem;
}

.text-truncate-container {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.h-30 {
    height: 30%;
}

.h-40 {
    height: 40%;
}

.newsUpdateScroll {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
    position: absolute;

}

.scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scrollbar::-webkit-scrollbar-track {
    background-color: rgb(219, 219, 219);
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: rgb(172, 172, 172);
    border-radius: 3px;
}

.customRounded {
    border-radius: 10px;
}

.hov:hover {
    color: #db262d;
}

.trending-item-container {
    padding: 0.1rem;
}

.category-padding {
    padding-inline: 1rem;

}

.feeds-container {
    width: 40rem;
}

.w-feed {
    width: 58%;
}

.w-rubrik {
    width:39% ;
}

.rubrik-image{
    width: 100%;
}



@media only screen and (max-width:600px) {
    .article {
        padding-left: 0;
        padding-right: 0;
        padding-top: 5rem;
        align-items: center;
    }

    .sidebar-trending {
        width: 100%;
    }

    .text-truncate-container {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .headline-news {
        height: auto;
        width: auto;
    }

    .headline-image {
        width: 100vw;
        min-width:auto;
        height: 15rem;
    }

    .headline-body {
        border-radius: 0;
    }

    .scroll-overflow {
        overflow: auto;
    }

    .overlay {
        height: 7rem;
    }

    .trending-item-container {
        padding-inline: 1rem;
    }

    .category-container {
        flex-wrap: wrap-reverse;
    }

    .category-news {
        width: 100vw;
    }

    .category-news-items {
        height: auto;
    }

    .category-header {
        padding-inline: 1rem;
    }

    .category-padding {
        padding-inline: 0rem;

    }

    .feeds-container {
        width: auto;
    }


    .article-padding {
        padding-left: 0;
        padding-right: 0;
        padding-top: 3.5rem;
    }

    .w-feed {
        width: 100%;
    }

    .w-rubrik {
        width: 100%;
    }


}

@media only screen and (max-width:900px) {
    .article {
        padding-left: 0;
        padding-right: 0;
        align-items: center;
        padding-top: 5rem;

    }

    .sidebar-trending {
        width: 100%;
        height: 100%;
    }

    .headline-body {
        border-radius: 0;
    }

    .scroll-button {
        display: none;
    }

}

@media only screen and (max-width : 1024px) {
    .article {
        padding-top: 5.5rem;
    }
}

@media print {
    .article {
        padding-left: 1rem;
        padding-right: 1rem;
        align-items: center;
    }

    .sidebar-trending {
        width: 100%;
    }
}