.ssp-recent-episodes-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.ssp-recent-episodes-items .ssp-recent-episode-post h4 {
margin: 2rem 0; font-family: var(--e-global-typography-primary-font-family);
font-weight: var(--e-global-typography-primary-font-weight);
color: var(--e-global-color-text);
padding-left: 10px;
}
.ssp-recent-episodes-items .ssp-recent-episode-post p {
padding-left: 10px;
}
.ssp-recent-episodes-items .ssp-recent-episode-post h4 a {
color: var(--e-global-color-text);
}
.ssp-recent-episodes-items .ssp-recent-episode-post h4 a:hover {
border-bottom: 2px solid var(--e-global-color-primary);
}
.ssp-recent-episode-post a img {
width: 100%;
border-radius: 4px;
}
.ssp-recent-episodes-items .ssp-recent-episode-post a.view-episode {
color: var(--e-global-color-primary);
font-weight: var(--e-global-typography-primary-font-weight);
font-size: 23px;
padding: 5px 10px;
border-radius: 4px;
}
.ssp-recent-episodes-items .ssp-recent-episode-post a.view-episode:hover {
color: var(--e-global-color-text);
background-color: var(--e-global-color-primary);
}
@media (max-width: 960px) {
.ssp-recent-episodes-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.ssp-recent-episodes-items {
grid-template-columns: 1fr;
}
}