/* news articles stylesheet */

.template-content-wrapper { margin-top:-28px; }

/* gamenews */
#gamenews-container { float:left; width:678px; margin:42px 0 0 12px; }
    #gamenews-article { float:left; }
        #gamenews-article-head-container { float:left; width:678px; }
            #gamenews-article-head { float:left; width:528px; }
                #gamenews-headline { display:block; float:left; font-size:20px; line-height:26px; font-weight:bold; color:#77f; }
                #gamenews-info { float:left; clear:both; width:100%; margin-top:6px; }
                    #gamenews-date { display:block; float:left; font-size:11px; font-weight:bold; color:#aae; }
                    #gamenews-author { display:block; float:left; font-size:11px; font-weight:bold; color:#aaa; margin-left:20px; }
            #gamenews-alink-container { float:right; background:#ddf; padding:10px 18px; margin-top:4px; }
                #gamenews-alink { font-size:11px; }
        #gamenews-article-content-container { float:left; width:658px; margin-top:18px; clear:both; background:rgba(210,210,210,0.3); padding:10px; }
            #gamenews-article-content { word-wrap:break-word; font-size:14px; line-height:22px; padding:0; margin:0; }

@media only screen and (max-width: 991px) {

    .external .template-content-wrapper { width:100vw; margin-top:4vw; }
    .external #gamenews-container { width:90vw; margin:0 5vw; }
        .external #gamenews-article { width:90vw; }
            .external #gamenews-article-head-container { width:90vw; }
                .external #gamenews-article-head { width:90vw; }
                    .external #gamenews-headline { width:90vw; font-size:5vw; line-height:6vw; }
                        .external #gamenews-info { margin-top:2vw; }
                            .external #gamenews-date { font-size:3vw; }
                            .external #gamenews-author { font-size:3vw; margin-left:4vw; }
                .external #gamenews-alink-container { float:left; margin:5vw 0vw 2vw 0; padding:2vw 4vw; }
                .external #gamenews-alink { font-size:3vw; }
            .external #gamenews-article-content-container { width:84vw; margin:3vw 0; padding:3vw; }
                .external #gamenews-article-content { font-size:4vw; line-height:6vw; }
                
}


/* comments view */
#content-comments { float:left; width:676px; border:1px solid #ddd; margin:20px 0 0 0; clear:both; }
    #content-comments #content-comments-header { clear:both; background:#ddf; width:100%; }
    #content-comments div { float:left; }
    #content-comments #content-comments-input-container { clear:both; width:668px; margin:4px; background:#cce; }
    #content-comments #content-comments-input {  }
    #content-comments #comments-input-box { display:block; float:left; padding:2px; width:580px; margin:6px; }
    #content-comments #content-comments-feed-container { width:100%; }
    #content-comments #content-comments-feed-container .no-comments { display:block; margin:10px 0 16px 0; font-size:14px; color:#999; float:left; width:100%; text-align:center; }
    #content-comments-footer { width:678px; }
    #content-comments #content-comments-feed { width:100%; padding-bottom:2px; /*min-height:193px;*/ }
    #content-comments-pagination { clear:both; width:676px; background:#eee; border-top:1px solid #ddd; }
    #content-comments-pagination > div { float:right; font-size:12px; }
    .reset-mode { color:#aaa; }
    #content-comments .comment { clear:both; width:654px; margin:2px 4px; padding:6px; background:#f6f6f6; border:1px solid #ddd; font-size:12px; }
    #content-comments .comment:first-child { margin-top:0; }
    #content-comments .comment .comment-team { padding:2px 0; }
    #content-comments .comment .comment-content { color:#444; padding:2px 0; word-break:break-word; margin-bottom:3px; }
    #content-comments .comment .comment-content a { font-weight:normal; }
    #content-comments .comment .comment-options { float:right; }
    #content-comments .comment .comment-time { width:88px; float:right; color:#bbe; font-weight:bold; font-size:11px; padding:4px }
    #content-comments .comment .comment-flag { float:right; width:13px; height:13px; margin:5px 5px 0 7px; background:url('/img/site/spam-flag.png') top left no-repeat; opacity:0.55; filter:alpha(opacity=55); }
    #content-comments .comment .comment-flag:hover { cursor:pointer; opacity:1.0; filter:alpha(opacity=100); }
    #content-comments .comment .comment-delete { float:right; width:13px; height:13px; margin:5px 4px 0 8px; background:url('/img/site/remove_player_box.png') top left no-repeat; opacity:0.55; filter:alpha(opacity=55); }
    #content-comments .comment .comment-delete:hover { cursor:pointer; opacity:1.0; filter:alpha(opacity=100); background:url('/img/site/remove_player_box_hover.png') top left no-repeat; }
    #content-comments .comment .comment-reaction { float:right; padding:4px; user-select:none; }
        #content-comments .comment .comment-reaction-wrapper { float:left; }
            #content-comments .comment .comment-like-button { float:left; font-size:11px; text-align:center; width:36px; font-weight:bold; color:#aca; }
            #content-comments .comment .comment-like-button:hover { cursor:pointer; text-decoration:underline; }
            #content-comments .comment .comment-liked { color:#8a8 !important; }
            #content-comments .comment .comment-likes { color:#8a8; float:left; font-size:10px; letter-spacing:1px; margin-right:3px; text-align:center; width:16px; font-weight:bold; }
            #content-comments .comment .comment-team-likes:hover { color:#575; cursor:pointer; }