/* ARTICLES IN FEED
---------------------------------------------*/

.article {
    padding: 10px 20px;
    margin-bottom: 10px;
    background: white;
}

.article-header      { padding-bottom: 10px; line-height: 1.25; font-size: 1.25rem; display: flex; align-items: center; position: relative; color: #B1B1B1; }
.article-header > div { font-size: 1.2rem; }
.article-header > a   { display: inherit; }
.article-username    { line-height: 1; display: inline-block; color: black; max-height: 35px; max-width: 64vw; font-size: 1.3rem; font-weight: 500; }
.article-figure      { margin-bottom: 20px; }
.article-figure img  { max-height: 400px; }
.article-headline    { font-size: 2rem; line-height: 1.25; text-align: inherit; margin-bottom: 20px; letter-spacing: 0.025rem; font-weight: 500; color: black; }
.article-headline-a  { color: inherit; }
.article-p           { font-size: 15px; line-height: 1.3; letter-spacing: 0.025rem; overflow: hidden; margin-bottom: 0; }
.article-time        { color: #B1B1B1; }

.article-is-response-to-wrap { margin-top: 6px;}
.article-is-response-to      { overflow: hidden; padding-bottom: 12px; line-height: 1.3; font-size: 1.15rem; }
.article-is-response-to a    { color: #9633ff; }
.article-is-response-to      .user-avatar { margin-right: 7px; }
.article-responsse-indent    { display: inline-block; margin-top: 9px; margin-right: 10px; }

.article-options {}
.article-options-trigger { font-size: 14px; color: #393A3C; letter-spacing: 0.06rem; position: relative; line-height: 0.8; height: 20px; width: 20px; display: inline-block; text-align: right; }


.article-footer { display: inline-block; overflow: hidden; width: 100%; margin-top: 15px; }
.article-footer a { color: #222; }

/* SOCIALBAR ( ARTICLE FOOTER )
--------------------------------------------- */

.socialbar-wrap { height: 44px; margin-bottom: -5px; }
.socialbar { padding-top: 10px; padding-bottom: 0px; font-size: 1.5rem;  }
.socialbar--fixed { position: fixed; bottom: 0; width: 100%; margin: 0 auto; background: white; z-index: 100; max-width: 100%; padding-bottom: 10px; }