/*--------------------------------------------------------------
This is the Mobile stylesheet, served to phones and tablets.
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
>>> WORDPRESS
----------------------------------------------------------------
1.0 - All mobile devices
    1.1.1 - Basic Structure
    1.1.2 - Desktop Header
    1.1.3 - Mobile Header
    1.1.4 - Mobile Post Content
    1.1.5 - Dropdowns
    1.1.6 - Widgets
    1.1.7 - Mobile Footer
    1.1.8 - Home Template
    1.1.9 - 404 Template
----------------------------------------------------------------
>>> BUDDYPRESS
----------------------------------------------------------------
1.1 - All mobile devices
    1.1.1 - General
    1.1.2 - Post Form
    1.1.3 - Activity Listing
    1.1.4 - Activity Comments
    1.1.5 - Directories: Members, Groups, Blogs, Forums
    1.1.6 - Forms
    1.1.7 - Buttons
    1.1.8 - BuddyPress Components: Activity, Groups, Blogs, Forums, Profiles
    1.1.9 - Item Lists
    1.1.10 - Sub Navigation: Carousel
    1.1.11 - Sub Navigation: Upper Tabs
    1.1.12 - Filters
    1.1.13 - Profile
        1.1.13.1 - Private Messaging Threads
        1.1.13.2 - Settings
    1.1.16 - Group: Members
    1.1.17 - Group: Send Invites
    1.1.18 - Friends
1.2 - Custom media queries
    1.2.1 - Profile Posts
    1.2.2 - Groups: Page
    1.2.3 - Lists
----------------------------------------------------------------
>>> BBPRESS
----------------------------------------------------------------
1.1 - All mobile devices
1.2 - MAXIMUM width of 480 pixels and MINIMUM width of 380 pixels (phones)
1.3 - MAXIMUM width of 380 pixels (phones portrait)
----------------------------------------------------------------
>>> ADMINBAR
----------------------------------------------------------------
1.1 - All mobile devices
    1.1.1 - Layout
    1.1.2 - Mobile Header
    1.1.3 - Left Slide Drawer
        1.1.3.1 - Left Button
        1.1.3.2 - Admin Bar Layout
        1.1.3.3 - Left Navigation Animation
        1.1.3.4 - Left Content Animation
        1.1.3.5 - Left Admin Bar Content
    1.1.4 - Right Slide Drawer
        1.1.4.1 - Right Button
        1.1.4.2 - Right Menu (Pages) Layout
        1.1.4.3 - Right Navigation Animation
        1.1.4.4 - Right Content Animation
        1.1.4.5 - Right Menu (Page) Content
1.2 - Animations
    1.2.1 - Left Animation
        1.2.1.1 - Left: Menu Open
        1.2.1.2 - Left: Menu Close
        1.2.1.3 - Left: Content Open
        1.2.1.4 - Left: Content close
    1.2.2 - Right Animation
        1.2.2.1 - Right: Menu Open
        1.2.2.2 - Right: Menu Close
        1.2.2.3 - Right: Content Open
        1.2.2.4 - Right: Content close
----------------------------------------------------------------
>>> PLUGIN
----------------------------------------------------------------
1.1 - WooCommerce
1.2 - BuddyPress Activity Plus
1.3 - Invite Anyone
1.4 - BuddyPress Links
1.5 - BP Activity Privacy
1.6 - Social Articles
1.7 - BuddyBoss Media
1.8 - WP Job Board
*/
/*----------------------------------------------------------------
>>> WORDPRESS
----------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - All mobile devices
--------------------------------------------------------------*/
body {
    background-color: #313639;
    overflow-x: hidden;
}

#main-wrap {
    position: relative;
}

#inner-wrap {
    /*    padding-top: 55px;*/
}

.nav-inner,
.footer-inner {
    margin: 0 auto;
    padding: 0;
}

.site {
    margin: 0 auto;
    min-height: 90%;
    min-width: 220px;

    padding-bottom: 30px;
    padding-top: 60px;
}

.page-template-homepage .site {
    padding-top: 40px; /* This cause Header on Mobile overlaps Slider - Home Page */
}

.single-item.groups .site {
    padding-top: 55px;
}

body:not(.single-post) footer.entry-meta {
    display: none;
}

#item-posts footer.entry-meta {
    display: block;
}

#item-posts .to-top {
    display: none;
}

/* Page Content */
body:not(.buddypress) #content article,
body.buddypress #content article.error404,
.site-content nav.nav-single,
.site-content #comments, .bp-legacy div#item-body {
    clear: left;
    overflow: hidden;
    background-color: #fff;
    padding: 15px 0;
    overflow: hidden;
    margin: 0;
    border-bottom: 1px solid #eee;
}

.site-content #comments article.comment {
    padding: 25px 0;
}

.bb-user-login-link {
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    height: 55px;
    width: 55px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 99;
}

body .mfp-bg.onesocial-popup {
    position: fixed !important;
    height: 100% !important;
}

.mfp-wrap {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
}

html.mfp-helper {
    height: 100%;
}

html.mfp-helper body {
    overflow: hidden;
    height: 100%;
    -webkit-transform: translateZ(0);
}

/*--------------------------------------------------------------
1.1.1 - Basic Structure
--------------------------------------------------------------*/

.bb-side-icon {
    display: none;
}

@media screen and (max-width: 782px) {
    html.js {
        margin-top: 0 !important;
    }
}

.entry-header {
    margin-bottom: 15px;
}

.entry-title {
    font-weight: 400;
    font-size: 22px;
}

h1, h2, h3, h4, h5, h6 {
    color: #555;
    font-weight: 400;
}

.blog #primary,
.blog #inner-wrap.open-sidebar #secondary {
    width: 100%;
    margin: 0;
}

input[type="text"], input[type="email"], input[type="password"], input[type="email"], input[type="number"], textarea {
    background-color: #fff;
}

/*--------------------------------------------------------------
1.1.2 - Desktop Header
--------------------------------------------------------------*/
header#masthead #header-aside,
header#masthead #logo-area {
    display: none;
}

/*--------------------------------------------------------------
1.1.3 - Mobile Header
--------------------------------------------------------------*/
#mobile-header {
    height: 55px;
    background-color: #54ae68;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

#mobile-header h1 {
    text-align: center;
    font-size: 23px;
    line-height: 55px;
    height: 55px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    margin: 0 60px;
    color: #fff;
}

#mobile-header.is-search h1 {
    margin: 0 100px;
}

#mobile-header h1 a {
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

#mobile-header .searchform {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
    transition: padding 0.4s;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}

#mobile-header.visible-search .searchform {
    opacity: 1;
    visibility: visible;
}

#mobile-header .searchform.animate-form {
    padding: 0;
    z-index: 6;
}

#mobile-header #search-close {
    display: none;
}

#mobile-header .searchform input[type="text"] {
    border: 0;
    font-size: 16px;
    height: 55px;
    padding: 0 10px;
    width: 100%;
}

#mobile-header #searchsubmit {
    background: none;
    color: black;
    font-size: 26px;
    line-height: 26px;
    position: absolute;
    right: 5px;
    top: 9px;
    transition: right 0.4s;
}

#mobile-header #searchsubmit:hover {
    box-shadow: none;
}

.ui-autocomplete .bboss_ajax_search_item .item-avatar {
    padding-right: 0;
    width: 60px;
    height: 60px;
    vertical-align: baseline;
}

/*--------------------------------------------------------------
1.1.4 - Mobile Post Content
--------------------------------------------------------------*/

.single-post .site.has-thumbnail {
    padding-top: 5px;
}

.entry-summary-thumbnail {
    margin-left: 0;
}

.entry-content,
.entry-summary,
.mu_register {
    font-size: 14px;
}

.pagination {
    margin-bottom: 30px;
    padding: 0 20px;
}

.pagination-below {
    padding: 10px 0 20px;
}

.archive-header,
.page-header {
    padding: 20px;
}

body:not(.buddypress).archive #content article.type-post {
    padding: 35px 20px 40px 20px;
}

.gallery {
    margin: 0 -10px 20px;
}

.gallery-item {
    /*padding: 0 10px;*/
}

@media screen and (max-width: 400px) {
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 100%;
    }

    #buddypress table#message-threads tr.unread td.thread-from:before,
    #buddypress table#message-threads tr.unread td.thread-from:after {
        display: none;
    }

    #message-threads .unread:after {
        left: 20px;
        width: calc(100% - 20px);
    }
}
/*--------------------------------------------------------------
1.1.5 - Dropdowns
--------------------------------------------------------------*/
body .buddyboss-select {
    float: none;
}

.buddyboss-select-inner {
    display: block;
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0;
    font-size: 13px;
    position: relative;
    margin: 0 10px 10px 0;
    background-color: #fff;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.buddyboss-select-inner:after {
    font-family: "onesocial" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    display: block;
    line-height: 1;
    content: "P";
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    color: #aaa;
    position: absolute;
    right: 12px;
    top: 12px;
}

.buddyboss-select-inner select {
    cursor: pointer;
    height: 37px;
    width: 100%;
    opacity: 0;
    border: none;
    /* overrides browser default */
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#buddypress div.messages-options-nav .buddyboss-select-inner span,
#buddypress div.item-list-tabs ul li .buddyboss-select-inner span,
.buddyboss-select-inner span {
    float: left;
    font-weight: 600;
    height: 37px;
    line-height: 37px;
    padding: 0 30px 0 15px;
    padding-right: 30px;
    text-transform: none;
}

.datebox .buddyboss-select:first-child {
    margin-right: 0;
}

.datebox .buddyboss-select:nth-child(2) {
    margin-right: 0;
}

/*--------------------------------------------------------------
1.1.6 - Widgets
--------------------------------------------------------------*/
#secondary {
    /*background-color: rgba(0, 0, 0, 0.05);*/
    padding: 0 15px;
}

.buddypress-content-wrap #secondary {
    padding: 0;
}

.page:not(.buddypress) #secondary {
    padding-top: 30px;
}

.widget-area {
    clear: both;
}

.widget-area .widget {
    margin: 0;
    padding: 10px 0;
}

.widget-area .widget h3,
.widget-area .widget_bp_profile_search h4,
.footer-widget .widget h4.widgettitle {
    font-size: 20px;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
    font-size: 14px;
}

.widget-area .widget input[type="text"],
.widget-area .widget input[type="password"],
.widget-area .widget input[type="number"],
.widget-area .widget textarea {
    background-color: #fff;
    height: auto;
    padding: 12px;
}

.widget-area .widget_search input[type="text"], .widget-area .widget_display_search input[type="text"] {
    background: transparent;
}

.widget-area .widget input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
}

/*--------------------------------------------------------------
1.1.7 - Mobile Footer
--------------------------------------------------------------*/
div.footer-inner-bottom {
    font-size: 14px;
}

div.footer-inner-bottom div.footer-inner {
    padding: 0 20px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

div.footer-inner ul.social-icons {
    margin: 20px 0 0;
}

div.footer-inner div#footer-links {
    clear: left;
    line-height: 1.6;
}

div.footer-inner ul.footer-menu {
    margin-top: 10px;
}

div.footer-inner ul.footer-menu li {
    margin: 0 3px;
}

