
#buddypress {
    @include clearfix();
    margin-bottom: 30px;
}

#buddypress div.pagination .pagination-links {
    margin-#{$right}: 0;

    a,
    span.current {
        @include if-dark {
            background: $color-dark-3;

            &.dots {
                background: transparent;
            }
        }
        border: 1px solid $input-border-color;
        border-radius: $border-thin;
        padding: 0 .5em;
        line-height: 2.1em;
        min-width: 2.2em;
        height: 2.2em;
        text-align: center;
        vertical-align: top;
        display: block;
        float: $left;
        margin: side-values(2px 0 2px 4px);
        text-decoration: none;

        &:hover {
            background: if-dark($color-dark-3, #eee);
            border: if-dark(1px solid $color-dark-4, 1px solid #ddd);
        }
    }

    span.dots {
        display: block;
        float: $left;
        padding: 1px 4px;
        margin-#{$left}: 5px;
        border-width: 0;
        min-width: 0;
        padding: 0;
    }

    a:hover,
    a:focus,
    span.current {
        font-weight: $font-weight-normal;
        color: $color-arrow-hover;
    }

    .prev,
    .next {
        text-indent: -9999px;
        width: 2.2em;
        overflow: hidden;
        position: relative;

        &:before {
            font-family: "FontAwesome";
            position: absolute;
            top: 1px;
            left: 0;
            right: 0;
            text-indent: 0;
        }
    }

    .prev:before {
        content: if-ltr($fa-var-caret-left, $fa-var-caret-right);
    }

    .next:before {
        content: if-ltr($fa-var-caret-right, $fa-var-caret-left);
    }
}

#buddypress form#whats-new-form #whats-new-avatar img.avatar {
    border-radius: $border-normal;
}
#buddypress form#whats-new-form #whats-new-content {
    margin-#{$left}: 50px;
}
#buddypress form#whats-new-form p.activity-greeting {
    margin-#{$left}: 70px;
}
#buddypress form#whats-new-form textarea {
    background: if-dark($color-dark-3, #fff);
    color: if-dark(#999, #777);
    border-radius: $border-thin;
    width: 100%;
    min-height: 30px;
}
#buddypress #whats-new:focus {
    border-color: $input-border-color !important;
    outline-color: $input-border-color;
}
#buddypress .activity-list li.mini .activity-avatar img.avatar,
#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
    border-radius: $border-normal;
}
#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
    border-radius: $border-normal;
}
#buddypress .activity-list .activity-content .activity-header img.avatar {
    margin: 0 5px 2px 0 !important;
    border-radius: $border-thin;
}
#buddypress .activity-list li.new_forum_post .activity-content .activity-inner,
#buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
    @include if-dark {
        border-#{$left}: 2px solid $color-dark-3;
    }
}
#buddypress .activity-list .activity-content img.thumbnail {
    @include if-dark {
        border: 2px solid $color-dark-3;
    }
}
#buddypress .activity-list li.load-more,
#buddypress .activity-list li.load-newest {
    @include if-dark {
        background: $color-dark-3;
    }
    border-radius: $border-base;
}
#buddypress .activity-list li.load-more a,
#buddypress .activity-list li.load-newest a {
    @include if-dark {
        color: #777;
    }
    text-decoration: none;

    &:hover {
        color: if-dark(#999, #333);
    }
}
#buddypress a.bp-primary-action span,
#buddypress #reply-title small a span {
    background: if-dark(#555, #fff);
    @include if-light {
        color: #999;
    }
}
#buddypress a.bp-primary-action:hover span,
#buddypress #reply-title small a:hover span {
    background: if-dark(#777, #fff);
    @include if-light {
        color: #999;
    }
}
#buddypress div.activity-comments ul li {
    border-top: if-dark(1px solid $color-dark-3, 1px solid #eee);
}
#buddypress div.activity-comments form .ac-textarea {
    background: if-dark($color-dark-3, #fff);
    color: if-dark(#999, #777);
    border: if-dark(1px solid $color-dark-3, 1px solid #ccc);
    border-radius: $border-thin;
}
#buddypress div.activity-comments form textarea {
    color: if-dark(#999, #777);
}
#buddypress div.ac-reply-avatar img {
    @include if-dark {
        border: 1px solid $color-dark-3;
    }
}
#buddypress div.dir-search {
    margin: 0 0 15px 0;
}
#buddypress div.dir-search input[type=text],
#buddypress li.groups-members-search input[type=text] {
    font-size: 14px;
    padding: 6px 8px;
    line-height: 1.42857;
}
#buddypress div#message p,
#sitewide-notice p {
    border-radius: $border-normal;
}
#buddypress #pass-strength-result {
    border-color: if-dark($color-dark-4, #ddd);
    @include if-dark {
        background-color: $color-dark-3;
    }
}
#bp-uploader-warning,
#bp-webcam-message p.warning {
    border-radius: $border-normal;
}

