/**
 * Custom Blog Post Modifications
 */

/* 1. Remove background color from specified containers */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
    background-color: transparent !important;
}

/* 2-4. Hide original text and replace with custom text using CSS content property */
/* For "Share this article" text */
.social-share-modern .share-header h4 {
    font-size: 0;
}

.social-share-modern .share-header h4:after {
    content: "Share with your network";
    font-size: 18px;
    font-weight: 600;
}

/* For "Start the Discussion" text */
.comments-title-professional .comments-count:contains("Start the Discussion") {
    font-size: 0;
}

.comments-title-professional .comments-count:contains("Start the Discussion"):after {
    content: "Join the Conversation";
    font-size: 22px;
    font-weight: 600;
}

/* For "Comments" text */
.stat-label-comments:contains("Comments") {
    font-size: 0;
}

.stat-label-comments:contains("Comments"):after {
    content: "Responses";
    font-size: 14px;
}