/*----------------------------------------------------------------
1.1.8 - Home Template
----------------------------------------------------------------*/
.article-outher {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.article-outher .entry-summary p {
    margin-bottom: 14px;
}

.post-author {
    /*padding: 0 15px;*/
    position: relative;
}

.author-details {
    display: table;
    width: 100%;
    float: left;
}

.author-middle,
.author-top {
    display: table-cell;
    vertical-align: top;
}

.author-middle {
    margin-top: -22px;
    padding-left: 0;
    padding-right: 0;
}

.author-top {
    display: block;
    position: relative;
    width: 100%;
}

.author-middle, .author-top {
    display: block;
}

.load-more-posts {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.author-details .author-middle,
.load-more-posts .bb-icon-bars-f {
    display: none;
}

.post-author .load-more-posts.active .bb-icon-bars-f:before {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.posts-stream ul li {
    padding: 20px 0;
}

.load-more-posts a {
    display: inline-block;
    margin-right: 30px;
}

.author-details .post-date {
    display: block;
}

.author-follow {
    position: absolute;
    right: 12px;
}

.author-follow span {
    display: block;
    padding-left: 0;
    margin-top: 5px;
    margin-left: -15px;
}

.author-follow div.generic-button a {
    width: 40px;
}

.author-details .author-middle .author-bio {
    display: none;
}

body:not(.buddypress) #content article {
    border-bottom: 0;
    /*padding: 25px 0 40px;*/
}

body #content article.boss-create-post-wrapper {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding: 20px 0;
}

aside.post-author {
    margin-top: 20px;
}

aside.post-author:after {
    content: ' ';
    clear: both;
    display: table;
}

.blog .post-author .author img,
#buddypress .search_results .post-author .author img {
    float: left;
    height: auto;
    margin-bottom: 0;
    margin-right: 20px;
    margin-top: 5px;
    vertical-align: bottom;
    width: 50px;
}

.author-bio {
    color: #333;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.3;
}

.author-details .author-stats {
    margin-top: 0;
    padding-top: 0;
}

.author-details .author-stats li {
    float: left;
    margin-right: 20px;
}

.single-post .entry-header.has-image h1 {
    font-size: 45px;
}

/*----------------------------------------------------------------
1.1.9 - 404 Template
----------------------------------------------------------------*/
body:not(.buddypress).error404 #content article {
    padding: 0;
    border: 0;
}

body.error404 footer.entry-meta {
    display: block;
}

@media screen and (max-width: 520px) {
    body.error404 .site {
        padding-left: 15px;
        padding-right: 15px;
    }

    .error404 .entry-title {
        font-size: 159px;
        max-width: 306px;
        margin: 0 auto 25px;
    }

    .error404 .entry-title:before {
        width: 189px;
        height: 103px;
        top: 49px;
    }

    body article.error404 .entry-header {
        margin-bottom: 62px;
    }

    #posts-carousel {
        padding-top: 35px;
        margin-bottom: 40px;
    }

    #posts-carousel .entry-post-thumbnail {
        height: 140px;
    }

    .boss-create-post .buddyboss-select-inner {
        height: 40px;
    }

    .buddyboss-media-photos-wrap-container {
        max-width: 400px;
    }
}
@media screen and (max-width: 350px) {
    .error404 .entry-title {
        font-size: 142px;
    }
}

@media screen and (max-width: 340px) {
	.onesocial-posts-carousel #posts-carousel .category-thumb {
		max-width: 100px;
		max-height: 100px;
		margin-bottom: 0;
		margin-right: 20px;
	}

	.onesocial-posts-carousel #posts-carousel .entry-date, .vc_row .post-box .entry-date {
		margin-bottom: 10px;
	}

	.onesocial-posts-carousel #posts-carousel li {
		min-height: 10px;
		margin-bottom: 0;
		padding-bottom: 0;
	}
}
/*--------------------------------------------------------------
1.2 - Custom media queries
--------------------------------------------------------------*/
@media screen and (max-width: 460px) {
    .author-top .author .url img {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }

    .author-follow {
        position: absolute;
        right: 0;
        top: 0;
    }

    .post-author-info .author-follow {
        left: auto;
    }

    .isCollapsed #whats-new-header #whats-new-selects {
        display: none;
    }
}
/*----------------------------------------------------------------
>>> BUDDYPRESS
----------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - All mobile devices
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1.1 - General
--------------------------------------------------------------*/
/* Body Content on Activity pages */
body.activity .entry-content > #buddypress > #item-body {
    float: left;
    min-height: 300px;
    width: 100%;
}

body:not(.has-activity) .entry-content > #buddypress > #item-body {
    clear: left;
    margin: 0 0 15px;
    padding: 15px;
    background-color: #fff;
    overflow: hidden;
}

#item-body {
    clear: both;
    /*padding: 0 15px;*/
}

/*--------------------------------------------------------------
1.1.2 - Post Form
--------------------------------------------------------------*/
#buddypress form#whats-new-form #whats-new-content, #buddypress form#whats-new-form #whats-new-header {
    margin: 15px;
    padding: 0;
    width: auto;
    display: block;
    height: auto;
}

#buddypress form#whats-new-form p.activity-greeting {
    /* line-height: 140%; */
    /* margin: 10px 15px; */
    /* padding-left: 0; */
    /* background: transparent; */
}

#buddypress form#whats-new-form #whats-new-textarea #whats-new {
    padding: 2%;
    /*width: 95.5%;*/
    height: 75px !important;
    background-color: #fff;
}

#buddypress form#whats-new-form #whats-new-submit {
    float: none;
    margin: 10px 0 0;
}

#buddypress div.ac-reply-content a.ac-reply-cancel.desktop {
    display: none;
}

#buddypress div.ac-reply-content a.ac-reply-cancel.mobile {
    display: inline;
    float: left;
}

#whats-new-form .activity-greeting,
#whats-new-form .whats-author {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.bp-user #buddypress #item-body form#whats-new-form {
    min-height: 130px;
}

/*--------------------------------------------------------------
1.1.3 - Activity Listing
--------------------------------------------------------------*/
#buddypress ul.activity-list li {
    overflow: hidden;
    padding: 15px 0 0;
    list-style: none;
}

#buddypress .activity-list .activity-avatar {
    float: left;
    overflow: hidden;
}

#buddypress ul.item-list.activity-list li.has-comments {
    padding-bottom: 15px;
}

body.activity-permalink #buddypress ul.activity-list li.has-comments {
    padding-bottom: 0;
}

#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
#buddypress .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
    height: auto;
    margin-left: 0;
    width: auto;
}

body.activity-permalink #buddypress .activity-list > li:first-child {
    padding-top: 0;
}

#buddypress .activity-list li .activity-avatar {
    float: none;
}

#buddypress ul.item-list li .activity-avatar div {
    display: none;
}

#buddypress .activity-list li .activity-content {
    position: relative;
    overflow: hidden;
}

#buddypress .activity-list li.mini .activity-content p {
    margin: 0;
}

body.activity-permalink #buddypress li.mini .activity-meta {
    margin-top: 4px;
}

#buddypress .activity-list li .activity-inreplyto {
    display: none;
    /* hides the View Conversation link */
}

#buddypress .activity-list li .activity-inreplyto > p {
    margin: 0;
    display: inline;
}

#buddypress .activity-list li .activity-inreplyto blockquote,
#buddypress .activity-list li .activity-inreplyto div.activity-inner {
    background: none;
    border: none;
    display: inline;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#buddypress .activity-list .activity-content,
#buddypress .activity-list .activity-comments {
    margin: 0;
}

body.activity-permalink #buddypress .activity-list li .activity-content {
    margin: 8px;
}

#buddypress .activity-list .activity-content .activity-header,
#buddypress .activity-list .activity-content .comment-header {
    margin: 0 0 10px;
    padding: 0 10px 0;
    color: #888;
    line-height: 1.8 !important;
    height: 41px;
}

#buddypress .activity-list .activity-content .activity-header {
    margin-bottom: 0;
    padding-top: 5px;
}

#buddypress .activity-list .activity-content .activity-header p,
#buddypress .activity-list .activity-content .comment-header p {
    line-height: 140% !important;
}

#buddypress .activity-list .activity-content .activity-header a,
#buddypress .activity-list .activity-content .comment-header a {
    font-weight: 600;
}

#buddypress .activity-list .activity-content .activity-header a span,
#buddypress .activity-list .activity-content .comment-header a span {
    color: #888;
}

#buddypress .activity-header {
    margin-right: 20px;
}

#buddypress .activity-header a,
#buddypress .comment-meta a,
#buddypress .acomment-meta a {
    text-decoration: none;
}

#buddypress .acomment-meta a {
    font-weight: 400 !important;
}

#buddypress .activity-list .activity-content .activity-header img.avatar {
    display: none;
}

#buddypress a.bp-secondary-action,
#buddypress span.highlight {
    font-size: 90%;
    padding: 0;
    margin-right: 5px;
    text-decoration: none;
}

#buddypress div#item-header div#item-header-content span.highlight {
    background-color: #77a076;
    color: #fff;
    font-size: 12px;
    padding: 4px 7px;
    margin-right: 5px;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#buddypress .activity-list .activity-content .activity-inner {
    clear: left;
    overflow: hidden;
    font-size: 14px;
    padding: 10px;
    border: none !important;
}

#buddypress .activity-list .activity-content .activity-inner .button {
    display: inline;
    font-size: inherit;
    font-weight: 400;
    padding: 3px 7px;
    width: auto;
}

#buddypress .activity-list .activity-content .activity-inner img {
    max-width: 100%;
    height: auto;
    box-shadow: none;
    line-height: 1;
    display: inline-block;
}

#buddypress .activity-list .activity-content blockquote {
    margin: 0 10px 0 0;
    overflow: hidden;
}

body.activity-permalink #buddypress .activity-content .activity-inner,
body.activity-permalink #buddypress .activity-content blockquote {
    margin-left: 0;
    margin-top: 5px;
}

#buddypress .activity-inner > p {
    word-wrap: break-word;
}

#buddypress .activity-inner > .activity-inner {
    margin: 0;
}

#buddypress .activity-inner > blockquote {
    margin: 0;
}

#buddypress .activity-list .activity-content img.thumbnail {
    border: 2px solid #eee;
    float: left;
    margin: 0 10px 5px 0;
}

#buddypress .activity-read-more {
    margin-left: 1em;
    white-space: nowrap;
}

#activity-visibility {
    margin-right: 0;
}

#whats-new-header:after {
    display: none;
}

#buddypress #whats-new-selects {
    clear: both;
    display: block;
    float: right;
    margin-top: -40px;
    overflow: hidden;
    padding-top: 0;
    width: calc(100% - 75px);
}

.bp-user.my-account.photos #buddypress #whats-new-selects {
    float: none;
    width: auto;
}

.boss-insert-buttons {
    left: 5px;
    position: absolute;
    top: -58px;
}

.boss-insert-buttons-addons {
    left: -5px;
    top: 20px;
}

#item-photos {
    clear: both;
    padding: 0 15px;
}

#item-photos::after {
    clear: both;
    content: " ";
    display: table;
}

#item-photos .wrap {
    padding-top: 30px;
}

#buddypress #item-photos #bbmedia-grid-wrapper > ul {
    margin: 0 -15px 10px !important;
}

#item-photos .activity {
    margin-bottom: 30px;
    margin-top: 20px;
    padding-bottom: 0;
}

#bb-activity-stream .bbmedia-grid-item {
    width: 50%;
}

/*
#whats-new-form.isCollapsed #whats-new-textarea, #whats-new-form.isCollapsed #whats-new-options {
    opacity: 1;
}
form#whats-new-form.isCollapsed {
    height: auto;
}
*/
#buddypress #whats-new-header-content,
#buddypress #whats-new-avatar {
    display: inline-block;
    vertical-align: top;
}

#buddypress #whats-new-header-content {
    max-width: calc(100% - 50px);
}

/*--------------------------------------------------------------
1.1.4 - Activity Comments
--------------------------------------------------------------*/
#buddypress div.activity-meta {
    border-top: 1px dashed #ddd;
    float: left;
    margin-bottom: 0;
    width: 100%;
}

#buddypress #activity-stream .activity-header > .activity-meta {
    width: 80px;
    border: none;
    float: none;
    padding-top: 4px;
    padding-bottom: 8px;
}

#buddypress #activity-stream .activity-header > p,
#buddypress #activity-stream .activity-header > .activity-meta {
    vertical-align: middle;
    display: block;
    text-align: left;
    width: inherit;
}

