﻿.newsroom {
    margin: 0 0 2rem;
}

.newsroom__title {
    margin: 2rem 0;
}

.newsroom__filters {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.newsroom__filter {
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
}

    .newsroom__filter input {
        max-width: 235px;
        width: 100%;
        padding: 5px 10px;
        background-color: #ffffff;
        border: 1px solid #c2c2c2;
        border-radius: 5px;
        box-sizing: border-box;
        height: 30px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }

    .newsroom__filter button {
        background-color: rgba(202, 223, 237, 1);
        border-radius: 5px;
        border: 1px solid rgba(107, 167, 203, 1);
        padding: 5px 18px;
    }

        .newsroom__filter button img {
            width: 15px;
            height: 15px;
        }

    .newsroom__filter select {
        max-width: 150px;
        border: 1px solid rgb(153, 153, 153);
    }

.newsroom__grid-scroll {
    overflow-x: hidden;
}

    .newsroom__grid-scroll table {
        table-layout: fixed;
        min-width: 0;
        width: 100%;
    }

.newsroom-hide-grid-lines .newsroom__grid-scroll table {
    border: 0;
}

.newsroom__grid-scroll table th {
    height: 40px;
}

.newsroom-hide-grid-lines .newsroom__grid-scroll table th,
.newsroom-hide-grid-lines .newsroom__grid-scroll table td {
    border: 0;
    border-bottom: 1px solid #DDDDDD;
}

.newsroom-hide-grid-lines .newsroom__grid-scroll table th {
    border-bottom: 1px solid #c2c2c2;
}

.newsroom__grid-scroll table td.gridcell {
    padding: 15px 5px;
}

.newsroom__grid-scroll table th > * {
    display: inline-flex;
    width: 100%;
    padding: 5px;
    justify-content: space-between;
}

.newsroom__grid-scroll table th:first-child,
.newsroom__grid-scroll table td:first-child {
    width: 18%;
    white-space: nowrap;
}

.newsroom__grid-scroll table th:nth-child(2),
.newsroom__grid-scroll table td:nth-child(2) {
    overflow-wrap: anywhere;
}

.newsroom__grid-scroll table .pjmGridAreaDflt th > div:nth-child(n + 2):last-child {
    position: absolute;
    bottom: 0;
    left: 0;
}

.newsroom--show-more div[name="Newsroom_paginator"] {
    display: none;
}

.newsroom__show-more-form {
    display: none;
    justify-content: flex-start;
    margin-top: 1rem;
}

/*Display the show more button when there are more pages to show*/
.newsroom--show-more .newsroom__grid-scroll:has(div[name="Newsroom_paginator"] a[onclick^="nextPage"]:not([hidden])) + .newsroom__show-more-form {
    display: flex;
}


@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 767px) {
    .newsroom__grid-scroll table th:first-child,
    .newsroom__grid-scroll table td:first-child {
        width: 10rem;
    }
}

@media screen and (max-width: 450px) {
}
