// Yes, this is stupid.
.displaying_article {
    .team_record,
    #team_h2,
    .team_heading_bx,
    .summaries,
    #filter,
    #footer,
    #team_heading,
    #team_tabs,
    .tabs {
        display: none !important;
    }
}
.news {
    background-color: #fff;

    .is_video_prefix {
        color: $hl_color;
        font-weight: bold;
    }

    .summaries {
        background-color: $zebra_strip_even;

        .summary {
            padding: 8px 20px 8px 8px;

            h3 {
                margin: 0;
            }
            h3.tweet  {
                font-weight: normal;
                word-wrap: break-word;
            }
            h3.tweet a {
                color: $hl_color;
            }

            .thumb {
                width: 55px;
                height: 55px;
                -webkit-background-size: cover;
                background-size: cover;
                background-position: center;
            }
            .thumb_bx {
                display: block;
                margin-right: 10px;
                // bug 23865 Twitter Icons Reveal SN Placeholder Picture.
                // background-image: url(#{$imghost}video_thumb@2x.png);
                @extend .thumb;
                > div {
                    @extend .thumb;
                }
            }
            .author_and_date {
                margin: 3px 0 0;
                line-height: 1.1;
                color: $unhl_color;
            }
        }
        .summary:first-child {
            margin-top: 0;
        }
        .summary.hl {
            background-color: #ccc !important;
        }

    }
    .summaries.has_stripes .summary:nth-of-type(2n) {
        background-color: $zebra_strip_odd;
        border: 1px solid #DDD;
        border-width: 1px 0;
    }
    .articles {
        .article {
            border: 4px solid $tab_content_bg;
        }
        .resizeable_text {
            padding: 8px;
        }
        .poster {
            width: 286px;
            height: 180px;
            -webkit-background-size: cover;
            background-size: cover;
            background-position: center;
        }
        .poster_bx {
            display: block;
            margin-bottom: 10px;
            background-image: url(#{$imghost}video_thumb@2x.png);

            @extend .poster;
            > div {
                @extend .poster;
            }
            img {
                height: 0;
                width: 0;
            }
        }
    }
}

.summary h3,
.article h3.article_heading {
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0 0 1px;
}

.has_articles .summary {
    background-image: url(#{$imghost}disclosureIndicator@2x.png);
    background-position: 98% center;
    -webkit-background-size: 8px 12px;
    background-size: 8px 12px;
}

.article_contents {
    h1,h2,h3,h4,h5,h6 {
        font-weight: bold;
        background-color: transparent;
        text-align: left;
        margin: 10px 0;
    }
    ul {
        list-style-type: disc;
        margin-left: 18px;
    }
    li {
        margin-bottom: 3px;
    }
    a {
        font-weight: bold;
        color: $hl_color;
        &:active {
            text-decoration: underline;
        }
    }
}
.article_contents,
.article_contents p,
.article_contents ul {
    line-height: 1.3;
}
.article {
    p, ul {
        margin: 0 0 13px;
    }
}

// Resizeable text.
.author_and_date,
.article_contents,
.article_contents * {
    font-size: 100%;
}
.article h3.article_heading {
    font-size: 110%;
}

.articles .article_wrapper {
    display: none;
}