#buddypress #activity-stream .activity-header > p {
    margin: 0;
}

#buddyboss-media-preview,
.buddyboss-bbpress-media-preview,
.buddyboss-comment-media-preview {
    padding: 0 10px;
}

#buddypress ul#activity-stream li.activity-item div.activity-meta a:active {
    background-color: #eee;
}

body.activity-permalink #buddypress ul#activity-stream {
    margin-top: 8px;
}

#buddypress a.activity-time-since {
    color: #aaa;
    font-weight: 400 !important;
}

#buddypress a.activity-time-since:hover {
    color: #888;
}

#buddypress a.bp-primary-action,
#buddypress #reply-title small a {
    margin-right: 5px;
    text-decoration: none;
}

#buddypress a.bp-primary-action span,
#buddypress #reply-title small a span {
    background-color: #999;
    color: #fff;
    margin-left: 2px;
    padding: 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#buddypress a.bp-primary-action:hover span,
#buddypress #reply-title small a:hover span {
    background-color: #555;
    color: #fff;
}

#buddypress div.activity-comments {
    width: auto;
    clear: both;
}

#buddypress div.activity-comments > ul {
    padding: 0;
}

#buddypress div.activity-comments ul,
#buddypress div.activity-comments ul li {
    border: none;
    list-style: none;
}

#buddypress div.activity-comments ul {
    clear: both;
    margin: 0;
}

#buddypress div.activity-comments ul li.show-all,
#buddypress div.activity-comments ul li.activity-like-count {
    padding: 8px 10px;
    font-size: 14px;
}

#buddypress div.activity-comments ul li.reply-like-count {
    padding: 0;
    border: none;
    margin-top: 2px;
}

#buddypress div.activity-comments ul li {
    padding: 10px 0 0 0;
}

#buddypress div.activity-comments ul li,
#buddypress div.activity-comments form.ac-form {
    border-top: 1px dashed #ddd;
}

#buddypress div.activity-comments ul li:first-child {
    border-top: 0;
}

#buddypress div.activity-comments form.ac-form {
    position: relative;
}

body.activity-permalink #buddypress .activity-list li.mini .activity-comments {
    clear: none;
    margin-top: 0;
}

#buddypress div.activity-comments ul li:last-child {
    margin-bottom: 0;
}

#buddypress div.activity-comments ul li > ul {
    margin-top: 0;
}

#buddypress div.activity-comments div.acomment-avatar img {
    height: 30px;
    width: 30px;
}

#buddypress div.activity-comments div.acomment-content {
    margin: 0 10px 10px 52px;
    padding-right: 10px;
    font-size: 14px;
    clear: both;
}

#buddypress div.acomment-content .time-since,
#buddypress div.acomment-content .activity-delete-link,
#buddypress div.acomment-content .comment-header {
    display: none;
}

#buddypress div.activity-comments div.acomment-meta {
    color: #888;
    line-height: 1.4;
    margin: 0 10px 10px 0;
}

#buddypress div.activity-comments form.ac-form {
    display: none;
}

#buddypress div.activity-comments li form.ac-form {
    clear: both;
    border-top: 2px solid #fff;
}

#buddypress div.activity-comments form.ac-form {
    border-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
    background-color: #f9f9f9;
    overflow: hidden;
}

#buddypress div.activity-comments form div.ac-reply-avatar {
    padding-left: 15px;
    padding-top: 15px;
}

#buddypress div.activity-comments form div.ac-reply-content {
    margin-left: 0;
    margin-bottom: 15px;
    padding: 0 15px;
}

#page #buddypress .activity .activity-comments div.ac-reply-avatar img {
    max-width: 36px;
}

#buddypress div.activity-comments div#message {
    margin-top: 15px;
    margin-bottom: 0;
}

#page #buddypress .button.delete-activity {
    /*margin-right: 15px;*/
}

#buddypress div.acomment-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*    -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;*/
    padding-left: 55px;
}

#buddypress .acomment-header .activity-time-since:before {
    display: none;
}

#main #buddypress .activity-comments .acomment-options {
    margin-right: 10px;
    text-align: left;
}

#buddypress .activity-comments div.acomment-header {
    display: block;
}

/*--------------------------------------------------------------
1.1.5 - Directories: Members, Groups, Blogs, Forums
--------------------------------------------------------------*/
.directory.members .site #primary, .directory.groups .site #primary {
    padding-left: 15px;
    padding-right: 15px;
}

.dir-header {
    font-size: 40px;
    margin-top: 10px;
}

.dir-header .entry-title {
    /*padding: 40px 0 20px;*/
}

/*  Search Input Fields */
#buddypress div.dir-search,
#buddypress div.dir-search form,
#buddypress div.message-search,
#buddypress div.message-search form {
    width: 100%;
    margin: 0;
    float: left !important;
    position: relative;
}

#buddypress div.dir-search label,
#buddypress div.dir-search form label,
#buddypress div.message-search label,
#buddypress div.message-search form label {
    width: 100%;
    padding-bottom: 10px;
}

#buddypress div.dir-search input[type=submit],
#buddypress div.message-search input[type=submit] {
    /* display: none; */
}

#buddypress div.dir-search input[type="text"],
#buddypress div.message-search input[type="text"] {
    float: left;
    height: 25px;
    padding: 6px 2% 6px 3%;
    width: 95%;
    position: relative;
    -webkit-appearance: none;
}

#bbpress-forums div.bbp-search-form a#clear-input, #bbpress-forums form#bbp-search-index-form a#clear-input, #buddypress div.dir-search a#clear-input, #buddypress div.message-search a#clear-input {
    width: 50px;
    height: 66px;
    line-height: 66px;
    display: block;
    text-align: center;
    position: absolute;
    text-decoration: none;
    right: 0;
    top: 0px;
    display: none;
}

/*
#bbpress-forums div.bbp-search-form a#clear-input:before,
#bbpress-forums form#bbp-search-index-form a#clear-input:before,
#buddypress div.dir-search a#clear-input:before,
#buddypress div.message-search a#clear-input:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-rendering: auto;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    line-height: 37px;
    content: "\f00d";
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    color: #ced4d4;
}
*/
#buddypress div.message-search {
    margin: 20px 0 30px;
}

/*--------------------------------------------------------------
1.1.6 - Forms
--------------------------------------------------------------*/
/* General */
#buddypress form input:focus,
#buddypress form textarea:focus {
    outline: none;
}

#buddypress #item-body form {
    float: left;
    width: 100%;
}

#buddypress form.standard-form li {
    /* width:100%; */
}

#buddypress #item-body form.standard-form ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

#buddypress #item-body form.standard-form ul.radio,
#buddypress #item-body form.standard-form ul.checkbox {
    list-style-type: none;
}

#buddypress #item-body form.standard-form ul.radio li,
#buddypress #item-body form.standard-form ul.checkbox li {
    margin: 0 0 0 10px;
}

#buddypress .standard-form label,
#buddypress .standard-form span.label {
    font-weight: 600;
}

#buddypress .standard-form .field_multi-select select {
    width: 98%;
}

#buddypress form.standard-form input[type="text"],
#buddypress form.standard-form input[type="password"],
#buddypress form.standard-form textarea {
    /*width: 93%;*/
}

#buddypress form.standard-form input[type="password"] {
    /*width: 45%;*/
}

/* Placeholders */
::-webkit-input-placeholder {
    color: #888;
}

:-moz-placeholder {
    color: #888;
}

::-moz-placeholder {
    color: #888;
}

:-ms-input-placeholder {
    color: #888;
}

/*--------------------------------------------------------------
1.1.7 - Buttons
--------------------------------------------------------------*/
#buddypress .activity-list li.load-more,
#buddypress .activity-list li.load-newest {
    margin: 15px 0;
    padding: 0;
    border: none;
    clear: both;
}

.button-load-more-posts,
#buddypress .activity-list li.load-more a,
#buddypress .activity-list li.load-newest a {
    margin: 0;
    display: block;
    background-color: #54ae68;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    padding: 10px 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.button-load-more-posts:hover,
#buddypress .activity-list li.load-more a:hover,
#buddypress .activity-list li.load-newest a:hover {
    outline: none;
    color: #fff;
    text-decoration: none;
    /* Darken */
    -moz-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.25);
}

.button-load-more-posts.loadig:after,
#buddypress .activity-list li.load-more.loading a:after,
#buddypress .activity-list li.load-newest.loading a:after {
    color: #fff;
}

/*--------------------------------------------------------------
1.1.8 - BuddyPress Components: Activity, Groups, Blogs, Forums, Profiles
--------------------------------------------------------------*/
/* Activity Page Header */
body:not(.bp-user).activity .entry-header {
    padding: 15px;
    margin: 0;
}

body:not(.bp-user).activity .entry-content {
    overflow: hidden;
}

body:not(.bp-user).activity .entry-content > p {
    margin-left: 15px;
    margin-right: 15px;
}

#item-header-avatar {
    display: inline-block;
    position: relative;
    width: 124px;
}

#item-header-avatar.bb-group-avatar-wrap {
    text-align: center;
    width: 100%;
}

#buddypress .author-follow {
    top: 20px;
}

/* Thumbnail */
#buddypress #item-header-avatar img {
    /*    background-color: #ccc;
        border-radius: 60px;
        float: left;
        height: auto;
         left: 15px;
        padding: 0;
        position: absolute;
        top: 14px;
        width: 110px;*/
}

#send-private-message.generic-button {
    right: -4px;
}

/* Header Content */
#buddypress div#item-header div#item-meta {
    /* margin: 5px 0; */
}

#buddypress div#item-header #item-meta p {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 21px;
    color: #333;
}

/* Header Title */
#buddypress div#item-header h2 {
    font-size: 14px;
    color: #777;
    font-weight: 600;
    margin: 0;
}

#buddypress div#item-header span.activity {
    border: none;
    background: none;
    color: #868484;
    font-size: 14px;
    padding: 0;
    margin: 8px 0 20px;
}

body.single-item #buddypress div#item-header span.activity {
    margin: 15px 0 5px;
}

/* Item Buttons */
#buddypress div#item-header #item-buttons {
    clear: left;
    overflow: hidden;
    display: block;
    /* padding: 10px 10px 0; */
    /* margin-bottom: 15px; */
    /* background-color: #f9f9f9; */
}

#buddypress div#item-header div.generic-button {
    float: left;
    margin: 0 10px 10px 0;
}

#buddypress div#item-header div.generic-button a {
    display: block;
}

/* Header Content */
body.bp-user .entry-header,
body.single-item.groups .entry-header {
    /* float: left; */
    /* margin-left: 120px; */
    /* max-width: 56%; */
    /* margin-top: 15px; */
}

body.bp-user #buddypress #item-header-content {
    /*padding: 15px;*/
    margin-top: 8px;
    min-height: 74px;
}

#buddypress div#item-header div#item-header-content h1,
#buddypress div#item-header div#item-header-content h2 {
    /*    margin-left: 140px;
        line-height: 1.2;*/
}


div#item-header-avatar {
    margin: 10px auto 20px;
    display: inline-block;
    position: relative;
}

.groups div#item-header-avatar {
    /*width: 100%;*/
    text-align: center;
}

.bb-group-avatar-wrap {
    width: 100%;
}

div#item-header-avatar img.avatar {
    margin: 0;
    width: 100%;
    height: auto;
    border: none;
    box-shadow: none;
    vertical-align: bottom;
    max-width: 140px;
    border-radius: 50%;
}

.bp-user #item-header {
    text-align: center;
}

#buddypress div#item-header div#item-header-content h2 {
    margin-bottom: 60px;
}

.bp-user .info-group .bb-follow-title {
    margin-top: 0;
    margin-bottom: 20px;
}

body.buddypress article.error404 .entry-header {
    margin-left: 0;
    max-width: 100%;
}

body.single-item.groups #buddypress #item-header-content {
    margin-top: 0;
    /* min-height: 74px; */
}

