.simple-news-con {
width: 100%;
margin: 1em 0 2em 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -ms-grid;
display: grid;
gap: 2rem;
}
.simple-news-item {
padding: 0 0 1em 0;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.simple-news-img-con {
margin-bottom: 1em;
overflow: hidden;
}
h4.simple-news-title {
clear: none;
margin: 0 0 .5em 0 !important;
padding: 0 !important;
font-size: 1em;
}
a.simple-news-item-link {
text-decoration: none !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
overflow: hidden;
outline: none;
}
a.simple-news-item-link img {
display: block;
margin: 0 !important;
width: 100%;
height: auto;
}
h4 a.simple-news-item-link:hover {
opacity: .85;
}
.simple-news-date {
margin-bottom: .5em;
font-size: 70%;
}
@media (min-width: 600px) {
.col-2 {
-ms-grid-columns: (minmax(0, 1fr))[2];
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.col-3 {
-ms-grid-columns: (minmax(0, 1fr))[2];
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.col-4 {
-ms-grid-columns: (minmax(0, 1fr))[4];
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 800px) {
.col-3 {
-ms-grid-columns: (minmax(0, 1fr))[3];
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.col-4 {
-ms-grid-columns: (minmax(0, 1fr))[4];
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}