section.main {
 
}
@media (min-width: 767px) {
    section.main {
       
    }
}
@media (min-width: 1024px) {
    section.main {
      
    }
}

ul.news-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 4em
}

.news-list .list-item {
    margin-bottom: 2.5em;
}

.news-list .list-item>.grid {
    display: grid;
    grid-template-columns: 150px auto;
    grid-template-rows: auto;
    gap: 2em 1em;
}
@media(max-width: 766px) {
    .news-list .list-item>div {
        grid-template-columns: 1fr 3fr;
        grid-template-rows: auto
    }
}

.news-list .list-item>.grid .post-text {
    grid-column: 2/3;
    grid-row: 1/2;
}

.news-list .list-item>.grid .post-text h2 {
    margin-top: 0;    
    margin-bottom: .1em;
    font-size: 2rem;
}
@media(min-device-width: 767px) and (max-device-width: 1000px)   {
    .news-list .list-item>.grid .post-text h2 {
        font-size: 1.75rem;
    }
}
@media(max-device-width: 766px)    {
    .news-list .list-item>.grid .post-text h2 {
        font-size: 1.5rem;
    }
}
.news-list .post-text h2 a {
    text-decoration: none;
}

.news-list .list-item>div .image {
    grid-column: 1/2;
    grid-row: 1/2;
    padding-top: .5em;
    padding-bottom: .5em
}

.news-list .list-item>div .image img {
    max-width: 100%
}

.pagelistingblock-cardgrid{
    h2 {
        text-align: center;
        margin: 0 0 1rem 0;
        font-size: 1.8rem;
    }
    .card-grid {
        ul.list {
            list-style: none;
            margin-left: 0;
            padding-left:0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;  
            gap: .4rem 1em;

            li.list-item {
                width: 400px;
                background: #fff;
                border-radius: 10px;
                overflow: hidden;
                height: auto;
                box-shadow: var(--box-shadow);
                border: 1px solid var(--border);
                
                &:hover {
                    filter: brightness(85%); 
                }
                
                .inner {
                    a {
                        align-items: stretch;
                        border: none;
                        display: flex;
                        flex-direction: column;
                        padding: 0;
                        text-decoration: none;
                            height: 100%;

                        .image {
                            aspect-ratio: 16/9;
                            height: 20%;
                            max-height: 225px;
                            overflow: hidden;
                            position: relative;
                            border-bottom: 1px solid var(--border);
                            
                            &:hover, &:focus, &:active {

                            }
                        }
                        .description {
                            align-items: center;
                            display: flex;
                            flex: 1 1;
                            flex-direction: column;
                            height: auto;
                            justify-content: center;
                            padding: .75rem 0;
                            width: 100%;
                                                        
                            >h3 {
                                margin: 0;
                                font-size: 1.25rem;
                                text-align:center;
                                padding: 0 .2rem;
                                
                            }
                            .summary p {
                                margin: 0;
                                padding: 0 .75rem;
                                text-align: center;
                                font-size: 1rem;
                                
                                @media(max-width: 320px) {
                                    font-size: 1.2rem;
                                }
                            }
                            .posted-date {
                                font-size: 1rem;
                                padding: .5rem .2rem;                                
                                
                                @media(max-width: 320px) {
                                    font-size: 1rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    &.hide-title .description > h3,
    &.hide-summary .description > .summary,
    &.hide-date .description > .posted-date {
        /* visibility: hidden; */
        /* position: absolute; */
        /* left: -9999px; */
    } 
}
.newscontentpage .date-posted {
	margin-bottom:.75rem;
}
.newscontentpage .author ul {
	list-style:none;
	padding-left:0;
	margin-left:0;
}
.newscontentpage .author ul li {
	margin-bottom:.75rem;
	font-style:italic;
}

/* NEWS SECTION PAGE */
main.news-section .main-content.grid-container > .page-list-pages {
  grid-column: 1 / 13;
  display: grid;
grid-template-columns: subgrid;
grid-template-rows: max-content;
column-gap: inherit;
row-gap: 1em;
}
main.news-section .main-content.grid-container > .pager-container,
main.news-section .main-content.grid-container > .page-list-pages > div {
  grid-column: 2 / 12;
}