.cmcustom2022 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
 }
 .news-card--item .news-card--image img {
     border-bottom: 0px solid #DFDFDF;
     transition: all 0.2s ease-in-out;
     width: 100%;
     content-visibility: visible !important;
 }
 .news-card--item:hover .news-card--image img {
     transform: scale(1.05);
 }
 a.news-card--image {
     display: inline-table;
     overflow: hidden;
     border-bottom: 2px solid #DFDFDF;
 }
 .news-card--item {
     overflow: hidden;
     transition: all 0.2s ease-in-out;
 }
 .news-card--item {
     position: relative;
 }
 .news-card--item a img[title="Click to edit"] {
     position: absolute;
     border: 0;
     top: 0.5rem;
     left: 0.5rem;
     z-index: 999;
 }
 .cmcustom2022 .news-card--item {
     flex-basis: calc(50% - .5rem);
     border: 2px solid #DFDFDF;
     background: #F7F7F7;
     box-shadow: 0 0 3px #00000024;
     transition: all 0.2s ease-in-out;
     height: auto;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }
 .news-card--content {
     text-align: center;
     padding: 0;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }
 a.card--title {
     font-size: 1.5rem;
     line-height: 1.3;
     height: 100%;
     letter-spacing: 0;
     font-weight: 500;
     display: block;
     padding: 1rem 1.25rem;
     color: var(--accent-color);
     text-align: left;
    font-family: var(--heading-font);
 }
 .news-card--content i {
     margin: 0 0.75rem 0 0;
     width: auto;
     font-size: 14px;
     color: var(--accent-color4-t);
 }
 .card--categories {
     flex-basis: 50%;
     font-size: 12px;
     width: 100%;
     display: flex;
     color: #454545;
     line-height: 1;
     padding: 0.5rem 0.25rem 0.5rem 1.25rem;
     transition: all 0.2s ease-in-out;
     background: transparent;
 }
 .card--categories a {
    color: #454545;
    text-decoration: none;
 }
 .card--categories a:hover {
    background: transparent;
 }
 .card--date {
     display: block;
     color: #454545;
     line-height: 1;
     padding: 0.5rem 1.25rem 0.5rem 0.25rem;
     font-size: 12px;
     flex-basis: 50%;
 }
 .card--details {
    display: flex;
    font-weight: 600;
 }
 .news-card--item a.cm-btn:hover {
     box-shadow: 0 0 0 transparent;
 }
 .news-card--item:hover {
     background: #fff;
     border-color: #CDCDCD;
     box-shadow: 0 0 15px #00000045;
 }
a.cm-btn.cm-article-btn {
     background: transparent;
     border-color: var(--accent-color2-t);
     color: var(--accent-color2);
     border: 0px;
     border-top: 1px solid #ddd;
     margin-top: 0.5rem;
     text-align: left;
     position: relative;
     padding: 1rem 0 1rem 1.25rem;
 }
a.cm-btn.cm-article-btn:hover::after {
     content: "\f105";
     font-family: "Font Awesome 5 Free";
     margin-left: auto;
     position: absolute;
     right: 1.25rem;
 }
a.cm-btn.cm-article-btn:hover {
     background: var(--accent-color2);
     border-color: var(--accent-color);
     border: 0px;
     border-top: 1px solid #ddd;
     color: #fff;
 }
 @media screen and (max-width: 991px) {
 .cmcustom2022 .card--details {
    display: none;
   }
 a.cm-btn.cm-article-btn {
     margin-top: 0rem;
 }
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
 .cmcustom2022 .news-card--item {
     flex-basis: 100%;
   }
 }
 @media screen and (max-width: 767px) {
 .cmcustom2022 a.card--title {
    font-size: 1.15rem;
 }
 .news-card--item a.cm-btn.cm-article-btn {
     padding: 0.7rem;
   }
 }
 @media screen and (max-width: 600px) {
 .cmcustom2022 .news-card--item {
     flex-basis: 100%;
   }
 }