body.single-item.groups #buddypress div#item-header div#item-actions {
    display: none;/* delete this line to display Group Admins on phones */
    background: transparent;
    box-shadow: none;
    width: 100%;
}

body.bp-user #buddypress #item-header-avatar,
body.single-item.groups #buddypress #item-header-avatar {
    margin-top: 0;
}

/* Header Title */
body.bp-user .entry-header h1 a,
body.single-item.groups .entry-header h1 a {
    /* font-size: 18px; */
    /* color: #333; */
    /* font-weight: 600; */
}

/* Group Header */
/* Group Admins (top bar) */
#buddypress div#item-header div#item-actions {
    background-color: #EAF6FE;
    float: left;
    margin: 0 0 15px;
    padding: 5px 0;
    width: 100%;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#buddypress div#item-header div#item-actions h3 {
    float: left;
    font-size: 14px;
    padding-top: 6px;
    padding-left: 10px;
}

#buddypress div#item-header div#item-actions ul#group-admins,
#buddypress div#item-header div#item-actions ul#group-mods {
    float: right;
    margin-bottom: 0;
    padding-right: 6px;
    line-height: 1;
}

/* Pagination */
#buddypress div.pagination .pagination-links {
    margin-top: 15px;
}

.directory.activity #buddypress > div.item-list-tabs[role="navigation"],
.bp-user #buddypress div#subnav.item-list-tabs {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
1.1.9 - Item Lists
--------------------------------------------------------------*/
#buddypress ul.item-list {
    border: none;
}

#buddypress ul#activity-stream {
    /*float: left;*/
    border-top: none;
    width: 100%;
    /*margin: 0 4%;*/
}

#buddypress #activity-stream .activity-inner > p {
    font-size: 16px;
}

#buddypress ul#activity-stream li.activity-item,
body.has-activity #buddypress div.item-list-tabs,
body.has-activity #buddypress form#whats-new-form,
body.photos #buddypress form#whats-new-form {
    clear: both;
    padding: 0;
    background-color: #f9f9f9;
    margin-bottom: 15px;
}

body.photos #buddypress form#whats-new-form {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#buddypress ul#activity-stream li.activity-item {
    margin-left: 60px;
    overflow: visible;
    margin-bottom: 20px;
}

/* clearfix */
#buddypress ul#activity-stream li.activity-item:before,
#buddypress ul#activity-stream li.activity-item:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

#buddypress ul#activity-stream li.activity-item:after {
    clear: both;
}

body.has-activity #buddypress div.item-list-tabs,
body.has-activity #buddypress form#whats-new-form {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
}

body.has-activity #buddypress form#whats-new-form {
    padding-bottom: 30px;
    border-bottom: none;
    margin-bottom: 20px;
}

.bp-user #buddypress #item-body form#whats-new-form {
    border: 0;
    margin-bottom: 20px;
}

body.has-activity #buddypress div.item-list-tabs {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

body.bp-user #buddypress div.item-list-tabs {
    margin-bottom: 0;
    padding: 0;
}

#buddypress ul#activity-stream li img.avatar {
    width: 50px;
    height: 50px;
    position: absolute;
    left: -60px;
    top: 0;
    border: none;
    margin: 0;
}

#buddypress ul#activity-stream .acomment-avatar img.avatar {
    position: relative;
}

#buddypress div.activity-comments div.acomment-avatar img {
    width: 32px !important;
    height: 32px !important;
    position: absolute;
    left: 10px !important;
    top: 4px !important;
}

body #buddypress #activity-stream .acomment-content p {
    font-size: 15px;
}

#buddypress ul.item-list li div.item-title {
    width: 100%;
}

#buddypress ul.item-list li div.item-title span {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
}

#buddypress ul.item-list li div.item-title span.activity-read-more {
    font-style: normal;
}

/*#buddypress ul.item-list li div.item-desc,*/
body.directory #buddypress ul.item-list li div.item-desc {
    /*margin: 10px 0 0 0;*/
    width: auto;
    clear: left;
}

#main #buddypress div#item-meta.author-header-meta {
    margin-bottom: 0;
}

#buddypress ul.item-list li div.item-desc p {
    margin: 0;
}

#buddypress ul.item-list li div.action {
    clear: left;
    margin: 20px 0;
}

/*--------------------------------------------------------------
1.1.10 - Sub Navigation: Carousel
--------------------------------------------------------------*/
#item-nav {
    /*display: none;*/
}

#buddypress #mobile-item-nav-wrap {
    float: left;
    margin-left: -15px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
    height: 98px;
    min-width: calc(100% + 30px);
}

#buddypress #mobile-item-nav-wrap div.item-list-tabs {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
}

#buddypress #mobile-item-nav ul {
    height: 90px;
    display: block;
    padding-top: 10px;
    margin: 0 !important;
}

#buddypress #mobile-item-nav div.item-list-tabs {
    margin: 0;
}

#buddypress #mobile-item-nav ul li {
    height: 60px;
    width: 80px;
    float: left !important;
    margin: 0 5px;
    padding: 0;
    border: none;
    background-color: #d8d8d8;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: 90%;
    background-position: 50% 50% !important;
    -webkit-tap-highlight-color: transparent;
    text-align: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#buddypress #mobile-item-nav ul li:first-of-type {
    margin-left: 10px;
}

#buddypress #mobile-item-nav ul li a {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    padding: 65px 0 8px 0 !important;
    background-color: transparent;
    width: 80px;
    left: 0;
    text-align: center;
    height: 35px;
    line-height: 14px;
    font-size: 12px;
    position: absolute;
}

#buddypress #mobile-item-nav ul li:active,
#buddypress #mobile-item-nav ul li.current,
#buddypress #mobile-item-nav ul li.selected {
    border: none;
    background-color: #54ae68;
}

/*  Carousel Styles - idangerous.swiper  - http://www.idangero.us/sliders/swiper */
.mobile-item-nav-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix for Webkit flickering */
    z-index: 1;
}

.mobile-item-nav-wrapper {
    position: relative;
    width: 100%;
    height: 98px;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    /* -webkit-transform:translate3d(0,0,0); activate the GPU for hardware acceleration */
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    /* -moz-transform:translate3d(0,0,0); activate the GPU for hardware acceleration */
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    /* -o-transform:translate3d(0,0,0); activate the GPU for hardware acceleration */
    -o-transition-timing-function: ease;
    -o-transform: translate(0, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    /* -ms-transform:translate3d(0,0,0); activate the GPU for hardware acceleration */
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    /* transform:translate3d(0,0,0); activate the GPU for hardware acceleration */
    transition-timing-function: ease;
}

#mobile-item-nav {
    float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* Specify Swiper's Size: */
.mobile-item-nav-container.fixed, #mobile-item-nav.fixed {
    width: 852px !important;
    height: auto;
}

.mobile-item-nav-scroll-container.fixed {
    width: 100% !important;
    height: auto;
}

.mobile-item-nav-scroll-container #mobile-item-nav.fixed {
    width: 852px !important;
    height: auto;
}

#mobile-item-nav ul li span {
    display: none;
}

/*	Carousel Navigation Icons */
/* Generic Icon */
#mobile-item-nav ul li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f005";
    font-style: normal;
    text-rendering: auto;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    width: 80px;
    line-height: 60px;
    font-size: 38px;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

/* Wall */
#mobile-item-nav ul li#activity-personal-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f14b";
}

/* Profile */
#mobile-item-nav ul li#xprofile-personal-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f007";
}

/* Sites */
#mobile-item-nav ul li#blogs-personal-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f02c";
}

/* Notifications */
#mobile-item-nav ul li#notifications-personal-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f0a2";
}

/* Messages */
#mobile-item-nav ul li#messages-personal-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f003";
}

/* Friends and Group Members */
#mobile-item-nav ul li#friends-personal-li:before,
#mobile-item-nav ul li#members-groups-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f0c0";
}

/* Groups */
#mobile-item-nav ul li#groups-personal-li:before,
#mobile-item-nav ul li#home-groups-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f0ac";
}

/* Group Invites */
#mobile-item-nav ul li#invite-groups-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f055";
}

/* Forums */
#mobile-item-nav ul li#forums-personal-li:before,
#mobile-item-nav ul li#nav-forum-groups-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f075";
}

/* Photos */
#mobile-item-nav ul li#photos-personal-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    content: "\f030";
}

/* Settings and Group Admin */
#mobile-item-nav ul li#settings-personal-li:before,
#mobile-item-nav ul li#admin-groups-li:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f013";
}

/*--------------------------------------------------------------
1.1.11 - Sub Navigation: Upper Tabs
--------------------------------------------------------------*/
#buddypress div.item-list-tabs {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    margin: 0;
}

#buddypress .dir-search.boss-search-wrapper,
#buddypress #groups-directory-form .item-list-tabs,
#buddypress #members-directory-form .item-list-tabs {
    float: none;
    max-width: 100%;
}

#buddypress div.item-list-tabs ul,
#buddypress div.item-list-tabs ul li {
    list-style: none;
    padding: 0;
    text-align: center;
}

body.has-activity #buddypress div.item-list-tabs ul {
    margin: 10px 15px;
}

body.has-activity #buddypress div.item-list-tabs ul li {
    margin: 0 10px 10px 0;
}

#buddypress div#subnav.item-list-tabs ul li.feed {
    border: none;
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#buddypress div#filter ul,
#buddypress div#filter ul li {
    margin: 0;
}

#buddypress div.item-list-tabs ul li:not(.groups-members-search),
#buddypress div#filter.whats-new-select ul li {
    display: inline-block;
    padding: 6px 0;
    font-size: 13px;
    position: relative;
    margin: 0 10px 10px 0;
    line-height: 22px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    -moz-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
}

#blog-order-select form {
    margin-left: 0;
}

#buddypress div.item-list-tabs ul li.groups-members-search {
    margin: 0 0 30px;
    overflow: hidden;
}

#buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span {
    color: #aaa;
    text-decoration: none;
    font-weight: 400;
    padding: 8px 10px;
    background-image: none !important;
}

body.bp-user a.button.sap-new-post-btn {
    font-size: 14px;
    margin-bottom: 29px;
}

#buddypress div.item-list-tabs ul li a span,
#buddypress div.item-list-tabs ul li.loading a:after {
    display: none;
}

#buddypress div.item-list-tabs ul .button {
    clear: left;
    font-weight: 400;
    width: 99%;
}

/*--------------------------------------------------------------
1.1.12 - Filters
--------------------------------------------------------------*/
#buddypress div#whats-new-post-in-box {
    font-size: 12px;
    line-height: 38px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#whats-new-form.isCollapsed div#whats-new-post-in-box {
    display: none;
}

#buddypress #activity-visibility + #whats-new-post-in-box {
    margin-left: 0;
}

#buddypress div#whats-new-post-in-box .buddyboss-select {
    margin-left: 10px;
    max-width: 75%;
    text-align: left;
}

#buddypress div#whats-new-post-in-box .buddyboss-select-inner > span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#buddypress div#filter.item-list-tabs,
#buddypress div#filter.whats-new-select {
    clear: left;
    margin: 0 0 15px;
    width: 100%;
}

#buddypress div#filter.item-list-tabs ul,
#buddypress div#filter.whats-new-select ul {
    margin: 0;
    overflow: visible;
}

#buddypress div#filter.item-list-tabs ul li.last,
#buddypress div#filter.whats-new-select ul li.last {
    margin-top: 0;
    width: 100%;
}

#buddypress div.item-list-tabs ul li#activity-filter-select,
#buddypress div.item-list-tabs ul li.filter,
#buddypress div.whats-new-select ul li#activity-filter-select,
#buddypress div.whats-new-select ul li.filter,
#buddypress div#filter.whats-new-select ul li {
    clear: both;
    width: 100%;
    margin-top: 5px;
    position: relative;
    display: block;
    height: 37px;
    padding: 0;
    margin: 0;
}

