/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.envy-recent-post, .envy-popular-post, .envy-related-post {
    margin: 10px 0;
}

/* Title */
.envy-recent-post-card a, .envy-popular-post-card a, .envy-related-post-card a {
    text-decoration: inherit;
}
.envy-recent-post-card h3, .envy-popular-post-card h3, .envy-related-post-card h3 {
    font-size: 20px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
}

/* Content */
.envy-recent-post-card p, .envy-popular-post-card p, .envy-related-post-card p {
    line-height: 1.5;
    margin: 20px 0;
    font-size: 17px;
    text-align: center;
}
.envy-recent-post-details, .envy-popular-post-details, .envy-related-post-details {
    text-align: center;
    margin-top: 20px;
}
.envy-recent-post-details i, .envy-popular-post-details i, .envy-related-post-details i {
    line-height: 1.5;
    font-size: 18px;
    margin-right: 5px;
}
.envy-recent-post-details span, .envy-popular-post-details span, .envy-related-post-details span {
    line-height: 1.5;
    font-size: 16px;
    margin-right: 9px;
}

/* Featured image */
.envy-recent-post-card img, .envy-popular-post-card img, .envy-related-post-card img {
    background-color: #aaa;
    max-width: 100%;
    padding: 20px;
    margin-top: 20px;
}

/* Add a card effect for articles */
.envy-recent-post-card, .envy-popular-post-card, .envy-related-post-card {
    background-color: #f1f1f1;;
    padding: 20px;
    margin-top: 20px;
}