.recent-resources .ccm-block-topics-wrapper {
    list-style-type: none;
    padding: 0; 
}

.recent-resources .ccm-block-topics-wrapper li {
    display: inline-block; 
}

.recent-resources .ccm-block-topics-wrapper li a {
    background: #DAE1EA;
    border-radius: 4px; 
    color: #1B2E3A;
    display: block; 

    padding: 2px 8px 4px;
}
.recent-resources h2 {margin-bottom:0;}

.recent-resources .news-topics li a {
    margin:0;padding:2px 8px;
    background:white!important;
   border:1px solid black;
    font-size:.7em;
    font-weight:bold;
    
}
.recent-resources .ccm-block-page-list-date {
   font-size:.8em;
}
.recent-resources .news-topics {
    position:absolute;
    top:10px;
    left:10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.recent-resources span {display:flex;}
.recent-resources span svg {
    height:20px;width:auto;
   fill:#253B77;
}
.recent-resources ul.ccm-block-topics-wrapper {
    display:flex;
    align-items:center;
    gap:10px;
}
.recent-resources .waterbody-topics .ccm-block-topics-wrapper li a {
color: #253B77;
font-weight: bold;
background: #DAE1EA;
}
.recent-resources .news-topics li a:hover {
     background:#DAE1EA;
                                text-decoration:none;
}
.recent-resources .waterbody-topics {    display: flex;
    align-items: center;
    gap: 10px;}

.recent-resources .news-thumb {height:230px;width:100%;background-size:cover;background-position:center;}

.recent-resources .ccm-block-page-list-pages {display:flex;gap:20px;flex-wrap:wrap}
.recent-resources .ccm-block-page-list-pages .ccm-block-page-list-page-entry {    border-top: #06347A 5px solid;display:flex;flex-direction:column;justify-content:space-between;width:24%;background:white;padding:15px;border-radius:8px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
.recent-resources .ccm-block-page-list-page-entry-text {display:flex;flex-direction:column;}
.recent-resources  .ccm-block-topics-wrapper {margin-bottom:0px}
.recent-resources .ccm-block-page-list-title {font-size:1.4em;    margin-top: 30px;}
.recent-resources .ccm-block-page-list-sponsor {font-weight:600}

@media (max-width: 970px) {
    .recent-resources .ccm-block-page-list-pages {flex-direction:column;}
    .recent-resources .ccm-block-page-list-pages .ccm-block-page-list-page-entry {width:100%;}
    
    }