/* #buddypress div.item-list-tabs ul li#activity-filter-select:after,
#buddypress div.item-list-tabs ul li.filter:after,
#buddypress div.whats-new-select ul li#activity-filter-select:after,
#buddypress div.whats-new-select ul li.filter:after {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-rendering: auto;
    text-decoration: inherit;
    speak: none;
    display: block;
    line-height: 1;
    content: "\f0dc";
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    color: #aaa;
    position: absolute;
    right: 12px;
    top: 9px;
}
*/
#buddypress div.item-list-tabs ul li#activity-filter-select select,
#buddypress div.item-list-tabs ul li.filter select,
#buddypress div.whats-new-select ul li#activity-filter-select select,
#buddypress div.whats-new-select ul li.filter select {
    cursor: pointer;
    height: 37px;
    width: 100%;
    opacity: 0;
    border: none;
    /* overrides browser default */
    margin: 0 !important;
    position: absolute;
    left: 0;
    top: 0;
}

#buddypress div.item-list-tabs ul li#activity-filter-select label,
#buddypress div.item-list-tabs ul li.filter label,
#buddypress div.whats-new-select ul li#activity-filter-select label,
#buddypress div.whats-new-select ul li.filter label {
    float: left;
    margin-left: 15px;
    font-weight: 600;
    height: 37px;
    line-height: 37px;
    display: none;
}

/* Activity Filter */
div#whats-new-post-in-box {
    float: left;
}

div#whats-new-post-in-box ul li {
    list-style: none;
    margin-top: 5px !important;
}

/*--------------------------------------------------------------
1.1.13 - Profile
--------------------------------------------------------------*/
#item-posts {
    /* float: left; */
    clear: both;
}

#sort-posts-form {
    margin-top: 10px;
}

#buddypress div#item-header .members-list-results div#message.info {
    width: 100%;
    margin: 0;
}

#search-members-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#search-members-form label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    padding: 0 20px 0 0;
}

#search-members-form label input {
    height: 36px;
    width: 100%;
}

/*--------------------------------------------------------------
1.1.13.1 - Private Messaging Threads
--------------------------------------------------------------*/
#messages-layout {
    width: 100%;
    float: left;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

#leftcolumn {
    width: 100%;
    margin-top: 30px;
    padding-right: 0;
}

#contentcolumn {
    margin-left: 0;
    /*padding: 0 15px;*/
}

#message-threads .thread-from,
#message-threads .thread-options {
    width: auto;
}

#messages-bulk-manage {
    float: right;
    padding: 12px 20px;
}

/* Inbox / Sent */
#buddypress div.messages-options-nav {
    text-align: left;
    font-size: 12px;
    overflow: hidden;
}

#buddypress div.messages-options-nav .buddyboss-select {
    float: left;
    margin-right: 10px;
}

.my-messages.notices #buddypress table#message-threads tr td {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Compose */
#buddypress form#send_message_form ul li.friend-tab {
    margin-bottom: 10px;
    padding: 7px 15px;
    width: auto;
}

#buddypress form#send_message_form li.friend-tab span img {
    margin-right: 5px;
    float: left;
    margin-top: 3px;
}

#buddypress form#send_message_form li.friend-tab span a {
    padding: 2px 0 0 5px;
    position: relative;
    float: left;
}

/* Sitewide Notices and Alerts */
#buddypress div#message {
    margin: 15px;
}

body.has-activity #buddypress div#message {
    width: 92%;
    margin: 0 4%;
}

/*--------------------------------------------------------------
1.1.13.2 - Settings
--------------------------------------------------------------*/
#buddypress form#settings-form input[type="password"] {
    width: 50%;
}

/* Profile Settings */
#show-nav {
    display: none;
}

body.search .page-title,
body.search .type-page > .entry-header .entry-title,
h1.big,
.group-create .create-group-title {
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 26px;
}

.settings.bp-user #settings-form {
    margin: 20px auto 30px;
}

#buddypress table.profile-settings td.field-visibility {
    width: 140px;
}

#buddypress div.profile h4 {
    background: transparent;
    padding: 0;
    margin: 0 0 14px;
    border: none;
    font-size: 18px;
    line-height: 1.3;
}

#buddypress form#profile-edit-form div.submit {
    padding: 0;
}

#buddypress form#profile-edit-form div.field-visibility-settings-notoggle {
    margin-left: 2%;
}

/*--------------------------------------------------------------
1.1.13.2 - Group
--------------------------------------------------------------*/
.single-item.groups #buddypress div#subnav.item-list-tabs {
    border-bottom: none;
    /*margin-bottom: 0;*/
}

/* Group Settings */
body.group-settings #buddypress #item-body {
    font-size: 12px;
}

body.group-settings #buddypress #item-body form#group-settings-form ul {
    padding: 15px 0 15px 37px;
    width: auto;
}

body.group-settings #buddypress #item-body form#group-settings-form hr {
    display: none;
}

#buddypress .standard-form div.checkbox label {
    margin-left: 4%;
}

/* Group Settings - Forms */
#buddypress form#group-settings-form label {
    position: relative;
}

#buddypress form#group-settings-form div.mobile-checkbox label span.text {
    margin-top: -2px;
    display: block;
    color: #555;
    font-weight: 600;
    font-size: 14px;
    margin-left: 30px;
}

#buddypress form#group-settings-form h4 {
    /* width: 90%; */
    /* background-color: #f2f2f2; */
    /* padding: 8px 5%; */
    /* -webkit-border-radius: 3px; */
    -moz-border-radius: 3px;
    /* border-radius: 3px; */
    margin-top: 5px;
}

#buddypress form#group-settings-form div.mobile-radio {
    margin: 15px 4%;
}

#buddypress form#group-settings-form div.mobile-radio ul {
    padding: 5px 0 0 30px !important;
}

#buddypress form#group-settings-form div.mobile-radio ul li {
    list-style: none;
    color: #999;
    font-size: 13px;
    line-height: 18px;
}

#buddypress form#group-settings-form div.mobile-radio.privacy-options > label {
    margin-bottom: 25px;
}

#buddypress form#group-settings-form div:not(#message) p, #buddypress form#group-settings-form > p {
    font-size: 14px;
    line-height: 20px;
    color: #555;
    margin-bottom: 15px;
}

#buddypress form#group-settings-form div:not(#message) p {
    padding: 10px 4%;
}

#buddypress form#group-settings-form p.sep {
    height: 0;
}

#buddypress form#group-settings-form ul.item-list {
    padding-bottom: 10px;
}

#buddypress form#group-settings-form ul.item-list li {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding: 10px 5% 10px 5%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#buddypress form#group-settings-form ul#admins-list li {
    background-color: #F3F7FA;
}

#buddypress form#group-settings-form ul.item-list li h5 {
    float: left;
    clear: none;
    margin: 0 0 0 5px;
    padding: 0;
}

#buddypress form#group-settings-form span.small {
    clear: both;
    width: 100%;
    float: left;
    display: block;
    padding-top: 20px;
    -webkit-transition: max-height 0.2s ease;
    -moz-transition: max-height 0.2s ease;
    -ms-transition: max-height 0.2s ease;
    -o-transition: max-height 0.2s ease;
    transition: max-height 0.2s ease;
}

#buddypress form#group-settings-form span.small.inactive {
    display: none;
}

#buddypress form#group-settings-form span.small.inactive a {
    margin-top: 15px;
}

#buddypress form#group-settings-form span.small.active {
    height: auto;
    max-height: 200px;
    padding-top: 20px;
}

#buddypress form#group-settings-form ul#admins-list li span.small a {
    margin: 0 !important;
}

#buddypress form#group-settings-form span.small a {
    line-height: 20px;
    font-size: 13px !important;
}

#buddypress form#group-settings-form span.small a.member-unban {
    width: 45%;
}

#buddypress form#group-settings-form ul#members-list span.small a,
#buddypress form#group-settings-form ul#mods-list span.small a {
    width: 47%;
    float: left;
    margin-top: 5px;
}

#buddypress form#group-settings-form ul#members-list span.small a:nth-child(even),
#buddypress form#group-settings-form ul#mods-list span.small a:nth-child(even) {
    margin-left: 4%;
    float: right;
}

#buddypress form#group-settings-form ul#members-list a.show-options {
    float: right;
    color: #999;
    font-size: 12px;
}

#buddypress form#group-settings-form ul#members-list a.show-options:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    font-style: normal;
    text-rendering: auto;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    line-height: 1;
    content: "\f0d7";
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    color: #999;
    margin-left: 8px;
}

#buddypress form#group-settings-form ul#members-list a.show-options.active:after {
    content: "\f0d8";
}

#buddypress form#group-settings-form ul#members-list a.show-options:hover {
    text-decoration: none;
}

#buddypress form#group-settings-form div.notification-settings {
    clear: both;
    width: 100%;
    padding-bottom: 15px;
    float: left;
}

#buddypress form#group-settings-form div.notification-settings label {
    float: left;
    margin: 0;
    margin-left: 2%;
}

.notifications-options-nav .buddyboss-select {
    float: left;
    margin-right: 30px;
    max-width: 50%;
}

#buddypress .standard-form div.radio ul li {
    margin: 0;
}

/* Notifications */
#buddypress #settings-form p {
    margin-bottom: 10px;
    font-size: 14px;
}

/*--------------------------------------------------------------
1.1.15 - Group Header
--------------------------------------------------------------*/
.single-item.groups #buddypress div#item-body {
    padding-top: 5px;
}

.single-item.groups #buddypress div#item-header div#item-header-avatar {
    height: 185px;
    margin-bottom: 20px;
}

.single-item.groups #item-header {
    /*margin-top: -238px;*/
}
/** --- **/

@media screen and (min-width: 620px) {
    .bb-group-mobile-content {
        display: block;
        overflow: hidden;
    }
    .boss-group-header .group-header-content {
        margin-top: 80px;
        margin-bottom: 20px;
    }
    .bb-group-mobile-content,
    .boss-group-header .group-header-content {
        width: -moz-calc(100% - 221px);
        width: -webkit-calc(100% - 221px);
        width: -o-calc(100% - 221px);
        width: calc(100% - 221px);
        float: right;
    }
    .boss-group-header .group-header-content h1 {
        width: 100%;
    }
    .boss-group-header #item-actions {
        overflow: hidden;
        width: 100%;
    }
    .bb-group-avatar-wrap-mobile.bb-group-avatar-wrap-mobile {
        display: block;
        margin-top: 80px;
    }
}
/** --- **/
.bb-cover-photo button.update-cover-photo {
    margin-left: 12px;
}

@media screen and (max-width: 560px) {
    .single-item.groups #buddypress div#item-header #item-header-avatar img.avatar {
        width: 165px;
        height: 165px;
    }

    .single-item.groups #buddypress div#item-header div#item-header-avatar {
        height: 165px;
    }

    #buddypress #item-title-area {
        /*min-height: 120px;
        max-height: 120px;
        overflow: auto;*/
    }

    .single-item.groups #item-header {
        text-align: center;
    }

    .group-header-content,
    body.single-item.groups #buddypress #item-header-content {
        text-align: left;
    }

    #item-title-area h1 {
        font-size: 20px;
        margin: 0;
    }

    .single-item.groups #buddypress div#item-header div#item-header-avatar {
        height: auto;
    }

    .bb-group-avatar-wrap svg {
        /*        width: 160px;
                height: 160px;*/
    }

    .bb-cover-photo {
        float: left;
    }
}
/*--------------------------------------------------------------
1.1.15 - Group: Members
--------------------------------------------------------------*/
body.single-item.groups #buddypress ul.item-list li div.action {
    width: auto;
    clear: both;
}

body.single-item.groups #buddypress ul.item-list li div.action a {
    display: block;
}

/*--------------------------------------------------------------
1.1.16 - Group: Create
--------------------------------------------------------------*/
.group-create #buddypress .item-body {
    clear: both;
}

