.page-template-all-post-template {
    h4 {
        color: $consumer-primary;
    }
    .main-header {
        .main-nav {
            background-color: $consumer-primary;
        }
    }
    .site-footer {
        .footer-wrapper {
            background-color: $consumer-primary;
        }
    }
    .all-posts-container {
        .featured-post {
            position: relative;
            margin: 6em 0;
            .featured-img {
                position: relative;
                &::after {
                    content: "FEATURED POST";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    font-size: 1.5rem;
                    font-weight: 700;
                    color: $white;
                    background: $consumer-primary;
                    padding: 6px 20px 6px 12px;
                }
                img {
                    width: 100%;
                }
            }
            .featured-post-content {
                margin-top: 4em;
            }
            .featured-post-link {
                color: $consumer-primary;
                text-decoration: underline;
            }
            &::after {
                content: '';
                width: 80%;
                border-bottom: solid 1px $consumer-primary;
                position: absolute;
                bottom: -5%;
                left: 50%;
                transform: translateX(-50%) translateY(-50%);
                z-index: 1;
            }
        }
        .post-list {
            .post-item {
                margin: 1em 0;
                .post-content {
                    .read-more {
                        white-space: nowrap;
                        color: $consumer-primary;
                    }
                }
            }
        }
    }
}

// styling for post categories on all-posts, category and search pages
.post-categories {
    padding: 4em 0;
    .category-title {
        color: $consumer-primary;
        padding-left: 0;
    }
    .post-category-list {
        .category-item {
            padding-left: 0;
            position: relative;
            border: none;
            text-decoration: underline;
            a {
                color: $consumer-primary;
            }
        }
    }
}

.post-pagination {
    h4 {
        a {
            color: $consumer-primary;
        }
    }
}