﻿
/*Comment*/

.comment-box { background-color: #fff; padding: 12px 16px 16px; border-radius: 4px; margin: 16px auto 0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); border: 1px solid #e1e8ed; /*border: 1px solid #e1e8ed;*/ }

.activity-comments div.acomment-avatar { width: auto }

    .activity-comments div.acomment-avatar img { border-width: 1px; float: left; height: 36px; max-width: none; width: 36px }

.activity-comments .acomment-content p, .activity-comments .acomment-meta { }

.activity-comments .acomment-meta { color: #555; overflow: hidden; padding-left: 2% }

.activity-comments .acomment-content { border-left: 1px solid #ccc; margin: 15px 0 0 10%; padding: .7em 1em }

.activity-item div.item-avatar { margin: 0 15px 0 0; }

.activity-comments { clear: both; margin: 0 5%; position: relative; width: auto; }

    .activity-comments ul { clear: both; list-style: none; margin: 15px 0 0; padding: 0; }

        .activity-comments ul li { border-top: 1px solid #eee; border-bottom: 0; padding: 1em 0 0; }

            .activity-comments ul li:first-child { border-top: 0; }

            .activity-comments ul li:last-child { margin-bottom: 0; }

    .activity-comments > ul > li > ul { margin-left: 5%; }

    .activity-comments .acomment-content p, .activity-comments .acomment-meta { }

    .activity-comments .acomment-meta { color: #555; overflow: hidden; padding-left: 2%; }

    .activity-comments .acomment-content { border-left: 1px solid #ccc; margin: 15px 0 0 10%; padding: .7em 1em; }

    .activity-comments .bp-feedback { padding: 5px 10px; }

        .activity-comments .bp-feedback.error { background-color: #ef3e46; color: #fff; border: 0; margin-top: 20px; }

body #buddypress .activity-comments .action { line-height: 1; margin-left: 51px; }

.activity-comments img.avatar { max-width: 36px; width: 100%; height: auto; }


div.item-avatar { margin: 0 15px 0 0; margin: 0 15px 0 0; position: relative; float: left }

.activity-comments .show-all button:hover { color: inherit; text-decoration: none; }

form.ac-form .ac-reply-content .ac-textarea textarea, form.ac-form .ac-reply-content .ac-textarea textarea:focus { box-shadow: none; border-color: #eef0f3; resize: none; background: #fff; height: 36px; padding: 5px 10px; }

#buddypress .activity-comments .bp-generic-meta .generic-button a { background: 0 0; padding: 0; color: #939597; border: 0; line-height: 1; margin: 0; min-height: 10px; }

.activity-comments .acomment-content p { margin-bottom: 0; }

.activity-comments .show-all button { box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; padding: 0; margin-bottom: 15px; }

    .activity-comments .show-all button .icon { margin-right: 6px; }

    .activity-comments .show-all button .text-button { color: #939597; }

        .activity-comments .show-all button .text-button:hover { color: #007cff; }

.activity-comments ul li { border-top: 0; margin: 0; padding-bottom: 15px; }

.activity-comments .acomment-content p, .activity-comments .acomment-meta { }

.activity-comments ul { margin-top: 15px; margin-bottom: 2px; }

.activity-comments > .ac-form { padding-top: 15px; }

@media screen and (min-width: 46.8em) {
    .bp-dir-hori-nav:not(.bp-vertical-navs) .actvity-head-bar nav { margin-bottom: 0; }

    .activity-inner { }
}

.activity-comments { margin: 0; overflow: visible; }

    .activity-comments form { margin: 0; padding: 0; }

    .activity-comments > ul { padding: 15px 15px 0; border-top: 1px solid #eef0f3; border-radius: 10px; }

    .activity-comments > form:first-child { border-top: 1px solid #eef0f3; }

.has-comments { padding-bottom: 0; }

.activity-comments form { padding-top: 0; }

.activity-comments li form.ac-form { padding-top: 15px; padding-bottom: 0; }

form.ac-form .ac-reply-content { padding-left: 0; }

.activity-comments li form.ac-form { margin-right: 0; }

.activity-comments ul li { padding: 0; }

#buddypress button.ac-reply-cancel { background: 0 0; box-shadow: none; border: 0; color: #a3a5a9; font-weight: 500; margin: 0; padding: 0 10px; width: auto; }

.activity-comments .acomment-content { border-left: 0; margin: 0 0 0 51px; padding: 0; overflow: hidden; }

.activity-comments ul ul .acomment-content, body #buddypress .comment-item .comment-item .action { margin-left: 43px; }

.activity-comments ul ul .acomment-content { margin-bottom: 5px; }

.activity-comments .acomment-meta { padding-left: 0; color: inherit; }

.activity-comments-items li { position: relative; }

.activity-comments-items .item-title p { margin-bottom: 10px; margin-top: 10px; }

.activity-comments-items .bs-item-wrap .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.activity-comments-items .item-title .video-container { display: block; margin-top: 10px; margin-bottom: 10px; border-radius: 0; }

.activity-comments-items:not(.depth1) { padding-bottom: 0; }

.bs-activity-wrap.bb-media-info-section .activity-comments-items { max-height: 100%; overflow-x: initial; overflow-y: initial; }

.activity-comments img.avatar { max-width: 36px; width: 100%; height: auto; }

div.item-avatar { margin: 0 15px 0 0; }

.activity-comments .show-all button:hover { color: inherit; text-decoration: none; }

form.ac-form .ac-reply-content .ac-textarea textarea, form.ac-form .ac-reply-content .ac-textarea textarea:focus { box-shadow: none; border-color: #eef0f3; resize: none; background: #fff; height: 36px; padding: 5px 10px; }

#buddypress .activity-comments .bp-generic-meta .generic-button a { background: 0 0; padding: 0; color: #939597; border: 0; line-height: 1; margin: 0; min-height: 10px; }

.activity-comments .acomment-content p { margin-bottom: 0; }

.activity-comments .show-all button { box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; padding: 0; margin-bottom: 15px; }

    .activity-comments .show-all button .icon { margin-right: 6px; }

    .activity-comments .show-all button .text-button { color: #939597; }

        .activity-comments .show-all button .text-button:hover { color: #007cff; }

.activity-comments ul li { border-top: 0; margin: 0; padding-bottom: 15px; }

.activity-comments .acomment-content p, .activity-comments .acomment-meta { }

.acomment-meta .author-name { color: #122b46; font-weight: 600; }

.acomment-meta .activity-time-since { color: #a3a5a9; }

form.ac-form .ac-reply-content .ac-textarea { padding: 0 10px; }

#buddypress form.ac-form .ac-reply-content input[type=submit] { padding: 7px 20px; height: auto; min-height: 10px; line-height: 1; font-weight: 500; margin: 0 0 0 10px; }

.acomment-content iframe { margin-top: 15px; margin-bottom: 5px; }

.activity-comments ul li ul { margin-bottom: 0; margin-top: 0; }

    .activity-comments ul li ul li { margin-bottom: 0; padding-bottom: 0; }

        .activity-comments ul li ul li:first-child { margin-top: 15px; }


ul.activity-list.item-list { margin-bottom: 0; }

ul.item-list .activity-header img.avatar { margin-right: 6px; margin-left: 4px; }

.activity-header .time-since { color: #a3a5a9; text-decoration: none; }

    .activity-header .time-since:hover { text-decoration: none; }

.activity-header .activity-time-since:before { color: #a3a5a9; }

.activity-content .activity-inner { background: 0 0; margin: 0 0 12px; overflow: hidden; padding: 0; }

    .activity-content .activity-inner iframe { margin-top: 10px; }

.activity-content .activity-inner, .activity-list li.bbp_reply_create .activity-content .activity-inner { border-color: #e7e9ec; }

.activity-header .activity-time-since:before { display: block; content: ''; }

.activity-comments ul li ul li:first-child { margin-top: 15px; }

.activity-comments > ul > li > ul { margin-left: 51px; }

ul.activity-list.item-list { margin-bottom: 0; }

ul.item-list .activity-header img.avatar { margin-right: 6px; margin-left: 4px; }

.activity-header .time-since { color: #a3a5a9; text-decoration: none; }

    .activity-header .time-since:hover { text-decoration: none; }

.activity-header .activity-time-since:before { color: #a3a5a9; }

.activity-content .activity-inner { background: 0 0; margin: 0 0 12px; overflow: hidden; padding: 0; }

    .activity-content .activity-inner iframe { margin-top: 10px; }

.activity-content .activity-inner, .activity-list li.bbp_reply_create .activity-content .activity-inner { border-color: #e7e9ec; }

.activity-header .activity-time-since:before { display: block; content: ''; }

.generic-button a { background: 0 0; padding: 0; color: #939597; border: 0; line-height: 1; margin: 0; min-height: 10px }
li .action .generic-button { display: inline-block; margin: 0 10px 0 0; }

.activity-comments .action { line-height: 1; margin-left: 51px; }

.avatar { border-radius: 50% }
.generic-button { display: inline-block; text-align: center; margin: 5px 10px 10px 0 }

.activity-comments ul ul .acomment-content, .comment-item .comment-item .action { margin-left: 43px }
.action, .action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 15px }
.generic-button { margin-bottom: 5px; margin-right: 15px; }

.activity-comments ul ul ul { margin-left: 86px }
    .activity-comments ul ul ul ul { margin-left: 129px }