/*--------------------------------------------------------------
1.1.17 - Group: Create
--------------------------------------------------------------*/
#create-group-form {
    padding: 15px;
}

/*--------------------------------------------------------------
1.1.18 - Group: Send Invites
--------------------------------------------------------------*/
#buddypress div#invite-list {
    width: 95%;
    padding: 2.5%;
    height: auto;
    min-height: 0;
}

#buddypress div#invite-list ul li {
    /*width: 50%;*/
    /*float: left;*/
    list-style: none;
    margin: 0 0 16px;
}

#buddypress #create-group-form #invite-list li {
    width: 100%;
}

#buddypress ul#friend-list.groups li {
    padding: 15px 0 !important;
}

/*--------------------------------------------------------------
1.1.19 - Friends
--------------------------------------------------------------*/
#buddypress div.friends ul.item-list li div.item,
#buddypress ul#friend-list li div.item {
    /*padding-left: 67px;*/
    min-height: 52px;
}

/*--------------------------------------------------------------
1.2 - Custom media queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.2.1 - Profile Posts
--------------------------------------------------------------*/
@media screen and (max-width: 680px) {
    #item-posts .inner article {
        width: 100%;
    }
}
@media screen and (max-width: 380px) {
    /*--------------------------------------------------------------
    1.2.2 - Groups: Page
    --------------------------------------------------------------*/
    article.bp_group .entry-header h1 {
        width: 100%;
        clear: both;
    }

    /*--------------------------------------------------------------
    1.2.3 - Lists
    --------------------------------------------------------------*/
    #buddypress ul.item-list li div.item {
        width: auto;
    }

    #buddypress ul#members-list div.action,
    #buddypress ul#groups-list div.action {
        padding: 0 0 5px;
        width: 100%;
    }
    .my-messages.notices #buddypress table#message-threads.messages-notices tr td {
        display: block;
        width: 100% !important;
        border-bottom: 0;
    }
}

/*----------------------------------------------------------------
>>> BBPRESS
----------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1 - All mobile devices
--------------------------------------------------------------*/
/* Topic list */
.bbp-body ul li {
    height: auto;
}

.type-topic h1.big,
.type-forum h1.big {
    margin-top: 0;
}

.bbp-header ul li, .bbp-body ul li {
    display: block;
}

li.bbp-body li.bbp-forum-topic-count,
li.bbp-body li.bbp-topic-voice-count,
li.bbp-body li.bbp-forum-reply-count,
li.bbp-body li.bbp-topic-reply-count {
    display: none;
}

li.bbp-forum-info, li.bbp-topic-title {
    border-bottom: none;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

p.form-allowed-tags,
div.bbp-submit-wrapper {
    width: 100%;
}

.bbp-topic-form, .bbp-reply-form, .bbp-topic-tag-form {
    overflow: hidden;
}

.bbp-topic-form, .bbp-reply-form, .bbp-topic-tag-form {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

input[type=text]:not(.ed_button),
input[type=textarea]:not(.ed_button) {
    /*width: 91%;*/
}

#bbpress-forums ul.bbp-threaded-replies {
    /*margin-left: 0;*/
    /* indent threaded replies less on mobile */
    /*padding-left: 26%;*/
}

#bbpress-forums ul.bbp-threaded-replies:before {
    left: 15px;
    top: 0;
    width: 18%;
}

#bbpress-forums .bbp-replies div.topic,
#bbpress-forums .bbp-replies div.reply {
    margin-bottom: 20px;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    /* padding: 12px 15px; */
}

#bbpress-forums li.bbp-body ul.topic div.bbp-topic-title-content,
#bbpress-forums li.bbp-body ul.forum div.bbp-forum-info-content {
    padding: 0;
    margin-bottom: 11px;
}

#bbpress-forums .bbp-forums-list {
    margin-bottom: 15px;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer,
span.bbp-admin-links {
    display: none;
    /* too much info for cramped mobile space */
}

li.bbp-forum-info,
li.bbp-topic-title,
li.bbp-forum-freshness,
li.bbp-topic-freshness {
    width: 100% !important;
}

li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count,
li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
    display: none;
}

li.bbp-forum-info a.bbp-forum-title,
li.bbp-topic-title a.bbp-topic-permalink {
    line-height: 110%;
}

.bbp-forum-content {
    font-size: 14px;
    margin-bottom: 10px;
}

/*
body.bbpress #bbp-search-index-form button#bbp_search_submit {
    display: none;
}
*/
#bbpress-forums div.bbp-search-form input[type=text],
#bbpress-forums form#bbp-search-index-form input[type=text] {
    float: left;
}

#bbpress-forums div.bbp-search-form input[type=submit],
#bbpress-forums form#bbp-search-index-form input[type=submit] {
    display: none;
}

#bbpress-forums div.bbp-search-form,
#bbpress-forums form#bbp-search-index-form {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

div.bbp-breadcrumb {
    clear: both;
    float: none;
    margin-top: 20px;
}

div.bbp-topic-header, div.bbp-reply-header, div.bbp-forum-header {
    padding: 10px 20px;
    font-size: 12px;
}

#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-reply-author,
li.bbp-body .bb-reply-author {
    width: 100%;
}

#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
    float: left;
    position: relative;
    margin: 0 0 8px;
}

#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
    float: left;
    display: block;
}

#bbpress-forums li.bbp-header .bbp-topic-content,
#bbpress-forums li.bbp-footer .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-reply-content,
#bbpress-forums li.bbp-footer .bbp-reply-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums li.bbp-header div.bbp-search-content {
    clear: left;
    margin: 0;
    padding: 5px 0;
    font-size: 15px;
    display: block;
}

.bbp-topic-content p:last-child,
.bbp-reply-content p:last-child {
    margin-bottom: 0;
}

#bbpress-forums div.bbp-topic-author div.bbp-reply-ip,
#bbpress-forums div.bbp-reply-author div.bbp-reply-ip {
    display: none;
}

#bbpress-forums li.bbp-header div.bbp-search-content {
    text-align: left;
}

#bbpress-forums li.bbp-header div.bbp-search-author {
    width: 100%;
    float: left;
}

span.bbp-admin-links {
    float: left;
}

span.bbp-admin-links a {
    font-size: 12px;
}

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies {
    margin-top: 25px;
    margin-bottom: 0;
    float: left;
}

.single-post .header-area {
    margin-top: 55px;
}

/*--------------------------------------------------------------
1.2 - MAXIMUM width of 480 pixels and MINIMUM width of 380 pixels (phones)
--------------------------------------------------------------*/
@media screen and (max-width: 480px) and (min-width: 380px) {
    #bbpress-forums li.bbp-forum-freshness p.bbp-topic-meta, #bbpress-forums li.bbp-topic-freshness p.bbp-topic-meta {
        width: 85%;
    }
}

@media screen and (max-width: 480px) {
    #bbp-topic-details {
        white-space: normal;
    }

    div.bbp-topic-tags {
        max-width: inherit;
        width: 100%;
        margin-right: 0;
        text-align: left;
    }

    #buddypress table#message-threads tr th:first-child,
    #buddypress table#message-threads tr td:first-child {
        padding-right: 10px;
    }

    .single-post .header-area {
        clear: both;
        overflow: hidden;
        position: relative;
    }

    .single-attachment .entry-header,
    .single-post .entry-header:not(.has-image) {
        margin: 90px auto 10px;
        padding: 0 15px;
    }

    .is-mobile.single #sitewide-notice:not(:empty) + #page {
        padding-top: 0;
    }

    .bb-slider-container {
        top: 54px;
        margin-bottom: 54px;
    }

    .single-post .entry-header.has-image {
        min-height: 18vh;
    }

    .single-post .entry-header.has-image h1 {
        font-size: 24px;
    }
}
/*--------------------------------------------------------------
1.3 - MAXIMUM width of 380 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 380px) {
    li.bbp-forum-info, li.bbp-topic-title {
        width: 30%;
    }

    li.bbp-forum-freshness, li.bbp-topic-freshness {
        width: 24%;
    }

    li.bbp-forum-topic-count, li.bbp-topic-voice-count {
        width: 20%;
    }

    li.bbp-forum-reply-count, li.bbp-topic-reply-count {
        width: 20%;
    }
}
/*----------------------------------------------------------------
>>> ADMINBAR
----------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1 - All mobile devices
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1.1 - Layout
--------------------------------------------------------------*/
body.open-left,
body.open-right {
    cursor: pointer;
}

/** Modern browsers will ignore click events when menus are open **/
body.open-left #mobile-header .mobile-site-title,
body.open-right #mobile-header .mobile-site-title,
body.open-left #main-wrap *,
body.open-right #main-wrap * {
    /*pointer-events: none;*/
}

/** Fallback to JS transitions **/
html.buddyboss-js-transitions body #mobile-header,
html.buddyboss-js-transitions body #main-wrap,
html.buddyboss-js-transitions body #masthead,
html.buddyboss-js-transitions body #wpadminbar {
    /* modern browsers */
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
    opacity: 1;
}

/** Discourage mobile touch/tap highlights **/
body,
.left-btn,
.right-btn,
#mobile-header,
#mobile-header .mobile-site-title,
#main-wrap {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    /* For some Androids */
}

.left-btn, .right-btn {
    -ms-touch-action: none;
    z-index: 3;
}

/** Swipe helper **/
#buddyboss-swipe-area {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    /* For some Androids */
    -ms-touch-action: none;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    cursor: pointer;
    display: none;
}

/*--------------------------------------------------------------
1.1.2 - Mobile Header
--------------------------------------------------------------*/
/* left and right starting point */
#main-wrap,
#colophon {
    height: 100%;
    /*left: 0;*/
    /*perspective: 1000px;*/
    position: relative;
    transition: transform 0.35s ease 0s;
}

#mobile-header {
    /*z-index: 2;*/
    z-index: 2001; /*Increase due to cover image*/
}

#main-wrap {
    z-index: 2;
}

#colophon {
    position: relative;
    z-index: 1;
}

#mobile-header #mobile-logo {
    text-align: center;
}

#mobile-header #mobile-logo img {
    max-height: 40px;
    max-width: 200px;
    height: auto;
    width: auto;
    margin: 8px auto;
    display: block;
}

#enable-header-search {
    font-size: 26px;
    position: absolute;
    right: 60px;
    color: #fff;
    padding: 10px 5px 3px;
}

/*--------------------------------------------------------------
1.1.3 - Left Slide Drawer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1.3.1 - Left Button
--------------------------------------------------------------*/
.left-btn {
    position: absolute;
    height: 55px;
    padding: 0 14px;
    top: 0;
    left: 0;
    cursor: pointer;
    display: block;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    /* For some Androids */
}

body.open-left .left-btn {
    /* Click anywhere in header to close it */
    width: 100%;
}

.left-btn:before {
    font-family: 'onesocial';
    font-weight: normal;
    font-style: normal;
    text-rendering: auto;
    content: "d";
    -webkit-font-smoothing: antialiased;
    font-size: 26px;
    line-height: 55px;
    color: #fff;
    float: left;
}

body.open-left .left-btn:before {
    opacity: 0.5;
}

/*--------------------------------------------------------------
1.1.3.2 - Admin Bar Layout
--------------------------------------------------------------*/
body div#wpadminbar {
    background-color: #313639;
    display: initial;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    opacity: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 240px;
    z-index: 1;
}

div#wpadminbar ul {
    background-color: #313639;
    list-style: none;
    margin: 0;
}

div#wpadminbar ul:after {
    content: ' ';
    display: table;
    clear: both;
}

div#wpadminbar li {
    display: block;
    float: left;
    clear: left;
    width: 240px;
}

div#wpadminbar li a {
    padding: 8px 25px;
    line-height: 1.6;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    display: block;
}

div#wpadminbar li a,
div#wpadminbar li a:active,
div#wpadminbar li a:hover {
    color: #fff;
}

