.news-homepage-header{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:var(--product-page-title-size);
    /* font-size:var(--website-header-size); */
    padding-bottom:var(--website-header-padding);
    padding-top: var(--website-header-padding);
}

.news-homepage-array {
    /* display: grid;
    grid-template-columns: repeat(6, 1fr); */
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-left: var(--homepage-margin);
    margin-right: var(--homepage-margin);

    /* width: 100%; */
}

.news-homepage-images
{
    overflow: hidden;
}

.news-item
{
    flex: 1 1 0;
    width: 0;

    display: flex;
    /* width: 100%;
    height: 100%; */
    max-height: 200px;
    /* aspect-ratio: 2/1.5; */
    /* width: 250px; */
    /* max-width: 300px; */
    flex-direction: column;
    text-decoration: none;
    align-items: center;
}

.news-item>.image
{
    width: 100%;
    height: calc(100% - 40px);    
    overflow: hidden;
}

.news-item>.image>img
{
    object-fit: cover;

    filter: brightness(70%);
    transition: filter 1s ease;
    width: 100%;
    height: 100%;
}

.news-item:hover>.image>img
{
    filter: brightness(100%);
}

.news-item>.title
{
    height: 40px;
    width: 100%;
    font-size: 16px;
    /* color: black; */
    /* color: var(--colour-item-passive); */
    /* transition: color 0.3s; */
    padding: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    /* color: var(--colour-item-passive); */
    /* color: var(--colour-text-mid); */
    /* color: var(--light-grey-font); */
    color: var(--light-grey-font);
}

.news-item:hover>.title
{
    /* color: black; */
    color: var(--dark-grey-font);
    /* color: var(--colour-text-mid); */
}

.pagebody a.more-homepage-news {

    color: var(--light-grey-font);

}
.more-homepage-news
{
    width: 100%;
    padding: 30px;
    height: 100px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    /* color: var(--light-grey-font); */
    /* color: var(--colour-text-mid); */
    /* transition: color 0.3s; */
    /* color: black; */
}

.pagebody a.more-homepage-news:hover{
    color: var(--colour-dkgray);
    /* color: red; */
    /* color: black; */
    /* color: var(--colour-item-passive); */
}

@media (max-width: 1100px)
{
    .news-homepage-array 
    {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: repeat(3, 33.33%);
    }
    .news-item
    {
        flex: none;
        width: 100%;
    }
}

@media (max-width: 900px)
{
    .news-homepage-array 
    {
        /* grid-template-columns: 50% 50%;
        grid-template-rows: repeat(3, 33.33%); */
    }
}