.bp-avatar-nav ul.avatar-nav-items li.current {
    @include if-dark {
        border-color: $color-dark-4;
    }
}

.bp-avatar-nav ul {
    @include if-dark {
        border-color: $color-dark-4;
    }
}

#drag-drop-area {
    @include if-dark {
        border-color: $color-dark-4;
    }
}

.bp-avatar-nav li.current a {
    font-weight: normal;
}
#buddypress .standard-form textarea,
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=color],
#buddypress .standard-form input[type=date],
#buddypress .standard-form input[type=datetime],
#buddypress .standard-form input[type=datetime-local],
#buddypress .standard-form input[type=email],
#buddypress .standard-form input[type=month],
#buddypress .standard-form input[type=number],
#buddypress .standard-form input[type=range],
#buddypress .standard-form input[type=search],
#buddypress .standard-form input[type=tel],
#buddypress .standard-form input[type=time],
#buddypress .standard-form input[type=url],
#buddypress .standard-form input[type=week],
#buddypress .standard-form select,
#buddypress .standard-form input[type=password],
#buddypress .dir-search input[type=search],
#buddypress .dir-search input[type=text],
#buddypress .groups-members-search input[type=search],
#buddypress .groups-members-search input[type=text] {
    @include if-dark {
        border: 1px solid $color-dark-3;
        background: $color-dark-3;
        color: #999;
    }
    color: if-dark(#999, #777);
    border-radius: $border-base;
}
#buddypress .standard-form input[type=text] {
    width: 100%;
}
#buddypress .standard-form label,
#buddypress .standard-form span.label {
    padding-left: 0;
    padding-right: 0;

    input {
        position: static;
        margin-#{$left}: 0;
        margin-#{$right}: 5px;
    }
}
#buddypress form [disabled="disabled"] {
    opacity: .8;
}
#buddypress .standard-form#sidebar-login-form input[type=text],
#buddypress .standard-form#sidebar-login-form input[type=password],
#buddypress .standard-form#sidebar-login-form input[type=email] {
    padding: 6px 8px;
    width: 100%;
}
#buddypress .standard-form #basic-details-section input[type=password],
#buddypress .standard-form #basic-details-section input[type=email],
#buddypress .standard-form #blog-details-section input#signup_blog_url {
    width: 100%;
}
#buddypress .standard-form#signup_form input[type=text],
#buddypress .standard-form#signup_form textarea,
#buddypress .form-allowed-tags,
#buddypress #commentform input[type=text],
#buddypress #commentform textarea {
    width: 100%;
}
#buddypress .standard-form textarea {
    width: 100%;
}
#buddypress .standard-form#send-reply textarea {
    width: 100%;
}
#buddypress .standard-form div.submit input {
    margin-#{$right}: 0;
}
#buddypress .standard-form input:focus,
#buddypress .standard-form textarea:focus,
#buddypress .standard-form select:focus {
    @include if-dark {
        background: $color-dark-3;
    }
    color: if-dark(#999, #777);
}
#buddypress div#invite-list {
    @include if-dark {
        background: transparent;
    }
}
#buddypress button,
#buddypress a.button,
#buddypress input[type=submit],
#buddypress input[type=button],
#buddypress input[type=reset],
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
#buddypress .comment-reply-link,
a.bp-title-button {
    color: #fff;
    border-radius: $border-base;
    font-size: 14px;
    padding: 6px 12px;
}
#buddypress button:hover,
#buddypress a.button:hover,
#buddypress a.button:focus,
#buddypress input[type=submit]:hover,
#buddypress input[type=button]:hover,
#buddypress input[type=reset]:hover,
#buddypress ul.button-nav li a:hover,
#buddypress ul.button-nav li.current a,
#buddypress div.generic-button a:hover,
#buddypress .comment-reply-link:hover {
    color: #fff;
}
#buddypress a.loading:hover,
#buddypress input.loading:hover {
    color: #fff;
}
#buddypress input[type="submit"].pending,
#buddypress input[type="button"].pending,
#buddypress input[type="reset"].pending,
#buddypress input[type="submit"].disabled,
#buddypress input[type="button"].disabled,
#buddypress input[type="reset"].disabled,
#buddypress input[type="submit"][disabled=disabled],
#buddypress button.pending,
#buddypress button.disabled,
#buddypress div.pending a,
#buddypress a.disabled {
    color: #fff;
}
#buddypress input[type="submit"].pending:hover,
#buddypress input[type="button"].pending:hover,
#buddypress input[type="reset"].pending:hover,
#buddypress input[type="submit"].disabled:hover,
#buddypress input[type="button"].disabled:hover,
#buddypress input[type="reset"].disabled:hover,
#buddypress button.pending:hover,
#buddypress button.disabled:hover,
#buddypress div.pending a:hover,
#buddypress a.disabled:hover {
    @include if-dark {
        border-color: $color-dark-3;
    }
}
#buddypress ul#topic-post-list li.alt {
    @include if-dark {
        background: transparent;
    }
}
#buddypress table.notifications thead tr,
#buddypress table.notifications-settings thead tr,
#buddypress table.profile-settings thead tr,
#buddypress table.profile-fields thead tr,
#buddypress table.wp-profile-fields thead tr,
#buddypress table.messages-notices thead tr,
#buddypress table.forum thead tr {
    @include if-dark {
        background: $color-dark-3;
    }
}
#buddypress table.profile-fields {
    margin-top: 20px;
}
#buddypress table.notifications tr td.label,
#buddypress table.notifications-settings tr td.label,
#buddypress table.profile-fields tr td.label,
#buddypress table.wp-profile-fields tr td.label,
#buddypress table.messages-notices tr td.label,
#buddypress table.forum tr td.label {
    display: table-cell;
    font-size: 1em;
    @include if-dark {
        border-right-width: 0;
    }
    color: if-dark(#fff, #777);
    font-weight: $font-weight-semibold;
    text-align: $right;
}
#buddypress table.notifications tr.alt td,
#buddypress table.notifications-settings tr.alt td,
#buddypress table.profile-settings tr.alt td,
#buddypress table.profile-fields tr.alt td,
#buddypress table.wp-profile-fields tr.alt td,
#buddypress table.messages-notices tr.alt td,
#buddypress table.forum tr.alt td {
    @include if-dark {
        background: transparent;
    }
}
#buddypress table.forum td img.avatar {
    border-radius: $border-normal;
}
#buddypress div#item-header img.avatar {
    border-radius: $border-large;
}
#buddypress div#item-header ul img.avatar,
#buddypress div#item-header ul.avatars img.avatar {
    border-radius: $border-normal;
}
#buddypress ul.item-list {
    @include if-dark {
        border-top: 1px solid $color-dark-3;
    }
}
#buddypress ul.item-list li {
    @include if-dark {
        border-bottom: 1px solid $color-dark-3;
    }
}
#buddypress ul.item-list li img.avatar {
    border-radius: $border-normal;
}
#buddypress div.item-list-tabs ul li a span {
    @include if-dark {
        background: $color-dark-3;
        border: 1px solid $color-dark-3;
    }
    border-radius: 50%;
    padding: 2px 6px;
}
#buddypress div.item-list-tabs ul li.selected a,
#buddypress div.item-list-tabs ul li.current a {
    border-radius: $border-base;
    opacity: 1;
    font-weight: $font-weight-normal;
}
#buddypress div.item-list-tabs ul li.selected a span,
#buddypress div.item-list-tabs ul li.current a span,
#buddypress div.item-list-tabs ul li a:hover span {
    @include if-dark {
        background-color: $color-dark-3;
        border-color: $color-dark-3;
    }
}
#buddypress div.item-list-tabs ul li.selected a span,
#buddypress div.item-list-tabs ul li.current a span {
    border-color: if-dark($color-dark-3, #fff);
    @include if-dark {
        background-color: $color-dark-3;
    }
}
#buddypress div.item-list-tabs#subnav {
    margin: 10px 0 20px;
}
#buddypress div#message-thread div.alt {
    @include if-dark {
        background: $color-dark-3;
    }
}
#buddypress div#message-thread img.avatar {
    border-radius: $border-normal;
}
#buddypress #message-threads img.avatar {
    border-radius: $border-normal;
}
#buddypress div.profile h4 {
    margin-bottom: 15px;
}
#buddypress #profile-edit-form ul.button-nav {
    padding-left: 0;
    padding-right: 0;
}
#buddypress .field-visibility-settings,
#buddypress .field-visibility-settings-toggle,
#buddypress .field-visibility-settings-notoggle {
    margin-top: 5px;
}
#buddypress .field-visibility-settings .radio {
    padding-left: 0;
    padding-right: 0;
}
.widget.buddypress div.item-avatar img.avatar {
    border-radius: $border-normal;
}
.widget.buddypress ul.item-list img.avatar {
    border-radius: $border-normal;
}
.bp-login-widget-user-avatar img.avatar {
    border-radius: $border-normal;
}
@media only screen and (max-width: 767px ){
    #buddypress .standard-form #basic-details-section,
    #buddypress .standard-form #blog-details-section,
    #buddypress .standard-form #profile-details-section {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 480px ){
    #buddypress div.dir-search input[type="text"] {
        margin-bottom: 0;
        width: auto;
    }
}
@media only screen and (max-width: 240px) {
    #buddypress ul.item-list li img.avatar {
        border-radius: $border-normal;
    }
}