/*--------------------------------------------------------------
1.1.3.3 - Left Navigation Animation
--------------------------------------------------------------*/

/* Display When Opened */
body.open-left div#wpadminbar {
    transition: transform 0.35s ease 0s;
    visibility: visible;
}

/*--------------------------------------------------------------
1.1.3.4 - Left Content Animation
--------------------------------------------------------------*/
/* Content Sliding Open Effect */
body.open-left #main-wrap,
body.open-left #colophon {
    transform: translate(240px, 0);
}

body.open-right #main-wrap,
body.open-right #colophon {
    transform: translate(-240px, 0);
}

/*--------------------------------------------------------------
1.1.3.5 - Left Admin Bar Content
--------------------------------------------------------------*/
/* Hide unused content */
body.logged-in #wpadminbar div.quicklinks ul#wp-admin-bar-root-default,
#wp-admin-bar-top-secondary li#wp-admin-bar-my-account.with-avatar > a.ab-item:first-of-type,
#wp-admin-bar-top-secondary li#wp-admin-bar-bp-notifications,
#wp-admin-bar-top-secondary li#wp-admin-bar-search,
#wpadminbar a.screen-reader-shortcut {
    display: none;
}

/* Account Info */
#wp-admin-bar-top-secondary ul#wp-admin-bar-user-actions li#wp-admin-bar-user-info {
    position: relative;
}

#wp-admin-bar-top-secondary ul#wp-admin-bar-user-actions li#wp-admin-bar-user-info a {
    min-height: 72px; /* must match height of avatar + padding */
    float: left;
    padding-top: 20px;
}

#wp-admin-bar-top-secondary ul#wp-admin-bar-user-actions li#wp-admin-bar-user-info a:focus {
    outline: none;
}

#wp-admin-bar-top-secondary ul#wp-admin-bar-user-actions li#wp-admin-bar-user-info img {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 19px;
    left: 24px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#wp-admin-bar-top-secondary ul#wp-admin-bar-user-actions li#wp-admin-bar-user-info a span {
    display: block;
    position: relative;
    float: left;
    margin-left: 60px;
    width: 130px;
    line-height: 1.1;
}

#wp-admin-bar-top-secondary ul#wp-admin-bar-user-actions li#wp-admin-bar-user-info a span.display-name {
    font-size: 17px;
    font-weight: 600;
}

#wp-admin-bar-top-secondary ul#wp-admin-bar-user-actions li#wp-admin-bar-user-info a span.username {
    font-weight: 400;
    margin-top: 8px;
}

div#wpadminbar li#wp-admin-bar-mycred-account {
    margin: 10px 0;
}

#wp-admin-bar-mycred-account > .ab-item.ab-empty-item {
    background: #3c3c44;
    margin-bottom: 5px;
}

#wp-admin-bar-mycred-account .ab-item.ab-empty-item {
    color: #fff;
    padding: 6px 25px;
}

/* Separators */
#wpadminbar div.quicklinks ul li.menupop div.ab-sub-wrapper ul > li.menupop > a.ab-item {
    background: #3C3C44;
    color: #96969e;
    cursor: default;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#wpadminbar div.quicklinks ul li.menupop div.ab-sub-wrapper ul > li.menupop > a span.count {
    display: none;
}

/* Indicators */
#wpadminbar div.quicklinks ul li.menupop div.ab-sub-wrapper ul > li.menupop > div.ab-sub-wrapper li a span.count,
.left-btn #ab-pending-notifications {
    background-color: #717176;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 1px 6px;
    margin-left: 1px;
    border-radius: 999px;
}

#wpadminbar div.quicklinks ul li.menupop div.ab-sub-wrapper ul > li#wp-admin-bar-my-account-notifications > div.ab-sub-wrapper li a span.count,
.left-btn #ab-pending-notifications {
    background-color: #f82a1d;
}

.left-btn #ab-pending-notifications {
    position: absolute;
    top: 9px;
    right: 7px;
    line-height: 1.4;
}

.left-btn #ab-pending-notifications.no-alert {
    display: none;
}

/* Bottom padding */
#wp-admin-bar-top-secondary li#wp-admin-bar-my-account {
    padding-bottom: 30px;
}

/*--------------------------------------------------------------
1.1.4 - Right Slide Drawer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1.4.1 - Right Button
--------------------------------------------------------------*/
.right-btn {
    position: absolute;
    height: 55px;
    font-size: 0;
    padding: 0 14px;
    top: 0;
    right: 0;
    cursor: pointer;
    display: block;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    /* For some Androids */
}

body.open-right .right-btn {
    /* Click anywhere in header to close it */
    width: 100%;
}

.right-btn:before {
    font-family: 'onesocial';
    font-weight: normal;
    font-style: normal;
    text-rendering: auto;
    content: "B";
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    line-height: 55px;
    margin-top: 2px;
    color: #fff;
    float: right;
}

body.open-right .right-btn:before {
    opacity: 0.5;
}

#ab-pending-notifications + #ab-pending-notifications {
    display: none;
}

/* Show the menu when animating or visible */
#main-wrap,
#colophon {
    /*    transform: translate( 0, 0);  X, Y, Z
        -webkit-transform: translate( 0, 0 );*/
}

/***
 * If the animating class is present then apply
 * the CSS transition to #main-wrap over 250ms.
 */
.animating-left #main-wrap,
.animating-left #colophon,
.animating-right #main-wrap,
.animating-right #colophon {
    /*    transition: transform .25s ease-in-out;
        -webkit-transition: -webkit-transform .25s ease-in-out;*/
}

/***
 * If the left class is present then transform
 * the #main-wrap element 240px to the left.
 */
.animating-right.left #main-wrap,
.animating-right.left #colophon {
    /*    transform: translate( -240px, 0 );
        -webkit-transform: translate( -240px, 0);*/
}

.animating-left.left #main-wrap,
.animating-left.left #colophon {
    /*    transform: translate( 240px, 0 );
        -webkit-transform: translate( 240px, 0 );*/
}

/***
 * If the right class is present then transform
 * the #main-wrap element 240px to the right.
 */
.animating-right.right #main-wrap,
.animating-right.right #colophon {
    /*    transform: translate( 240px, 0 );
        -webkit-transform: translate( 240px, 0 );*/
}

.animating-left.right #main-wrap,
.animating-left.right #colophon {
    /*    transform: translate( -240px, 0 );
        -webkit-transform: translate( -240px, 0 );*/
}

/***
 * If the menu-visible class is present then
 * shift the #main-wrap 240px from the right edge
 * via position: absolute to keep it in the
 * open position. When .animating, .left and
 * .right classes are not present the CSS
 * transform does not apply to #main-wrap.
 */
.menu-visible-right #main-wrap,
.menu-visible-right #colophon {
    transform: translate( -240px, 0 );
    -webkit-transform: translate( -240px, 0);
}

.menu-visible-left #main-wrap,
.menu-visible-left #colophon {
    transform: translate( 240px, 0 );
    -webkit-transform: translate( 240px, 0 );
}

/*--------------------------------------------------------------
1.1.4.2 - Right Menu (Pages) Layout
--------------------------------------------------------------*/
#mobile-right-panel {
    background-color: #313639;
    height: 100%;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    opacity: 0;
    width: 240px;
    z-index: 1;
}

.menu-visible-left #wpadminbar,
.menu-visible-right #mobile-right-panel {
    opacity: 1;
}

.menu-visible-right #wpadminbar,
.menu-visible-left #mobile-right-panel {
    opacity: 0;
}

/* Nav Expanding Open Effect */
body.open-right #mobile-right-panel {
    transition: transform 0.35s ease 0s;
    visibility: visible;
}

#mobile-right-panel li {
    display: block;
    float: right;
    clear: right;
    position: relative;
    width: 240px;
}

#mobile-right-panel li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 14px 25px;
    line-height: 1.6;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    display: block;
}

#mobile-right-panel li a,
#mobile-right-panel li a:active,
#mobile-right-panel li a:hover {
    color: rgba(255, 255, 255, 0.75);
}

#mobile-right-panel li:hover a {
    box-shadow: none;
}

#mobile-right-panel .sub-menu {
    background: rgba(0, 0, 0, 0.2);
    /*display: none;*/
    overflow: hidden;
}

#mobile-right-panel .menu-item-has-children > a {
    padding-right: 32px;
}

#mobile-right-panel .submenu-btn {
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    font-weight: bold;
    height: 52px;
    line-height: 52px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 2;
}

/*--------------------------------------------------------------
1.1.4.5 - Right Menu (Page) Content
--------------------------------------------------------------*/
/* Current Page */
.main-navigation div.nav-inner li.current-menu-item > a {
    background-color: #3f4448;
}

.main-navigation div.nav-inner > div ul > li > ul.sub-menu li a:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    font-style: normal;
    text-rendering: auto;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    line-height: 1;
    content: "\f111";
    -webkit-font-smoothing: antialiased;
    color: #575757;
    margin-right: 7px;
    font-size: 10px;
    vertical-align: middle;
    opacity: 0.6;
}

.main-navigation ul {
    margin: 0;
}

/* Bottom padding */
.main-navigation ul.nav-menu {
    padding-bottom: 30px;
}

#site-navigation {
    display: none;
}

