.recent-posts {
    clear: both;
    margin: 0;
}
    .recent-posts article,
    article.post {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #eeeeee;
    }
        .recent-posts article p:last-child,
        article.post p:last-child {
            margin-bottom: 0;
        }

.recent-posts .wp-post-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

.recent-posts .entry-body .entry-content .entry-text img,
.recent-posts .entry-body .entry-content .entry-text .wp-caption .wp-caption-text {
    display: none;
}

.recent-posts .entry-content,
.recent-posts .page-content {
    margin: 0;
    font-size: 0.8125em;
    line-height: 1.69231em;
}

.recent-posts .recent-post-body span {
    font-size: 1em;
    line-height: 1.71429em;
    color: #666666;
}

.recent-posts div:nth-last-child(2) article:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

@media screen and (min-width: 480px) {
    .recent-posts article {
        padding-bottom: 2.1875em;
        margin-bottom: 1.875em;
    }

    .recent-posts .wp-post-image {
        float: left;
        width: 22%;
        max-width: 150px;
        height: auto;
    }

    .recent-posts .has-thumbnail .recent-post-body {
        float: right;
        width: 72%;
    }

    .recent-posts .recent-post-body span {
        font-size: 1.07692em;
        line-height: 1.73077em;
    }
}

@media screen and (min-width: 768px) {
    .recent-posts .block-header h3 {
        padding-right: 4%;
    }
}

/*** RECENT POSTS WIDGET ***/

.rpwe_widget .rpwe-block h3 {
    display: block !important;
    clear: both;
    margin-top: 10px !important;
}

.rpwe_widget .rpwe-block h3,
.rpwe_widget .rpwe-block h3 a {
    font-family: "museo-slab", Helvetica, Arial, Sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #666;
}

/** override the styling on the sidebar thumbnails **/
.rpwe-block .rpwe-thumb {
    border: 2px solid black !important;
    padding: 0 !important;
    float: none;
}
    .rpwe-block .rpwe-thumb:hover,
    .rpwe-block .rpwe-thumb:active {
        border: 2px solid red !important;
}

.rpwe_widget .rpwe-default-thumb {
    display: none;
}

/** once we get bigger than 480px, put the image and title side-by-side */
@media screen and (min-width: 480px) {
    .rpwe_widget .rpwe-block h3 {
        display: inline !important;
        clear: none;
        margin-top: 10px !important;
    }

    .rpwe-block .rpwe-thumb {
        float: left;
    }
}