/* ####################################
   Articles in Sub Containers

   - Critical Rendering Path: Optional
   ################################## */

.articles-in-sub-containers {
}

    .articles-in-sub-containers .container {
    }

        .articles-in-sub-containers .container .container-summary {
        }

            .articles-in-sub-containers .container .container-summary .text {
            }

                .articles-in-sub-containers .container .container-summary .text .title {
                    margin-top: 0;
                }

        .articles-in-sub-containers .container .containers-sub-content {
        }

            .articles-in-sub-containers .container .containers-sub-content .containers {
            }

            .articles-in-sub-containers .container .containers-sub-content .containers.content-none {
                display: none; /* We only want to see a "no content" message in one condition, i.e. when neither containers nor articles exist, so we'll handle this with .articles.content-none. */
            }

            .articles-in-sub-containers .container .containers-sub-content .articles {
            }

                .articles-in-sub-containers .container .containers-sub-content .articles .content {
                }

                    .articles-in-sub-containers .container .containers-sub-content .articles .content .article {
                    }
                    
                        .articles-in-sub-containers .container .containers-sub-content .articles .content .article .thumbnail {
                        }

                        .articles-in-sub-containers .container .containers-sub-content .articles .content .article .text {
                        }

                            .articles-in-sub-containers .container .containers-sub-content .articles .content .article .text .title {
                            }

                            .articles-in-sub-containers .container .containers-sub-content .articles .content .article .text .date {
                            }

                            .articles-in-sub-containers .container .containers-sub-content .articles .content .article .text .summary {
                            }

            .articles-in-sub-containers .container .containers-sub-content .containers:not(.content-none) + .articles.content-none {
                display: none; /* We only want to see a "no content" message in one condition, i.e. when neither containers nor articles exist, so only show this when there are also no containers. */
            }

            .articles-in-sub-containers .container .containers-sub-content .containers.content-none + .articles.content-none {
                display: block;
            }