/*--------------------------------------------------------------
1.2 - Animations
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.2.1 - Left Animation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.2.1.1 - Left: Menu Open
--------------------------------------------------------------*/
@-webkit-keyframes slideInLeft {
    0% {
        opacity: .3;
        -webkit-transform: translate3d(30px, 0, 0) scale(0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
}
@-moz-keyframes slideInLeft {
    0% {
        opacity: .3;
        -moz-transform: translate3d(30px, 0, 0) scale(0.97);
    }
    100% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
    }
}
@keyframes slideInLeft {
    0% {
        opacity: .3;
        transform: translate3d(30px, 0, 0) scale(0.97);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
/*--------------------------------------------------------------
1.2.1.2 - Left: Menu Close
--------------------------------------------------------------*/
@-webkit-keyframes slideOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: .3;
        -webkit-transform: translate3d(30px, 0, 0) scale(0.97);
    }
}
@-moz-keyframes slideOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: .3;
        -moz-transform: translate3d(30px, 0, 0) scale(0.97);
    }
}
@keyframes slideOutLeft {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: .3;
        transform: translate3d(30px, 0, 0) scale(0.97);
    }
}
/*--------------------------------------------------------------
1.2.1.3 - Left: Content Open
--------------------------------------------------------------*/
@-webkit-keyframes openLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    70% {
        -webkit-transform: translate3d(260px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(240px, 0, 0);
    }
}
@-moz-keyframes openLeft {
    0% {
        -moz-transform: translate3d(0, 0, 0);
    }
    70% {
        -moz-transform: translate3d(260px, 0, 0);
    }
    100% {
        -moz-transform: translate3d(240px, 0, 0);
    }
}
@keyframes openLeft {
    0% {
        transform: translate3d(0, 0, 0);
    }
    70% {
        transform: translate3d(260px, 0, 0);
    }
    100% {
        transform: translate3d(240px, 0, 0);
    }
}
/*--------------------------------------------------------------
1.2.1.4 - Left: Content close
--------------------------------------------------------------*/
@-webkit-keyframes closeLeft {
    0% {
        -webkit-transform: translate3d(240px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes closeLeft {
    0% {
        -moz-transform: translate3d(240px, 0, 0);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0);
    }
}
@keyframes closeLeft {
    0% {
        transform: translate3d(240px, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
/*--------------------------------------------------------------
1.2.2 - Right Animation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.2.2.1 - Right: Menu Open
--------------------------------------------------------------*/
@-webkit-keyframes slideInRight {
    0% {
        opacity: .3;
        -webkit-transform: translate3d(-30px, 0, 0) scale(0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
}
@-moz-keyframes slideInRight {
    0% {
        opacity: .3;
        -moz-transform: translate3d(-30px, 0, 0) scale(0.97);
    }
    100% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
    }
}
@keyframes slideInRight {
    0% {
        opacity: .3;
        transform: translate3d(-30px, 0, 0) scale(0.97);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
/*--------------------------------------------------------------
1.2.2.2 - Right: Menu Close
--------------------------------------------------------------*/
@-webkit-keyframes slideOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: .3;
        -webkit-transform: translate3d(-30px, 0, 0) scale(0.97);
    }
}
@-moz-keyframes slideOutRight {
    0% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: .3;
        -moz-transform: translate3d(-30px, 0, 0) scale(0.97);
    }
}
@keyframes slideOutRight {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    100% {
        opacity: .3;
        transform: translate3d(-30px, 0, 0) scale(0.97);
    }
}
/*--------------------------------------------------------------
2.2.3 - Right: Content Open
--------------------------------------------------------------*/
@-webkit-keyframes openRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    70% {
        -webkit-transform: translate3d(-260px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-240px, 0, 0);
    }
}
@-moz-keyframes openRight {
    0% {
        -moz-transform: translate3d(0, 0, 0);
    }
    70% {
        -moz-transform: translate3d(-260px, 0, 0);
    }
    100% {
        -moz-transform: translate3d(-240px, 0, 0);
    }
}
@keyframes openRight {
    0% {
        transform: translate3d(0, 0, 0);
    }
    70% {
        transform: translate3d(-260px, 0, 0);
    }
    100% {
        transform: translate3d(-240px, 0, 0);
    }
}
/*--------------------------------------------------------------
1.2.2.4 - Right: Content close
--------------------------------------------------------------*/
@-webkit-keyframes closeRight {
    0% {
        -webkit-transform: translate3d(-240px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes closeRight {
    0% {
        -moz-transform: translate3d(-240px, 0, 0);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0);
    }
}
@keyframes closeRight {
    0% {
        transform: translate3d(-240px, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
/*--------------------------------------------------------------
>>>PLUGINS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1.1 - WooCommerce
--------------------------------------------------------------*/
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0 4% 2.992em 0;
    width: 46%;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left !important;
    clear: left !important;
    width: 100% !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
    margin: 0 0 10px !important;
    display: block;
    clear: left;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    text-align: left;
    width: 100%;
}

/*--------------------------------------------------------------
2.1.2 - BuddyPress Activity Plus
--------------------------------------------------------------*/
.bpfb_form_container {
    padding: 0 !important;
}

input#bpfb_link_preview_url,
input#bpfb_video_url {
    width: 94% !important;
}

/*--------------------------------------------------------------
2.1.3 - Invite Anyone
--------------------------------------------------------------*/
.invite-anyone form#send-invite-form .left-menu,
.group-create form#send-invite-form .left-menu {
    width: 100%;
    float: none;
}

.invite-anyone form#send-invite-form #invite-anyone-member-list,
.group-create form#send-invite-form #invite-anyone-member-list {
    width: 97%;
}

.invite-anyone form#send-invite-form .main-column,
.group-create form#send-invite-form .main-column {
    width: 100%;
    float: none;
    clear: left;
}

.invite-anyone form#send-invite-form #invite-anyone-invite-list img.avatar,
.group-create form#send-invite-form #invite-anyone-invite-list img.avatar {
    position: relative;
    left: 0;
    top: 0;
    float: left;
    width: 50px !important;
    height: 50px !important;
}

#invite-anyone-group-list label {
    max-width: 75%;
}

#invite-anyone-group-list label span {
    line-height: 1 !important;
}

/*--------------------------------------------------------------
2.1.4 - BuddyPress Links
--------------------------------------------------------------*/
.item-list-tabs ul li#links-category-select {
    padding: 4px 10px !important;
}

ul#link-list li.avmax-100 div.link-list-left img.avatar {
    float: left;
    position: relative;
    left: 0;
    top: 0;
}

ul#link-list div.link-list-right,
ul#link-list div.link-list-footer-right {
    clear: left;
    float: left;
    margin: 20px 0 0 !important;
}

ul#link-list li div.meta {
    padding-left: 0 !important;
}

/*--------------------------------------------------------------
2.1.5 - BP Activity Privacy
--------------------------------------------------------------*/
#buddypress div.activity-meta .bp-ap-selectbox {
    margin: 10px;
}

/*--------------------------------------------------------------
2.2.6 - Social Articles
--------------------------------------------------------------*/
body.articles #buddypress ul.nav-tabs {
    padding: 0 15px;
}

/*--------------------------------------------------------------
2.1.7 - BuddyBoss Media
--------------------------------------------------------------*/
#buddyboss-media-add-photo {
    float: right;
    clear: both;
}

#buddyboss-media-add-photo-button {
    float: left;
    clear: left;
    margin: 7px 0 0 0;
    padding: 10px 14px;
    font-weight: 400;
    font-size: 13px;
    text-decoration: none;
    background-color: #fff;
    color: #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    -moz-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
}

#buddyboss-media-add-photo-button:active {
    background-color: #ddd;
}

.buddyboss-media-progress,
.buddyboss-media-progress-bar,
.buddyboss-media-progress-value {
    float: none;
    position: absolute;
    top: 10px;
    right: 15px;
}

#buddypress div.buddyboss-media-form-wrapper {
    padding: 8px 10px;
    font-size: 14px;
    border-top: 1px dashed #ddd;
    overflow: hidden;
}

#buddypress div.buddyboss-media-form-wrapper form {
    width: 100%;
    padding: 0;
}

#buddypress div.buddyboss-media-form-wrapper form #message {
    margin-left: 0;
}

#buddypress #bbmedia-grid-wrapper > ul {
    width: auto;
    margin: 0;
}

.boss-create-post .buddyboss-select {
    top: 10px;
}


/*--------------------------------------------------------------
2.1.8 -WP Job Board
--------------------------------------------------------------*/
@media(max-width: 480px){
    .single_job_listing .company img{
        position: static;
        left: auto;
        float: none;
    }

    .single_job_listing .company .name,
    .single_job_listing .company .tagline{
        margin-left: 0;
        padding-left: 0;
    }

    #job-manager-job-dashboard th.filled,
    #job-manager-job-dashboard th.expires,
    #job-manager-job-dashboard td.filled,
    #job-manager-job-dashboard td.expires{
        display: none;
    }
}


/* Register Page */
body.register .page-full-width {
    padding: 50px 25px;
}

.datebox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.datebox .buddyboss-select:nth-child(2),
.datebox .buddyboss-select:nth-child(3) {
    padding-top: 25px;
}

body.register .page-full-width .entry-title {
    font-size: 34px;
    margin-bottom: 20px;
}

div#register-page .register-section, div#register-page .security-question-section {
    border: 0;
    box-shadow: none;
    padding: 0;
}

#buddypress #blogs-list > li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#buddypress #blogs-list > li .blog-details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
}

#buddypress #blogs-list > li .item-meta {
    overflow: hidden;
}

#buddypress #blogs-list li div.action {
    margin: 15px 0;
}

#buddypress #group-list.invites li img.avatar {
    margin: 0 15px 10px 0;
}

#page .boss-editor-area-container .sap-editor-area-wrapper .medium-insert-active,
.page-template-sap-post-create-template .sap-editor-area-wrapper .medium-insert-active {
    padding-left: 40px;
}

.boss-editor-area-container .medium-insert-buttons {
    left: 0 !important;
    margin-top: -5px;
}

.page-template-sap-post-create-template .boss-create-post-container {
    max-width: 100%;
    padding: 30px 20px;
}

.sap-editor-area-wrapper .sap-editable-title.sap-editable-title {
    font-size: 26px;
}

@media screen and (max-width: 400px) {
    .sap-publish-popup.sap-publish-popup .button {
        padding: 8px 10px;
        margin-right: 2px;
        font-size: 14px;
    }
}

#page .boss-tooltip:after {
    left: auto;
    right: -5px;
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.blog:not(.bp-user) .site-content, .archive.tag .site-content, .archive.date .site-content, .archive.author .site-content, .archive.category .site-content {
    max-width: 100%;
}

#buddypress #groups-directory-form .item-list-tabs li,
.entry-content #buddypress #blogs-directory-form .item-list-tabs li,
#buddypress #members-directory-form .item-list-tabs li {
    float: none;
    margin: 0 0 10px 3px;
}

.entry-content #buddypress #blogs-directory-form .item-list-tabs li:first-child,
#buddypress #members-directory-form .item-list-tabs li:first-child {
    margin-left: 0;
}

#buddypress .groups-members-search {
    max-width: 100%;
    width: 100%;
}


#buddypress #groups-directory-form .item-list-tabs,
#buddypress #members-directory-form .item-list-tabs,
#buddypress .dir-search.boss-search-wrapper {
    max-width: 100%;
}

.single-item.groups #secondary {
    margin-top: 0;
}

div.footer-inner-bottom .footer-inner {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

/*
.bb-group-avatar-wrap-mobile,
.bb-group-mobile-content,
.item-header-mobile {
    display: block;
    float: left;
    width: 100%;
}
*/

.bb-group-avatar-wrap-desktop,
.item-header-sidebar {
    display: none;
}

.bb-group-avatar-wrap-mobile.bb-group-avatar-wrap-mobile {
    margin-top: 80px;
    margin-right: 30px;
    float: left;
}

#buddypress div#item-header div#item-meta {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}

.groups .bb-group-avatar-wrap-mobile div#item-header-avatar {
    margin-right: 20px;
    width: auto;
}

.bb-group-avatar-wrap-mobile #item-header-content {
    padding-top: 120px;
    position: relative;
}

.single-item.groups .bb-group-avatar-wrap-mobile + #item-header {
    margin-top: 0;
}

.single-item #buddypress #item-title-area {
    display: block;
    height: auto;
}

.single-item.groups #buddypress #item-nav {
    clear: both;
}

.boss-group-header #item-actions::after {
    clear: both;
    content: "";
    display: table;
}

#buddypress div#item-header .group-admin-name {
    color: inherit;
    text-shadow: 0 0 0;
}

.boss-group-header .group-header-content {
    max-height: 160px;
}

#item-title-area h1 {
    font-size: 26px;
    margin: 0;
}

#item-title-area .group-header-wrap {
    /*    display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;*/
}

@media screen and (min-width: 500px) {
    #wp-calendar {
        max-width: 500px
    }
}

@media screen and (max-width: 782px) {
    html.js {
        margin-top: 0 !important;
    }
}

/*--------------------------------------------------------------
1.2.4 - Create Group
--------------------------------------------------------------*/
@media screen and (max-width: 600px) {
    .group-avatar #group-create-body .left-menu {
        position: relative;
        margin-bottom: 22px;
    }

    .group-avatar #group-create-body .main-column {
        margin-left: 0;
    }
}
/*--------------------------------------------------------------
1.2.4 - Messages
--------------------------------------------------------------*/
@media screen and (max-width: 620px) {
    #buddypress table#message-threads tr td.thread-info {
        width: 40%;
    }

    .bb-group-avatar-wrap-mobile.bb-group-avatar-wrap-mobile {
        float: none;
        text-align: center;
        margin-right: 0;
    }

    #buddypress div#item-header div#item-meta {
        text-shadow: 0 0 0;
    }

    #item-title-area h1,
    .single-item.groups #buddypress #item-header span.activity {
        color: inherit;
        text-shadow: 0 0 0;
    }

    .col.col {
        clear: both;
        width: 100%;
    }

}

@media screen and (max-width: 480px) {
    #message-threads .thread-from .table-cell, #message-threads .thread-from .table-cell:first-child {
        width: 100%;
        display: block;
        text-align: center;
    }

    #message-threads .thread-from img {
        margin: 0 0 10px 0;
    }

    .item-header-mobile {
        margin-top: 40px;
    }
}

@media screen and (max-width: 360px) {
    #leftcolumn {
        margin-top: 15px;
    }
}