/*--------------------------------------------------------------
This is the Global stylesheet, served to all devices.
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
>>> WORDPRESS
----------------------------------------------------------------
1.0 - Normalize.css
2.0 - Repeatable patterns
        2.1 - Small headers
        2.2 - Form fields
        2.3 - Non-text input types
        2.4 - Buttons
        2.5 - Responsive images
        2.6 - Videos and embeds
        2.7 - Images
        2.8 - Post Pagination
        2.9 - Post Navigation
        2.10 - Author Profiles
3.0 - Basic structure
        3.1 - Body, links, basics
        3.2 - Assistive text
        3.3 - Page structure
        3.4 - Banner
        3.5 - Widgets
        3.6 - Footer
                3.6.1 - General
                3.6.2 - Footer Widgets
4.0 - Main content and comment content
5.0 - Archives
6.0 - Single image attachment view
7.0 - Aside post format
8.0 - Single Post
9.0 - Post formats
        9.1 - Image posts
        9.2 - Link posts
        9.3 - Quote posts
        9.4 - Status posts
10.0 - Comments
        10.1 - Comment area
        10.2 - Comment form
11.0 - Front page template
12.0 - 404 template
----------------------------------------------------------------
>>> BUDDYPRESS
----------------------------------------------------------------
1.0 - Pagination
2.0 - Images
3.0 - Activity
4.0 - Directories - Members, Groups, Blogs, Forums
        4.1 - Search Forms
        4.2 - Create Group
5.0 - Errors / Success Messages
6.0 - Forms
        6.1 - Post Form
7.0 - Ajax Loading
8.0 - Forums (Legacy), Tables and Topics
9.0 - BuddyPress Components
9.1 - Recent activity
9.2 - Headers
9.3 - Item Lists
9.4 - Object Items
9.5 - Profile
    9.5.1 - Private Messaging Threads
    9.5.2 - Extended Profiles
12.0 - Registration
13.0 - IE 10
14.0 - Legacy BuddyPress (below BuddyPress 1.7)
15.0 - Custom media queries
----------------------------------------------------------------
>>> BBPRESS
----------------------------------------------------------------
1.0 - Forums
2.0 - Breadcrumbs, tags, subscribe
3.0 - Admin links
4.0 - Toggles
5.0 - Pagination
6.0 - Forms
7.0 - TinyMCE in themes
8.0 - Edit user
9.0 - Notices
10.0 - Stickies
11.0 - Revisions
12.0 - Login widget
13.0 - Avatars
14.0 - BuddyPress activity streams
15.0 - User pages
16.0 - User capabilities
17.0 - BuddyPress group forums
18.0 - Search results
----------------------------------------------------------------
>>> PLUGINS
----------------------------------------------------------------
1.0 - WordPress Stats
2.0 - Gravity Forms
3.0 - Subscribe to Comments
4.0 - BuddyPress Tweet
5.0 - BuddyPress Group Documents
6.0 - WooCommerce
7.0 - BuddyPress Activity Plus
8.0 - SI CAPTCHA Anti-Spam
9.0 - Invite Anyone
10.0 - BuddyPress Links
11.0 - BuddyDrive
12.0 - Social Articles
13.0 - BP Checkins
14.0 - BP Gallery (BuddyDev)
15.0 - BP Activity Privacy
16.0 - BuddyBoss Media
17.0 - BuddyBoss Global Search
18.0 - BuddyPress User Blog
19.0 - BuddyPress Group Email Subscription
20.0 - Inline Comments
21.0 - WP Job Manager
*/
/*----------------------------------------------------------------
>>> WORDPRESS
----------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* Note: This file is updated by S@G@R, To remove ducplication of styles. */
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #ddd;
    margin: 0 0 26px;
    padding: 15px 20px 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Note: This file is updated by S@G@R, To remove ducplication of styles. */
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/**
 * 1. Set the global `box-sizing` state to `border-box`.
 *    http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * 3. Set the base element's `font-size` to the value of your choosing.
 * 4. Work out the unitless `line-height` for your project based around your
 *    desired `line-height` (defined previously in pixels), and your project's
 *    base font size.
 * 5. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom. [normalize.css]
 *
 */
html {
    box-sizing: border-box;
    /* [2] */
    font-size: 1rem;
    line-height: 1.625;
    /* [3] */
    /* [4] */
    -ms-text-size-adjust: 100%;
    /* [5] */
    -webkit-text-size-adjust: 100%;
    /* [5] */
    color: #333;
    /* [additional] */
}

/**
 * 1. Inherit box-sizing to make it easier to change the property for components
 *    that leverage other behavior.
 *    https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*:before,
*:after {
    box-sizing: inherit;
    /* [1] */
}

/**
 * 1. Fallback for when there is no custom background color defined. [WordPress]
 * 2. Remove default margin. [normalize.css]
 */
body {
    background: #fff;
    /* [1] */
    margin: 0;
    /* [2] */
}
body.mce-content-body {
    font-family: inherit;
    margin: 15px;
}

/**
 * 1. Remove border when inside `a` element in IE 8/9/10. [normalize.css]
 * 2. Offset `alt` text from surrounding copy.
 * 3. Make sure images are scaled correctly.
 * 4. Fluid images for responsive purposes.
 * 5. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 *
 */
img {
    border: 0;
    /* [1] */
    font-style: italic;
    /* [2] */
    height: auto;
    /* [3] */
    max-width: 100%;
    /* [4] */
    vertical-align: middle;
    /* [5] */
}

#main-wrap img.not-loaded {
    opacity: 0;
}

.fancybox-wrap img,
#main-wrap #buddyboss-media-preview-inner img,
#main-wrap .buddyboss-comment-media-preview-inner img,
#main-wrap .sap-editor-area-wrapper img {
    opacity: 1;
}

#buddyboss-bbpress-media-bulk-uploader-wrapper img,
#buddyboss-comment-media-bulk-uploader-wrapper img,
#buddyboss-media-bulk-uploader-wrapper img,
#buddyboss-media-preview-inner img,
.buddyboss-bbpress-media-preview-inner img,
.buddyboss-comment-media-preview-inner img {
    margin-bottom: 5px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, ul, ol, dd, table, p, address, pre, hr, figure, video {
    margin: 0 0 26px;
    padding: 0;
}

/**
 * Headings
 */
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
h1 {
    font-size: 30px;
    line-height: 1.85714;
}

h2 {
    font-size: 26px;
    line-height: 1.3;
}

h3 {
    font-size: 22px;
    line-height: 1.08333;
}

h4 {
    font-size: 18px;
    line-height: 1.3;
}

h5 {
    font-size: 16px;
    line-height: 1.44444;
}

h6 {
    font-size: 14px;
    line-height: 1.625;
}

/**
 * Lists
 */
ul, ol, dd {
    margin-left: 1.625rem;
}

li > ul,
li > ol {
    /*margin-bottom: 0;*/
}

/**
 * Tables
 */
/**
 * Crude table styles; tables are very difficult to keep on the baseline.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

th,
td {
    border-bottom: 1px solid #E1E1E1;
    padding: 13px;
    text-align: left;
}

/*th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}*/

.rthd-comment-content th,
.rthd-comment-content td {
    vertical-align: top;
}
.rthd-comment-content th:first-child,
.rthd-comment-content td:first-child {
    width: 18%;
}

/**
 * Paragraphs
 */
/**
 * Not strictly a paragraph, but probably doesn't need its own section.
 */
/**
 * CODE
 */
pre {
    background: #f5f5f5;
    border: 1px solid #ddd;
    font-size: 0.85rem;
    max-width: 100%;
    overflow: auto;
    /* Contain overflow in all browsers. */
    padding: 1rem;
}
pre code.bash, pre > code {
    background: transparent;
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
}
pre code code.bash {
    font-size: inherit;
}

code {
    padding: 0.125rem 0.375rem;
    margin: 0 0.1875rem;
    font-size: 80%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
}

/**
 * 1. Fix an odd quirk whereby, without this, code blocks are rendered at a
 *    font-size smaller than 1em.
 */
code,
kbd,
pre,
samp {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    /* [1] */
}

/**
 * Set up quote marks on quoting elements.
 */
q,
blockquote {
    border-left: 4px solid #ccc;
    color: #999;
    font-style: italic;
    margin: 0 0 1.625rem 1.625rem;
    padding-left: 1rem;
}

/**
 * HR
 */
hr {
    background-color: #ddd;
    border: 0;
    box-sizing: content-box;
    /* Address differences between Firefox and other browsers. Source- normalize.css */
    height: 1px;
}

/*--------------------------------------------------------------
2.0 - Repeatable patterns
--------------------------------------------------------------*/

.clear:after,
.wrapper:after,
.format-status .entry-header:after,
.site-content article:after,
#item-header:after {
    content: "";
    display: table;
    clear: both;
}

/*--------------------------------------------------------------
2.1 - Small headers
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.2 - Form fields, general styles first
--------------------------------------------------------------*/
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
    font-size: 14px;
    border: none;
    font-family: inherit;
    font-weight: 300;
    font-size: inherit;
    -webkit-appearance: none;
    padding-bottom: 18px;
    padding-top: 4px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    /*color: #9b9b9b;*/
    background-color: transparent;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
    /* color: #484848; */
    outline: none;
}

button,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="email"],
input[type="number"] {
    line-height: normal;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="email"],
input[type="number"] {
    /* padding: 10px 12px; */
}

textarea {
    padding: 12px 0;
    font-size: 100%;
    overflow: auto;
    vertical-align: top;
}

/* Override Webkit autofill */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

input:-webkit-autofill {
    color: #2a2a2a !important;
}

/*--------------------------------------------------------------
2.3 - Non-text input types
--------------------------------------------------------------*/
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
}

input[type="checkbox"]:not(.styled),
input[type="radio"]:not(.styled) {
    margin: 1px 10px 0 0;
}

input[type="checkbox"].styled,
input[type="radio"].styled {
    opacity: 0;
    position: relative;
    z-index: 1;
}

input[type="radio"] + span,
input[type="radio"] + label,
input[type="radio"] + strong,
input[type="checkbox"] + span,
input[type="checkbox"] + label,
input[type="checkbox"] + strong {
    position: relative;
    left: 10px;
    z-index: 0;
    font-weight: 400;
    line-height: 17px;
}

input[type="radio"] + span:before,
input[type="radio"] + label:before,
input[type="radio"] + strong:before {
    content: '';
    position: absolute;
    border: 5px solid #fff;
    padding: 0px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 0px 2px #54ae68;
    -moz-box-shadow: 0px 0px 0px 2px #54ae68;
    box-shadow: 0px 0px 0px 2px #54ae68;
    top: 6px;
    left: -21px;
    z-index: 0;
    line-height: 1;
}

input[type="checkbox"] + span:before,
input[type="checkbox"] + label:before,
input[type="checkbox"] + strong:before {
    content: '';
    position: absolute;
    -webkit-box-shadow: 0px 0px 0px 2px #54ae68;
    -moz-box-shadow: 0px 0px 0px 2px #54ae68;
    box-shadow: 0px 0px 0px 2px #54ae68;
    top: 6px;
    left: -21px;
    z-index: 0;
    width: 9px;
    height: 9px;
    line-height: 1;
}

input[type="checkbox"]:checked + span:after,
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:checked + strong:after {
    content: "\2713";
    font-size: 17px;
    position: absolute;
    top: 0;
    left: -21px;
    line-height: 1;
}

input[type="radio"]:checked + span:before,
input[type="radio"]:checked + label:before,
input[type="radio"]:checked + strong:before {
    border: 2px solid #fff;
    padding: 3px;
    background-color: #333;
}

.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
    line-height: 1.2;
}

/*--------------------------------------------------------------
2.4 - Buttons
--------------------------------------------------------------*/
/* Disabled state */
button[disabled],
input[disabled] {
    cursor: default;
    background-color: #cecece;
}

/* Default state */
button:not(.visibility-toggle-link):not(.field-visibility-settings-close):not(.media-menu-item):not(.media-modal-close):not(.media-frame-menu-toggle):not(.check):not(.delete-attachment):not(.upload-dismiss-errors),
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span,
a.button,
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
#secondary div.generic-button a,
#buddypress .comment-reply-link,
.entry-header .entry-title a.button,
a.bp-title-button,
/*#buddypress div.activity-comments form input[disabled] */
#doc-submit-options input[type="submit"],
#doc-submit-options a {
    background-color: #54ae68;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    padding: 6px 14px;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    display: inline-block;
    font-weight: 300;
    font-family: inherit;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 0;
    background-color: #54ae68;
    color: #fff;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    color: #fff;
    background-color: #333;
}

/* Hover state */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover,
a.button:hover,
#buddypress ul.button-nav li a:hover,
#buddypress ul.button-nav li.current a,
#buddypress div.generic-button a:hover,
#secondary div.generic-button a:hover,
#buddypress .comment-reply-link:hover,
.entry-header .entry-title a.button:hover,
a.bp-title-button:hover
/*#buddypress div.activity-comments form input[disabled]: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);
}

/* Active state */
button:active,
input[type="button"]:active,
input[type="reset"]:active,
article.post-password-required input[type=submit]:active,
a.button:active,
#buddypress ul.button-nav li a:active,
#buddypress div.generic-button a:active,
#secondary div.generic-button a:active,
#buddypress .comment-reply-link:active,
.entry-header .entry-title a.button:active,
a.bp-title-button:active,
#buddypress div.activity-comments form input[disabled]:active {
    /* 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);
}

/* All buttons (mostly submit) without background */
#save_as_draft,
.entry-meta a.read-more,
input[type="submit"] {
    border: none;
    color: #54ae68;
    border-top: 1px solid #54ae68;
    padding: 0;
    padding-top: 20px;
    background-color: transparent;
    appearance: none;
    -moz-appearance: none;/* Firefox */
    -webkit-appearance: none;/* Safari and Chrome */
    display: inline-block;
    font-weight: 300;
    width: auto;
    outline: none !important;
    cursor: pointer;
    line-height: 1.1;
}

.entry-header .entry-title a.button {
    vertical-align: middle;
    margin: 0 4px;
}

li.bypostauthor cite span {
    color: #fff;
    background-color: #497EA8;
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/* Loader */
.loader,
.loader:before,
.loader:after {
    background-color: #54ae68;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader {
    text-indent: -9999em;
    margin: 8em auto 0;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #54ae68;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #54ae68;
        height: 5em;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #54ae68;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #54ae68;
        height: 5em;
    }
}
/*--------------------------------------------------------------
2.5 - Responsive images
--------------------------------------------------------------*/
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
    /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.wp-post-image {
    max-width: 100%;
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/*--------------------------------------------------------------
2.6 - Make sure videos and embeds fit their containers
--------------------------------------------------------------*/
embed,
iframe,
object,
video {
    max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
    /* Override the Twitter embed fixed width */
}

/*--------------------------------------------------------------
2.7 - Images
--------------------------------------------------------------*/
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    max-width: 100%;
    /* Keep wide captions from overflowing their container. */
    padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-size: 12px;
    line-height: 2;
    color: #757575;
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.entry-content dl.gallery-item {
    margin: 0;
}

/* Galleries */
.gallery {
    margin: 10px -15px 20px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 10px;
}

.gallery-item img {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/* Audio */
.wp-audio-shortcode {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
2.8 - Post Pagination
--------------------------------------------------------------*/
.pagination-above {
    margin: 0 0 20px;
}

.pagination-below {
    clear: both;
    margin: 0;
    padding: 0 0 70px;
    text-align: center;

    /* This is added to fix search layout issue after load more */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;

}

.sap-pagination {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.woocommerce-pagination .page-numbers,
.pagination {
    clear: both;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    line-height: 13px;
}

.woocommerce .site-content nav.woocommerce-pagination ul,
.woocommerce .site-content nav.woocommerce-pagination ul li {
    border: 0;
}

.woocommerce .site-content nav.woocommerce-pagination ul li a,
.woocommerce .site-content nav.woocommerce-pagination ul li span,
.pagination span,
.pagination a,
.bbp-pagination-links span, .bbp-pagination-links a {
    background-color: #dee4e4;
    color: #fff;
    display: inline-block;
    line-height: 1;
    margin: 0 1px;
    padding: 16px 18px;
    text-decoration: none;
    width: auto;
}

.pagination a:hover,
.woocommerce .site-content nav.woocommerce-pagination ul li a:hover,
.bbp-pagination-links a:hover {
    color: #fff;
    background-color: #b6bdbd;
    text-decoration: none;
}

.pagination .current,
.woocommerce .site-content nav.woocommerce-pagination ul li .current,
.bbp-pagination-links span {
    background-color: #54ae68;
    color: #fff;
    font-weight: 600;
}

.messages #user-pag.pagination {
    display: none;
}

/*--------------------------------------------------------------
2.9 - Post Navigation
--------------------------------------------------------------*/
.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
}

#nav-above {
    padding: 24px 0;
}

#nav-above {
    display: none;
}

.paged #nav-above {
    display: block;
}

.nav-previous,
.previous-image {
    float: left;
    width: 50%;
}

.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
}

.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 0;
}

/*--------------------------------------------------------------
2.10 - Author Profiles
--------------------------------------------------------------*/
.author .archive-header {
    margin-bottom: 24px;
}

.author-info {
    border-top: 1px solid #ededed;
    margin: 24px 0;
    padding-top: 24px;
    overflow: hidden;
}

.author-description p {
    color: #757575;
    font-size: 13px;
    line-height: 1.8;
}

.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
}

.author.archive .author-avatar {
    margin-top: 0;
}

.bb-article-author {
    clear: both;
}

/*--------------------------------------------------------------
2.11 - Tooltip
--------------------------------------------------------------*/
.boss-tooltip {
    position: relative;
    cursor: pointer;
}

/* Base styles for the entire tooltip */
.boss-tooltip:before,
.boss-tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform:    translate3d(0, 0, 0);
    transform:         translate3d(0, 0, 0);
    pointer-events: none;
}

/* Show the entire boss-tooltip on hover and focus */
.boss-tooltip:hover:before,
.boss-tooltip:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* Base styles for the boss-tooltip's directional arrow */
.boss-tooltip:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Base styles for the boss-tooltip's content area */
.boss-tooltip:after {
    background-color: #333;
    border-radius: 2px;
    color: #fff;
    content: attr(data-tooltip);
    display: table;
    font-size: 13px;
    line-height: 1.2;
    margin-left: -45px;
    min-width: 100px;
    padding: 10px 12px;
    white-space: nowrap;
    z-index: 1000;
}

.header-style-1 .login.header-button.boss-tooltip:after {
    min-width: 80px;
}

.header-style-1 .login.header-button.boss-tooltip:before {
    left: 26px;
}

.sap-publish-popup .boss-tooltip.top.expand-to-fullscreen:after {
    line-height: 1.4;
    min-width: 170px;
    white-space: normal;
}

/* Directions */
/* Top */
.boss-tooltip.top:before,
.boss-tooltip.top:after {
    top: auto;
    left: -38px;
    bottom: 100%;
}

.boss-tooltip.top:hover:before,
.boss-tooltip.top:hover:after,
.boss-tooltip.top:focus:before,
.boss-tooltip.top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform:    translateY(-12px);
    transform:         translateY(-12px);
}

.boss-tooltip.top:before {
    border-bottom-color: transparent;
    border-top-color: #333;
    left: 3px;
    margin-top: 0;
    top: -1px;
}

/* Bottom */
.boss-tooltip:before,
.boss-tooltip:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.boss-tooltip:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #333;
}

.boss-tooltip:hover:before,
.boss-tooltip:hover:after {
    -webkit-transform: translateY(18px);
    -moz-transform:    translateY(18px);
    transform:         translateY(18px);
}

#search-open.boss-tooltip:after {
    min-width: 80px;
}

#search-open.boss-tooltip:before {
    margin-left: -8px;
}

/*--------------------------------------------------------------
3.0 - Basic structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 - Body, links, basics
--------------------------------------------------------------*/
body.logged-in.is-mobile.admin-bar {
    margin-top: 0 !important;
}

body:not(.no-adminbar).admin-bar {
    margin-top: 32px !important;
}

.mfp-wrap.mfp-ready ~ #wpadminbar {
    opacity: 0;
    visibility: hidden;
}

a {
    outline: none;
    text-decoration: none;
}

a, a:before, a:after {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

body.search .page-title, body.search .type-page > .entry-header .entry-title, h1.big, .group-create .create-group-title {
    text-align: center;
}

strong, b {
    font-weight: 600;
}

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

.row {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

.col {
    padding: 0 15px;
    width: 50%;
    float: left;
}

.clearfix:after {
    content: ' ';
    display: table;
    clear: both;
}

/*--------------------------------------------------------------
3.2 - Assistive text
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text, .assistive-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 0.1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.assistive-text:hover,
.screen-reader-text:active,
.assistive-text:active,
.screen-reader-text:focus,
.assistive-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 0.05469rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/*--------------------------------------------------------------
3.3 - Page structure
--------------------------------------------------------------*/
.site-content {
    margin: 0;
}

.widget-area {
    margin: 0;
}

.widget-area ul,
.widget-area ol {
    list-style: none;
    margin: 0;
}

.site {
    /*	min-height: 500px;*/
}

#primary {
    padding-left: 15px;
    padding-right: 15px;
}

body.single-item.groups #primary {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.single-item.groups .buddypress-content-wrap {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.is-sticky .site-header {
    z-index: 27;
}

/*--------------------------------------------------------------
3.4 - Banner
--------------------------------------------------------------*/
section[role="banner"] {
    margin-bottom: 48px;
}

/*--------------------------------------------------------------
3.5 - Widgets
--------------------------------------------------------------*/
.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 40px;
    word-wrap: break-word;
}

.widget-area .widget h3.widgettitle, .widget-area .widget_bp_profile_search h4 {
    font-size: 13px;
    padding: 0;
    line-height: 1.5;
    font-family: inherit;
    font-weight: 700;
    text-transform: uppercase;
    visibility: inherit;
}

.widget-area .widget ul ul {
    margin-left: 1.2em;
}

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

.widget-area .widget p {
    margin-bottom: 14px;
}

.widget-area .widget li {
    margin-bottom: 5px;
}

/* Inputs */
.widget-area .widget input[type="text"],
.widget-area .widget input[type="password"],
.widget-area .widget input[type="number"],
.widget-area .widget textarea {
    width: 100%;
}

/* Text Widget */
.widget-area .textwidget ul {
    list-style: disc outside;
    margin: 0 0 24px;
}

.widget-area .textwidget li {
    margin-left: 36px;
}

.widget-area .widget form label,
.widget-area .widget_bp_profile_search .label {
    display: block;
    font-weight: 600;
    margin: 0 0 5px;
}

.widget-area .widget form .bbp-remember-me label {
    display: inline;
}

.widget-area .widget form#sidebar-login-form a.sidebar-wp-register {
    display: inline-block;
    margin: 10px 0 0 8px;
}

.widget img.avatar {
    box-shadow: none;
    max-width: 50px;
}

#secondary .widget .item-list li,
.footer-widget .widget .item-list li {
    clear: both;
    line-height: 1.3;
    padding: 10px 0;
}

.footer-widget .widget .item-list li:first-child {
    padding-top: 0;
}

#secondary .widget .item-list li:after,
.footer-widget .widget .item-list li:after {
    clear: both;
    content: ' ';
    display: table;
}

.widget-area .widget ul.item-list li div.item-avatar {
    float: left;
}

#buddypress .widget-area .widget ul.item-list img.avatar,
.footer-widget .widget ul.item-list img.avatar {
    border-radius: 100%;
    display: block;
    height: auto;
    margin-right: 15px;
    width: 40px;
}

.widget-area .widget ul.item-list .item {
    margin-left: 60px;
    word-wrap: break-word;
}

.site-content #secondary ul.item-list li span.activity {
    width: auto;
}

.widget .item-meta {
    color: #999;
    font-size: 12px;
    margin-top: 3px;
    overflow: hidden;
}

.widget-area .widget dl {
    overflow: hidden;
    width: 100%;
}

.widget-area .widget dl dt {
    clear: left;
    float: left;
    margin-bottom: 10px;
    width: 80%;
}

.widget-area .widget dl dd {
    float: left;
    margin: 0;
    text-align: right;
    width: 20%;
}

/* RSS & Entries Widgets */
.widget_rss li {
    margin: 12px 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
    color: #aaa;
    font-size: 11px;
    margin-left: 12px;
}

/* Tag Cloud */
.widget .tagcloud {
    /*letter-spacing: 12px;*/
}

.widget .tagcloud a {
    font-size: 13px !important;
    color: #999;
    border: 1px solid rgba(0,0,0,0.1);
    display: inline-block;
    margin-right: 5px;
    padding: 5px 10px;
    letter-spacing: normal;
    margin-bottom: 10px;
    background-color: #fff;
}

.widget .tagcloud a:hover {
    color: #333;
    border: 1px solid #333;
}

/* Calendar Widget */
#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 13px;
    line-height: 1.8;
    color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: center;
}

#wp-calendar thead td {
    color: #ccc;
}

#wp-calendar caption {
    font-weight: 600;
    margin-bottom: 10px;
}

#wp-calendar td#today {
    font-weight: 600;
    color: #cf696a;
}

#wp-calendar #prev {
    text-align: left;
}

#wp-calendar #next {
    text-align: right;
}

/* Twitter Widget */
.widget_twitter li {
    list-style-type: none;
}

.widget_twitter .timesince {
    display: block;
    text-align: right;
}

/* BuddyBoss Profile Login Widget */
.widget-area .widget #sidebarme {
    overflow: hidden;
}

.widget-area .widget #sidebarme img.avatar {
    float: left;
}

.widget-area .widget #sidebarme ul.sidebarme-quicklinks {
    margin: 3px 0 0 64px;
    word-wrap: break-word;
}

.widget-area .widget #sidebarme ul.sidebarme-quicklinks li.sidebarme-username {
    font-weight: 600;
}

.widget-area .widget #sidebarme ul.sidebarme-quicklinks li.sidebarme-profile {
    text-transform: capitalize;
}

/* BuddyPress Log In Widget */
.widget-area .widget_bp_core_login_widget {
    overflow: hidden;
}

.widget-area .widget_bp_core_login_widget img.avatar {
    float: left;
}

.widget-area .widget_bp_core_login_widget .bp-login-widget-user-links {
    margin-left: 64px;
    word-wrap: break-word;
    line-height: 1.7;
}

.widget-area .widget_bp_core_login_widget .bp-login-widget-user-link {
    font-weight: 600;
}

/* BP Profile Search */
.widget-area .widget_bp_profile_search .editfield div label {
    margin: 7px 0;
    font-weight: 400;
}

.widget-area .widget_bp_profile_search .clear-value {
    display: block;
    margin: 10px 0 15px;
}

.widget-area .widget_bp_profile_search .submit {
    margin: 15px 0 0;
}

.widget_search #searchform,
.widget .woocommerce-product-search,
.widget #bbp-search-index-form {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 10px;
    position: relative;
}

.home #secondary .widget:first-child #searchform,
.home #secondary .widget:first-child #bbp-search-index-form {
    margin-top: 80px;
}

#secondary .widget:first-child h3 + #searchform,
#secondary .widget:first-child h3 + #bbp-search-index-form {
    margin-top: 0;
}

.widget_search #searchform button#search-close {
    display: none;
}

.widget_search #searchform button,
.widget .woocommerce-product-search button,
.widget #bbp-search-index-form button {
    background: transparent;
    padding: 5px 0;
    width: 20%;
    text-align: right;
}

.widget-area .widget_search input[type="text"],
.widget .woocommerce-product-search input[type="search"],
.widget-area .widget_display_search input[type="text"] {
    width: 80%;
    height: 35px;
    padding: 0;
    float: left;
}

.widget_search #searchform button:hover,
.widget #bbp-search-index-form button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.widget_search #searchform button i:before,
.widget .woocommerce-product-search button:i:before,
.widget #bbp-search-index-form button i:before {
    color: #54ae68;
    vertical-align: bottom;
}

.widget-area .widget_search input[type="text"],
.widget .woocommerce-product-search input[type="search"],
.widget-area .widget_display_search input[type="text"] {
    background: transparent;
    border: none;
    padding-left: 0;
}

/* Search Widget */
.widget-area .widget_search label {
    display: block;
    font-size: 13px;
    line-height: 1.8;
}

/* Avatar Widgets */
.widget .avatar-block {
    margin: -2px;
    overflow: hidden;
}

.widget .avatar-block img.avatar {
    margin: 4px;
    float: left;
}

/* Members Widget, Groups Widget */
.widget .item-options {
    border: 0;
    font-size: 0;
    margin-bottom: 25px;
}

.widget .item-options a {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.4);
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.025rem;
    margin-right: 10px;
    padding: 6px 10px;
}

#secondary .widget .item-options a.loading:after,
.footer-widget .widget .item-options a.loading:after {
    color: inherit;
}

.widget .item-options a.selected {
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.6);
}

.widget .item-title {
    margin-top: 5px;
    text-transform: capitalize;
}

.widget .activity-list {
    color: #999;
}

.widget .activity-list li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0 10px;
}

.widget .activity-inner img {
    display: inline-block;
    margin: 20px 0;
}

.widget #bbp-search-index-form button#bbp_search_submit,
.widget .woocommerce-product-search label+button[type="submit"] {
    text-align: center;
    display: block;
    padding: 0;
    margin: 0;
    height: 40px;
    line-height: 30px;
}

.widget .woocommerce-product-search input[type="search"],
.widget #bbp_search {
    padding-left: 0;
    padding-right: 0;
}

.widget .woocommerce-product-search label,
.widget .bb-search-forums-label {
    overflow: hidden;
}

/*--------------------------------------------------------------
3.6 - Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.6.1 - General
--------------------------------------------------------------*/

.bp-screen-reader-text {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    word-wrap: normal !important;
}

footer[role="contentinfo"] {
    clear: both;
    font-size: 12px;
    line-height: 2;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.footer-inner-top {
    background-color: #f9f9f9;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 80px 0 60px;
    clear: left;
    color: rgba(0, 0, 0, 0.4);
}

.footer-inner-top a {
    color: rgba(0, 0, 0, 0.4);
}

div.footer-inner-bottom {
    padding: 30px 0;
    font-size: 13px;
    clear: left;
    color: rgba(225, 225, 225, 0.8);
}

div.footer-inner-bottom a {
    color: rgba(225, 225, 225, 0.8);
}

div.footer-inner {
    overflow: hidden;
    padding: 0 15px;
    width: 100%;
}

div.footer-inner-bottom .footer-inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-widget .widget_calendar td,
.footer-widget .widget_calendar th {
    padding: 4px;
}

.footer-widget .widget .item-options a {
    font-size: 12px;
    margin-right: 4px;
    padding: 4px 8px;
}

/* Footer Links */
div.footer-inner div#footer-links {
    font-weight: 400;
    text-align: center;
}

.footer-menu {
    margin: 10px 0 0;
}

.footer-menu a:hover {
    border-bottom: 1px dotted;
}

div.footer-inner ul.footer-menu li {
    display: inline;
    margin-right: 11px;
}

#switch-mode {
    text-align: center;
    margin-top: 20px;
}

.site-credits {
    margin-bottom: 20px;
}

.footer-widget #switch-mode {
    clear: both;
    width: 100%;
    margin-left: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

.footer-widget #switch-mode input[type="submit"] {
    float: left;
    background-color: #e7753f;
    color: #fff;
    padding: 10px;
    /* margin-top: -28px; */
    display: inline-block;
}

.is-desktop .footer-widget .widget + #switch-mode input[type="submit"] {
    margin-top: -28px;
}

.is-desktop .footer-widget #switch-mode {
    overflow: visible;
}

/* Social Icons */
div.footer-inner ul.social-icons {
    margin-top: 20px;
    text-align: center;
}

.social-icons:empty {
    display: none;
}

div.footer-inner-bottom ul.social-icons li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

div.footer-inner-bottom ul.social-icons li a {
    display: block;
    color: rgba(225, 225, 225, 0.8);
    /* lighten */
    background: rgba(225, 225, 225, 0.15);
    /* lighten */
    text-align: center;
    text-decoration: none;
    line-height: 36px;
    height: 36px;
    width: 36px;
    margin: 4px;
    padding: 0px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

div.footer-inner-bottom ul.social-icons li a:hover {
    background-color: white;
    /* lighten more */
    color: rgba(0, 0, 0, 0.5);
    /* darken */
}

div.footer-inner ul.social-icons li span:before {
    font-weight: 900;
    font-style: normal;
    text-rendering: auto;
    text-decoration: inherit;
    speak: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    vertical-align: middle;
}

.link-facebook span:before {
    content: "\f09a";
}

.link-twitter span:before {
    content: "\f099";
}

.link-linkedin span:before {
    content: "\f0e1";
}

.link-google-plus span:before,
.link-googleplus span:before {
    content: "\f0d5";
}

.link-youtube span:before {
    content: "\f167";
}

.link-instagram span:before {
    content: "\f16d";
}

.link-pinterest span:before {
    content: "\f0d2";
}

.link-email span:before {
    content: "\f003";
}

.link-dribbble span:before {
    content: "\f17d";
}

.link-vk span:before {
    content: "\f189";
}

.link-tumblr span:before {
    content: "\f173";
}

.link-github span:before {
    content: "\f113";
}

.link-flickr span:before {
    content: "\f16e";
}

.link-skype span:before {
    content: "\f17e";
}

.link-vimeo span:before {
    content: "\f194";
}

.link-xing span:before {
    content: "\f168";
}

.link-rss span:before {
    content: "\f09e";
}

/*--------------------------------------------------------------
3.6.2 - Footer Widgets
--------------------------------------------------------------*/
.footer-widget .widget {
    margin-bottom: 60px;
}

.footer-widget .widget:last-child {
    margin-bottom: 30px;
}

.footer-widget .widget h4.widgettitle {
    font-family: inherit;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 40px;
}

.footer-widget .widget p,
.footer-widget .widget li,
.footer-widget .widget .textwidget {
    font-size: 13px;
    /*line-height: 1.8;*/
}

.widget span.activity {
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
}

.footer-inner .item-title {
    font-size: 14px;
}

.footer-style-2 .footer-widget {
    max-width: 320px;
}

.footer-style-2 .footer-inner.widget-area {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-style-2 .footer-inner-top,
.footer-style-2 .footer-widget a {
    color: rgba(0,0,0,0.65);
    font-size: 14px;
    font-family: "Lato";
    font-weight: 400;
}

.footer-style-2 .footer-widget .widget h4.widgettitle {
    margin-bottom: 21px;
    font-size: 17px;
}

.footer-style-2 .footer-widget a:hover {
    text-decoration: underline;
}

.footer-style-2 .widget #footer-icons {
    float: none;
}

.footer-style-2 .widget #footer-icons .social-icons {
    margin: 20px -5px;
    text-align: left;
}

.footer-style-2 #footer-icons .social-icons > li {
    display: inline-block;
    padding: 0 10px;
}

.widget.onesocial_social_links li {
    display: block;
    text-align: left;
}

.widget.onesocial_social_links li a span {
    width: 16px;
    margin-right: 17px;
    display: inline-block;
    text-align: center;
    color: #333;
}

.widget.onesocial_social_links li a i {
    font-style: normal;
    text-transform: capitalize;
    vertical-align: middle;
}

.widget.widget_newsletterwidget {
    line-height: 1.3;
}

.widget_mc4wp_form_widget .mc4wp-form-fields,
.widget.widget_newsletterwidget form {
    display: table;
    width: 100%;
}

.widget-area .widget.widget_mc4wp_form_widget label {
    display: none;
}

.widget_mc4wp_form_widget form p,
.widget.widget_newsletterwidget form p,
.widget.widget_newsletterwidget form div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.widget_mc4wp_form_widget .table,
.widget.widget_newsletterwidget form {
    margin-top: 18px;
}

.widget_mc4wp_form_widget form p input[type="email"],
.widget.widget_newsletterwidget form p input[type="email"],
.widget.widget_newsletterwidget form div input[type="email"] {
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.11);
}

.widget_mc4wp_form_widget form p input[type="email"] {
    padding: 14px 20px;
}

.widget.widget_newsletterwidget form p input[type="email"],
.widget.widget_newsletterwidget form div input[type="email"] {
    padding: 12px 20px;
}

.widget_mc4wp_form_widget form p button {
    font-size: 0;
}

.widget_mc4wp_form_widget form p button:before {
    content: "\f0e0";
    font-size: 14px;
}

.widget_mc4wp_form_widget form p button,
.widget.widget_newsletterwidget form p input[type="submit"],
.widget.widget_newsletterwidget form div input[type="submit"] {
    width: 46px;
    height: 46px;
    line-height: 1;
    background-color: #54ae68;
    color: #fff;
    /* font-size: 0; */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    border: none;
}

.widget.widget_newsletterwidget form p input[type="submit"],
.widget.widget_newsletterwidget form div input[type="submit"]  {
    height: 44px;
}

.widget.widget_newsletterwidget form p:last-child,
.widget.widget_newsletterwidget form div:last-child {
    vertical-align: bottom;
}

.widget.widget_newsletterwidget form p input[type="submit"]:hover,
.widget.widget_newsletterwidget form div input[type="submit"]:hover {
    -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);
}

.widget_mc4wp_form_widget form p:last-child,
.widget.widget_newsletterwidget form p:last-child,
.widget.widget_newsletterwidget form div:last-child {
    width: 46px;
    position: relative;
    left: -1px;
}

.widget_mc4wp_form_widget form .mc4wp-alert p:last-child {
    width: 100%;
    margin-top: 7px;
    display: block;
}

.widget.widget_newsletterwidget form p input[type="submit"]:before,
.widget.widget_newsletterwidget form div input[type="submit"]:before {
    content: "\f0e0";
    display: inline-block;
    font: normal normal normal 14px/1 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.widget.onesocial_social_links .social-icons span {
    font-weight: 900;
}


/*--------------------------------------------------------------
4.0 - Main content and comment content
--------------------------------------------------------------*/

.bb-side-icon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    top: 10px;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}

.bb-side-icon:before,
.bb-side-icon:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    content: ' ';
}

.bb-side-icon:before {
    top: -8px;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform .3s,width .3s,top .3s;
    transition: transform .3s,width .3s,top .3s;
}

.bb-side-icon:after {
    bottom: -8px;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform .3s,width .3s,bottom .3s;
    transition: transform .3s,width .3s,bottom .3s
}

.bb-sidebar-on .bb-side-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #54ae68;
}

.bb-sidebar-on .bb-side-icon:before {
    top: 0;
    transform: translateX(0)translateY(0)rotate(-45deg);
    width: 50%;
    background: #54ae68;
}

.bb-sidebar-on .bb-side-icon:after {
    bottom: 0;
    transform: translateX(0)translateY(0)rotate(45deg);
    width: 50%;
    background: #54ae68;
}

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

.entry-header img.wp-post-image {
    margin-bottom: 24px;
}

.entry-title {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: -4px; /*Match horizontal alignment*/
}

.bp-user .entry-header.buddypress .entry-title {
    display: none;
}

.entry-header .entry-title a {
    text-decoration: none;
    color: #333;
}

.entry-header .entry-title a:hover {
    color: #54ae68;
}

.entry-header .entry-title a.post-edit-link {
    color: inherit;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    border-radius: 50px;
    padding: 5px 9px;
    font-size: 10px;
    font-weight: 400;
    vertical-align: middle;
    margin-left: 10px;
    /*font-family: 'Lato', sans-serif;*/
}
.entry-header.has-image .entry-title a.post-edit-link {
    font-size: 12px;
}
.entry-header .entry-title a.post-edit-link:hover {
    color: inherit;
}

.entry-header .entry-format {
    margin-top: 24px;
    font-weight: 400;
}

.entry-header .entry-meta {
    color: #999;
    clear: left;
    padding: 24px 0 0;
    font-size: 14px;
    margin: 2px 0 35px;
}

.entry-meta {
    color: #9b9b9b;
}

.entry-header .entry-meta .meta-item {
    margin-right: 2%;
}

.entry-header .entry-meta .meta-item:not(:last-child):after {
    content: '.';
    padding-left: 2%;
}

.entry-header .entry-meta .meta-item img {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;
}

.entry-meta .comments-link {
    margin-left: 4px;
}

.entry-meta .comments-link: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: "\f0e5";
    -webkit-font-smoothing: antialiased;
    margin-right: 2px;
}

.comments-link a,
.entry-meta a {
    color: #999;
}

.comments-link a:hover,
.entry-meta a:hover {
    color: #666;
}

footer.entry-meta {
    clear: left;
    font-size: 13px;
    margin-top: 24px;
}

.entry-summary footer.entry-meta {
    clear: none;
    margin-top: 0;
}

.attachment-header footer.entry-meta {
    margin-top: 0;
    margin-bottom: 20px;
}

.attachment-header {
    margin-bottom: 26px;
}

article.sticky .featured-post {
    border-top: 4px double #ededed;
    border-bottom: 4px double #ededed;
    color: #999;
    font-size: 13px;
    line-height: 3.692307692;
    margin-bottom: 24px;
    text-align: center;
}

.entry-post-thumbnail img {
    float: left;
    width: 100%;
}

.entry-summary-thumbnail {
    margin-left: 175px;
}

.post-thumbnail {
    display: block;
}

.post-thumbnail img {
    width: 100%;
    margin-bottom: 20px;
    vertical-align: bottom;
}

.entry-content {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.entry-content.entry-summary {
    line-height: 1.5;
}

.comment-content p {
    margin: 0 75px 32px;
    line-height: 1.2;
    font-size: 18px;
}

.comment .reply {
    margin-left: 75px;
}

.entry-content #buddypress ol,
.entry-content #buddypress ul {
    overflow: visible;
}

.entry-content blockquote .author,
.comment-content blockquote .author {
    color: #54ae68;
    font-size: 18px;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
    margin-bottom: 0;
}

img.alignleft {
    margin: 12px 24px 12px 0;
}

img.alignright {
    margin: 12px 0 12px 24px;
}

img.aligncenter {
    margin-top: 12px;
    margin-bottom: 12px;
}

.page #comments .inner,
.page .page-right-sidebar .site-content article.page {
    padding-right: 30px;
}

.site-content article.post {
    /* overflow: hidden; */
    position: relative;
}

.search-no-results .not-found {
    /*padding-top: 70px;*/
    /*padding-bottom: 70px;*/
}

.no-results.not-found h2.entry-title {
    margin-bottom: 30px;
}

.page-links {
    clear: both;
    line-height: 1.7;
}

.mu_register h2 {
    color: #999;
    font-weight: 400;
}

/*--------------------------------------------------------------
5.0 - Archives
--------------------------------------------------------------*/
.entry-post-thumbnail {
    background: #eee;
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 32px;
}

.entry-post-thumbnail.category-thumb {
    height: auto;
}

single .entry-post-thumbnail:not(.category-thumb) img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 101%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.post-author .name {
    font-size: 14px;
}

.post-author .entry-date {
    margin-top: 8px;
    font-size: 11px;
    color: #9b9b9b;
}

.post-author .entry-date:hover {
    color: #666;
}

.post-author .load-more-posts.active .bb-icon-bars-f:before {
    content: 'A';
    color: #54ae68;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.author-details .author-middle .author-bio {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 26px;
    padding-bottom: 25px;
    position: relative;
}

.author-details .author-stats {
    list-style: none;
    margin-left: 0;
}

.author-details .author-stats a {
    color: #9b9b9b;
    font-size: 10px;
    position: relative;
    text-transform: uppercase;
}

.author-details .author-stats a:hover {
    color: #666;
}

.author-details .author-stats li span {
    color: #333;
    margin-right: 7px;
    font-size: 14px;
}

.article-outher {
    position: relative;
    margin-bottom: 70px;
}

.group-join a:before {
    content: "d";
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #54ae68;
    color: #fff;
    font-family: "onesocial" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
}

.group-join div.generic-button a:after {
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    content: "+";
    display: block;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    height: 14px;
    line-height: 9px;
    position: absolute;
    right: -3px;
    text-align: center;
    text-indent: 0.8px;
    top: -3px;
    width: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body #buddypress .group-join div.generic-button a:after {
    right: auto;
    left: 20px;
    top: 1px;
}

.group-join div.generic-button {
    vertical-align: middle;
    display: inline-block;
    height: 30px;
}

.author-follow div.generic-button.pending_friend:not(.add) + span,
.author-follow div.generic-button a.remove + span,
.author-follow div.generic-button.following + span {
    color: #54ae68;
}

.archive-header,
.page-header {
    font-size: 40px;
    /*margin-top: 70px;*/
}

.archive-meta {
    color: #757575;
    font-size: 12px;
    line-height: 2;
    margin-top: 22px;
}

.entry-meta a.read-more {
    color: #54ae68;
    border-top: 1px solid #54ae68;
    padding-top: 26px;
    display: inline-block;
    font-weight: 400;
}

.archive-header ~ .pagination-below {
    padding-top: 70px;
}

.entry-meta a.read-more:hover {
    color: #333;
}

.sep {
    vertical-align: text-bottom;
    margin-left: 6px;
    margin-right: 6px;
    color: #9b9b9b;
}

.posts-stream {
    display: none;
}

.posts-stream .title {
    border: 1px solid;
    display: inline-block;
    font-family: inherit;
    font-size: 10px;
    font-weight: 400;
    margin: 0;
    padding: 4px 7px;
    text-transform: uppercase;
}

.posts-stream .inner {
    display: none;
    background-color: #fff;
}

.posts-stream ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.posts-stream ul li {
    padding: 35px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.posts-stream ul li::after {
    clear: both;
    content: "";
    display: table;
}

.posts-stream ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.posts-stream ul li > a {
    float: left;
    margin-right: 30px;
    margin-top: 5px;
    text-align: center;
}

.posts-stream ul li time div {
    width: 35px;
}

.posts-stream ul li time div:first-child {
    background-color: #54ae68;
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    padding: 4px 0 2px;
    text-transform: uppercase;
    position: relative;
}

.posts-stream ul li time div:first-child:after,
.posts-stream ul li time div:first-child:before {
    content: '';
    border: 1px solid #fff;
    display: block;
    width: 4px;
    background-color: #54ae68;
    height: 5px;
    position: absolute;
    top: -3px;
}

.posts-stream ul li time div:first-child:before {
    left: 5px;
}

.posts-stream ul li time div:first-child:after {
    right: 5px;
}

.posts-stream ul li time div:nth-child(2) {
    background-color: #333;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    padding: 0;
}

.posts-stream ul li time div:nth-child(3) {
    font-size: 9px;
    font-weight: 400;
    padding: 3px 2px;
    color: #999;
}

.posts-stream ul li h3 {
    overflow: hidden;
}

.posts-stream ul li h3 a {
    font-size: 20px;
    color: inherit;
}

/* Standard blog */
.archive .site-content {
    /*padding-bottom: 70px;*/
}

.archive .site-content a.to-top {
    right: 28px;
}

.archive article.type-post {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 70px 0;
    position: relative;
}

.archive-header + article.type-post {
    padding-top: 40px;
}

.bookmarked-post {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 70px 0;
    position: relative;
}

.bookmarked-post:last-child {
    border-bottom: 0;
}

/*--------------------------------------------------------------
6.0 - Single image attachment view
--------------------------------------------------------------*/
.article.attachment {
    overflow: hidden;
}

.image-attachment div.attachment {
    text-align: center;
}

.image-attachment div.attachment p {
    text-align: center;
}

.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.image-attachment .entry-caption {
    margin-top: 8px;
}

/*--------------------------------------------------------------
7.0 - Aside post format
--------------------------------------------------------------*/
article.format-aside h1 {
    margin-bottom: 24px;
}

article.format-aside h1 a {
    text-decoration: none;
    color: #4d525a;
}

article.format-aside h1 a:hover {
    color: #2e3542;
}

article.format-aside .aside {
    padding: 24px 24px 0;
    background-color: #d2e0f9;
    border-left: 22px solid #a8bfe8;
}

article.format-aside p {
    /*    font-size: 13px;
        line-height: 1.8;
        color: #4a5466;*/
}

article.format-aside blockquote:last-child,
article.format-aside p:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
7.0 - Single Posts
--------------------------------------------------------------*/
.post-author-info {
    border-top: 1px solid rgba(0,0,0,0.1);
}

.post-author-info .inner {
    display: table;
    width: 100%;
}

.post-author-info .authors-avatar {
    padding: 68px 0;
    width: 95px;
}

.post-author-info .authors-avatar img {
    vertical-align: bottom;
    border-radius: 50%;
    width: 65px;
    height: 65px;
}

.post-author-info .details {
    vertical-align: top;
    padding-top: 68px;
    position: relative;
}

.post-author-info .author-name a {
    color: #333;
    font-size: 18px;
    margin-bottom: 6px;
    display: inline-block;
    font-weight: 700;
}

.post-author-info .author-name a:hover {
    color: #54ae68;
}

.post-author-info .author-bio {
    color: #333;
    font-size: 15px;
    margin-bottom: 15px;
}

.post-author-info .entry-meta {
    color: #929292;
    font-size: 12px;
    display: block;
}

.post-author-info .entry-meta a:not(.entry-date) {
    color: #54ae68;
}

.post-author-info .author-follow {
    position: absolute;
    top: 65px;
    right: -52px;
    padding: 0;
}

.single-post .entry-content {
    margin-bottom: 70px;
}

.single-post .entry-main .entry-meta {
    margin-top: 0;
    padding-top: 0;
}

.single-post .edit-link {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.single-post .entry-main {
    margin-bottom: 60px;
}

.single-post #content {
    margin-bottom: 40px;
}

.single-post .header-area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.single-post .header-area .table {
    display: table;
    height: 100%;
    width: 100%;
}

.single-post .entry-header.has-image {
    min-height: 53vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.single-post .entry-header.has-image h1 {
    color: #fff;
    font-size: 55px;
    line-height: 1.4;
    margin: 0;
    padding: 0 70px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#onesocial_recommend {
    margin: 0 12px 20px 8px;
}

#onesocial-recommended-by {
    margin-bottom: 20px;
}

#onesocial-recommended-by .title {
    line-height: 1.3;
}

#onesocial-recommended-by .recommenders-list {
    font-size: 12px;
    line-height: 1.1;
}

#onesocial-recommended-by .recommenders-list a {
    color: #333;
}

body #onesocial_recommend:before {
    content: 'G';
}

.helper-links {
    margin: 0 0 10px;
}

.helper-links li {
    display: inline-block;
    margin-right: 15px;
    text-align: center;
    vertical-align: top;
}

.a2a_dd.addtoany_no_icon {
    cursor: pointer;
    font-size: 10px !important;
    line-height: 1;
    position: relative;
    text-align: center;
    padding: 0;
    width: 44px;
}

.helper-links .a2a_dd.addtoany_no_icon:before {
    content: "\f08e";
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 18px;
    left: 0;
    line-height: 44px;
    margin: 0 auto 8px;
    padding: 2px 14px;
    position: relative;
}

.a2a_dd.addtoany_no_icon:before,
.helper-links .bb-helper-icon {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #333;
    display: inline-block;
    font-size: 21px;
    height: 44px;
    line-height: 44px;
    margin-bottom: 5px;
    text-align: center;
    width: 44px;
}

.fa.bb-helper-icon.fa-bookmark.fa-spinner.fa-spin {
    font-size: 18px;
}

.addtoany_content_bottom {
    display: none;
}

.bookmark-it.bookmark-it .bb-helper-icon {
    margin-right: 0;
}

.bookmark-link-container.bookmark-link-container {
    margin-right: 0;
}

.helper-links span {
    color: #9b9b9b;
    display: block;
    font-size: 10px;
}

.a2a_mini_services a.a2a_i {
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 13px;
    width: 42%;
}

.a2a_mini.a2a_mini {
    width: 260px;
}

.a2a_full_services .a2a_i {
    color: inherit !important;
    font-size: 13px;
}

div.a2a_full_footer {
    display: none;
}

.blog.bb-marketplace .site {
    padding-top: 70px;
}

/*--------------------------------------------------------------
8.0 - Post formats
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.1 - Image posts
--------------------------------------------------------------*/
article.format-image footer h1 {
    font-size: 13px;
    line-height: 1.8;
    font-weight: 400;
}

article.format-image footer h2 {
    font-size: 11px;
    line-height: 2.181818182;
}

article.format-image footer a h2 {
    font-weight: 400;
}

/*--------------------------------------------------------------
8.2 - Link posts
--------------------------------------------------------------*/
article.format-link header {
    padding: 0 10px;
    float: right;
    font-size: 11px;
    line-height: 2.181818182;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
    color: #848484;
    background-color: #ebebeb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

article.format-link .entry-content {
    max-width: 80%;
    float: left;
}

article.format-link .entry-content a {
    font-size: 22px;
    line-height: 1.090909091;
    text-decoration: none;
}

/*--------------------------------------------------------------
8.3 - Quote posts
--------------------------------------------------------------*/
article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px;
}

article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    font-size: 15px;
    line-height: 1.6;
    font-style: normal;
    color: #6a6a6a;
    background-color: #efefef;
}

/*--------------------------------------------------------------
8.4 - Status posts
--------------------------------------------------------------*/
.format-status .entry-header {
    margin-bottom: 24px;
}

.format-status .entry-header header {
    display: inline-block;
}

.format-status .entry-header h1 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.format-status .entry-header h2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    margin: 0;
}

.format-status .entry-header header a {
    color: #757575;
}

.format-status .entry-header header a:hover {
    color: #21759b;
}

.format-status .entry-header img {
    float: left;
    margin-right: 21px;
}

/*--------------------------------------------------------------
9.0 - Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
9.1 - Comment area
--------------------------------------------------------------*/
.comments-title {
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-top: 62px;
    margin-bottom: 60px;
}

.comments-area article {
    margin: 0;
    padding: 70px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.comments-area .comment:first-child article {
    border-top: 0;
    padding-top: 0;
}

.comments-area article header {
    margin: 0 0 37px;
    overflow: hidden;
    position: relative;
}

.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0;
    border-radius: 50%;
    max-width: 45px;
}

.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 75px;
}

.comments-area article header cite {
    font-style: normal;
    font-size: 18px;
    line-height: 1.42857143;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.comments-area article header time {
    line-height: 1.7;
    text-decoration: none;
    font-size: 12px;
    color: #999;
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}

.comments-area article header a:hover {
    color: #333;
}

.comments-area article header cite a {
    color: #54ae68;
    font-weight: 400;
    margin-right: 3px;
}

.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(top, #009cee, #0088d0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #007cbd;
}

.comments-area li.bypostauthor cite span {
    padding: 5px 6px;
    font-size: 10px;
    line-height: 1;
}

.commentlist {
    margin-left: 0;
}

.commentlist li {
    list-style: none;
}

a.comment-reply-link,
a.comment-edit-link {
    color: inherit;
    font-size: 14px;
    line-height: 14px;
    margin-right: 20px;
    padding: 5px 0;
}

.commentlist .edit-link {
    display: inline-block;
}

.commentlist .pingback {
    line-height: 1.7;
    margin-bottom: 24px;
}

.comment-edit-link:before,
.comment-reply-link:before {
    display: inline-block;
    font-size: 15px;
    font-family: 'onesocial';
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.comment-edit-link:before {
    content: "T";
}

.comment-reply-link:before {
    content: "K";
}

.comment-reply-link span {
    display: none;
}

.comments-area .children article {
    /*padding-top: 0;*/
}


/*--------------------------------------------------------------
9.2 - Comment form
--------------------------------------------------------------*/
#comments {
    clear: left;
    margin-bottom: 15px;
}

.comments-title + #respond {
    margin-top: 0px;
    margin-bottom: 70px;
}

#respond {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#respond h3#reply-title {
    float: right;
    font-size: 16px;
    line-height: 1.5;
    margin: 15px 0 0;
}

#respond #cancel-comment-reply-link {
    color: #f14e56;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    z-index: 2;
}

#respond p.must-log-in {
    margin: 12px 0 15px;
}

#respond form {
    /*margin: 50px 0 0;*/
    margin: 0;
    position: relative;
    /* border-bottom: 1px solid rgba(0,0,0,0.1); */
}

#respond form p {
    /*margin: 11px 0;*/
}

#respond form p input[type="submit"] {
    font-size: 14px;
}

#respond form p.logged-in-as {
    margin-bottom: 24px;
}

#respond form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71429;
}

#respond form input[type="text"],
#respond form textarea {
    font-size: 12px;
    line-height: 1.7;
    padding: 10px;
    width: 100%;
}

#respond form textarea {
    padding: 15px 0;
    border: none;
    font-size: 18px;
    color: #333;
    min-height: 30px;
    margin: 5px 0 0;
    resize: none;
    overflow: hidden;
}

body:not(.logged-in) #respond form textarea {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 26px;
}

.attached-image {
    color: #444;
    letter-spacing: 0.05em;
}

.attached-image i {
    margin-right: 8px;
}

body.logged-in #respond .comment-form-comment {
    padding-left: 75px;
    position: relative;
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    line-height: 2;
    color: #5e5e5e;
}

.commentlist #respond {
    margin-bottom: 70px;
}

.required {
    color: #f14e56;
}

.comment-avatar {
    position: absolute;
    z-index: 1;
}

.comment-avatar img {
    border-radius: 50%;
    width: 45px;
    height: 45px;
}

body.logged-in #respond .form-submit {
    margin-left: 75px;
}

/*--------------------------------------------------------------
10.0 - Front page template
--------------------------------------------------------------*/
.entry-page-image {
    margin-bottom: 14px;
}

.template-front-page .site-content article {
    border: 0;
    margin-bottom: 0;
}

.template-front-page .widget-area {
    clear: both;
    float: none;
    width: auto;
    padding-top: 24px;
    border-top: 1px solid #ededed;
}

.template-front-page .widget-area .widget li {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.7;
    list-style-type: square;
    list-style-position: inside;
}

.template-front-page .widget-area .widget li a {
    color: #757575;
}

.template-front-page .widget-area .widget li a:hover {
    color: #21759b;
}

.template-front-page .widget-area .widget_text img {
    float: left;
    margin: 8px 24px 8px 0;
}

/*----------------------------------------------------------------
11.0 - 404 template
----------------------------------------------------------------*/
article.error404 {
    max-width: 478px;
    margin: 0 auto !important;
}

body article.error404 .entry-header {
    margin: 45px 0 80px;
}

.error404 .entry-title {
    font-size: 240px;
    text-align: center;
    position: relative;
    line-height: 1;
    margin-bottom: 45px;
}

.error404 .entry-title:before {
    background-image: url('../images/not-found.png');
    background-repeat: no-repeat;
    background-size: contain;
    content: ' ';
    display: block;
    height: 163px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 68px;
    width: 308px;
    z-index: 1;
}

.error404 .entry-header p {
    font-size: 19px;
    font-weight: 700;
    color: #333;
    text-align: center;
    padding: 0 24px;
}

.caroufredsel_wrapper ul {
    list-style: none;
    margin: 0;
}

.caroufredsel_wrapper .entry-meta {
    font-size: 14px;
}

#posts-carousel {
    padding-top: 85px;
    border-top: 1px solid rgba(0,0,0,0.1);
    max-width: 356px;
    margin: 0 auto 90px;
}

#posts-carousel h2.title {
    font-family: inherit;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    margin: 0;
}

#posts-carousel img {
    opacity: 1;
}

.bb-carousel-header {
    margin-bottom: 30px;
}

#posts-carousel .arrows {
    float: right;
    line-height: 1;
    margin-top: -3px;
}

#posts-carousel .arrows a {
    font-size: 12px;
    color: #333;
    text-align: right;
    margin-left: 10px;
}

#posts-carousel li {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    list-style: none;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 10px 0;
}

#posts-carousel .entry-post-thumbnail {
    margin-bottom: 40px;
}

#posts-carousel h3 {
    margin-bottom: 34px;
    margin-top: 0;
}

#posts-carousel h3 a {
    font-size: 26px;
    color: #333;
    line-height: 1;
}

#posts-carousel h3 a:hover {
    color: #54ae68;
}

#posts-carousel footer .about:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 50px;
    top: 0;
    background-color: rgba(0,0,0,0.1);
}

#posts-carousel footer .about {
    padding-top: 40px;
    margin-bottom: 40px;
    position: relative;
}

#posts-carousel footer .about .table-cell:first-child {
    width: 75px;
}

#posts-carousel footer .about .table-cell {
    vertical-align: top;
    line-height: 1;
}

#posts-carousel footer .author img {
    width: 50px;
    height: 50px;
    vertical-align: bottom;
    margin-right: 25px;
}

#posts-carousel footer a {
    color: #54ae68;
}

#posts-carousel footer a:hover {
    color: #333;
}

#posts-carousel footer small {
    display: block;
    margin-top: 10px;
}

#posts-carousel footer small a {
    color: #929292;
}

/*----------------------------------------------------------------
12.0 - Search template
----------------------------------------------------------------*/
.search .site-content {
    /*width: 100%;*/
}

.search #buddypress div:not(#item-nav) > .dir-form div.item-list-tabs {
    margin-bottom: 90px;
}

.search_results {
    max-width: 750px;
    margin: 0 auto;
}

#cpt-product-stream .bboss_search_item,
#buddypress #posts-stream li.bboss_search_item {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

#buddypress #messages-stream li.bboss_search_item {
    padding: 30px 0 0;
}

#buddypress #messages-stream li.bboss_search_item:first-child {
    padding-top: 0;
}

#buddypress #groups-stream li.bboss_search_item {
    padding: 40px 0;
}

#buddypress #groups-stream li.bboss_search_item:first-child {
    padding-top: 0;
}

.bb-search-result-group .horiz-gallery,
#buddypress ul.item-list li .bb-search-result-group div.item-desc {
    margin: 0;
}

.entry-content .results-group-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 35px;
    margin-bottom: 70px;
    padding: 0 0 20px;
}

#buddypress div.activity-comments form div.ac-reply-avatar {
    margin-bottom: 10px;
    overflow: hidden;
}

#page #buddypress .activity .activity-comments div.ac-reply-avatar img {
    border-radius: 0;
    height: auto;
    margin: 0 20px 0 0;
    max-width: 50px;
    position: static;
}

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

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

#buddypress div.activity-comments form .ac-textarea {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 8px;
}

#buddypress div.activity-comments form textarea {
    border: none;
    background: transparent;
    box-shadow: none;
    outline: none;
    color: #555;
    font-family: inherit;
    font-size: 100%;
    height: 60px;
    padding: 0;
    margin: 0;
    resize: none;
    width: 100%;
}

#buddypress div.activity-comments form input {
    margin-top: 5px;
    padding-top: 16px;
}

#buddypress div.activity-comments form div.ac-reply-content {
    color: #888;
    padding-left: 68px;
    padding-right: 0;
}

#buddypress div.activity-comments form div.ac-reply-content a {
    text-decoration: none;
}

#main #buddypress .size-activity-thumbnail img {
    margin: 0 0 15px;
}

#buddypress div.activity-comments ul li:after {
    clear: both;
    content: ' ';
    display: table;
}

.ac-reply-cancel {
    color: inherit;
    margin-left: 15px;
}

#buddypress .acomment-options a {
    color: #999;
}

#buddypress .acomment-options a.buddyboss_edit_activity_comment {
    color: inherit;
    font-size: 11px;
    font-weight: 600;
}

#buddypress .acomment-options a:hover {
    color: inherit;
}

.search_results .to-top,
.search_results .load-more-posts,
.search_results .author-middle,
.search_results .author-follow,
.search-results .edit-link {
    display: none;
}

.search-results .site-content article.page {
    /*padding-top: 0;*/
}

.search-results .bboss_search_item_post .entry-title {
    margin: 0;
}

.search-results .bboss_search_item_post .entry-summary p {
    margin: 0 0 26px;
}

.bb-search-result-group .item {
    width: 100%;
}

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

.bb-search-result-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.bb-search-result-group .item-avatar {
    padding-right: 40px;
    width: 20%;
}

.bb-search-result-group .item-meta {
    text-align: right;
}

#buddypress .results-group-groups .bb-search-result-group .group-members-results .avatar {
    border-radius: 0;
    height: auto;
    max-width: 50px;
}

#buddypress .bb-search-result-group .group-members-results {
    float: right;
}

#buddypress ul.item-list .bb-search-result-group .activity {
    float: right;
    margin-top: 10px;
    width: auto;
}

.bb-search-result-group .item-avatar {
    padding-right: 40px;
}

.bb-search-result-group .bb-group-title {
    display: inline-block;
    margin-right: 10px;
}

.bb-search-result-group .bb-group-type {
    font-size: 11px;
    font-weight: normal;
}

.search-content-wrap .pagination-below {
    padding-top: 70px;
}

/*----------------------------------------------------------------
>>> BUDDYPRESS
----------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Pagination
--------------------------------------------------------------*/
#buddypress div.pagination {
    background: transparent;
    border: none;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 10px 0 70px;
    color: #888;
    text-align: center;
}

#buddypress #pag-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column-reverse nowrap;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
}

#buddypress div.pagination .pag-count {
    margin-top: 40px;
}

#buddypress div.pagination .pagination-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#buddypress div.pagination .pagination-links span,
#buddypress div.pagination .pagination-links a {
    padding: 16px 18px;
}

#buddypress div.pagination .pagination-links a:hover {
    font-weight: 600;
}

#buddypress noscript div.pagination {
    margin-bottom: 15px;
}

#buddypress #nav-above {
    display: none;
}

#buddypress .paged #nav-above {
    display: block;
}

/*--------------------------------------------------------------
2.0 - Images
--------------------------------------------------------------*/
#buddypress img.wp-smiley {
    border: none !important;
    clear: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*--------------------------------------------------------------
3.0 - Activity
--------------------------------------------------------------*/
#buddypress #activity-filter-by {
    margin-left: 5px;
}

#buddypress #activity-stream {
    /*border-top: none;*/
    /*margin-bottom: 70px;*/
}

#buddypress #activity-stream p {
    margin: 0 0 1rem;
    padding: 1px 0;
    font-size: 12px;
    color: #999;
}

#buddypress .activity-list .activity-content .activity-header {
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 18px;
    display: table;
    width: 100%;
    font-size: 12px;
}

#buddypress div.acomment-avatar {
    /*position: absolute;*/
}

#buddypress div.acomment-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 70px;
    margin-top: 5px;
    margin-bottom: 6px;
}

#buddypress div.acomment-header .acomment-meta {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 1px; /* Firefox-34-ignoring-max-width-for-flexbox */
}

.activity-comments .acomment-meta {
    float: left;
    padding-left: 20px;
}

#buddypress .activity-comments .acomment-options {
    clear: none;
    float: right;
    padding-top: 5px;
    width: auto;
}

#buddypress #activity-stream .activity-header > p {
    display: table-cell;
    vertical-align: top;
}

.acomment-reply-like-content {
    display: none;
}

#buddypress div.acomment-header .acomment-options,
#buddypress #activity-stream .activity-header > .activity-meta {
    display: table-cell;
    min-width: 140px;
    overflow: visible;
    text-align: right;
    line-height: 1;
    width: auto;
}

#buddypress #activity-stream p:last-child {
    margin: 0;
}

#buddypress div.activity-meta a {
    background-color: transparent;
    box-shadow: none;
    color: inherit;
    display: inline-block;
    float: none;
    font-size: 11px;
    line-height: 1;
    padding: 0;
    vertical-align: middle;
}

/*
#buddypress #activity-stream .activity-meta .buddyboss_media_move,
#buddypress #activity-stream .activity-meta .buddyboss_media_tag,
#buddypress #activity-stream .activity-meta .buddyboss_privacy_filter,
*/
#buddypress #activity-stream .acomment-options .acomment-reply,
#buddypress #activity-stream .acomment-options .acomment-delete,
#buddypress #activity-stream .acomment-options .acomment-like,
#buddypress #activity-stream .activity-meta .fav.bp-secondary-action,
#buddypress #activity-stream .activity-meta .unfav.bp-secondary-action,
#buddypress #activity-stream .activity-meta .delete-activity-single,
#buddypress #activity-stream .activity-meta .delete-activity,
#buddypress #activity-stream .activity-meta .buddyboss_media_tag,
#buddypress #activity-stream .activity-meta .buddyboss_media_move,
#buddypress #activity-stream .activity-meta .view,
/*#buddypress #activity-stream .activity-meta .buddyboss_edit_activity,*/
#buddypress #activity-stream .activity-meta .buddyboss_privacy_filter {
    font-size: 0;
    color: transparent;
    display: inline-block;
    padding: 0;
    margin: 0 3px;
    top: 0;
}

/*
#buddypress div.activity-meta a.buddyboss_media_move,
#buddypress div.activity-meta a.buddyboss_privacy_filter,
*/
#buddypress #activity-stream div.acomment-options a.acomment-reply:before, #buddypress #activity-stream .acomment-options .bp-secondary-action:before, #buddypress #activity-stream .acomment-options .delete-activity-single:before, #buddypress #activity-stream .acomment-options .delete-activity:before, #buddypress div.activity-meta a.delete-activity, #buddypress div.activity-meta a.acomment-reply, #buddypress div.activity-meta a.unfav, #buddypress div.activity-meta a.fav, #buddypress #activity-stream .activity-meta .bp-secondary-action:before, #buddypress #activity-stream .activity-meta .delete-activity-single:before, #buddypress #activity-stream .activity-meta .delete-activity:before {
    background-color: transparent;
    color: #333;
    font-size: 14px;
    line-height: 1;
}

#primary #buddypress #activity-stream div.activity-meta a:hover:before {
    color: #54ae68;
}

#buddypress #activity-stream .acomment-options .acomment-delete:before, #buddypress #activity-stream .activity-meta .delete-activity-single:before, #buddypress #activity-stream .activity-meta .delete-activity:before {
    content: "C";
}

#buddypress #activity-stream .acomment-options .acomment-like.fav-comment:before,
#buddypress #activity-stream .activity-meta .fav.bp-secondary-action:before {
    content: "G";
    font-family: 'onesocial';
}

.activity-meta .bp-secondary-action.buddyboss_media_tag:before {
    content: "x";
}

#buddypress #activity-stream .activity-meta .bp-secondary-action.buddyboss_media_move:before {
    content: "\f03e";
    font-family: "Font Awesome 5 Free" !important;
}

#buddypress #activity-stream .acomment-options .acomment-reply:before, #buddypress #activity-stream .acomment-options .acomment-delete:before, #buddypress #activity-stream .acomment-options .acomment-like:before, #buddypress #activity-stream .activity-meta .bp-secondary-action:before, #buddypress #activity-stream .activity-meta .delete-activity-single:before, #buddypress #activity-stream .activity-meta .delete-activity:before {
    display: inline-block;
    font-family: "onesocial" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#buddypress #activity-stream .acomment-options .acomment-like.unfav-comment:before,
#buddypress #activity-stream .activity-meta .unfav.bp-secondary-action:before,
.buddyboss-wall-active #buddypress #activity-stream .acomment-options .unfav-comment.bp-secondary-action:before,
.buddyboss-wall-active #buddypress #activity-stream .activity-meta .unfav.bp-secondary-action:before {
    content: "\f004";
    font-family: 'Font Awesome 5 Free' !important;
}

.acomment-reply:before {
    content: "K";
}

.view.bp-secondary-action {
    display: none !important;
}

.view.bp-secondary-action:before {
    content: "y";
}

.buddyboss_privacy_filter:before {
    content: 'd';
    font-size: 14px;
}

.bp-secondary-action.buddyboss_edit_activity:before {
    /*content: "T";*/
}

#main #buddypress a.bp-secondary-action.spam-activity,
#main #buddypress a.bp-secondary-action.spam-activity-comment {
    font-size: 0;
    color: transparent;
    display: inline-block;
    padding: 0;
    margin: 0 3px;
    top: 0;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main #buddypress a.bp-secondary-action.spam-activity:before,
#main #buddypress a.bp-secondary-action.spam-activity-comment:before {
    content: '\f05e';
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}

#buddypress #activity-stream embed,
#buddypress #activity-stream iframe,
#buddypress #activity-stream object,
#buddypress #activity-stream video {
    margin-bottom: 0;
}

#buddypress .home-page form#whats-new-form {
    border-bottom: none;
    padding-bottom: 0;
}

form#whats-new-form {
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    margin-bottom: 70px;
}

form#whats-new-form.isCollapsed {
    height: 130px;
    overflow: hidden;
}

#buddypress #whats-new-form #message {
    margin-bottom: -10px;
    margin-top: 0;
}

#whats-new-header {
    overflow: hidden;
    width: 100%;
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#whats-new-header:after {
    display: none;
    content: '';
    width: 100%;
    height: 30%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background-color: #fff;
}

#buddypress #whats-new-selects,
#buddypress #whats-new-avatar {
    display: table-cell;
}

#buddypress #whats-new-post-in-box {
    display: inline-block;
}

#whats-new-form .whats-author {
    color: #54ae68;
    font-weight: 400;
    line-height: 48px;
}

#whats-new-form.isCollapsed .activity-greeting,
#whats-new-form.isCollapsed .whats-author {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

#main #buddypress #whats-new-form .activity-greeting {
    cursor: text;
    line-height: 50px;
    display: block !important;
}

#whats-new-form .activity-greeting,
#whats-new-form .whats-author {
    transition: -webkit-transform .15s,opacity .15s;
    transition: transform .15s,opacity .15s;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%
}

#whats-new-form .activity-greeting,
#whats-new-form.isCollapsed .whats-author {
    opacity: 0;
}

#whats-new-form #whats-new-textarea,
#whats-new-form #whats-new-options {
    transition: opacity .2s .15s;
}

#whats-new-form.isCollapsed #whats-new-textarea,
#whats-new-form.isCollapsed #whats-new-options {
    transition: opacity .15s;
    opacity: 0;
}

body.single-item.groups.photos #buddypress div#subnav.item-list-tabs,
body.bp-user.my-account.photos #buddypress div#subnav.item-list-tabs {
    margin-bottom: 40px;
}

body.single-item.groups.photos form#whats-new-form,
body.bp-user.my-account.photos form#whats-new-form {
    border: 0;
    height: auto;
    margin-bottom: 40px;
}

body.bp-user.my-account.photos #whats-new-header,
body.groups.photos #whats-new-header,
body.groups.photos #buddypress #whats-new-options,
#whats-new-options #buddyboss-media-add-photo {
    display: none !important;
}

body.single-item.groups.photos #whats-new-content,
body.bp-user.my-account.photos #whats-new-content {
    display: block;
}

body.single-item.groups.photos #buddypress #whats-new-textarea,
body.bp-user.my-account.photos #buddypress #whats-new-textarea {
    opacity: 1;
}

body.single-item.groups.photos #buddypress form#whats-new-form #whats-new-content,
body.bp-user.my-account.photos #buddypress form#whats-new-form #whats-new-content {
    margin-top: 0;
    padding: 0;
}

body.single-item.groups.photos #buddypress #whats-new-options,
body.bp-user.my-account.photos #buddypress #whats-new-options {
    display: none !important;
}

#buddypress #whats-new-avatar {
    width: 46px;
    margin-bottom: 10px;
}

#buddypress #whats-new-avatar img {
    border-radius: 50%;
    max-width: 48px;
}

#buddypress #whats-new-header-content {
    vertical-align: middle;
    overflow: hidden;
    padding-left: 24px;

    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 1px; /* Firefox-34-ignoring-max-width-for-flexbox */
    width: 75%;  /* IE11 */
}

#buddypress #whats-new-selects {
    vertical-align: top;
    padding-top: 8px;
    text-align: right;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 10px;
}

#buddypress form#whats-new-form #whats-new-content {
    padding: 0 0 70px 70px;
    margin-top: -20px;
}

#buddypress form#whats-new-form textarea {
    background-color: transparent;
    border: none;
    font-family: inherit;
    display: block; /* Removed  !important beacuse of photos page issue */
    min-height: 90px;
    /*height: auto !important;*/
    overflow: hidden;
    padding: 0;
    width: 100%;
    outline: none;
    resize: none;
    font-size: 18px;
    /*padding-top: 40px;*/
}

body.no-js #buddypress form#whats-new-form textarea {
    height: 20px;
}

#buddypress form#whats-new-form p.activity-greeting {
    /* margin: 0 0 10px; */
    /* line-height: 1; */
    /* float: left; */
    /* font-weight: 600; */
}

body #buddypress form#whats-new-form #whats-new-submit {
    margin-top: 0;
}

#buddypress form#whats-new-form #whats-new-submit,
#buddypress form#whats-new-form #whats-new-close {
    display: inline-block;
    vertical-align: bottom;
}

#buddypress form#whats-new-form #whats-new-submit input[type="submit"] {
    padding: 25px 0 0;
    background-color: transparent;
    color: #54ae68;
    border-top: 1px solid #54ae68;
    font-size: 14px;
    margin-right: 30px;
}

#buddypress form#whats-new-form #whats-new-submit input[type="submit"]:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#buddypress form#whats-new-form #whats-new-close {
    cursor: pointer;
}

.rtmedia-plupload-container ~ #whats-new-close {
    line-height: 18px;
    padding-top: 26px;
}

.rtmedia-plupload-container.rtmedia-plupload-container {
    display: inline-block;
    float: none;
    top: -3px;
}

#buddypress #whats-new-options {
    display: block !important; /* rtMedia issue */
    margin-top: 12px;
    height: auto !important;
    overflow: hidden !important;
}

#buddyboss-media-add-photo-button {
    font-size: 0 !important;
    color: rgba(0, 0, 0, 0.17);
    margin-bottom: 0;
}

#buddyboss-media-add-photo-button:before {
    margin-right: 0;
    content: "\f03e";
    font-size: 20px;
}

body.no-js #buddypress #whats-new-options {
    height: auto;
}

#buddypress #activity-stream .activity-inner > p {
    word-wrap: break-word;
    font-size: 18px;
    font-weight: 300;
    color: #333;
}

#buddypress #activity-stream .acomment-content p {
    font-size: 18px;
    font-weight: 300;
}

.acomment-content + ul {
    padding-top: 15px;
}

#buddypress .acomment-header .activity-time-since:before {
    content: " ";
    display: block;
}

#buddyboss-media-add-photo-button {
    opacity: 0;
    visibility: hidden;
}

#whats-new-textarea {
    position: relative;
}

.boss-insert-buttons {
    left: -65px;
    position: absolute;
    top: 0;
    width: 50px;
}

.isCollapsed #whats-new-content,
.isCollapsed .boss-insert-buttons {
    display: none;
}

.boss-insert-buttons-show {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    color: #aaa;
    cursor: pointer;
    display: block;
    font-size: 26px;
    height: 38px;
    line-height: 34px;
    margin-top: -5px;
    text-align: center;
    text-decoration: none;
    transform: rotate(0deg);
    transition: transform 100ms ease 0s;
    width: 38px;
}

.boss-insert-buttons-show:hover {
    border-color: rgba(0, 0, 0, 0.3);
    color: #888;
}

.boss-show-buttons .boss-insert-buttons-show {
    transform: rotate(45deg);
    transition: transform 250ms ease 0s;
}

.boss-insert-buttons-addons {
    left: 55px;
    list-style: outside none none;
    margin: 0;
    min-width: 120px;
    opacity: 0;
    padding: 0;
    position: relative;
    top: -39px;
    transition: visibility 0s ease 0s, opacity 600ms ease 0s;
    visibility: hidden;
    z-index: 2;
}

.boss-show-buttons .boss-insert-buttons-addons {
    opacity: 1;
    visibility: visible;
}

#whats-new {
    transition: opacity 600ms ease 0s;
}

.boss-show-buttons #whats-new {
    opacity: 0;
}

.boss-insert-buttons-addons li {
    display: inline-block;
}

.boss-insert-buttons-addons li a {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 38px;
    line-height: 42px;
    margin: 0 5px;
    text-align: center;
    width: 38px;
}

.boss-insert-buttons-addons li a:hover {
    border-color: rgba(0, 0, 0, 0.3);
}

.boss-insert-buttons-addons li .boss-insert-video {
    font-size: 15px;
    text-indent: 3px;
}

.buddyboss-comment-media-add-photo {
    margin-right: 15px;
}

.bp-user.my-account.photos #whats-new-content .boss-insert-buttons {
    display: none;
}

#group-settings-form .boss-insert-buttons {
    display: none;
}

body #buddypress div.activity-comments form#frm_buddypress-edit-activity .ac-textarea {
    clear: both;
    margin: 60px 0 30px 68px;
}

/*--------------------------------------------------------------
4.0 - Directories - Members, Groups, Blogs, Forums
--------------------------------------------------------------*/
.group-join, .author-follow {
    /*padding-top: 23px;*/
    /* background-color: #fff; */
    padding-bottom: 10px;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

#buddypress .group-join, #buddypress .author-follow {
    padding: 0;
    position: absolute;
    background-color: transparent;
    /* text-align: right; */
    width: 38px;
    right: 0;
    z-index: 1;
}

#buddypress .author-follow span {
    position: absolute;
    white-space: nowrap;
    margin-top: 16px;
    margin-left: 5px;
    top: 0;
}

#buddypress #buddypress div#item-header .author-follow div.generic-button {
    float: right;
    margin-right: 8px;
    margin-top: 8px;
}

#buddypress .group-join div.generic-button a, #buddypress .author-follow div.generic-button a {
    background-color: transparent;
    width: 30px;
    min-width: inherit;
    padding: 0;
    color: transparent;
}

#buddypress .author-follow div.generic-button a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*--------------------------------------------------------------
4.1 - Search Forms
--------------------------------------------------------------*/
#buddypress div.dir-search {
    clear: both;
    margin: 0 0 40px;
}

#buddypress div.dir-search label {
    float: left;
}

#buddypress div.dir-search input[type="text"], #bbpress-forums #bbp-search-index-form input#bbp_search {
    float: left;
    height: 35px;
    padding: 0 12px;
    margin: 0;
}

#messages_search_submit {
    border: 0;
}

#buddypress .groups-members-search,
#buddypress .dir-search.boss-search-wrapper {
    margin: 0 auto;
    max-width: 66%;
    overflow: hidden;
    position: relative;
}

.groups-members-search label,
.boss-search-wrapper label {
    margin-bottom: 40px;
    padding-right: 60px;
    position: relative;
    width: 100%;
}

.groups-members-search label {
    float: left;
    margin: 0;
    padding-right: 42px;
}

.groups-members-search label:after,
.boss-search-wrapper label:after {
    background: #54ae68;
    color: #fff;
    content: "c";
    font-family: "onesocial";
    font-size: 20px;
    height: 52px;
    line-height: 52px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 60px;
}

.groups-members-search label:after {
    float: left;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    width: 42px;
}

#main #buddypress .groups-members-search input[type='submit'],
#main #buddypress .boss-search-wrapper input[type='submit'] {
    background: transparent;
    border: 0;
    color: white;
    float: right;
    font-size: 0;
    height: 52px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    transition: all 300ms;
}

#main #buddypress .groups-members-search input[type='submit'] {
    height: 36px;
    padding: 0;
    top: 0;
    width: 42px;
}

#main #buddypress .groups-members-search input[type='submit']:hover,
#main #buddypress .boss-search-wrapper input[type='submit']:hover {
    -webkit-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.2);
}

#main #buddypress .groups-members-search input[type='text'] {
    border-width: 1px;
    font-size: 14px;
    height: 36px;
    padding: 0;
    width: 100%;
}

#main #buddypress .boss-search-wrapper input[type='text'] {
    border-width: 2px;
    font-size: 16px;
    height: 52px;
    width: 100%;
}

#buddypress div.dir-search input[type="submit"],
.widget .woocommerce-product-search button[type="submit"],
#bbpress-forums #bbp-search-index-form input#bbp_search_submit,
#buddypress #search-message-form input#messages_search_submit {
    float: left;
    line-height: 35px;
    height: 35px;
    padding: 0 14px;
    margin: 0 0 0 4px;
    box-sizing: content-box;
}

#buddypress .dir-form {
    clear: both;
}

#buddypress #groups-directory-form .item-list-tabs,
.entry-content #buddypress #blogs-directory-form .item-list-tabs,
#buddypress #members-directory-form .item-list-tabs {
    margin: 0 auto 60px;
    max-width: 66%;
}

#groups-order-select .buddyboss-select,
#blogs-directory-form .buddyboss-select,
#members-order-select .buddyboss-select {
    margin-top: 0;
}

#buddypress #groups-directory-form .item-list-tabs:after,
#buddypress #blogs-directory-form .item-list-tabs:after,
#buddypress #members-directory-form .item-list-tabs:after {
    clear: both;
    content: ' ';
    display: table;
}

#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: right;
    margin: 0 0 10px 10px;
}

#buddypress #groups-directory-form #groups-order-select,
#buddypress #blogs-directory-form #blogs-order-select,
#buddypress #members-directory-form #members-order-select {
    float: left;
    margin: 0 10px 10px 0;
}

#buddypress #groups-directory-form li:nth-child(6) ~ #groups-order-select,
#buddypress #blogs-directory-form li:nth-child(6) ~ #blogs-order-select,
#buddypress #members-directory-form li:nth-child(6) ~ #members-order-select {
    float: right;
    margin: 0 0 10px 10px;
}

#buddypress #group-create-nav .group-create {
    color: #fff;
}

#buddypress #group-create-nav .group-create:hover {
    -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);
}

.blogs.bp-user .blogs-item-avatar {
    float: left;
    margin-right: 30px;
}

.blogs.bp-user .blogs-item-meta {
    margin-bottom: 12px;
}

.blogs.bp-user #buddypress #blogs-list li {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}

.blogs.bp-user .blog-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 0;
    padding-bottom: 20px;
}

.blogs.bp-user .blog-details .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/*--------------------------------------------------------------
4.2 - Create Group
--------------------------------------------------------------*/
#create-group-form.standard-form label span.highlight {
    color: #54ae68;
    font-size: 100%;
    font-weight: normal;
}

#buddypress #create-group-form #header-cover-image {
    position: relative;
    margin: 1em 0;
    height: 180px;
    background-image: url();
    background-color: #c5c5c5;
}

#buddypress #create-group-form #invite-list li {
    margin-bottom: 20px;
}

#create-group-form #invite-list strong {
    color: #54ae68;
}

.boss-group-invite-friend-list .avatar,
#create-group-form #invite-list li img {
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 20px;
    margin-left: 20px;
}

.group-avatar #group-create-body .main-column p,
.group-create.forum .standard-form h4 + p {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
}

.group-create.forum .standard-form h4 + p {
    margin-bottom: 50px;
}

.group-avatar #group-create-body .left-menu {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

#buddypress #create-group-form .bp-template-notice {
    margin: 0 auto;
    max-width: 560px;
}

.group-create #buddypress .item-body {
    max-width: 560px;
    margin: 50px auto 50px;
    position: relative;
}

.group-create .entry-header {
    margin: 0;
}

.group-create .create-group-title {
    margin: 20px 0 40px;
}

.group-create .entry-header span {
    display: none;
}

.group-settings #buddypress #group-settings-form input[type="submit"], .group-create:not(.group-details) #buddypress .standard-form div.submit {
    margin-top: 45px;
}

label[for="groupblog-create-new-no"] > input {
    float: left;
    margin-top: 12px;
}

label[for="groupblog-create-new-no"] > strong {
    float: left;
    margin-top: 7px;
}

label[for="groupblog-create-new-no"] .buddyboss-select {
    margin: 0 0 0 10px;
}

#groupblog-details {
    margin: 0;
}

.item-body #groupblog-details span.gbd-value {
    margin: 0;
}

#groupblog-member-options .member-options-wrap {
    display: inline-block;
    margin: 0 20px 20px 0;
}

#groupblog-member-options > .checkbox {
    margin-bottom: 30px;
}

#profile-edit-form .checkbox strong {
    padding-left: 10px;
    margin-left: 2px;
}

/*--------------------------------------------------------------
4.3 - Members
--------------------------------------------------------------*/
#buddypress .dir-list ul.item-list {
    margin-left: -15px;
    margin-right: -15px;
    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;

    /*overflow-x: hidden;*/ /* Removed - This cause some content getting hidden on members page */
}

#buddypress .dir-list ul.item-list > li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 0 15px 50px;
    float: left;
    width: 25%;
    text-align: center;
    overflow: visible;
}

.single-item.groups #buddypress .dir-list.group_members ul.item-list > li,
.single #buddypress .dir-list ul.item-list > li,
.bp-user #buddypress .dir-list ul.item-list > li,
.page-right-sidebar #buddypress .dir-list ul.item-list > li {
    width: 33.33333%;
}

.bb-has-sidebar #buddypress .dir-list.mygroups ul.item-list > li {
    width: 50%;
}

#buddypress .dir-list ul.item-list .item-avatar {
    margin: 0 auto;
    overflow: visible;
}

#buddypress .dir-list ul.item-list .inner-avatar-wrap {
    max-width: 185px;
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
}

.boss-avatar-container {
    background: #eee;
    border-radius: 100%;
    display: inline-block;
}

#secondary .inner-avatar-wrap div.generic-button,
#buddypress div#item-header .inner-avatar-wrap div.generic-button {
    line-height: 32px;
    margin: 0;
    z-index: 2;
}

#primary .author-follow .generic-button.not-following a:after,
#primary .author-follow .generic-button.not_friends:not(.pending_friend) a:after,
#buddypress div#item-header .inner-avatar-wrap div.generic-button.not_friends a:after,
#secondary .inner-avatar-wrap div.generic-button.not_friends a:after,
#secondary .inner-avatar-wrap div.generic-button.not-following a:after,
#buddypress div#item-header .inner-avatar-wrap div.generic-button.not-following a:after {
    background-color: #333;
    content: "q";
    font-size: 6px;
}

#primary .author-follow div.generic-button a:before,
#secondary .inner-avatar-wrap div.generic-button a:before,
#buddypress div#item-header .inner-avatar-wrap div.generic-button a:before {
    content: "d";
    font-family: "onesocial";
    font-size: 15px;
    text-transform: none;
}

#buddypress .dir-list ul.item-list .inner-avatar-wrap img.avatar {
    margin: 0;
    width: 185px;
    height: auto;
}

.boss-group-content {
    clear: both;
    width: 100%;
}

.dir-list .inner-avatar-wrap img.avatar {
    border-radius: 50%;
}

#buddypress .dir-list ul.item-list .item-title {
    width: 100%;
    font-size: 20px;
    margin-bottom: 20px;
}

#buddypress .dir-list ul.item-list .item-title a {
    color: #333333;
}

#buddypress .dir-list ul.item-list .item-title a:hover {
    color: #54ae68;
}

.inner-avatar-wrap .author-follow {
    margin-top: 20px;
}

.inner-avatar-wrap .group-join {
    margin-top: 48px;
    right: -14px;
}

.inner-avatar-wrap .group-join span,
.inner-avatar-wrap .author-follow span {
    margin-top: 7px;
    margin-left: 0;
}

#buddypress .dir-list ul.item-list .item-title .bb-icon-bars-f {
    color: rgba(0, 0, 0, 0.2);
    font-size: 14px;
    margin-left: 10px;
}

#buddypress ul.item-list li div.item-desc {
    margin-bottom: 35px;
}

.bb-member-quick-link-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.bb-member-quick-link-wrapper .action {
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.bb-member-quick-link-wrapper:hover .action {
    opacity: 1;
    height: auto;
    overflow: visible;
}

#main #buddypress .bb-member-quick-link-wrapper .action {
    top: 20px;
    left: 10px;
    margin: 0;
    position: absolute;
    width: auto;
    z-index: 2;
}

#main #buddypress .bb-member-quick-link-wrapper .action .generic-button a {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    clear: both;
    color: #333;
    display: block;
    font-size: 10px;
    margin: 0 0 -1px;
    padding: 1px 6px;
    text-align: left;
    text-transform: uppercase;
    width: auto;
}

#main #buddypress .bb-member-quick-link-wrapper .action .generic-button a {
    white-space: nowrap;
}

.generic-button a i {
    margin-left: 3px;
}

.inner-avatar-wrap .generic-button {
    height: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    z-index: 1;
}

.author-follow div.generic-button a,
#main .inner-avatar-wrap .generic-button a:not(.group-sub):not(.group-subscription-close) {
    background: transparent;
    color: transparent;
    font-size: 10px;
    height: 34px;
    line-height: 1.3;
    padding-left: 40px;
    text-align: left;
    text-transform: uppercase;
    width: 120px;
    position: relative;

    /* Text alignment middle */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

#page #main .author-follow div.generic-button.loading a:before,
#page #main .inner-avatar-wrap .generic-button.loading a:not(.group-sub):not(.group-subscription-close):before {
    content: "H";
    color: #fff;
    font-family: 'onesocial';
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.author-follow div.generic-button a:hover,
#main .inner-avatar-wrap .generic-button a:not(.group-sub):not(.group-subscription-close):hover {
    background: transparent;
    color: #888;
    box-shadow: none;
    visibility: visible;
}

.author-follow div.generic-button a:before,
.inner-avatar-wrap .generic-button a:not(.group-sub):not(.group-subscription-close):before {
    background: #50A9E5;
    border-radius: 100%;
    color: #fff;
    content: "q";
    font-family: 'onesocial';
    font-size: 13px;
    font-weight: 600;
    line-height: 32px;
    left: 0;
    height: 32px;
    position: absolute;
    text-align: center;
    /*text-indent: 2px;*/
    text-transform: none;
    top: 2px;
    width: 32px;
    visibility: visible;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: none 0s ease 0s ;
    -webkit-transition: none 0s ease 0s ;
    -moz-transition: none 0s ease 0s ;
}

.inner-avatar-wrap .awaiting_response_friend a[rel='remove']:before,
.inner-avatar-wrap .pending_friend a.remove:before,
#primary .inner-avatar-wrap .friendship-button.pending_friend:not(.add) a:before,
#primary .author-follow .pending_friend a.remove:before,
.inner-avatar-wrap .pending_friend:not(.add) a:before,
#primary .author-follow .pending_friend:not(.add) a:before,
.inner-avatar-wrap .group-button.membership-requested:before,
.inner-avatar-wrap .membership-requested a:before {
    background: #333333;
    content: '\f017';
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    font-weight: 900;
    line-height: 30px;
}

.inner-avatar-wrap .generic-button a.is_friend.remove:before,
.inner-avatar-wrap .generic-button a.leave-group:before {
    background: #54ae68;
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    line-height: 30px;
}

.author-follow div.generic-button a:after,
.inner-avatar-wrap div.generic-button a:not(.group-sub):not(.group-subscription-close):after,
.inner-avatar-wrap .awaiting_response_friend a:after,
.inner-avatar-wrap .pending_friend:not(.add) a:after,
#primary .author-follow .pending_friend:not(.add) a:after,
.inner-avatar-wrap .generic-button a.remove:after,
.inner-avatar-wrap .membership-requested a:after,
.inner-avatar-wrap .group-button.membership-requested:after,
.inner-avatar-wrap .generic-button a.is_friend.remove:after,
.inner-avatar-wrap .generic-button a.leave-group:after {
    -moz-osx-font-smoothing: grayscale;
    background-color: #e33d41;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    content: "b";
    display: block;
    font-family: "onesocial";
    font-size: 5px;
    font-weight: 700;
    height: 15px;
    left: 20px;
    line-height: 12px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 15px;
    visibility: visible;
    text-transform: none;
}

#buddypress .inner-avatar-wrap div.generic-button a.add:after,
#buddypress .inner-avatar-wrap div.generic-button a.request-membership:after,
#buddypress .inner-avatar-wrap div.group-button .join-group:after,
#buddypress .inner-avatar-wrap div.generic-button.not_friends a.add:after {
    display: none;
}

#main #buddypress .bb-member-quick-link-wrapper .action .generic-button a:hover {
    box-shadow: none;
}

#buddypress .group-members-results,
#buddypress .member-friends-results {
    clear: both;
    margin-top: 10px;
}

.dir-header {
    font-size: 70px;
    margin-bottom: 60px;
    /*margin-top: 70px;*/
    text-align: center;
}

.dir-header span,
.dir-header h1 {
    display: inline-block;
    font-size: inherit;
    line-height: 1.3;
    margin: 0;
}

.dir-header .bb-count {
    color: #54ae68;
    float: left;
    margin-right: 20px;
}

.bb-group-avatar-wrap .action {
    position: absolute;
    right: -19px;
    top: 40px;
    z-index: 2;
}

.action:empty + .bb-icon-bars-f {
    display: none;
}

.bb-meta {
    height: 32px;
    line-height: 28px;
    position: absolute;
    right: 10px;
    top: 44px;
    width: 32px;
    z-index: 2;
}

.bb-icon.bb-icon {
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 100%;
    float: left;
    height: 32px;
    line-height: 28px;
    position: absolute;
    width: 32px;
}

.bb-meta > span {
    color: rgba(0, 0, 0, 0.3);
    font-size: 10px;
    padding-left: 42px;
    text-transform: uppercase;
    visibility: hidden;
}

.bb-meta:hover > span {
    visibility: visible;
}

.bb-order-by {
    font-size: 10px;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
4.4 - Groups
--------------------------------------------------------------*/
/* SVG clip */
.svgclippaths #buddypress #groups-dir-list ul.item-list .inner-avatar-wrap img.avatar {
    max-width: 185px;
    height: auto;
}

/* fallback */
html:not(.svgclippaths) #buddypress #groups-dir-list ul.item-list .inner-avatar-wrap img.avatar {
    border-radius: 50%;
}

#groups-dir-list {
    margin-bottom: 30px;
}

body #buddypress .group-join div.generic-button a {
    width: 90px;
    text-transform: uppercase;
    font-size: 10px;
    text-align: left;
}

body #buddypress .group-join div.generic-button a:hover {
    color: #999;
}

body #buddypress .group-join div.generic-button a:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background-position: 0 -30px;
    background-repeat: no-repeat;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

#buddypress .group-join div.generic-button a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#buddypress .group-join div.generic-button a:hover:after {
    opacity: 0;
}

#buddypress .group-join div.generic-button a.request-membership:before,
#buddypress .group-join div.generic-button a.join-group:before {
    background-image: url(../images/smile.svg);
}

#buddypress .group-join div.generic-button a.leave-group:before {
    background-image: url(../images/nosmile.svg);
}

#buddypress .group-join div.generic-button a:hover:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
}

#buddypress .group-join div.generic-button a.leave-group:hover:before {
    background-color: #b94545;
}

/*--------------------------------------------------------------
5.0 - Errors / Success Messages
--------------------------------------------------------------*/
/* Message Generic */
#buddypress div#message,
div#sitewide-notice div#message {
    display: block;
    line-height: 1.5em;
    clear: left;
}

#buddypress div#message {
    margin: 15px 0 15px;
}

#buddypress #message.info,
div#sitewide-notice #message.info {
    margin-bottom: 0;
    clear: both;
}

#buddypress div#message.updated,
div#sitewide-notice div#message.updated {
    clear: both;
}

#buddypress div#message {
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 10px;
}

/* Default alert-message */
#buddypress div#message p {
    background-color: #fdf9e0;
    color: #ab8a61;
    border-radius: 3px;
}

#buddypress div#message p a {
    color: inherit;
    text-decoration: underline;
}

#buddypress div#message p: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: "\f071";
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-right: 5px;
    padding: 0;
    vertical-align: middle;
}

/* Sitewide Notice */
div#sitewide-notice div#message {
    background-color: rgba(0,0,0,0.02);
    color: rgba(0,0,0,0.8);
    border-bottom: 1px solid rgba(0,0,0,0.11);
    position: relative;
    padding: 20px 30px;
    padding-right: 60px;
}

div#sitewide-notice div#message p {
    margin-top: 10px;
}

div#sitewide-notice #close-notice {
    text-decoration: none;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    border: none;
    padding: 3px 10px;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    box-shadow: none;
    width: auto;
}

div#sitewide-notice #close-notice span {
    display: none;
}

div#sitewide-notice #close-notice:after {
    content: 'b';
    font-family: "onesocial";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: inherit;
    font-size: 10px;
}

/* Message Success */
#buddypress div#message.updated p {
    background-color: #d7f1d9;
    color: #67ab6a;
}

#buddypress div#message.updated p:before {
    content: "\f058";
}

/* Message Error */
#buddypress div#message.error p,
div#sitewide-notice div#message.error p {
    background-color: #f9f2f4;
    color: #b25551;
    clear: left;
}

#buddypress div#message.error p:before,
div#sitewide-notice div#message.error p:before {
    content: "\f057";
}

#buddypress .standard-form#signup_form div div.error {
    background-color: #e41717;
    border-radius: 3px;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 6px;
    width: 90%;
}

#buddypress div.accept,
#buddypress div.reject {
    float: left;
    margin: 10px 10px 0 0;
}

#buddypress ul.button-nav li {
    float: left;
    margin: 0 10px 10px 0;
    list-style: none;
}

#buddypress ul.button-nav li.current a {
    font-weight: 600;
}

/*--------------------------------------------------------------
6.0 - Forms
--------------------------------------------------------------*/
#buddypress .standard-form select {
    padding: 3px;
}

#buddypress .standard-form .field_multi-select select {
    height: auto;
}

#buddypress .standard-form input[type="password"] {
    margin-bottom: 5px;
}

#buddypress .standard-form p {
    margin-bottom: 26px;
    margin-top: 10px;
}

#buddypress .standard-form label,
#buddypress .standard-form span.label {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    margin: 0 0 10px;
    clear: left;
    line-height: 1;
}

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

#buddypress .standard-form div.checkbox label,
#buddypress .standard-form div.radio label {
    color: #333;
    font-size: 100%;
    font-weight: 400;
    margin: 5px 0 0 0;
    clear: none;
}

#buddypress .standard-form#sidebar-login-form label {
    margin-top: 5px;
}

#buddypress .standard-form .datebox,
#buddypress .standard-form input[type="text"],
#buddypress .standard-form input[type="email"],
#buddypress .standard-form input[type="password"] {
    width: 100%;
    /*margin-bottom: 10px;*/
}

#buddyboss-media-album-create-form {
    margin-top: 20px;
}

h2.entry-title .button.bp-title-button {
    float: right;
}

.create-album-title,
.edit-album-title,
.bp-user.my-account.photos h2.entry-title {
    margin-bottom: 50px;
    margin-top: 50px;
    overflow: hidden;
}

#buddypress .standard-form .editfield {
    margin-bottom: 40px;
}

#buddyboss-media-album-create-form > div,
#buddypress #create-group-form .editfield {
    margin-bottom: 40px;
}

.album-wrapper .editfield > .buddyboss-select {
    width: auto;
}

#buddypress.album-wrapper .standard-form textarea,
#buddypress #group-settings-form textarea,
#buddypress .standard-form.album-create-form textarea {
    height: 90px;
    margin: 0;
}

#buddypress .standard-form label[for="album_privacy"] {
    margin-bottom: 20px;
}

#buddypress .standard-form input.send-to-input {
    width: 15em;
    margin-bottom: 0;
}

input#save_as_draft {
    float: right;
}

#buddypress .standard-form#sidebar-login-form input[type="text"],
#buddypress .standard-form#sidebar-login-form input[type="password"] {
    padding: 4px;
    width: 95%;
}

#buddypress .standard-form #basic-details-section input[type="password"],
#buddypress .standard-form #blog-details-section input#signup_blog_url {
    width: 35%;
}

.register #buddypress .standard-form #blog-details-section input#signup_blog_url,
select[multiple="multiple"],
#buddypress .standard-form#signup_form input[type="email"],
#buddypress .standard-form#signup_form input[type="text"],
#buddypress .standard-form#signup_form textarea {
    width: 100%;
}

.register #buddypress .standard-form #blog-details-section [type="text"] {
    margin-bottom: 16px;
}

#buddypress .standard-form#signup_form .buddyboss-select label {
    margin-top: 0;
}

.logged-in #activate-page > #template-notices + p {
    display: none;
}

#buddypress .form-allowed-tags,
#buddypress #commentform input[type="text"],
#buddypress #commentform textarea {
    width: 90%;
}

#buddypress .standard-form#signup_form div.submit {
    float: right;
}

#buddypress div#signup-avatar img {
    margin: 0 15px 10px 0;
}

#buddypress .standard-form textarea {
    width: 100%;
    height: 120px;
    margin-bottom: 45px;
}

#buddypress #group-desc {
    margin-bottom: 0;
}

#buddypress .standard-form textarea#message_content {
    height: 140px;
}

#buddypress #send-reply.standard-form textarea {
    height: 100px;
    margin-bottom: 20px;
    padding: 10px 0;
    width: 100%;
}

#buddypress .standard-form p.description {
    color: #888;
    font-size: 80%;
    margin: 5px 0;
}

#buddypress .standard-form div.submit {
    clear: both;
    padding: 5px 0 0 0;
}

.settings #buddypress .standard-form div.submit {
    padding: 22px 0 0 0;
}

#buddypress .standard-form p.submit {
    margin-bottom: 0;
    padding: 15px 0 0 0;
}

#save_as_draft,
#buddypress #group-settings-form input[type="submit"],
#buddypress .standard-form div.submit input {
    margin-right: 15px;
    background-color: transparent;
    color: #54ae68;
    font-size: 14px;
    font-weight: 400;
    padding: 22px 0 2px;
    border-top: 1px solid #54ae68;
    margin-top: 20px;
}

#buddypress #create-group-form input[type="submit"] {
    margin-top: 0;
}

#buddypress #group-settings-form input[type="submit"]:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#buddypress .standard-form div.submit a.prev {
    margin-right: 15px;
    background-color: transparent;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 22px 0 0;
    border-top: 1px solid #333;
    display: inline-block;
}

#buddypress .standard-form div.submit a.prev:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #54ae68;
}

#buddypress .standard-form div.submit a.prev i:before {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.sap-story-publish:hover,
#save_as_draft:hover,
#buddypress .standard-form div.submit input:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
}

#group-creation-finish, #group-creation-next {
    float: right;
    margin-top: 0 !important;
}

#buddypress .standard-form div.radio ul {
    margin: 20px 0 30px 30px;
    list-style: disc;
    font-weight: normal;
}

#buddypress .standard-form div.radio > label {
    font-size: 15px;
    line-height: 22px;
}

#buddypress .standard-form div.radio > label strong {
    font-weight: 600;
}

#buddypress .standard-form div.radio ul li {
    margin-bottom: 5px;
    color: #333;
    margin-left: 36px;
}

#buddypress .standard-form a.clear-value {
    display: block;
    margin-top: 5px;
    outline: none;
}

#buddypress .standard-form #basic-details-section,
#buddypress .standard-form #blog-details-section,
#buddypress .standard-form #profile-details-section,
#buddypress .standard-form .security-question-section {
    float: left;
    width: 48%;
}

#buddypress .standard-form #blog-details-section {
    clear: left;
}

#buddypress .standard-form:not(.send-invite-form) h4 {
    font-family: inherit;
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 45px;
    margin-top: 50px;
}

#buddypress .standard-form .field-group {
    margin-bottom: 24px;
    overflow: hidden;
}

#buddypress form#settings-form input[type="email"] {
    width: 100%;
}

#buddypress form#settings-form input[type="text"],
#buddypress form#settings-form input[type="email"],
#buddypress form#settings-form input[type="password"],
#buddypress form#settings-form input[type="email"],
#buddypress form#settings-form input[type="number"],
#buddypress form#settings-form textarea {
    margin-bottom: 40px;
}

#buddypress form#send-invite-form {
    margin-top: 20px;
}

#buddypress div#invite-list ul {
    margin: 0;
}

#buddypress div#invite-list ul li {
    margin: 0;
    list-style-type: none;
}

#buddypress #create-group-form .group-invitation-options strong {
    font-weight: normal;
}

#profile-details-section input[type="radio"] + strong {
    margin-right: 10px;
}

/*--------------------------------------------------------------
6.1 - Post Form
--------------------------------------------------------------*/
#buddypress div.ac-reply-content a.ac-reply-cancel.desktop {
    display: inline;
}

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

/*--------------------------------------------------------------
7.0 - Ajax Loading
--------------------------------------------------------------*/
.sap-load-more-posts.loading:after,
.button-load-more-posts.loading:after,
#buddypress a.loading:after,
.footer-widget a.loading:after,
#buddypress button.loading:after,
#buddypress ul li.loading a: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: "\f110";
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-decoration: none;
    margin-left: 8px;
    padding: 0;
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
#buddypress input[type="submit"].pending,
#buddypress input[type="button"].pending,
#buddypress input[type="reset"].pending,
#buddypress input[type="submit"].disabled,
#buddypress input[type="button"].disabled,
#buddypress input[type="reset"].disabled,
#buddypress button.pending,
#buddypress button.disabled,
#buddypress div.pending a,
#buddypress a.disabled {
    border-color: #eee;
    color: #bbb;
    cursor: disabled;
}

#buddypress input[type="submit"]:hover.pending,
#buddypress input[type="button"]:hover.pending,
#buddypress input[type="reset"]:hover.pending,
#buddypress input[type="submit"]:hover.disabled,
#buddypress input[type="button"]:hover.disabled,
#buddypress input[type="reset"]:hover.disabled,
#buddypress button.pending:hover,
#buddypress button.disabled:hover,
#buddypress div.pending a:hover,
#buddypress a.disabled:hover {
    background: #fff;
    border-color: #eee;
    color: #bbb;
}

#buddypress div.submit input.loading {
    background-color: #eee;
    color: #bbb;
}

#buddypress div.submit #send_reply_button {
    background: transparent;
}

/*--------------------------------------------------------------
8.0 - Forums (Legacy), Tables and Topics
--------------------------------------------------------------*/
#buddypress ul#topic-post-list {
    margin: 0;
    width: auto;
}

#buddypress ul#topic-post-list li {
    padding: 15px;
    position: relative;
}

#buddypress ul#topic-post-list li.alt {
    background-color: #F9F9F9;
}

#buddypress ul#topic-post-list li div.poster-meta {
    color: #888;
    margin-bottom: 10px;
}

#buddypress ul#topic-post-list li div.post-content {
    margin-left: 54px;
}

#buddypress div.topic-tags {
    font-size: 80%;
}

#buddypress div.admin-links {
    color: #888;
    font-size: 90%;
    position: absolute;
    top: 15px;
    right: 25px;
}

#buddypress div#topic-meta {
    margin: 0;
    padding: 5px 19px 30px;
    position: relative;
}

#buddypress div#topic-meta div.admin-links {
    right: 0;
    top: -10px;
}

#buddypress div#topic-meta h3 {
    margin: 5px 0;
}

#buddypress div#new-topic-post {
    display: none;
    margin: 20px 0 0 0;
    padding: 1px 0 0 0;
}

#buddypress table {
    width: 100%;
}

#buddypress table thead tr {
    /* background-color: #f9f9f9; */
}

.bp-user.profile .buddypress-content-wrap .profile {
    /*padding-bottom: 40px;*/
}

.buddypress-content-wrap {
    padding-bottom: 60px;
}

.bp-user.my-account.blog .buddypress-content-wrap {
    padding-bottom: 0;
}

.buddypress-content-wrap #buddypress div.pagination,
#buddypress .buddypress-content-wrap div.pagination {
    padding-bottom: 10px;
}

.buddypress-content-wrap .profile .bp-uploader-window {
    margin-bottom: 30px;
}

#buddypress table.profile-fields {
    margin-bottom: 40px;
}

#buddypress table.profile-fields p {
    margin: 0;
}

#buddypress table.profile-fields p:last-child {
    margin-top: 0;
}

#buddypress table tr td,
#buddypress table tr th {
    /* padding: 8px 12px; */
    vertical-align: middle;
    text-transform: none;
    font-size: 14px;
}

/* ReCaptcha Styling */
#buddypress .recaptchatable,
#buddypress #recaptcha_area table tr,
#buddypress #recaptcha_area table tr td,
#buddypress #recaptcha_area table th {
    padding: 0 !important;
}

/* Group Calendar Styling */
#buddypress table.calendar-view {
    width: 100%;
    border: none;
    line-height: 12px;
}

#buddypress table.calendar {
    width: auto;
}

#buddypress table.calendar-view tr th,
#buddypress table.calendar-view tr td {
    padding: 1px 2px !important;
}

#buddypress table.calendar-view caption {
    margin: 0;
    margin-top: 15px;
    font-size: inherit;
    text-align: center;
    padding: 1px 0;
}

#buddypress table.calendar-view tr td.cal-right {
    padding-left: 12px !important;
}

#buddypress table.profile-fields tr td,
#buddypress table.profile-fields tr th {
    padding: 6px 12px !important;
}

#buddypress table tr td.label {
    border-right: 1px solid #eaeaea;
    font-weight: 600;
    width: 25%;
}

#buddypress table tr td.thread-info p {
    margin: 0;
}

#buddypress .messages-notices td p,
#buddypress table tr td.thread-info p.thread-excerpt {
    color: #888;
    margin-top: 3px;
}

#buddypress .messages-notices td p {
    margin-bottom: 0;
}

#buddypress table.forum td {
    text-align: left;
}

#buddypress table tr.alt td {
    /* background-color: #fafbfb; */
}

#buddypress table.forum td.td-postcount {
    font-size: 13px;
}

#buddypress table.notification-settings {
    margin-bottom: 20px;
    text-align: left;
    border: none;
}

#buddypress table.notification-settings label:before {
    display: none;
}

#buddypress table.notifications {
    clear: both;
}

#buddypress table.notifications tr th.title {
    width: 50%;
}

#buddypress #groups-notification-settings {
    /*margin-bottom: 0;*/
}

#buddypress .boss-general-settings label {
    font-weight: 700;
    margin: 10px 0 20px;
}

#buddypress .boss-general-settings input:not(.auto) {
    font-size: 14px;
    width: 100%;
}

#buddypress table.profile-settings {
    border-bottom: none;
}

#buddypress table.notification-settings th.icon,
#buddypress table.notification-settings td:first-child {
    display: none;
}

#buddypress table.notification-settings th.title {
    width: 80%;
}

#buddypress table.profile-settings th,
#buddypress table.notification-settings th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: medium none;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 26px;
    text-transform: uppercase;
}

#buddypress table.profile-settings td.field-name,
#buddypress table.notification-settings td {
    border-top: none;
    font-size: 15px;
    color: #666;
    padding-bottom: 12px;
    padding-left: 0;
}

#buddypress table.notification-settings th,
#buddypress table.profile-settings th {
    padding-top: 16px;
}

#buddypress table.profile-settings td {
    background-color: transparent;
}

#buddypress table.profile-settings th:nth-child(2) {
    text-align: right;
    text-transform: none;
    font-size: 12px;
}

#buddypress table.profile-settings td.field-visibility {
    border-top: none;
    text-transform: uppercase;
    font-size: 10px;
    text-align: right;
    padding-right: 0;
}

#buddypress table.notification-settings th:nth-child(2),
#buddypress table.notification-settings td:nth-child(2) {
    width: 100%;
}

#buddypress table.profile-settings tr:first-child td,
#buddypress table.notification-settings tr:first-child td {
    padding-top: 20px;
}

#buddypress table.notification-settings td {
    border: 0;
    padding: 10px 0;
}

#buddypress table.notification-settings .yes,
#buddypress table.notification-settings .no {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    text-align: center;
    width: 10px;
}

#buddypress table.notification-settings .yes {
    text-align: right;
}

#buddypress table.notification-settings .no {
    text-align: left;
}

#buddypress table.notification-settings .yes input,
#buddypress table.notification-settings .no input {
    border: 0;
    height: 40px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 42px;
}

#buddypress table.notification-settings .yes input:checked + label,
#buddypress table.notification-settings .no input:checked + label {
    color: #fff;
}

#buddypress table.notification-settings .yes input:checked + label {
    background-color: #57ad68;
    border-color: #57ad68;
}

#buddypress table.notification-settings .no input:checked + label {
    background-color: #b94545;
    border-color: #b94545;
}

#buddypress table.notification-settings .no label,
#buddypress table.notification-settings .yes label {
    border: 1px solid rgba(0,0,0,0.1);
    margin: 0;
    line-height: 1;
    background-color: #fff;
    font-size: 12px;
    font-weight: 300;
    left: 0;
}

#buddypress table.notification-settings .yes label {
    border-right: 0;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    /* position: relative; */
    /* left: 1px; */
    padding: 12px 9px 12px 13px;
}

#buddypress table.notification-settings .no label {
    border-left: 0;
    float: left;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    padding: 12px 13px 12px 9px;
}

#buddypress table.notification-settings .yes input {
    right: 0;
}

#buddypress table.notification-settings .no input {
    left: 0;
}

#buddypress table.notification-settings th.yes,
#buddypress table.notification-settings th.no {
    opacity: 0;
}

label[for='select-all-notifications'] {
    padding-left: 10px;
}

#select-all-notifications {
    float: left;
    margin-top: 4px;
}

#select-all-notifications + strong {
    float: left;
    margin-left: 0;
}

#buddypress table.forum {
    margin: 0;
    width: auto;
    float: left;
}

#buddypress table.forum tr.sticky td {
    background-color: #FEF9E4;
}

#buddypress table.forum tr.closed td.td-title {
    padding-left: 35px;
}

#buddypress table.forum td p.topic-text {
    color: #888;
    font-size: 100%;
}

#buddypress table.forum tr > td:first-child,
#buddypress table.forum tr > th:first-child {
    padding-left: 15px;
}

#buddypress table.forum tr > td:last-child,
#buddypress table.forum tr > th:last-child {
    padding-right: 15px;
}

#buddypress table.forum tr th#th-title,
#buddypress table.forum tr th#th-poster,
#buddypress table.forum tr th#th-group,
#buddypress table.forum td.td-poster,
#buddypress table.forum td.td-group,
#buddypress table.forum td.td-title {
    text-align: left;
}

#buddypress table.forum tr td.td-title a.topic-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

#buddypress table.forum td.td-freshness {
    white-space: nowrap;
}

#buddypress table.forum td.td-freshness span.time-since {
    color: #999;
}

#buddypress table.forum td img.avatar {
    float: none;
    margin: 0 4px -4px 0;
    border: 1px solid #ccc;
    box-shadow: none;
    width: 14px;
    height: 14px;
}

#buddypress table.forum td.td-poster,
#buddypress table.forum td.td-group {
    min-width: 140px;
}

#buddypress table.forum th#th-title {
    width: 80%;
}

#buddypress table.forum th#th-freshness {
    width: 25%;
}

#buddypress table.forum th#th-postcount {
    width: 15%;
}

#buddypress table.forum p.topic-meta {
    margin: 5px 0 0 0;
}

#buddypress #forum-topic-form div#topic-meta {
    padding: 0 0 10px;
}

/*--------------------------------------------------------------
9.0 - BuddyPress Components
--------------------------------------------------------------*/
#buddypress {
    position: relative;
    width: 100%;
    /* required for older IE support */
}

/*--------------------------------------------------------------
9.1 - Recent activity
--------------------------------------------------------------*/
#buddypress .item-body {
    margin: 20px 0;
}

#buddypress span.activity {
    display: inline-block;
    color: #aaa;
    font-size: 12px;
    padding: 0;
}

#buddypress span.user-nicename {
    color: #777;
    display: block;
    font-size: 120%;
    font-weight: 600;
}

/*--------------------------------------------------------------
9.2 - Headers
--------------------------------------------------------------*/
#secondary div#item-header-content h1,
#buddypress div#item-header div#item-header-content h1 {
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0;
}

#secondary .user-nicename,
#buddypress div#item-header h2 {
    line-height: 1.2;
    font-size: 15px;
    margin: 0px 0 26px;
    color: #666;
}

#secondary .user-nicename a,
#buddypress div#item-header h2 a {
    color: #777;
    text-decoration: none;
}

#buddypress ul.item-list li div.item-desc p,
p#item-desc {
    font-size: 15px;
    margin-bottom: 34px;
    font-weight: lighter;
}

#buddypress div#item-header h2 span.highlight {
    font-weight: 400;
    line-height: 1.2;
    margin-top: 6px;
    margin-bottom: 7px;
    vertical-align: middle;
}

#buddypress div#item-header h2 span.highlight span {
    background-color: #a1dcfa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 85%;
    margin-bottom: 2px;
    padding: 1px 4px;
    position: relative;
    right: -2px;
    top: -2px;
    vertical-align: middle;
}

#buddypress div#item-header div#item-meta {
    overflow: hidden;
    margin: 29px 0 5px 0;
    padding-bottom: 10px;
}

#buddypress div#item-header div#item-meta p {
    margin: 0;
}

#buddypress div#item-header div#item-actions h3 {
    margin: 0 0 2px 0;
    font-size: 13px;
}

#buddypress div#item-header ul {
    margin-bottom: 0;
    overflow: hidden;
}

#buddypress div#item-header ul h5,
#buddypress div#item-header ul span,
#buddypress div#item-header ul hr {
    display: none;
}

#buddypress div#item-header ul li:hover h5 {
    display: block;
}

#buddypress div#item-header ul li {
    float: right;
    list-style: none;
}

#buddypress div#item-header ul img.avatar,
#buddypress div#item-header ul.avatars img.avatar {
    height: 50px;
    margin: 0;
    width: 50px;
}

#secondary div.generic-button,
#buddypress div#item-header div.generic-button,
#buddypress div#item-header a.button {
    margin: 10px 10px 0 0;
    display: inline-block;
}

#buddypress div#item-header div#message.info {
    line-height: 80%;
}

/* Group admins and moderators */
#buddypress div#item-header ul#group-admins li,
#buddypress div#item-header ul#group-mods li {
    margin: 0 0 0 1px;
}

#send-private-message.generic-button {
    right: -12px;
    top: 40px;
}

#main #buddypress #send-private-message.generic-button a:before {
    background: #fff !important;
    border: 2px solid #e1e1e1;
    content: '\f0e0';
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    line-height: 30px;
}

#send-private-message.generic-button a:after {
    display: none;
}

/*--------------------------------------------------------------
9.3 - Profile
--------------------------------------------------------------*/
#main .btn-group.social a {
    color: #333;
}

#main .btn-group.social a:hover {
    color: #54ae68;
}

#main .btn-group.social a:not(:last-child):after {
    content: '/';
    color: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 0 8px;
    text-align: center;
}

.info-group {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 35px;
    width: 100%;
}

.widget .info-group:last-child {
    margin-bottom: 0;
}

#item-header-content .info-group {
    text-align: left;
}

.info-group .fa-spinner {
    width: 20px;
}

.info-group .bb-follow-title {
    border: 1px solid #e1e1e1;
    clear: both;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 36px;
    margin-right: -1px;
    padding: 6px 10px;
    text-transform: uppercase;
}

#item-header-content .bb-follow-title {
    float: left;
}

.info-group .bb-follow-title span {
    margin-left: 4px;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
}

.info-group .filter-wrap {
    float: left;
    position: relative;
    width: 30px;
}

.info-group .trigger-filter {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 30px;
}

.info-group .trigger-filter.active:before {
    border: 1px solid #54ae68;
}

.trigger-filter:before {
    content: "P";
    border: 1px solid #e1e1e1;
    position: absolute;
    right: 0;
    padding: 0px 11px;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 6px;
    font-family: "onesocial" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.info-group .members-list-filter {
    background: #fff;
    border: 1px solid #54ae68;
    display: none;
    left: 100%;
    margin-left: -1px;
    padding: 7px 9px;
    position: absolute;
    top: 0;
    width: 106px;
    z-index: 2;
}

.info-group .members-list-filter li a {
    color: #333;
    font-weight: 400;
}

#main .info-group .members-list-filter li {
    display: block;
    margin-left: 0;
    clear: both;
    line-height: 1.3;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
}

.info-group .members-list-filter li a:hover,
.info-group .members-list-filter li a.selected {
    color: #54ae68;
}

.info-group .members-list-results {
    clear: both;
    position: relative;
}

#buddypress .group-members-results ul.horiz-gallery,
#buddypress .member-friends-results ul.horiz-gallery,
#buddypress div#item-header ul.horiz-gallery {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: 6px;
    margin-left: 0;
    overflow: visible;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#main ul.horiz-gallery {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;

    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
}


#buddypress .group-members-results ul.horiz-gallery img,
#buddypress .member-friends-results ul.horiz-gallery img,
#main ul.horiz-gallery img {
    vertical-align: bottom;
}

#main ul.horiz-gallery li {
    text-align: left;
    margin-left: 0;
    display: inline-block;
    padding-right: 1px;
    position: relative;
    vertical-align: top;
    float: none;
}

#main ul.horiz-gallery li a {
    display: inline-block;
    position: relative;
}

#main ul.horiz-gallery li:not(.see-more) > a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.3);
}

#main ul.horiz-gallery li a:hover:before {
    background-color: transparent;
}

ul.horiz-gallery li img,
.bp-user #main ul.horiz-gallery li img {
    width: 46px;
    height: auto;
    border-radius: 0;
    margin: 0;
}

#main ul.horiz-gallery .see-more a {
    color: #fff;
    background-color: #54ae68;
    font-size: 14px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    vertical-align: bottom;
}

#main ul.horiz-gallery .see-more a:hover {
    -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);
}

#main ul.horiz-gallery h5 {
    display: block;
    opacity: 0;
    position: absolute;
    top: 50px;
    margin: 5px 0;
    white-space: nowrap;
    font-size: 13px;
    z-index: 1;
}

#main ul.horiz-gallery li:hover h5 {
    opacity: 1;
}

.group-admin-container {
    position: relative;
}

#buddypress div#item-header #group-admins {
    overflow: visible;
}

#buddypress div#item-header .group-admin-name {
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 3px auto;
    opacity: 0;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    z-index: 1;
}

#buddypress #group-admins li:hover .group-admin-name {
    opacity: 1;
}

/*--------------------------------------------------------------
9.3 - Item Lists
--------------------------------------------------------------*/
#buddypress ul.item-list,
.bp-legacy div#item-body ul.item-list {
    /* width: 100%; */
    list-style: none;
    clear: both;
    margin: 0;
    padding: 0;
}

body.activity-permalink #buddypress ul.item-list,
body.activity-permalink #buddypress ul.item-list li.activity-item {
    border: none !important;
}

#buddypress ul.item-list > li {
    padding: 15px 0;
    margin: 0;
    position: relative;
    list-style: none;
    overflow: hidden;
}

.activity-list .activity-item.blogs img {
    display: block;
    margin-top: 1rem;
}

#buddypress ul.item-list > li:first-child {
    padding-top: 0;
}

#buddypress ul.single-line li {
    border: none;
}

#buddypress ul.item-list:not(.bb-group-members) li img.avatar {
    float: left;
    margin: 0 13% 0 0;
    box-shadow: none;
    width: 46px;
    height: 46px;
}

#buddypress ul.item-list.invites li img.avatar {
    margin-top: 5px;
}

#buddypress #members-list.albums-list li img.avatar {
    height: auto;
    margin: 0 0 20px;
    max-width: 150px;
    width: auto;
}

#buddypress #members-list.albums-list li span.activity {
    float: none;
    width: auto;
}

.site #main ul.item-list .horiz-gallery img.avatar {
    margin: 0;
}

#buddypress .bb-comment-author {
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0;
}

#buddypress ul.item-list li .activity-avatar div {
    line-height: 1;
    margin-bottom: 7px;
    font-weight: 400;
}

#buddypress ul.item-list li .activity-avatar div.nice-name {
    color: #333;
}

#buddypress ul.item-list:not(.bb-group-members) li #item-content {
    width: 75%;
    float: left;
}

#buddypress ul.item-list li #item-content h5 {
    margin: 0;
}

#buddypress ul.item-list li h4,
#buddypress ul.item-list li span.activity {
    width: 75%;
    float: left;
    margin: 0;
}

#buddypress ul.item-list li div.item-title {
    font-weight: 600;
    font-size: 17px;
    width: 70%;
    margin: 0 0 4px;
    line-height: 1.3;
}

#buddypress .widget ul.item-list div.item-title {
    font-size: inherit;
    font-weight: inherit;
    width: 100%;
}

#buddypress ul.item-list li div.item-title span {
    color: #999;
}

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

#buddypress ul.item-list li div.meta {
    color: #888;
    margin-top: 8px;
}

#buddypress ul.item-list li h5 span.small {
    float: right;
    font-size: 80%;
    font-weight: 400;
}

#buddypress div.item-list-tabs {
    background: transparent;
    clear: left;
}

#buddypress div.item-list-tabs ul {
    overflow: hidden;
    position: relative;
    top: 1px;
    margin: 0;
}

#buddypress div.item-list-tabs ul:after {
    clear: both;
    content: '';
    display: table;
}

#buddypress div#filter.item-list-tabs ul li {
    margin: 0;
    list-style: none;
}

#buddypress div#group-create-tabs {
    margin-bottom: 20px;
    text-align: center;
}

#buddypress #admins-list div.action a,
#buddypress #mods-list div.action a,
#buddypress #members-list div.action a,
#buddypress #groups-list div.action a,
#buddypress #friend-list div.action a {
    margin: 0 0 10px;
    display: inline-block;
}

.bb-group-members .avatar {
    border-radius: 100%;
    margin-bottom: 15px;
    max-width: 185px;
}

#buddypress ul#member-list.bb-group-members li span.activity {
    display: block;
    float: none;
    margin-top: 10px;
    width: 100%;
}

#buddypress ul.item-list.bb-invite-list li #item-content {
    width: auto;
}

#buddypress ul.item-list.bb-invite-list li h4,
#buddypress ul.item-list.bb-invite-list li span.activity {
    border: 0;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}

#buddypress ul.item-list.bb-invite-list .action {
    float: right;
    margin-bottom: 0;
}

.bb-invite-list h4 {
    font-size: 14px;
}

#group-settings-form fieldset {
    border: 0;
    padding: 0;
}

/*--------------------------------------------------------------
9.4 - Object Items
--------------------------------------------------------------*/
body.bp-user .page-right-sidebar .entry-header,
body.single-item.groups .page-right-sidebar .entry-header {
    width: 75%;
}

body.bp-user .entry-header {
    margin-bottom: 0;
}

body.single-item.groups .entry-header {
    margin-bottom: 15px;
}

body.activity-permalink .entry-header {
    float: none;
    width: 100%;
    margin-bottom: 24px;
}

body.activity-permalink .entry-header {
    display: none;
}

#buddypress #admins-list li,
#buddypress #mods-list li,
#buddypress #members-list li {
    overflow: visible;
    list-style: none;
}

#buddypress .widget #members-list li {
    overflow: hidden;
}

/*--------------------------------------------------------------
9.5 - Profile
--------------------------------------------------------------*/
.profile-visible {
    display: none;
}

.bp-user.blog.posts #buddypress div#subnav.item-list-tabs + h3,
.bp-user.blog.posts #buddypress div#subnav.item-list-tabs {
    display: none;
}

.sap-new-post.sap-new-post {
    display: inline-block;
    float: none;
    vertical-align: top;
}

#sort-posts-form {
    float: right;
    display: inline-block;
}

#item-posts {
    position: relative;
}

#item-posts #sort-posts-form #sort-submit {
    display: none;
}

#item-posts .profile-visible {
    /*display: block;*/
}

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

#item-posts h3, #item-photos h3 {
    display: inline-block;
    padding: 5px 9px;
    line-height: 1.7;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    background-color: #333;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    font-size: 10px;
    font-family: inherit;
    text-transform: uppercase;
    margin: 0 10px 0 0;
    vertical-align: top;
}

#item-photos h3 span, #item-posts h3 span {
    margin-left: 3px;
    color: #57ad68;
}

#item-posts .inner {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 40px;
    margin-top: 25px;
    overflow: hidden;
    clear: both;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#item-posts .inner article {
    padding: 15px 15px 40px;
    width: 50%;
}

#item-posts .inner article .entry-header h1 {
    font-size: 26px;
}

#item-photos .wrap {
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: 70px;
}

#item-photos .size-activity-4-thumbnail {
    height: 50px;
}

#item-photos .activity {
    margin-top: 36px;
    margin-bottom: 70px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
}

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

#buddypress #bbmedia-grid-wrapper > ul {
    float: none;
}

#bb-activity-stream {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#bb-activity-stream:after {
    content: ' ';
    clear: both;
    display: table;
}

#bb-activity-stream .bbmedia-grid-item {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    width: 25%;
}

#bb-activity-stream > li > p,
#bb-activity-stream .buddyboss_media_caption {
    display: none;
}

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

.boss-member-meta {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px; /* Firefox-34-ignoring-max-width-for-flexbox */
}

.boss-member-meta .button {
    margin-bottom: 3px;
}

.sap-blog-post-wrapper .header-area {
    position: relative;
}

.sap-blog-post-wrapper .entry-post-thumbnail {
    margin-bottom: 24px;
    position: absolute;
    top: 0;
}

.sap-blog-post-wrapper .entry-title {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 22px;
}

.sap-blog-post-wrapper .post-date {
    color: #9b9b9b;
    margin-bottom: 20px;
}

.sap-post-meta { overflow: hidden; }
.entry-header .entry-title .post-edit-link.button { margin-left: 20px; }

#sap-widget-container .category_hierarchy_ul li {
    margin: 6px 0;
    padding: 0 2px;
}

.category_hierarchy_ul input[type=checkbox]+label:before,
.category_hierarchy_ul input[type=checkbox]+span:before,
.category_hierarchy_ul input[type=checkbox]+strong:before {
    top: 5px;
}

/*--------------------------------------------------------------
9.5.1 - Profile Settins Page
--------------------------------------------------------------*/
.settings.bp-user .site-content {
    text-align: center;
}

#wpadminbar {
    text-align: left;
}

.messages.bp-user #buddypress div#item-body,
.settings.bp-user #buddypress div#item-posts,
.settings.bp-user #buddypress div#item-body {
    width: 100%;
}

.settings.bp-user #settings-form {
    text-align: left;
    margin: 80px auto 70px;
}

.settings.bp-user #account-capabilities-form,
.settings.bp-user #account-delete-form {
    margin: 80px auto 70px;
    max-width: 360px;
    text-align: left;
}

.settings.bp-user.notifications #settings-form > p {
    font-style: italic;
    color: #9b9b9b;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    /*margin-bottom: 43px;*/
    font-size: 14px;
}

#pass-strength-result.bad,
#pass-strength-result.short {
    color: #f25d65;
}

#pass-strength-result.good {
    color: #f8d750;
}

#pass-strength-result.strong {
    color: #2ac987;
}

#buddypress .current-password-wrapper label {
    float: left;
}

.current-password-wrapper .lost-password {
    float: right;
    margin-top: 8px;
}

/*--------------------------------------------------------------
9.5.2 - Private Messaging Threads
--------------------------------------------------------------*/
#messages-layout {
    float: right;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 1px; /* Firefox-34-ignoring-max-width-for-flexbox */
    width: calc(100% - 200px); /* IE11 */
}

#messages-layout #pag-bottom {
    padding-bottom: 0;
}

.single #messages-layout {
    margin-bottom: 60px;
}

#messages-bulk-management {
    margin-bottom: 40px;
}

.messages-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#leftcolumn {
    float: left;
    width: 200px;
    position: relative;
    padding-right: 30px;
}

#buddypress .messages #message.info {
    margin-top: 60px;
}

#messages-layout #message.info {
    float: left;
    width: 100%;
}

#buddypress #send_message_form.standard-form label {
    margin-bottom: 0;
    line-height: 1.2;
}

#buddypress #send_message_form.standard-form label[for='subject'] {
    margin-top: 50px;
}

#buddypress #send_message_form.standard-form label[for='send-to-input'] {
    margin-bottom: 12px;
    margin-top: 4px;
}

#send_message_form ul.acfb-holder li {
    float: none;
    margin: 0 0 20px;
}

ul.acfb-holder li.friend-tab {
    margin-top: 7px;
}

#send_message_form textarea,
#send_message_form input[type="text"] {
    margin-bottom: 60px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#message-subject {
    margin-top: 0;
}

#buddypress table#message-threads tr td {
    vertical-align: middle;
    border: none;
}

#buddypress table#message-threads.messages-notices tr td {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid #e1e1e1;
    display: table-cell;
    float: none;
}

.notices #buddypress table#message-threads tr td:last-child {
    text-align: right;
    vertical-align: top;
}
#buddypress table#message-threads.messages-notices tr td:last-child > div {
    margin-bottom: 14px;
    overflow: hidden;
}
#buddypress table#message-threads.messages-notices tr td:last-child a {
    margin-bottom: 2px;
}

#buddypress table#message-threads tr td.thread-info p {
    font-size: 14px;
}

#buddypress .messages-notices td strong,
#buddypress table#message-threads tr td.thread-info p a {
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}

#buddypress table#message-threads tr td.thread-info p a:hover {
    color: #54ae68;
}

#buddypress table#message-threads tr.unread td {
    background-color: #f9f9f9;
    border-top: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
}

#buddypress table#message-threads tr.unread td.thread-from {
    border-left: 2px solid #e1e1e1;
    position: relative;
}

.thread-star .bp-screen-reader-text {
    display: none;
}

/* CSS only for Firefox */
@-moz-document url-prefix() {
    #buddypress table#message-threads tr.unread td {
        border: 0 !important;
    }

    #message-threads .unread {
        position: relative;
    }

    #message-threads .unread + .unread:after {
        border-top: 0;
    }

    #message-threads .unread:after {
        border: 2px solid #e1e1e1;
        content: "";
        height: 100%;
        left: 36px;
        position: absolute;
        width: calc(100% - 36px);
    }

    @media screen and (max-width: 321px) {
        #message-threads .unread:after {
            left: 24px;
            width: calc(100% - 24px);
        }
    }

    #buddypress table#message-threads tr.unread td * {
        position: relative;
        z-index: 5;
    }

    #buddypress table#message-threads tr.unread td.thread-from:before,
        #buddypress table#message-threads tr.unread td.thread-from:after {
        z-index: 5;
    }
}

#buddypress table#message-threads tr.unread td.thread-from:before,
#buddypress table#message-threads tr.unread td.thread-from:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    /*margin-right: 2px;*/
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#buddypress table#message-threads tr.unread td.thread-from:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #f9f9f9;
    border-width: 7px;
    margin-top: -7px;
}

#buddypress table#message-threads tr.unread td.thread-from:before {
    border-color: rgba(225, 225, 225, 0);
    border-right-color: #e1e1e1;
    border-width: 10px;
    margin-top: -10px;
}

#buddypress table#message-threads:not(.messages-notices) tr td:last-child {
    padding-right: 15px;
    width: 50px;
}

#buddypress table#message-threads tr.unread td:last-child {
    border-right: 2px solid rgba(0,0,0,0.1);
}

body #buddypress table#message-threads tr td:first-child {
    border-top: none;
    border-bottom: none;
    background-color: transparent;
}

#buddypress table#message-threads input[type="checkbox"] {
    height: 18px;
    opacity: 0;
    position: relative;
    width: 18px;
    z-index: 1;
    margin: 0;
}

#buddypress table#message-threads input[type="checkbox"] + strong {
    position: relative;
    color: rgba(0, 0, 0, 0.4);
    left: 10px;
    z-index: 0;
}

#buddypress table#message-threads input[type="checkbox"] + strong:before {
    content: '';
    position: absolute;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);
    top: -1px;
    left: -26px;
    z-index: 0;
    width: 14px;
    height: 14px;
    line-height: 1;
}

#buddypress table#message-threads input[type="checkbox"]:checked + strong:after {
    content: "\2713";
    font-size: 16px;
    position: absolute;
    top: -2px;
    left: -25px;
    color: #54ae68;
    line-height: 1;
}

#buddypress table#message-threads th input[type="checkbox"] + strong {
    top: 2px;
}

#buddypress table#message-threads tr th:first-child,
#buddypress table#message-threads tr td:first-child {
    padding-left: 0;
}

#buddypress table#message-threads {
    margin: 0;
    clear: left;
    border-bottom: 0;
}

#buddypress table#message-threads th {
    border-top: 2px solid #333;
    border-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    /*border-bottom: 2px solid #e1e1e1;*/
    border-bottom: 0;
}

#buddypress table#message-threads tbody tr.read:first-child {
    border-top: 2px solid #e1e1e1;
}

#buddypress th.thread-checkbox {
    text-align: left;
}

#buddypress table#message-threads td, #buddypress table#message-threads th {
    padding: 18px 0 18px 12px;
}

#message-threads .thread-checkbox {
    text-align: left;
    width: 38px;
}

#buddypress table#message-threads .thread-from {
    text-align: left;
    width: 25%;
    position: relative;
    font-size: 14px;
    padding-right: 5px;
}

#message-threads .thread-from .table-cell:first-child {
    width: 65px;
}

#message-threads .thread-from .table-cell:nth-child(2) {
    line-height: 1.2;
}

#message-threads .read .thread-from:before {
    /* content: ''; */
    height: 100%;
    width: 2px;
    position: absolute;
    background-color: rgba(0,0,0,0.1);
    top: 0;
    left: 35px;
}

#message-threads .thread-from img {
    vertical-align: middle;
    border-radius: 45px;
    width: 45px;
    height: 45px;
    border: 3px solid #ebebeb;
    display: inline-block;
    margin-right: 16px;
    position: relative;
    z-index: 1;
}

#message-threads .thread-options {
    text-align: left;
    width: 14%;
}

#message-threads .thread-options span {
    color: #333;
    font-weight: 800;
}

.message-action-star span.icon:before {
    content: "\f154";
}

.message-action-unstar span.icon:before {
    content: "\f155";
}

.message-action-star span.icon:before,
.message-action-unstar span.icon:before {
    font-family: dashicons;
    font-size: 16px;
}

#buddypress div#message-thread img.avatar {
    float: left;
    margin: 0 10px 0 0;
    vertical-align: middle;
    box-shadow: none;
}

.thread-checkbox .bp-screen-reader-text,
#buddypress div.message-search label {
    display: none;
}

.messages #content {
    /* margin-top: 20px; */
}

#buddypress div.messages-options-nav {
    float: left;
    margin: 0 0 25px;
    text-align: right;
}

#delete_drafts_messages,
#messages-bulk-manage {
    border: 0;
    color: white;
    font-size: 12px;
    padding: 6px 10px;
    text-transform: uppercase;
    line-height: 1.1;
}

#buddypress div.messages-options-nav .buddyboss-select-inner select,
#buddypress div.messages-options-nav .buddyboss-select-inner {
    height: auto;
    line-height: 1;
}

#buddypress div.messages-options-nav .buddyboss-select-inner span {
    font-size: 14px;
    text-transform: none;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
}

#buddypress div.messages-options-nav .buddyboss-select-inner:after {
    border: none;
    height: auto;
    line-height: 18px;
    color: #54ae68;
    font-size: 10px;
    right: 8px;
}

/* Notices */
.my-messages.notices #buddypress #message-threads tr:first-child td {
    padding-top: 0;
}

.my-messages.notices #buddypress #message-threads.messages-notices tr td:nth-child(1) {
    display: none;
}

.my-messages.notices #buddypress #message-threads td:nth-child(2) {
    width: 36% !important;
    padding-left: 0;
}

.my-messages.notices #message-threads:not(.messages-notices) td:nth-child(3) {
    width: 19% !important;
}

.my-messages.notices #message-threads td:nth-child(4) {
    width: 14% !important;
    text-align: right;
}

.my-messages.notices #message-threads td:nth-child(4) a {
    display: inline-block;
}

.my-messages.notices #message-threads td:nth-child(4) a:first-child {
    margin-bottom: 2px;
}

/* Single Thread */
#buddypress div#message-thread div.message-box {
    margin: 0;
    padding: 15px;
}

#buddypress div#message-thread div.alt {
    background-color: #f4f4f4;
}

#buddypress div#message-thread p#message-recipients {
    margin: 10px 0 20px 0;
}

#buddypress div#message-thread img.avatar {
    float: left;
    margin: 0 10px 0 0;
    vertical-align: middle;
    box-shadow: none;
}

#buddypress div#message-thread strong {
    font-size: 100%;
    margin: 3px;
    vertical-align: middle;
}

#buddypress div#message-thread strong a {
    text-decoration: none;
}

#buddypress div#message-thread strong span.activity {
    margin: 4px 0 0 10px;
}

#buddypress div#message-thread div.message-metadata {
    overflow: hidden;
}

div.message-metadata .message-star-actions {
    display: inline-block;
    float: right;
}

#buddypress div#message-thread div.message-metadata .activity {
    vertical-align: middle;
}

#buddypress div#message-thread div.message-content {
    margin-left: 45px;
}

#buddypress div#message-thread div.message-content .submit {
    margin-bottom: 30px;
}

#buddypress div#message-thread div.message-options {
    text-align: right;
}

.starred #contentcolumn > h3 {
    display: none;
}

/*--------------------------------------------------------------
9.5.3 - Extended Profiles
--------------------------------------------------------------*/
#buddypress div.profile h4 {
    border-bottom: 1px solid #e1e1e1;
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 10px;
}

#buddypress div.profile h4 + p {
    margin-top: 20px;
}

#buddypress #profile-edit-form ul.button-nav {
    margin: 0 0 26px;
    overflow: hidden;
}

body.no-js #buddypress .field-visibility-settings-toggle,
body.no-js #buddypress .field-visibility-settings-close {
    display: none;
}

#buddypress .field-visibility-settings {
    display: none;
    margin: 10px 0;
}

#buddypress .field-visibility-settings fieldset {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

body.no-js #buddypress .field-visibility-settings {
    display: block;
}

#buddypress .current-visibility-level {
    font-weight: 600;
    font-style: normal;
}

#buddypress .field-visibility-settings,
#buddypress .field-visibility-settings-toggle,
#buddypress .field-visibility-settings-notoggle {
    color: #888;
}

#buddypress .field-visibility-settings-toggle a,
#buddypress .field-visibility-settings a {
    font-size: 80%;
}

body.register #buddypress div.page ul {
    list-style: none;
}

#buddypress .standard-form .field-visibility-settings label {
    margin: 0;
    font-weight: 400;
}

#buddypress .field-visibility-settings legend,
#buddypress .field-visibility-settings-toggle {
    font-style: italic;
}

.field-visibility-settings ul {
    margin-bottom: 1.2rem;
    margin-left: 0;
}

.field-visibility-settings ul li {
    margin-bottom: 9px;
}

.field-visibility-settings .field-visibility-text {
    padding-left: 5px;
}

.profile .radio-button-options input[type="radio"] + strong {
    margin-right: 10px;
}

/*--------------------------------------------------------------
10.0 - Group
--------------------------------------------------------------*/
.single-item.groups .site-content {
    margin-top: 0;
}


.bb-cover-photo,
.bb-cover-photo .progress {
    background-color: #3c7a90;
}

.bb-cover-photo {
    width: 100%;
    float: right;
    height: 342px;
    position: relative;
}

.bb-cover-photo .holder {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bb-cover-photo .progress {
    display: none;
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 12;
    background: #54ae68;
}

.bb-cover-photo .progress span {
    width: 1%;
    display: block;
    height: 100%;
    background: #54ae68;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition: width 2s;
    transition: width 2s;
}

.bb-cover-photo button.update-cover-photo {
    display: block;
    background: transparent !important;
    color: transparent;
    border-radius: 4px;
    border: none;
    line-height: 22px;
    cursor: pointer;
    text-shadow: none;
    padding: 0px;
    width: auto;
    min-width: 0;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1.2px;
    margin-top: 16px;
    margin-left: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    z-index: 11 !important;
    font-weight: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.bb-cover-photo .update-cover-photo i.bb-icon-camera,
.bb-cover-photo .update-cover-photo i.fa-camera,
.bb-cover-photo .update-cover-photo i.fa-refresh,
.bb-cover-photo .update-cover-photo i.fa-sync,
.bb-cover-photo .update-cover-photo i.fa-times {
    color: #fff;
    font-size: 18px;
    left: 6px;
    opacity: 0.7;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    top: 9px;
    z-index: 1;
}

.bb-cover-photo .update-cover-photo div {
    -webkit-background-clip: padding-box;
    background-color: #54ae68;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    color: #fff;
    display: inline-block;
    opacity: 0;
    overflow: hidden;
    padding: 3px 12px 1px 26px;
    position: relative;
    top: 3px;
    left: 0;
    -webkit-transition: opacity .3s ease-in-out, width .3s linear;
    white-space: nowrap;
    width: 34px;
    word-wrap: normal;
    float: left;
}

.bb-cover-photo .update-cover-photo:hover div {
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity .3s ease-in-out, width .3s linear;
}

.single-item.groups #buddypress div#item-header div#item-header-avatar {
    width: 185px;
}

/* .single-item.groups #buddypress div#item-header #item-header-desc {
    padding-left: 40px;
    padding-right: 28px;
} */

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

.bb-cover-photo button.update-cover-photo.refresh-cover-photo {
    margin-top: 45px;
}

/* fallback */
html:not(.svgclippaths) .single-item.groups #buddypress div#item-header #item-header-avatar img.avatar {
    border-radius: 50%;
}

.single-item.groups #item-header {
    float: left;
    width: 100%;
    position: relative;

    margin-top: -180px;
}

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

.single-item.groups #secondary #item-header-content {
    padding-top: 10px;
}

.single-item.groups #secondary #item-header-content + .widget {
    padding-top: 4px;
}

.single-item.groups #buddypress form#send-invite-form #invite-list {
    margin-bottom: 50px;
}

#item-title-area h1 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.2;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    margin-right: 8%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

#item-title-area > div {
    vertical-align: top;
}

#buddypress #item-title-area {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

    height: 160px;
}

.boss-group-header .group-header-content {
    max-height: 180px;
    overflow: auto;
    float: left;
}

.boss-group-header #item-actions {
    margin-bottom: 5px;
}

#buddypress #item-title-area .highlight {
    background-color: #54ae68;
    border-radius: 2px;
    color: #fff;
    text-transform: lowercase;
    padding: 0px 6px 2px;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 0;
}

.single-item.groups #buddypress #item-header span.activity {
    color: #fff;
    margin-top: 6px;
    display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.single-item.groups #buddypress #activity-stream {
    margin-bottom: 0;
}

.single-item.groups #buddypress div#item-body {
    margin-bottom: 70px;
    float: right;
    width: 100%;
}

#buddypress div#item-header div#item-meta {
    margin-top: 20px;
    color: #333;
}

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

.single-item.groups #buddypress #item-nav {
    position: relative;
    margin-bottom: 26px;
    margin-top: 44px;
}

.single-item #buddypress div#item-nav .item-list-tabs {
    /*border-bottom: 0;*/
    margin-bottom: 50px;
}

.single-item.groups #buddypress div#subnav.item-list-tabs {
    margin-top: 0;
    margin-bottom: 50px;
    /*    padding-bottom: 25px;*/
    /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}

.group-members.single-item.groups #buddypress #members-group-list > div#subnav.item-list-tabs {
    padding: 0;
    border-bottom: 0;
}

.group-header-wrap {
    width: 100%;
}

#buddypress div#subnav.item-list-tabs ul li.feed a {
    padding: 0;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    border: none;
    line-height: 30px;
}

#buddypress div#subnav.item-list-tabs ul li.feed a:before {
    content: '\f09e';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #54ae68;
    font-size: 14px;
    margin-right: 6px;
}

#buddypress div#subnav.item-list-tabs ul li.feed a:hover {
    background-color: transparent;
    color: #54ae68;
}

/* Search Fields */
.groups-members-search input[type="text"],
#buddypress div.dir-search input[type="text"],
#bbpress-forums #bbp-search-index-form input#bbp_search,
#buddypress #search-message-form input[type="text"] {
    padding: 7px 0;
}

/*--------------------------------------------------------------
12.0 - Registration
--------------------------------------------------------------*/
body.registration .site {
    background: transparent;
    border: none;
    text-align: center;
    box-shadow: none;
    padding: 70px 0;
}

body.registration .wp-social-login-connect-with {
    margin: 70px 0 20px;
    text-align: center;
}

body.registration div#pass-strength-result {
    margin-bottom: 40px;
}

body.registration .wp-social-login-provider-list {
    margin-bottom: 40px;
}

div#register-page p {
    font-size: 15px;
    margin: 10px auto 24px;
    max-width: 400px;
}

div#register-page .register-section p,
div#register-page .security-question-section p {
    font-size: inherit;
    margin: 0 0 24px;
    width: auto;
}

div#register-page .register-section h4,
div#register-page .security-question-section h4 {
    color: #555;
    font-size: 21px;
    margin: 0 0 40px;
    padding: 0 0 10px;
}

div#register-page .register-section,
div#register-page .security-question-section {
    background-color: #FFFFFF;
    font-weight: 400;
    margin: 0 auto 25px !important;
    padding: 24px;
    text-align: left;
    max-width: 400px;
    width: auto !important;
    clear: both;
    float: none !important;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

#buddypress div#register-page .register-section h4 {
    color: #000;
    margin-bottom: 40px;
    margin-top: 10px;
    padding-bottom: 15px
}

div#register-page #basic-details-section input {
    height: 40px;
    margin-bottom: 40px;
    padding: 0;
}

#buddypress div#register-page #basic-details-section input.password-entry,
#buddypress div#register-page #basic-details-section input.password-entry-confirm {
    width: 100%;
}

div#register-page #signup_form.standard-form div.submit {
    float: none !important;
    margin: 0 auto;
}

div#register-page #signup_form.standard-form div.submit input {
    margin: 0;
    padding: 17px 22px;
    font-size: 20px;
}

.bb-group-avatar-wrap-mobile,
.bb-group-mobile-content,
.item-header-mobile {
    display: none;
}

.bb-group-avatar-wrap-mobile {
    margin-top: -110px;
}

body.create-blog label.checkbox {
    display: block;
}

body.create-blog label.checkbox strong {
    padding-top: 1px;
}

body.create-blog input[type="text"] {
    padding-bottom: 6px;
}

/*--------------------------------------------------------------
13.0 - IE 10
--------------------------------------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    form#group-settings-form input[type=radio], form#group-settings-form input[type=checkbox] {
        padding-top: 4px;
        padding-right: 3px;
    }
}
/*--------------------------------------------------------------
14.0 - Legacy BuddyPress (below BuddyPress 1.7)
--------------------------------------------------------------*/
/* We inject user avatars and names into "legacy" plugins templates.
We need to hide these elements from displaying on non-legacy pages. */
.buddyboss-bp-legacy {
    display: none;
}

/* Legacy plugins load a sidebar template even though we don't want one.
We need to hide the sidebar on all legacy user and group pages. */
body.bp-user #secondary.bp-legacy,
body.single-item #secondary.bp-legacy {
    display: none;
}

/*--------------------------------------------------------------
15.0 - Custom media queries
--------------------------------------------------------------*/
/*---------------------------------------------------------------
15.1 - Custom media queries
--------------------------------------------------------------*/
@media screen and (max-width: 1050px) {
    .single-item.groups #buddypress .dir-list.group_members ul.item-list > li,
    .single #buddypress .dir-list ul.item-list > li,
    .bp-user #buddypress .dir-list ul.item-list > li,
    .page-right-sidebar #buddypress .dir-list ul.item-list > li {
        width: 50%;
    }
    #main .inner-avatar-wrap .generic-button.group-button a.group-button {
        width: auto;
    }
}

@media screen and (max-width: 900px) {
    #buddypress .dir-list ul.item-list > li {
        width: 33.33333%;
    }

    #buddypress #groups-directory-form .item-list-tabs,
    .entry-content #buddypress #blogs-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;
    }

    .item-header-mobile {
        display: block;
    }

    /*
        .bb-group-avatar-wrap-mobile,
        .bb-group-mobile-content {
            display: block;
        }

        .bb-group-avatar-wrap-desktop {
            display: none;
        }
    */

    .item-header-sidebar {
        display: none;
    }

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

    .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 (max-width: 900px) {
    .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;
    }
}

@media screen and (min-width: 481px) and (max-width: 900px) {
    div.footer-inner.widget-area {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .footer-widget.footer-widget {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}

@media screen and (max-width: 800px) {
    .bp-user-blog #header-aside-inner > .header-notifications {
        display: none;
    }
    .woocommerce #header-aside-inner > .header-notifications {
        display: none;
    }
}

@media screen and (max-width: 630px) {
    #buddypress .dir-list ul.item-list > li {
        width: 50%;
    }

    div.footer-inner.widget-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #header-aside-inner > .header-notifications {
        display: none;
    }

    #header-aside-inner #all-notificatios + .header-button {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }
}

@media screen and (max-width: 550px) {
    .bb-has-sidebar #buddypress .dir-list.mygroups ul.item-list > li,
    .single-item.groups #buddypress .dir-list.group_members ul.item-list > li,
    .single #buddypress .dir-list ul.item-list > li,
    .bp-user #buddypress .dir-list ul.item-list > li,
    .page-right-sidebar #buddypress .dir-list ul.item-list > li {
        width: 100%;
    }

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

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

@media screen and (max-width: 480px) {
    #buddypress .dir-list ul.item-list > li {
        width: 100%;
    }

    body.admin-bar.admin-bar.admin-bar {
        margin-top: 0 !important;
    }

    #item-title-area .group-header-wrap {
        display: block;
    }

    .bb-cover-photo {
        height: 280px;
    }

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

    .bb-group-avatar-wrap-mobile.bb-group-avatar-wrap-mobile {
        margin-bottom: 10px;
        margin-right: 0;
    }

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

/*----------------------------------------------------------------
>>> BBPRESS
----------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Forums
--------------------------------------------------------------*/
body.bbpress #bbpress-forums fieldset.bbp-form p > input[type="checkbox"],
body.bbpress fieldset.bbp-form p > input[type="checkbox"] {
    margin-left: 4px;
}

body.forum-search #post-0,
body.bbpress article.topic,
body.bbpress article.forum {
    /*margin-top: 90px;*/
    margin-bottom: 70px;
}

#bbpress-forums hr {
    margin: 0 0 24px 0;
}

#bbpress-forums {
    background: transparent;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: inherit;
    text-align: center;
}

.bp-user #bbpress-forums {
    text-align: left;
}

#bbpress-forums div.bbp-search-form {
    /* float: right; */
    margin-bottom: 10px;
    text-align: center;
}

#bbpress-forums #bbp-search-index-form,
#buddypress div.message-search {
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
    margin: 0 auto;
    position: relative;
}

#bbpress-forums #bbp-search-index-form {
    border: 2px solid rgba(0,0,0,0.1);
    width: 65%;
}

.bb-has-sidebar #bbpress-forums #bbp-search-index-form {
    width: 100%;
}

#bbpress-forums #bbp-search-index-form label[for='bbp_search'] {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    clip: auto !important;
    /*color: #21759b;*/
    display: block;
    font-size: 0.05469rem;
    font-weight: bold;
    height: auto;
    left: 0;
    line-height: normal;
    padding: 0;
    text-decoration: none;
    top: 0;
    width: auto;
    z-index: 100000;
}

#bbpress-forums #bbp-search-index-form input#bbp_search,
.widget .woocommerce-product-search button[type="submit"],
#bbp-search-index-form button#bbp_search_submit {
    height: 66px;
    border: none;
}

#bbpress-forums #bbp-search-index-form input#bbp_search,
#buddypress #search-message-form input[type="text"] {
    height: 100%;
    width: 100%;
    padding: 20px 80px 20px 30px;
    font-size: 18px;
    font-weight: 300;
    border: none;
}

.bbp-reply-post-date {
    font-size: 12px;
}

#bbp-search-index-form label.screen-reader-text,
#buddypress #search-message-form input[type="text"] {
    width: 100%;
}

#bbp-search-index-form button#bbp_search_submit,
.widget .woocommerce-product-search button,
#buddypress input#messages_search_submit {
    background-color: transparent;
    width: 66px;
    height: 62px;
    line-height: 58px;
    vertical-align: middle;
    color: #333;
    font-size: 18px;
    right: 0;
    top: 0;
    position: absolute;
}

#buddypress #search-message-form #messages_search {
    border: 0 none;
    float: left;
    font-size: 15px;
    height: 40px;
    min-width: 240px;
    padding: 0 10px;
}

#content #buddypress input#messages_search_submit {
    background: url("../images/search-icon.svg") no-repeat center center;
    font-size: 0;
    height: auto;
    line-height: 40px;
    outline: medium none;
    padding: 0;
    width: 40px;
}

body.bbpress #bbp-search-index-form button#bbp_search_submit:hover,
.widget .woocommerce-product-search button[type="submit"]:hover,
#buddypress input#messages_search_submit:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#bbp-search-index-form label.screen-reader-text {
    position: relative !important;
}

#bbpress-forums div.reply {
    height: auto;
}

#bbp-search-results div.bbp-topic-header,
#bbp-search-results div.bbp-reply-header,
#bbp-search-results .bbp-forum-header,
#bbpress-forums .bbp-replies div.bbp-topic-header,
#bbpress-forums .bbp-replies div.bbp-reply-header,
#bbpress-forums .bbp-replies .bbp-forum-header {
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 25px;
}

#bbpress-forums .bbp-replies div.topic,
#bbpress-forums .bbp-replies div.reply {
    overflow: hidden;
    display: table;
    width: 100%;
    margin-bottom: 40px;
}

#bbpress-forums .status-trash.even,
#bbpress-forums .status-spam.even {
    background-color: #fee;
}

#bbpress-forums .status-trash.odd,
#bbpress-forums .status-spam.odd {
    background-color: #fdd;
}

#bbpress-forums ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#bbpress-forums .forum-titles {
    font-weight: bold;
}

#bbpress-forums li {
    margin: 0;
    list-style: none;
}

#bbpress-forums ul.bbp-threaded-replies {
    padding-left: 60px; /* indent threaded replies */
    position: relative;
    overflow: visible;
}

#bbpress-forums ul.bbp-threaded-replies:before {
    content: '';
    background-image: url(../images/reply-lines.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    position: absolute;
    top: -49px;
    left: 22px;
    width: 168px;
    display: none;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies {
    font-size: inherit;
    overflow: hidden;
    margin-bottom: 26px;
    clear: both;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies {
    margin-top: 65px;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-body,
#bbpress-forums li.bbp-footer {
    clear: both;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
    font-weight: 600;
    text-align: left;
    font-size: 13px;
}

#bbpress-forums li.bbp-footer {
    display: none;
    /* it's usually empty and looks odd */
}

#bbpress-forums .bbp-replies li.bbp-header,
#bbpress-forums .bbp-replies li.bbp-footer {
    margin-bottom: 20px;
}

#bbpress-forums li.bbp-header ul {
    overflow: hidden;
}

#bbpress-forums .bbp-forums-list {
    margin: 4px 0 4px 5px;
    padding-left: 15px;
    border-left: 1px solid #ddd;
}

#bbpress-forums .bbp-forums-list li {
    display: inline;
    font-size: 11px;
}

#bbpress-forums li.bbp-footer p {
    margin: 0;
    line-height: 1em;
}

#bbpress-forums .bbp-topic-content img,
#bbpress-forums .bbp-reply-content img {
    max-width: 100%;
}

#bbpress-forums .bbp-topic-content ul,
#bbpress-forums .bbp-reply-content ul,
#bbpress-forums .bbp-topic-content ol,
#bbpress-forums .bbp-reply-content ol {
    padding-left: 25px;
}

#bbpress-forums .bbp-topic-content ul li,
#bbpress-forums .bbp-reply-content ul li {
    list-style-type: disc;
}

#bbpress-forums .bbp-topic-content ol li,
#bbpress-forums .bbp-reply-content ol li {
    list-style-type: decimal;
}

#bbpress-forums .bbp-forum-content p {
    margin: 5px 0 0 35px;
    font-size: 14px;
}

.bbp-header ul li {
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    padding-bottom: 27px;
    padding-top: 0;
}

li.bbp-forum-info,
li.bbp-topic-title {
    float: left;
    text-align: left;
    width: 49%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.bbp-header li.bbp-forum-info,
.bbp-header li.bbp-topic-title {
    border-bottom: 2px solid #54ae68;
}

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

.bbp-header ul li,
.bbp-body ul li {
    display: table-cell;
    float: none;
}

.bbp-body ul li {
    padding: 35px 0;
    /*vertical-align: middle;*/
    vertical-align: top;
}

.bbp-header ul li:nth-child(2),
.bbp-body ul li:nth-child(2) {
    padding-left: 30px;
    width: 13%;
}

li.bbp-forum-info a.bbp-forum-title,
li.bbp-topic-title a.bbp-topic-permalink {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    color: #333;
}

li.bbp-forum-info a.bbp-forum-title:before,
li.bbp-topic-title a.bbp-topic-permalink:before {
    content: "X";
    font-family: "onesocial" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 15px;
    font-size: 18px;
    color: #54ae68;
    position: relative;
    top: 2px;
}

li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
    float: left;
    /* text-align: center; */
    width: 10%;
}

.bbp-header li.bbp-forum-freshness,
.bbp-header li.bbp-topic-freshness,
.bbp-header li.bbp-forum-topic-count,
.bbp-header li.bbp-topic-voice-count,
.bbp-header li.bbp-forum-reply-count,
.bbp-header li.bbp-topic-reply-count {
    border-bottom: 2px solid #333;
}

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 {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-align: left;
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
    text-align: left;
    float: left;
    width: 23%;
}

.bbp-topic-freshness-author {
    font-size: 14px;
    display: block;
    /* padding-left: 10px; */
}

.bbp-topic-freshness-author a {
    float: left;
    /*padding-top: 6px;*/
}

.bbp-topic-freshness-link {
    font-size: 14px;
    font-weight: 700;
    clear: both;
    display: block;
}

.bbp-topic-freshness-link a {
    color: #999;
    font-size: 11px;
    font-weight: 300;
    /* padding-left: 10px; */
    padding-top: 6px;
    float: left;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
    overflow: hidden;
    padding: 0;
}

/* Forums */
#bbpress-forums li.bbp-body ul.forum div.bbp-forum-info-content {
    padding-right: 20px;
}

/* Closed Topics */
#bbpress-forums li.bbp-body ul.bbp-forum-status-closed div.bbp-forum-info-content .bbp-forum-title:before {
    color: #b94545;
    content: "U";
    margin: 0 20px 0 0;
    position: relative;
    top: 0;
}

#bbpress-forums li.bbp-body ul.bbp-forum-status-closed a {
    /*color: #bbb;*/
}

/* Topics */
#bbpress-forums li.bbp-body ul.topic div.bbp-topic-title-content {
    padding-right: 35px;
    word-wrap: break-word;
}

#bbpress-forums li.bbp-body ul.topic div.bbp-topic-title-content p:last-child {
    margin-bottom: 0;
}

li.bbp-header div.bbp-topic-content span#subscription-toggle,
li.bbp-header div.bbp-topic-content span#favorite-toggle,
li.bbp-header div.bbp-reply-content span#subscription-toggle,
li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;
}

#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
    text-align: left;
    width: 180px;
    min-width: 180px;
    margin-bottom: 8px;
    display: table-cell;
}

#bbpress-forums div.bbp-topic-author .bbp-author-avatar,
#bbpress-forums div.bbp-reply-author .bbp-author-avatar {
    float: left;
    margin-right: 12%;
    margin-top: 8px;
}

#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
    max-width: 50px;
    height: auto;
    padding: 0;
    margin: 1px auto 12px auto;
    float: none;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    clear: both;
    line-height: 1;
    text-align: center;
    word-wrap: break-word;
    font-weight: 700;
    font-size: 14px;
}

#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role {
    color: #9b9b9b;
    font-size: 11px;
    position: relative;
    top: -2px;
}

#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
    padding: 0;
    text-align: left;
    display: table-cell;
    vertical-align: top;
    word-break: break-word;
}

#bbpress-forums div.bbp-reply-content p {
    font-size: 18px;
}

#bbpress-forums div.bbp-topic-content blockquote,
#bbpress-forums div.bbp-reply-content blockquote {
    border: 1px solid #dfe2e2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#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 {
    float: left;
    margin: 0;
    padding: 0;
    width: 120px;
}

#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 {
    margin-left: 140px;
    padding: 0;
    text-align: left;
}

div.bbp-topic-header,
div.bbp-reply-header,
div.bbp-forum-header {
    margin-bottom: 0;
    overflow: hidden;
    padding: 8px 12px;
}

div.bbp-topic-header,
div.bbp-reply-header,
div.bbp-forum-header {
    clear: both;
}

span.bbp-author-ip {
    font-size: 11px;
    font-weight: 600;
    color: #aaa;
}

#bbpress-forums ul.bbp-replies .bbp-body > ul li {
    display: block;
    width: 100%;
}

/*--------------------------------------------------------------
2.0 - Breadcrumbs, tags, subscribe
--------------------------------------------------------------*/
#bbpress-forums div.bbp-breadcrumb {
    display: none;
}

div.bbp-breadcrumb {
    color: #838383;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
}

div.bbp-breadcrumb a {
    color: #333;
    font-weight: 700;
}

div.bbp-breadcrumb a:hover {
    color: #54ae68;
}

div.bbp-breadcrumb span {
    font-weight: 300;
}

div.bbp-breadcrumb span.bbp-breadcrumb-sep {
    font-weight: 900;
    color: rgba(0, 0, 0, 0.2);
    margin: 0 9px;
}

div.bbp-topic-tags {
    font-size: 12px;
    float: left;
    margin-top: 13px;
    max-width: 440px;
    margin-right: 30px;
    margin-bottom: 15px;
}

.entry-tags h3,
div.bbp-topic-tags span {
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 20px;
    color: #333;
}

.entry-tags h3 {
    margin-bottom: 40px;
    font-family: inherit;
    font-size: 12px;
}

.entry-tags a,
div.bbp-topic-tags a {
    text-transform: none;
    font-weight: 300;
    border: 1px solid rgba(0,0,0,0.1);
    margin-left: 10px;
    padding: 4px 10px;
    color: #929292;
    display: inline-block;
}

.entry-tags a {
    margin: 0 10px 10px 0;
}

.entry-tags span {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin: -4px -10px -4px 10px;
    padding: 4px 11px;
}

#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
    margin-bottom: 10px;
}

/* Subscribe to Forum */
#onesocial-recommended-by, .bbp-forum-data {
    padding: 4px 20px;
    border-radius: 23px;
    border: 1px solid rgba(0,0,0,0.1);
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 5px;
    min-height: 46px;
}

#onesocial-recommended-by:before, .bbp-forum-data:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    background-color: #fff;
    border-radius: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid rgba(0,0,0,0.1);
    left: -4px;
    top: 17px;
    position: absolute;
}

#onesocial-recommended-by:after, .bbp-forum-data:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 11px 14px 0;
    border-color: transparent white transparent transparent;
    z-index: 1;
    left: -3px;
    top: 8px;
    position: absolute;
}

#onesocial-recommended-by .title, .bbp-forum-data .post-num {
    font-size: 14px;
    color: #54ae68;
    margin-bottom: 2px;
    font-weight: 400;
}

.bbp-forum-data .last-activity,
.bbp-forum-data .post-num {
    clear: both;
    float: left;
    line-height: 1.3;
}

.bbp-forum-data .last-activity {
    color: #333;
    text-align: left;
}

.bbp-forum-data .last-activity a {
    color: #9b9b9b;
}

.bbp-forum-data .last-activity a:hover {
    color: #54ae68;
}

.bbp-forum-data .last-activity img {
    border-radius: 50%;
    vertical-align: middle;
}

#bbp-topic-details {
    white-space: nowrap;
    display: inline-block;
}

#bbpress-forums #favorite-toggle,
#bbpress-forums #subscription-toggle {
    clear: left;
    /* float: left; */
    margin: 0 12px 10px 0;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

#onesocial_recommend,
#bbpress-forums #favorite-toggle > span,
#bbpress-forums #subscription-toggle > span {
    display: inline-block;
    height: 46px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 46px;
}

#onesocial_recommend:before,
#bbpress-forums #favorite-toggle .favorite-toggle:before,
#bbpress-forums #subscription-toggle .subscription-toggle:before {
    content: 'u';
    display: block;
    clear: both;
    width: 45px;
    height: 45px;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    background-color: #e1e1e1;
    color: #fff;
    font-size: 20px;
    font-family: "onesocial" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* cursor: pointer; */
}

#bbpress-forums #favorite-toggle .favorite-toggle:before {
    content: 'S';
    line-height: 49px;
}

#onesocial_recommend:after,
#bbpress-forums #favorite-toggle .favorite-toggle:after,
#bbpress-forums #subscription-toggle .subscription-toggle:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: #e1e1e1;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 19px;
    right: -2px;
}

#bbpress-forums #favorite-toggle .is-favorite .favorite-toggle:before,
#bbpress-forums #subscription-toggle .is-subscribed .subscription-toggle:before,
#bbpress-forums #favorite-toggle .is-favorite .favorite-toggle:after,
#bbpress-forums #subscription-toggle .is-subscribed .subscription-toggle:after {
    background: #54ae68;
}


.bbp-body .bbp-topic-action {
    float: left;
    margin-right: 10px;
}

#bbpress-forums #favorite-toggle a.favorite-toggle,
#bbpress-forums #subscription-toggle a.subscription-toggle {
    background: none;
    border: 0;
    display: block;
    font-size: 0;
    height: 45px;
    position: absolute;
    text-align: center;
    width: 45px;
}

#bbpress-forums #favorite-toggle a.favorite-toggle:hover,
#bbpress-forums #subscription-toggle a.subscription-toggle:hover {
    font-size: 10px;
}

#bbpress-forums #favorite-toggle > span:hover a.favorite-toggle,
#bbpress-forums #subscription-toggle > span:hover a.subscription-toggle {
    opacity: 1;
    visibility: visible;
}

/* Subscribe to Topic */
#bbpress-forum .bbp-replies #subscription-toggle,
#bbpress-forums .bbp-replies #favorite-toggle {
    float: right;
    color: #ddd;
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 2;
}

/*--------------------------------------------------------------
3.0 - Admin links
--------------------------------------------------------------*/
span.bbp-admin-links {
    float: right;
    color: #333;
}

span.bbp-admin-links a {
    color: #333;
    font-weight: 300;
    font-size: 12px;
    text-decoration: none;
}

span.bbp-admin-links a:hover {
    color: #555;
}

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

tr td span.bbp-admin-links a:hover {
    color: #ff4b33;
}

td.bbp-topic-admin-links,
td.bbp-topic-counts {
    width: 50%;
}

.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink,
.bbp-forum-header a.bbp-forum-permalink {
    float: right;
    margin-left: 10px;
    color: #ccc;
}

/*--------------------------------------------------------------
4.0 - Toggles
--------------------------------------------------------------*/
.bbp-topic-action #favorite-toggle a {
    text-decoration: none;
    padding: 0 3px 1px;
    color: #7c7;
    border: 1px solid #aca;
    background-color: #dfd;
    font-weight: 600;
    font-size: 13px;
}

.bbp-topic-action #favorite-toggle a:hover {
    color: #5a5;
    border-color: #7c7;
    background-color: #beb;
}

.bbp-topic-action #favorite-toggle span.is-favorite a {
    color: #faa;
    border: 1px solid #faa;
    background-color: #fee;
}

.bbp-topic-action #favorite-toggle span.is-favorite a:hover {
    color: #c88;
    border-color: #c88;
    background-color: #fdd;
}

.bbp-topic-action #subscription-toggle a {
    text-decoration: none;
    padding: 0 3px 1px;
    color: #7c7;
    border: 1px solid #aca;
    background-color: #dfd;
    font-weight: 600;
    font-size: 13px;
}

.bbp-topic-action #subscription-toggle a:hover {
    color: #5a5;
    border-color: #7c7;
    background-color: #beb;
}

.bbp-topic-action #subscription-toggle span.is-subscribed a {
    background-color: #e33d41;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 16px;
    padding: 0;
    text-align: center;
    width: 20px;
}

.bbp-topic-action #subscription-toggle span.is-subscribed a:hover {
    opacity: 0.8;
}

#bbpress-forums li.bbp-forum-freshness img.avatar,
#bbpress-forums li.bbp-topic-freshness img.avatar {
    float: left;
    margin-right: 17px;
    box-shadow: none;
    border-radius: 50%;
    width: 50px;
    height: auto;
}

.bb-has-sidebar #bbpress-forums li.bbp-forum-freshness img.avatar,
.bb-has-sidebar #bbpress-forums li.bbp-topic-freshness img.avatar {
    width: 40px;
}

#bbpress-forums li.bbp-forum-freshness p.bbp-topic-meta,
#bbpress-forums li.bbp-topic-freshness p.bbp-topic-meta {
    line-height: 1.2;
    margin: 0;
    float: left;
}

#bbpress-forums .bbp-forum-title-content p.bbp-topic-meta,
#bbpress-forums .bbp-topic-title-content p.bbp-topic-meta {
    margin: 5px 0 0;
}

#bbpress-forums li.bbp-body ul.topic div.bbp-topic-title-content p.bbp-topic-meta {
    margin: 0;
}

/*--------------------------------------------------------------
5.0 - Pagination
--------------------------------------------------------------*/
#buddypress #pag-top.pagination {
    display: none;
}

.bbp-pagination {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.bbp-pagination-count {
    float: left;
}

.bbp-pagination-links {
    float: right;
    font-size: 11px;
    line-height: 13px;
}

.bbp-topic-pagination {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 2px;
}

.bbp-topic-pagination a {
    font-size: 10px;
    line-height: 10px;
    padding: 1px 3px;
    border: 1px solid #ddd;
    text-decoration: none;
}

/*--------------------------------------------------------------
6.0 - Forms
--------------------------------------------------------------*/
#bbpress-forums fieldset.bbp-form {
    clear: left;
    border: none;
    padding: 0;
    text-align: left;
}

.site #bbpress-forums fieldset.bbp-form p {
    margin-bottom: 26px;
}

#bbpress-forums fieldset.bbp-form legend {
    padding: 0 0 12px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    word-break: break-all;
    color: #333;
}

#bbpress-forums fieldset.bbp-form label {
    margin: 0;
    display: inline-block;
}

#bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
#bbp-login fieldset label,
#bbp-register fieldset label,
#bbp-lost-pass fieldset label {
    width: 100px;
}

#bbpress-forums fieldset.bbp-form p,
#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form input {
    margin: 0 0 8px;
    font-size: inherit;
}

#bbpress-forums .wp-editor-wrap {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form input {
    padding: 10px 0;
}

textarea#bbp_reply_content,
textarea#bbp_topic_content,
textarea#bbp_forum_content {
    width: 97%;
}

textarea#bbp_forum_content {
    height: 210px;
}

#bbpress-forums fieldset.bbp-forum-form-attributes {
    width: 200px;
    float: right;
    clear: none;
    margin-left: 25px;
}

#bbpress-forums fieldset select#bbp_forum_id {
    max-width: 200px;
    /* Fix for too-long forum names, usually from conversion */
}

.bbp-topic-form,
.bbp-reply-form,
.bbp-topic-tag-form {
    clear: left;
    padding: 20px 0 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

body.topic-edit .bbp-topic-form div.avatar img,
body.reply-edit .bbp-reply-form div.avatar img,
body.single-forum .bbp-topic-form div.avatar img,
body.single-reply .bbp-reply-form div.avatar img {
    margin-right: 0;
    padding: 10px;
    border: 1px solid #ddd;
    line-height: 0;
    background-color: #efefef;
}

body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.topic-edit .bbp-topic-form code,
body.reply-edit .bbp-reply-form code {
    font-size: 11px;
    background-color: #f6f7f8;
    border: 1px solid #e4e4e4;
    display: block;
    padding: 8px;
    margin-top: 5px;
    max-width: 369px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#merge_tag,
#delete_tag {
    display: inline;
}

div.bbp-submit-wrapper {
    /*float: right;*/
    clear: both;
}

div.bbp-submit-wrapper button {
    padding: 8px 20px;
    font-size: 13px;
}

p.form-allowed-tags {
    width: 462px;
}

/*--------------------------------------------------------------
7.0 - TinyMCE in themes
--------------------------------------------------------------*/
#bbpress-forums div.bbp-the-content-wrapper {
    margin-bottom: 10px;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
    width: 100%;
    margin: 0;
    font-size: 12px;
}

#bbpress-forums div.bbp-the-content-wrapper table,
#bbpress-forums div.bbp-the-content-wrapper tbody,
#bbpress-forums div.bbp-the-content-wrapper tr,
#bbpress-forums div.bbp-the-content-wrapper td {
    border: none;
    padding: 0;
    margin: 0;
    width: auto;
    line-height: 1em;
}

#bbpress-forums div.bbp-the-content-wrapper input {
    font-size: 12px;
    padding: 5px;
    margin: 3px 0 0;
    line-height: 1em;
    margin: 0;
}

#bbpress-forums div.bbp-the-content-wrapper .wp-editor-container input {
    margin: 3px;
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
    padding: 2px;
    min-height: 26px;
}

#bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
    padding: 4px 4px 8px;
}

#bbpress-forums div.wp-editor-container {
    margin: 0;
    padding: 0;
    line-height: 0;
    background-color: #fff;
}

#bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
    line-height: 16px;
}

/*--------------------------------------------------------------
8.0 - Edit user
--------------------------------------------------------------*/
#bbpress-forums #bbp-your-profile fieldset {
    padding: 20px 20px 0 20px;
}

#bbpress-forums #bbp-your-profile fieldset div {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    clear: left;
}

#bbpress-forums #bbp-your-profile fieldset select {
    margin-bottom: 0;
}

#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea {
    margin-bottom: 0;
    width: 60%;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 5px 8px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#bbpress-forums #bbp-your-profile fieldset input:focus,
#bbpress-forums #bbp-your-profile fieldset textarea:focus {
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    outline-color: rgba(240, 255, 240, 0.1);
}

#bbpress-forums #bbp-your-profile fieldset.bbp-form input.checkbox {
    width: auto;
}

#bbpress-forums #bbp-your-profile fieldset legend {
    display: none;
}

#bbpress-forums #bbp-your-profile fieldset label[for] {
    float: left;
    width: 20%;
    padding: 5px 20px 5px 0;
    text-align: right;
    cursor: pointer;
}

#bbpress-forums #bbp-your-profile fieldset dl label[for] {
    text-align: left;
    width: 60%;
}

#bbpress-forums #bbp-your-profile fieldset span.description {
    margin: 5px 0 0 20%;
    font-size: 12px;
    font-style: italic;
    float: left;
    clear: left;
    width: 60%;
    padding: 5px 8px;
    border: #cee1ef 1px solid;
    background-color: #f0f8ff;
}

#bbpress-forums #bbp-your-profile fieldset fieldset {
    margin: 0;
    border: none;
    padding: 0;
    clear: none;
    float: none;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.password {
    width: 60%;
    display: inline;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.password input,
#bbpress-forums #bbp-your-profile fieldset fieldset.password span {
    width: 100%;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl {
    margin: 0;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
    margin-left: 0;
    margin-bottom: 20px;
}

#bbpress-forums #bbp-your-profile fieldset.submit button {
    float: right;
}

/*--------------------------------------------------------------
9.0 - Notices
--------------------------------------------------------------*/
div.bbp-template-notice,
div.indicator-hint {
    padding: 10px 14px;
    margin: 5px 0 15px;
    font-size: 13px;
    clear: both;
    background-color: #f9f9f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

div.bbp-template-notice a {
    text-decoration: none;
}

div.bbp-template-notice a:hover {
    color: #555;
    text-decoration: underline;
}

div.bbp-template-notice.info {
    background-color: #d7e7f1;
}

div.bbp-template-notice.info,
div.bbp-template-notice.info a {
    color: #4d7190;
}

div.bbp-template-notice.important {
    background-color: #d7f1d9;
    color: #67ab6a;
}

div.bbp-template-notice.important,
div.bbp-template-notice.important a {
    color: #67ab6a;
}

div.bbp-template-notice.error,
div.bbp-template-notice.warning {
    background-color: #f9f2f4;
}

div.bbp-template-notice.error,
div.bbp-template-notice.error a,
div.bbp-template-notice.warning,
div.bbp-template-notice.warning a {
    color: #b25551;
}

div.bbp-template-notice p,
div.indicator-hint p {
    margin: 0 !important;
}

/*--------------------------------------------------------------
10.0 - Stickies
--------------------------------------------------------------*/
#bbpress-forums .status-closed a.bbp-topic-permalink:before,
/* Sticky */
.bbp-topics-front ul.super-sticky div.bbp-topic-title-content .bbp-topic-permalink:before,
.bbp-topics ul.super-sticky div.bbp-topic-title-content .bbp-topic-permalink:before,
.bbp-topics ul.sticky div.bbp-topic-title-content .bbp-topic-permalink:before,
.bbp-forum-content ul.sticky .bbp-topic-permalink:before {
    color: #dedb77;
    content: "\33";
    display: inline-block;
    font-family: "onesocial" !important;
    font-size: 15px;
    left: 2px;
    margin: 0 20px 0 0;
    position: relative;
    top: 0;
}

#bbpress-forums .status-closed a.bbp-topic-permalink:before {
    color: #b94545;
    content: "\55";
    font-size: 18px;
}

/*--------------------------------------------------------------
11.0 - Revisions
--------------------------------------------------------------*/
#bbpress-forums .bbp-topic-revision-log,
#bbpress-forums .bbp-reply-revision-log {
    border-top: 1px dotted #ddd;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 11px;
    color: #aaa;
}

/*--------------------------------------------------------------
12.0 - Login widget
--------------------------------------------------------------*/
.bbp-login-form fieldset legend {
    display: none;
}

.bbp-login-form label {
    width: 140px;
    display: inline-block;
}

#sidebar .bbp-login-form label {
    width: 70px;
}

.bbp-login-form .bbp-username,
.bbp-login-form .bbp-email,
.bbp-login-form .bbp-password,
.bbp-login-form .bbp-remember-me,
.bbp-login-form .bbp-submit-wrapper {
    margin-bottom: 26px;
    margin-top: 0;
}

.bbp-login-form .bbp-submit-wrapper {
    text-align: left;
}

.bbp-login-form .bbp-login-links a {
    float: left;
    clear: left;
}

.bbp-logged-in {
    overflow: hidden;
    min-height: 40px;
    position: relative;
}

.bbp-logged-in img.avatar {
    position: absolute;
    left: 0;
    top: 0;
}

.bbp-logged-in h4,
.bbp-logged-in a.button {
    float: left;
    word-wrap: break-word;
    margin-left: 57px;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.bbp-logged-in h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    clear: none;
    width: 55%;
}

.bbp-logged-in a.button {
    clear: left;
}

/*--------------------------------------------------------------
13.0 - Avatars
--------------------------------------------------------------*/
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar,
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums .bbp-topic-started-by img.avatar {
    float: none;
    margin-bottom: -4px;
    border: 1px solid #999;
    box-shadow: none;
}

fieldset div.avatar {
    float: right;
}

.widget_bp_core_recently_active_widget .avatar {
    max-width: 50px;
}

/*--------------------------------------------------------------
14.0 - BuddyPress activity streams
--------------------------------------------------------------*/
.activity-list li.bbp_topic_create .activity-content .activity-inner,
.activity-list li.bbp_reply_create .activity-content .activity-inner {
    border-left: 2px solid #eaeaea;
    margin-left: 5px;
    padding-left: 10px;
}

/*--------------------------------------------------------------
15.0 - User pages
--------------------------------------------------------------*/
#bbpress-forums h1 {
    clear: none;
    font-size: 1.8em;
    line-height: 1em;
    padding-bottom: 10px;
}

#bbpress-forums #bbp-user-wrapper {
    float: left;
    width: 100%;
}

#bbpress-forums #bbp-user-wrapper h2.entry-title {
    font-size: 1.4em;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 0;
    clear: none;
}

#bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic,
#bbpress-forums #bbp-user-wrapper ul.bbp-topics,
#bbpress-forums #bbp-user-wrapper ul.bbp-forums,
#bbpress-forums #bbp-user-wrapper ul.bbp-replies,
#bbpress-forums #bbp-user-wrapper fieldset.bbp-form {
    clear: none;
}

#bbpress-forums #bbp-single-user-details {
    margin: 0;
    width: 150px;
    float: left;
    overflow: hidden;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar {
    margin: 0;
    width: 150px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
    border: none;
    height: 150px;
    padding: 0;
    margin: 0 0 20px 0;
    width: 150px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-description {
    float: none;
    margin-left: 180px;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation {
    float: none;
    margin: 0;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
    margin: 0;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
    padding: 5px 8px;
    display: block;
    border: 1px solid transparent;
    text-decoration: none;
}

#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
    background: #eee;
    opacity: 0.8;
}

#bbpress-forums #bbp-user-body {
    margin-left: 180px;
}

body.my-account #bbpress-forums {
    border-top: none;
    padding-top: 0;
    margin-bottom: 0;
}

body.bp-user #bbpress-forums h2 {
    font-size: 24px;
    line-height: 1.5;
    margin-top: 0;
}

body.bp-user .bbp-header ul li:nth-child(2),
body.bp-user .bbp-body ul li:nth-child(2),
body.single-item.groups .bbp-header ul li:nth-child(2),
body.single-item.groups .bbp-body ul li:nth-child(2) {
    padding-left: 15px;
}

/*--------------------------------------------------------------
16.0 - User capabilities
--------------------------------------------------------------*/
#bbpress-forums dl.bbp-user-capabilities {
    display: inline-block;
    vertical-align: top;
}

#bbpress-forums dl.bbp-user-capabilities dt {
    margin: 0 0 10px;
    text-transform: capitalize;
}

#bbpress-forums dl.bbp-user-capabilities dd {
    margin: 0;
    padding: 0;
}

/*--------------------------------------------------------------
17.0 - BuddyPress group forums
--------------------------------------------------------------*/
#bbpress-forums div.row-actions {
    font-size: 11px;
    visibility: hidden;
}

#bbpress-forums li:hover > div.row-actions {
    visibility: visible;
}

/*--------------------------------------------------------------
18.0 - Search results
--------------------------------------------------------------*/
#bbp-search-results .bbp-forum-title h3,
#bbp-search-results .bbp-reply-title h3,
#bbp-search-results .bbp-topic-title h3 {
    font-size: 15px;
    margin: 3px 0 0;
}

#bbp-search-results .bbp-forum-title .bbp-forum-title-meta,
#bbp-search-results .bbp-reply-title .bbp-reply-title-meta,
#bbp-search-results .bbp-topic-title .bbp-topic-title-meta,
#bbp-search-results .bbp-search-author {
    display: none;
}

body.bbp-search #bbp-search-index-form {
    clear: left;
}

#bbp-search-results .bbp-body li {
    border-bottom: 1px solid #e1e1e1;
}

#bbpress-forums ul#bbp-search-results {
    /*border-bottom: 1px solid #ddd;*/
    margin-bottom: 15px;
    clear: left;
}

.search #buddypress div.acomment-header .acomment-options,
.search #buddypress #activity-stream .activity-header > .activity-meta {
    display: none;
}

#buddypress .results-group-groups ul.item-list li img.avatar {
    border-radius: 100%;
    height: auto;
    margin: 0;
    max-width: 100%;
    width: 100px;
}

#bbp-search-results .bbp-header {
    display: none;
}

#bbp-search-results .topic-author {
    border-bottom: 1px solid #e1e1e1;
    display: table;
    height: auto;
    padding-bottom: 10px;
    padding-top: 35px;
    width: 100%;
}

.results-group-messages,
.results-group-groups,
.results-group-forums {
    margin-bottom: 70px;
}

#buddypress .bboss_search_page a.loading:after {
    content: "H";
    font-family: 'onesocial';
}

#buddypress .results-group-members #members-stream {
    margin-bottom: 60px;
}

.results-group-members #members-stream > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#main #buddypress ul.item-list li.bboss_search_item_member .item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 1px; /* Firefox-34-ignoring-max-width-for-flexbox */
    height: auto;
    padding: 0 20px;
}

#buddypress ul.item-list li.bboss_search_item_member .action {
    margin: 0;
}

#buddypress ul.item-list li.bboss_search_item_member .action-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#buddypress ul.item-list li.bboss_search_item_member .action-wrap > .generic-button {
    margin: 0 5px 5px;
}

#buddypress .boss-global-search-results div.pagination {
    /*padding: 70px 0 20px;*/
    padding: 0 0 70px;
}

@media screen and (max-width: 480px) {
    #buddypress ul.item-list li.bboss_search_item_member .action-wrap {
        display: block;
    }
}

/*--------------------------------------------------------------
19.0 - Replays
--------------------------------------------------------------*/
@media screen and (max-width: 980px) {
    #bbpress-forums div.bbp-topic-author,
    #bbpress-forums div.bbp-reply-author {
        width: 180px;
    }

    #bbpress-forums ul.bbp-threaded-replies {
        padding-left: 10px;
    }

    #bbpress-forums ul.bbp-threaded-replies:before {
        width: 113px;
        top: -27px;
    }
}
/*----------------------------------------------------------------
>>> PLUGINS
----------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - WordPress Stats
--------------------------------------------------------------*/
img#wpstats {
    display: none;
}

/*--------------------------------------------------------------
2.0 - Gravity Forms
--------------------------------------------------------------*/
.gform_wrapper li,
.gform_wrapper form li {
    margin: 0;
}

/*--------------------------------------------------------------
3.0 - Subscribe to Comments
--------------------------------------------------------------*/
.subscribe-to-comments label, .subscribe-to-comments input {
    display: inline !important;
}

/*--------------------------------------------------------------
4.0 - BuddyPress Tweet
--------------------------------------------------------------*/
#buddypress div.activity-meta span.twitter-share-button {
    margin-right: 8px;
}

/*--------------------------------------------------------------
5.0 - BuddyPress Group Documents
--------------------------------------------------------------*/
div.docs-info-header {
    background: #F6F7F8;
    margin-bottom: 10px;
    padding: 8px 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

div.docs-info-header p.currently-viewing,
div.docs-info-header #docs-filter-meta {
    font-size: inherit;
}

#doc-meta .existing-or-new-selector#new-folder-block .selector-content label {
    float: unset;
}

.doc-content-wrapper > div {
    margin-top: 30px;
}

#buddypress .doc-content .standard-form p.toggle-switch {
    margin-bottom: 0;
}

#buddypress .doc-content .standard-form .toggle-content {
    padding-top: 20px;
}

.single-bp_doc .header-area .entry-header .entry-title {
    display: none;
}

/*--------------------------------------------------------------
6.0 - WooCommerce
--------------------------------------------------------------*/
.woocommerce span.onsale {
    height: 3.236em;
    width: 3.236em;
    line-height: 3;
    background-color: #54ae68;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #54ae68;
}

.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart {
    clear: left;
    display: block;
    padding-top: 1em;
}

.woocommerce div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce-page #content div.product div.images img,
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    width: auto;
    max-width: 100%;
}

.woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce-page #content div.product div.images {
    width: 30%;
}

.woocommerce div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce-page #content div.product div.summary {
    width: 66%;
}

.woocommerce table.cart img,
.woocommerce #content table.cart img,
.woocommerce-page table.cart img,
.woocommerce-page #content table.cart img {
    border: 1px solid #ddd;
}

#review_form .comment-avatar {
    position: static;
    float: left;
    margin-right: 10px;
}

body.logged-in #review_form #respond .comment-form-comment {
    padding-left: 55px;
}

.woocommerce #review_form #respond textarea {
    margin-top: 0;
    padding: 10px;
    border: 1px solid #e1e1e1;
}

.woocommerce #review_form #respond .form-submit input {
    float: right;
}

html .woocommerce #content table.cart td.actions .input-text,
html .woocommerce table.cart td.actions .input-text,
html .woocommerce-page #content table.cart td.actions .input-text,
html .woocommerce-page table.cart td.actions .input-text {
    width: auto;
}

html .woocommerce form .form-row input.input-text,
html .woocommerce form .form-row textarea {
    line-height: inherit;
}

.woocommerce form .form-row label[for="billing_state"] {
    margin-bottom: 12px;
}

.woocommerce .quantity .qty {
    border: 1px solid #e1e1e1;
    padding: 8px 0;
}

.woocommerce .cart_item .quantity .qty {
    padding: 4px 0;
}

.value .buddyboss-select {
    border: 1px solid #e1e1e1;
    margin: 0 20px 0 0;
}

.value .buddyboss-select-inner {
    line-height: 24px;
    padding-left: 10px;
}

.value .buddyboss-select-inner:after {
    border: 0;
}

.single_variation_wrap .single_variation {
    margin-bottom: 20px;
}

#shipping_method li input[type='radio'],
.woocommerce-checkout.woocommerce-checkout #payment ul.payment_methods li [type='radio'] {
    margin: 0;
    opacity: 0;
}

.woocommerce-checkout [type='checkbox'] {
    margin: 0;
    opacity: 0;
}

.woocommerce-checkout [type='checkbox'] + span:before {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #e1e1e1;
    -moz-box-shadow: 0px 0px 0px 1px #e1e1e1;
    box-shadow: 0px 0px 0px 1px #e1e1e1;
    top: 0px;
    left: -24px;
    width: 18px;
    height: 18px;
    line-height: 1;
}

.woocommerce-checkout.woocommerce-checkout #ship-to-different-address span {
    font-size: 16px;
    padding-left: 16px;
}

#shipping_method li label:before {
    top: 4px;
}

.woocommerce form .form-row .input-checkbox#terms {
    opacity: 0;
}

.woocommerce form .form-row .input-checkbox#terms + label {
    left: 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

.woocommerce-MyAccount-navigation > ul {
    border-left: 1px solid #e1e1e1;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.woocommerce-MyAccount-navigation > ul:after {
    background: #e1e1e1;
    content: ' ';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

#content .woocommerce-MyAccount-navigation li {
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 1px 1px 0;
    float: left;
    list-style: outside none none;
    margin-left: -1px;
    position: relative;
    z-index: 1;
}

.woocommerce-MyAccount-navigation li a {
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: 900;
    padding: 14px 22px;
    text-transform: uppercase;
}

.woocommerce-MyAccount-navigation .is-active a {
    border-bottom-color: #fff;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    float: none;
}

.woocommerce-cart table.cart td.actions .button {
    padding: 14.5px 19px;
}

@media (min-width: 1160px) {
    .shipping-calculator-form {
        max-width: 200px;
    }
}

.plain-input .buddyboss-select-inner {
    height: auto;
    line-height: normal;
    padding-right: 0;
}
.plain-input .buddyboss-select-inner span {
    display: none;
}
.plain-input .buddyboss-select-inner:after {
    display: none;
}

.wcv-form .bm-field-groups.search .control-group .select2-container-multi .select2-selections {
    padding: 0;
}

.select2-container-multi .select2-selections .select2-search-field input {
    font-size: 12px;
}


.select2-container-multi .select2-selections {
    border: 1px solid #e1e1e1;
    padding-right: 32px;
    padding-left: 10px;
    padding-top: 0;
}

.select2-container-multi .select2-selections .select2-search-choice {
    margin-top: 14px;
    padding-top: 2px;
}

.select2-search-choice-close {
    top: 3px;
}

.select2-container-multi .select2-selections .select2-search-choice div {
    font-size: 14px;
    line-height: 1;
}

.select2-container .select2-selection,
.select2-container .select2-selection {
    border-radius: 0;
    padding: 9px 20px;
    border-color: #e1e1e1;
}

.select2-container .select2-selection>.select2-chosen,
.select2-container .select2-selection>.select2-chosen {
    font-weight: 300;
}

.select2-container .select2-selection .select2-selection__arrow,
.select2-container .select2-selection .select2-selection__arrow {
    right: 10px;
}

.select2-container .select2-selection .select2-selection__arrow b:after,
.select2-container .select2-selection .select2-selection__arrow b:after {
    display: none;
}


.select2-container-multi .select2-selections .select2-search-field input {
    padding: 15px 15px;
}

.select2-container .select2-selection {
    height: auto;
    line-height: 1.2;
    border-radius: 0;
    line-height: 16px;
    font-weight: 300;
    font-size: 14px;
}

.select2-container .select2-selection .select2-selection__placeholder {
    min-height: 1em;
    display: inline-block;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    min-height: 28px;
}

html[dir=rtl] .select2-container .select2-selection {
    padding: 15px;
}

html[dir=rtl] .select2-container .select2-selection .select2-selection__arrow {
    border-left: none;
    border-right: none;
}


.select2-drop-active {
    border: 1px solid #e1e1e1;
    border-radius: 0;
}

.select2-drop-active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select2-results__option .select2-results__option--highlighted {
    background-color: #54ae68;
}

.select2-container .select2-selection .select2-selection__arrow {
    background: transparent;
    border-left: none;
    width: 32px;
}

.select2-container.select2-container-multi.select2:after,
.select2-container .select2-selection .select2-selection__arrow b {
    background: none;
    display: inline-block;
    font: normal normal normal 14px/1 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background-image: none !important;
    border-style: none;

}

.select2-container.select2-container-multi.select2:after,
.select2-container .select2-selection .select2-selection__arrow b:before {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.select2-container.select2-container-multi.select2:after {
    right: 25px;
}

.select2-container-active .select2-selection, .select2-container-active .select2-selections {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
}

.cart-collaterals .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: auto;
    width: auto;
}

/*--------------------------------------------------------------
7.0 - BuddyPress Activity Plus
--------------------------------------------------------------*/
.bpfb_form_container {
    background-color: #f3f7fa !important;
    border-radius: 2px 2px 0 0;
}

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

.bpfb_controls_container .qq-upload-button,
input.bpfb_primary_button {
    background: #497ea8 !important;
    border: 1px solid #497ea8 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*--------------------------------------------------------------
8.0 - SI CAPTCHA Anti-Spam
--------------------------------------------------------------*/
.captchaSizeDivSmall {
    width: 175px;
    height: 45px;
    padding-top: 10px;
}

.captchaSizeDivLarge {
    width: 250px;
    height: 60px;
    padding-top: 10px;
}

/*--------------------------------------------------------------
9.0 - Invite Anyone
--------------------------------------------------------------*/
form#invite-anyone-by-email textarea {
    width: 94% !important;
}

#invite-anyone-group-list li {
    width: 100% !important;
    height: auto !important;
    min-height: 32px !important;
    clear: left !important;
    margin: 20px 0 0 0 !important;
    list-style-type: none !important;
}

#invite-anyone-group-list li img {
    width: 30px;
    height: 30px;
}

.invite-anyone form#send-invite-form .left-menu,
.group-create form#send-invite-form .left-menu {
    width: 30%;
    float: left;
}

.invite-anyone form#send-invite-form .left-menu li,
.group-create form#send-invite-form .left-menu li {
    list-style-type: none;
    margin: 0;
}

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

.invite-anyone form#send-invite-form .main-column,
.group-create form#send-invite-form .main-column {
    margin-left: 4%;
    width: 60%;
    float: right;
}

/*--------------------------------------------------------------
10.0 - BuddyPress Links
--------------------------------------------------------------*/
.item-list-tabs ul li#links-order-select,
.item-list-tabs ul li#links-category-select {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

ul#link-list li.avmax-100 div.link-list-left img.avatar {
    width: 100px !important;
    height: 100px !important;
}

#link-dir-count span.ajax-loader {
    display: none;
}

/*--------------------------------------------------------------
11.0 - BuddyDrive
--------------------------------------------------------------*/
table#buddydrive-dir {
    clear: left;
}

/*--------------------------------------------------------------
12.0 - Social Articles
--------------------------------------------------------------*/
#articles-container {
    max-width: 100% !important;
    min-width: 0 !important;
}

#articles-container .article-content {
    background: transparent;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

#articles-container .article-image {
    margin: 0;
    width: auto;
    height: auto;
}

#articles-container .article-image img {
    margin: 10px 5px 0 15px;
    width: 80px;
    height: 80px;
}

#articles-container .article-categories {
    margin-top: 10px;
}

/*--------------------------------------------------------------
13.0 - BP Checkins
--------------------------------------------------------------*/
#whats-new-textarea #bpci-position-me {
    clear: both;
    float: left;
    position: relative;
    margin: 5px 0;
    right: 0;
    top: 0;
}

.activity-checkin,
#bpci-address,
#bpci-pola-adder input[type="text"],
form#places-form #new-place-content input[type="text"],
form#places-form #new-place-content input[type="date"],
form#places-form #new-place-content input[type="time"],
#bpci-pola-adder input[type="file"],
#bpci_use_upload,
#bpci_use_link {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*--------------------------------------------------------------
14.0 - BP Gallery (BuddyDev)
--------------------------------------------------------------*/
#gallery_create_form,
#gallery-organize {
    float: left;
    width: 90%;
    background: #f3f7fa;
    border: 1px solid #CAD9E2;
}

/*--------------------------------------------------------------
15.0 - BP Activity Privacy
--------------------------------------------------------------*/
#activity-visibility {
    border: none;
    /*margin-right: 20px;*/
}

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

/*--------------------------------------------------------------
16.0 - BuddyBoss Media
--------------------------------------------------------------*/

#main #buddypress .photo-grid.activity-list .load-more {
    padding-top: 30px;
}

#buddypress #whats-new-submit input[type="submit"].disabled {
    cursor: default;
    color: #fff;
    background-color: #cecece;
}

#buddypress .dir-list ul.item-list.albums-list > li {
    text-align: left;
}

#buddypress .dir-list ul.item-list.albums-list > li .item-avatar {
    margin: 0;
}

body #buddypress div.buddyboss-media-form-wrapper div#invite-list ul li {
    margin-left: 2px;
}

#buddypress div.buddyboss-media-form-wrapper input[type="checkbox"] + strong {
    top: -1px;
    left: 4px;
    margin-left: 6px;
}

/*--------------------------------------------------------------
17.0 - BuddyBoss Global Search
--------------------------------------------------------------*/
.bboss_ajax_search_item .item .item-title,
.bboss_ajax_search_item .item .item-desc {
    word-break: break-word;
}

.bb-global-search-ac li:not(.bbls-category) .bboss_ajax_search_item {
    padding: 9px 0 9px;
}

body .bb-global-search-ac.ui-autocomplete {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.1);
    border-top: 0;
    padding: 0 30px;
    background: #fff;
    max-height: 100%;
}

body .bb-global-search-ac li.bbls-category {
    padding: 40px 0 25px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    font-size: 14px;
}

body .bb-global-search-ac li.bbls-category a {
    color: inherit;
    display: inline-block;
    padding: 0;
    position: relative;
    width: 100%;
}

.bb-global-search-ac.ui-menu .bbls-view_all_type-type a:after,
body .bb-global-search-ac li.bbls-category a:after {
    content: 'V';
    position: absolute;
    right: 0;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.11);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    font-family: "onesocial";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bb-global-search-ac.ui-menu .bbls-view_all_type-type a:hover:after {
    color: #54ae68;
}

.bb-global-search-ac.ui-menu .bbls-view_all_type-type a:after {
    right: 30px;
}

body .bb-global-search-ac li.bbls-category:hover a:after {
    color: #54ae68;
}

body .bb-global-search-ac.ui-menu .ui-menu-item.ui-state-hover,
body .bb-global-search-ac.ui-menu .ui-menu-item:hover {
    background: transparent;
}

body .bb-global-search-ac li:not(.bbls-category) {
    padding: 0;
}

body .bb-global-search-ac li:not(.bbls-category) .bboss_ajax_search_item {
    padding: 25px 0 0;
}

body .bb-global-search-ac .bbls-category:not(:first-child) {
    border-top: none;
}

.bb-global-search-ac.ui-menu .ui-menu-item.bbls-view_all_type-type {
    margin: 30px -30px 0 -30px;
    width: auto;
}

.bb-global-search-ac.ui-menu .ui-menu-item.bbls-view_all_type-type:last-child .bboss_ajax_search_item a {
    padding: 20px 30px;
    color: #9a9a9a;
    font-weight: 400;
    font-size: 14px;
}

.ui-autocomplete .bboss_ajax_search_item .item-avatar {
    padding-right: 18px;
    width: auto;
}

.ui-autocomplete .bboss_ajax_search_item .item-avatar img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.bboss_ajax_search_item .item .item-title {
    font-weight: 700;
    color: #54ae68;
    font-size: 15px;
}

.bbls-sub-item .bboss_ajax_search_item .item .item-desc {
    font-size: 13px;
    color: #9a9a9a;
    margin-top: 10px;
}

.bb-global-search-ac.ui-menu .ui-menu-item:last-child {
    border: 0 !important;
}

/*--------------------------------------------------------------
18.0 - BuddyPress User Blog
--------------------------------------------------------------*/

.boss-editor-area-wrapper {
    margin: 0;
    position: relative;
}

.boss-post-author-wrap .avatar {
    border-radius: 100%;
    float: left;
    max-width: 49px;
}

.boss-greeting {
    color: rgba(0,0,0,0.3);
}

.boss-greeting,
.boss-author-name {
    font-size: 18px;
    transform: translateY(0);
    transition: transform 0.15s ease 0s, opacity 0.15s ease 0s;
}

.boss-author-name {
    margin: 0;
    opacity: 0;
    text-transform: capitalize;
}

.boss-create-post-container .boss-author-name {
    opacity: 1;
}

.boss-create-post-container .sap-editable-area {
    position: relative;
}

.boss-create-post-container .medium-insert-buttons,
.boss-editor-area-container .medium-insert-buttons {

}

.boss-editor-area-container {
    max-height: 0;
    opacity: 0;
    transition: all 0.15s ease 0s;
}

.boss-editor-area-container > div {
    display: none;
}

.isCollapsed .boss-author-name {
    opacity: 1;
    transform: translateY(-56px);
}

.isCollapsed .boss-greeting {
    transform: translateY(-36px);
    opacity: 0;
}

.isCollapsed .boss-editor-area-container {
    margin-top: 30px;
    max-height: 100%;
    opacity: 1;
}

.isCollapsed .boss-editor-area-container > div {
    display: block;
    width: 100%;
}

.boss-editor-area-container .sap-publish-popup {
    border: 0;
    display: block;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.boss-create-post-wrapper .sap-editor-publish-wrapper {
    float: none;
}

.boss-editor-area-container .sap-publish-popup .buddyboss-select,
.boss-editor-area-container .sap-publish-popup .sap-story-publish {
    width: auto;
}

.boss-editor-area-container .sap-publish-popup .buddyboss-select {
    /*border: 1px solid #e1e1e1;*/
    margin: -5px 0 0;
}

.boss-editor-area-container .buddyboss-select-inner {
    padding-left: 10px;
}

.boss-editor-area-container .buddyboss-select-inner:after {
    border: 0;
}

.boss-author-info {
    max-height: 50px;
    overflow: hidden;
    padding-left: 30px;
    padding-top: 10px;
}

#content .boss-create-post-wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 70px;
    min-height: 0;
}

.bp-user.blog #content .boss-create-post-wrapper {
    padding-bottom: 60px;
}

.sap-editor-toolbar {
    margin-bottom: 20px;
}

.sap-editor-toolbar.boss-create-post {
    margin: 0;
}

.sap-editor-area-wrapper .sap-editable-title {
    border: 0;
    clear: both;
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}

.sap-editor-area-wrapper .sap-editable-title:focus,
.sap-editor-area-wrapper .sap-editable-area:focus {
    /*border: 1px dashed rgba(0, 0, 0, 0.2);*/
}

.sap-editor-area-wrapper .sap-editable-title p:last-child,
.sap-editor-area-wrapper .sap-editable-area p:nth-last-child(2) {
    margin-bottom: 0;
}

.boss-editor-area-container .sap-editor-area-wrapper .sap-editable-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.boss-editor-area-container .sap-editor-area-wrapper .sap-editable-area {
    font-size: 15px;
    margin-bottom: 10px;
    padding: 5px 0;
    position: relative;
}

.sap-editor-area-wrapper.sap-editor-area-wrapper .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show {
    /*padding: 0 0 2px;*/
}

.boss-close-create-post {
    color: #9b9b9b;
    display: inline-block;
    margin: 31px 20px 0;
}

.boss-close-create-post:hover {
    color: #000;
}

.boss-create-post .buddyboss-select {
    float: right;
    position: relative;
    top: 22px;
}

.boss-create-post .sap-story-publish {
    border-top: 1px solid;
    padding-top: 20px;
}

.formatted-box {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    position: relative;
    background-color: #fff;
}
.header-area:hover .formatted-box {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.sap-blog-post-wrapper .header-area:hover .entry-post-thumbnail {
    opacity: 0;
    visibility: hidden;
}

.formatted-content {
    color: rgba(0, 0, 0, 0.3);
    display: block;
    font-size: 17px;
    height: 100%;
    left: 0;
    line-height: 1.5;
    overflow: auto;
    padding: 35px 32px;
    position: absolute;
    top: 0;
    width: 100%;
}

.formatted-content p {
    margin-bottom: 0;
}

.formatted-box img {
    background: none;
}

/*--------------------------------------------------------------
19.0 - BuddyPress Group Email Subscription
--------------------------------------------------------------*/

#groups-list .after_group_content {
    position: relative;
}

body #groups-dir-list .group-subscription-div,
body #groups-list .group-subscription-div {
    padding-top: 0;
    margin-bottom: 20px;
}

#secondary div.generic-button.group-subscription-options,
body #groups-dir-list .group-subscription-options,
body #groups-list .group-subscription-options {
    position: absolute;
    width: 100%;
    margin-left: 0;
    background-color: #fff;
    height: auto;
    margin-top: -10px;
    z-index: 4;
    font-size: 11px;
    line-height: 1.2;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.11);
}

#secondary #item-meta {
    position: relative;
}

#secondary div.generic-button.group-subscription-options a.group-sub,
#buddypress #groups-list a.group-sub {
    display: block;
    width: 100%;
    margin-bottom: 2px;
    margin-top: 12px;
}

#secondary div.generic-button.group-subscription-options a.group-sub:first-child,
#buddypress #groups-list a.group-sub:first-child {
    margin-top: 0;
}

#secondary div.generic-button.group-subscription-options .fa-spinner,
#buddypress #groups-list a.group-subscription-close .fa-spinner,
#secondary div.generic-button.group-subscription-options a.group-sub .fa-spinner,
#buddypress #groups-list a.group-sub .fa-spinner {
    display: none;
}

#secondary div.generic-button.group-subscription-options a.group-subscription-close,
#buddypress #groups-list a.group-subscription-close {
    background-color: transparent;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #000;
    padding: 0;
    display: block;
    height: auto;
}

#secondary div.generic-button.group-subscription-options {
    display: none;
    max-width: 200px;
    right: 0;
    margin-top: 5px;
}

/*--------------------------------------------------------------
20.0 - Inline Comments
--------------------------------------------------------------*/
#incom_wrapper .incom-bubble-style {
    background: transparent;
    z-index: 21;
}

#incom_wrapper .incom-bubble-style a {
    color: #ccc;
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    padding: 2px 5px;
    min-width: 13px;
    text-decoration: none;
    border: 2px solid #ccc;
    border-radius: 0;
    font-weight: bold;
    font-size: 12px;
}

.incom-bubble-style:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #fff transparent transparent transparent;
    display: block;
    z-index: 5;
    margin-top: -5px;
    left: 5px;
    top: 100%;
}

#incom_wrapper .incom-bubble-style:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #ccc transparent transparent transparent;
    display: block;
    z-index: 4;
    margin-top: 0px;
    left: 3px;
    top: 100%;
}

#incom_wrapper .incom-comments-wrapper {
    border-left: 0;
    margin-left: -10px;
    margin-top: 40px;
    max-width: 250px;
    padding: 5px;
    z-index: 21;
}

#incom_wrapper .incom-comments-wrapper {
    font-family: inherit;
}

#incom_wrapper .incom-comments-wrapper .notes-title {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 9px;
    margin-bottom: 20px;
}

#incom_wrapper .incom-comments-wrapper .incom-cancel-x {
    color: #b94545;
    opacity: 1;
    font-size: 28px;
    line-height: 22px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    right: -4px;
}

#incom_wrapper .incom-comments-wrapper .incom-cancel-x:before {
    content: '+';
    font-family: "Times";
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#incom_wrapper .incom-comments-wrapper .incom-cancel-x img {
    display: none !important;
}

#incom_wrapper .incom-comments-wrapper .comment {
    padding-left: 0;
    padding-top: 0;
    border-bottom: none;
}

#incom_wrapper .incom-comments-wrapper .comment-avatar img {
    width: 34px;
    height: 34px;
}

body.logged-in + #incom_wrapper .incom-comments-wrapper #respond .comment-form-comment {
    padding-left: 56px;
    padding-top: 5px;
}

.comments-and-form {
    min-height: 80px;
    position: relative;
}

.form-submit.selectionShareable {
    margin: 0;
}

#incom_wrapper #respond form textarea {
    font-family: inherit;
    font-size: 13px;
    margin-top: 0;
    padding-bottom: 20px;
}

#incom_wrapper .incom-comments-wrapper input[type="submit"] {
    width: auto;
    font-size: 13px;
}

.incom-comments-wrapper #respond.comment-respond form {
    border-bottom: none;
}

.incom-cancel-link {
    bottom: 0;
    color: #929292;
    font-size: 13px;
    left: 60px;
    position: absolute;
}

#incom_wrapper .incom-comments-wrapper .children {
    padding-left: 15px;
    padding-top: 12px;
}

.incom-comments-wrapper .vcard img {
    vertical-align: text-bottom;
    margin-right: 4px;
}

.incom-comments-wrapper .comment-author {
    padding-bottom: 10px;
}

.incom-comments-wrapper .incom-reply {
    padding: 0;
    margin-top: 6px;
}

.incom-comments-wrapper .incom-reply a.comment-reply-link {
    padding: 0;
    background-color: transparent;
}

.incom-comments-wrapper .incom-div-comment {
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
21.0 - WP Job Manager
--------------------------------------------------------------*/
ul.job_listings li.job_listing a div.position .company,
ul.job_listings li.job_listing a li.date{
    font-size: 14px;
}

#job-manager-job-dashboard table ul.job-dashboard-actions a{
    font-size: 14px;
}

.job-manager-form fieldset{
    border: none;
}

#job_preview .job_listing_preview{
    padding: 1em;
    font-size: 14px;
}

#job_preview .job_listing_preview h1{
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 1.2;
}

.single_job_listing .company{
    box-sizing: content-box;
}

.single_job_listing .company:after {
    content: "";
    display: table;
    clear: both;
}

.entry-content .job_listing_preview_title .button, .job_listing_preview_title .button{
    padding: 6px 14px;
    border: none;
    font-size: 12px;
    font-family: inherit;
    background: #54ae68;
    color: #fff;
    font-weight: 300;
}

.entry-content .job_listing_preview_title h2, .job_listing_preview_title h2{
    font-size: 20px;
}

#job-manager-job-dashboard table td.date,
#job-manager-job-dashboard table td.expires{
    font-size:14px;
}

/* Social authoing */
.sap-editor-publish-wrapper:after {
    clear: both;
    content: ' ';
    display: table;
}

.sap-editor-publish-wrapper .sap-button {
    border-radius: 0;
    padding: 0;
}

.sap-button-text.sap-button-text {
    font-size: 12px;
    letter-spacing: 0.01rem;
    line-height: 1.5;
    padding: 5px 10px;
    text-transform: uppercase;
}

.sap-save.sap-save {
    margin-top: 3px;
}

.side-panel.side-panel {
}

.sap-post-author-wrap.sap-post-author-wrap img {
    max-width: 60px;
}

.sap-pending-preview {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 10px;
}

.sap-words-counter {
    font-size: 16px;
}

.sap-publish-popup.sap-publish-popup .button {
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 40px;
    color: rgba(0, 0, 0, 0.6);
    float: left;
    font-size: 15px;
    margin-right: 10px;
    padding: 8px 16px;
    vertical-align: top;
}

.sap-publish-popup.sap-publish-popup .button:hover {
    background: none;
    box-shadow: none;
}

.sap-editor-toolbar .toggle-sap-widgets.toggle-sap-widgets {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    height: 40px;
    margin: 0;
    position: relative;
    width: 40px;
}

.sap-editor-toolbar .toggle-sap-widgets.toggle-sap-widgets.active {
    border-color: rgba(0, 0, 0, 0.4);
    color: #888;
}

.sap-editor-toolbar .toggle-sap-widgets.toggle-sap-widgets:after {
    content: "...";
    display: block;
    height: 100%;
    letter-spacing: 1px;
    line-height: 27px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.sap-editor-toolbar .toggle-sap-widgets.toggle-sap-widgets svg {
    display: none;
}

.side-panel .sap-editor-toolbar {
    margin-bottom: 12px;
}

.side-panel.side-panel aside {
    /*padding: 50px 0 0;*/
}

.side-panel .sap-widget .widgettitle {
    font-family: inherit;
    font-size: 13px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.sap-widget .selectize-input,
.sap-widget .selectize-input:focus {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    box-shadow: none;
}

.sap-arrow-dropdown.sap-arrow-dropdown {
    border-left: 1px solid #e1e1e1;
    font-size: 13px;
    line-height: 1.4;
    margin-left: 5px;
    margin-top: 0;
    padding: 5px 10px;
}

.sap-post-status {
    color: rgba(0, 0, 0, 0.4);
}

.page-template-sap-post-create-template .boss-create-post-container {
    margin: 50px auto;
    max-width: 750px;
    padding: 0 15px;
    position: relative;
    width: 100%;
}

.boss-create-post-container .sap-story-publish-wrap {
    float: none;
}

.expand-to-fullscreen {
    color: #e1e1e1;
    float: right;
    font-size: 20px;
    line-height: 1;
    margin: 22px 0 0 50px;
    padding: 0;
    background: transparent;
}

#full-screen {
    float: right;
}

.expand-to-fullscreen:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #e1e1e1;
}

/* Comment Attachment */
.comment-form-url.comment-form-attachment {
    display: none;
}

.bb-user-name {
    display: block;
    font-size: 18px;
    padding: 10px 0;
    text-transform: capitalize;
}

.comment-form-comment .boss-insert-buttons {
    display: none;
    left: 0;
    top: 70px;
}

.comment-form-attachment + .comment-form-comment .boss-insert-buttons {
    display: block;
}

/* Login Popups */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.onesocial-popup .mfp-content {
    padding: 50px 0;
    vertical-align: top;
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none!important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
    display: none;
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace;
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent;
}

.mfp-arrow .mfp-a,.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow .mfp-b,.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left .mfp-a,.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left .mfp-b,.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right .mfp-a,.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right .mfp-b,.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

/*--------------------------------------------------------------
20.0 - BuddyBoss Inbox
--------------------------------------------------------------*/

.thread-subject-label span {
    vertical-align: middle;
}

@media all and (max-width: 720px) {
    .bb-inbox.bp-user #buddypress #message-threads tr td.bulk-select-check {
        padding-top: 38px;

    }
    .bb-inbox.bp-user #buddypress #message-threads tr td.bulk-select-check,
    .bb-inbox.bp-user #buddypress #message-threads tr td.thread-from {
        height: 96px;
    }
    .bb-inbox.bp-user #buddypress #message-threads tr td {
        border-width: 0;
    }
    .bb-inbox #buddypress table#message-threads tr.unread {
        background-color: #f9f9f9;
    }
    .bb-inbox #buddypress table#message-threads tr.unread td.thread-from {
        border-left: 0;
    }
    .bb-inbox.bp-user #buddypress #message-threads tr td.thread-options {
        width: -webkit-calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: calc(100% - 50px);
        margin-left: 0;
        float: right;
        padding-top: 10px;
    }
    .bb-inbox #buddypress table#message-threads tr.unread td:last-child {
        border-right: none;
    }
    .bb-inbox #buddypress table#message-threads tr.unread td.thread-from:before,
    .bb-inbox #buddypress table#message-threads tr.unread td.thread-from:before {
        display: none;
    }
    .bb-inbox.bp-user #buddypress #message-threads tr td.thread-star {
        padding-left: 0;
    }
    .bb-inbox.bp-user #buddypress #message-threads tr td.thread-info {
        padding-top: 0;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .bb-inbox.bp-user #buddypress #message-threads tr td.thread-labels {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    .bb-inbox #buddypress table#message-threads tbody tr {
        border-bottom: 2px solid #e1e1e1;
        padding-bottom: 30px;
        display: block;
        overflow: hidden;
        padding-left: 8px;
        padding-right: 8px;
    }
    .bb-inbox #message-threads .thread-from .table-cell,
    .bb-inbox #message-threads .thread-from .table-cell:first-child {
        text-align: left;
        display: table-cell;
        width: auto;
        vertical-align: middle;
    }
    .bb-inbox #message-threads .thread-from .table-cell:first-child {
        width: 60px;
    }
    .bb-inbox #message-threads .thread-from img {
        margin-bottom: 0;
    }

    .bp-user #buddypress #item-body #message-threads tr td {
        height: auto;
    }

    .bp-user #buddypress #item-body #message-threads tr .bulk-select-check {
        padding-top: 20px !important;
    }

    .bp-user #buddypress #item-body #message-threads tr .thread-from {
        padding-bottom: 20px !important;
    }

    .bp-user #buddypress#buddypress #item-body #message-threads tr .thread-star {
        padding-bottom: 0 !important;
    }

    #message-threads .unread::after {
        display: none;
    }
}

body #blog-order-select .buddyboss-select {
    margin-top: 0;
}


/*
Message error
*/
body.popup-open #masthead,
body.popup-open #main-wrap,
body.popup-open #colophon,
body.popup-open #mobile-header {
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
}

body .mfp-bg {
    background: rgba(255, 255, 255, 0.8);
}

.ctmessage {
    padding: 9px;
    font-size: 13.2px;
    text-align: center;
    line-height: 15px;
    margin-bottom: 27px;
    border-radius: 20px;
}

.ctmessage.error p,
.ctmessage p {
    color: #fff;
    margin: 0;
}

.ctmessage a {
    border-bottom: 1px solid;
    color: inherit;
}

.ctmessage a:hover {
    border-bottom: 0;
}

.ctmessage.error {
    background: #e64c54;
    color: #fff;
}

.boss-modal-form .ctmessage.updated {
    background: #57d7a4;
}

.ctmessage.box {
    text-align: left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: 10px 0 10px 0;
}

.ctmessage.box p {
    padding: 0px;
    margin: 0px;
}

.mfp-close-btn-in button.mfp-close:not(#searchsubmit):not(.update-cover-photo) {
    height: 30px;
    width: 30px;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0;
    color: #666;
    background-color: transparent;
    position: fixed;
    font-size: 15px;
    z-index: 1;
}

.boss-modal-close .fa:before {
    content: "b";
    font-family: 'onesocial';
    opacity: 0.6;
}

.popup-content {
    background: transparent;
    margin: 0 auto;
    max-width: 620px;
    padding: 20px;
}

.popup-content .row {
    margin: 0;
}
.modal-with-social-login #siteRegisterBox-step-2,
.modal-without-social-login {
    margin: 0 auto;
    max-width: 400px;
}

.col.with-plugin {
    padding-right: 60px;
}

.col.with-email {
    float: right;
}

.boss-modal-form .with-email {
    text-align: left;
}

.editfield.bwe-username {
    margin-top: -8px;
}

.boss-modal-form.popup-content .popup_title {
    background-color: transparent;
    border-bottom: 0;
    font-size: 24px;
    line-height: 1;
    margin: 0 0 12px;
    padding: 15px 30px;
    text-align: center;
}

.boss-modal-form.popup-content .title {
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.boss-modal-form .info {
    margin-bottom: 40px;
    color: #999;
    font-size: 15px;
}

input#user_login {
    margin-top: 0;
}

.popup-content .description {
    color: #9b9b9b;
    font-size: 18px;
    margin-bottom: 60px;
    text-align: center;
}

.boss-modal-form .field-visibility-settings ul {
    list-style: none;
}

.boss-modal-form .wp-social-login-provider-list {
    padding: 0;
}

.boss-modal-form .field-visibility-settings .field-visibility-text {
    font-size: 14px;
}

.boss-modal-form a.field-visibility-settings-close {
    display: inline-block;
    margin-bottom: 30px;
}

.boss-modal-form .field_type_checkbox > div.checkbox {
    margin-bottom: 20px;
}

.boss-modal-form .field_type_radio label strong,
.boss-modal-form .field_type_checkbox label strong {
    margin-right: 10px;
}

.boss-modal-form a.clear-value {
    display: inline-block;
    margin: 20px 0;
}

.popup-content input:not([type="checkbox"]):not([type="radio"]):not([type="button"]),
.popup-content .input:not([type="checkbox"]):not([type="radio"]):not([type="button"]) {
    background: transparent;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0 0 1px;
    box-sizing: border-box;
    font-size: 14px;
    height: auto;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 10px 0 15px;
    width: 100%;
}

.popup-content .editfield:not(.field_type_datebox) .buddyboss-select {
    width: 100%;
}

.boss-modal-form.popup-content label {
    font-size: 16px;
    color: #333;
    display: block;
    font-weight: 600;
    margin: 0;
}

.boss-modal-form.popup-content .password-wrap {
    margin-bottom: 25px;
}

#frm_siteRegisterBox .editfield p {
    color: #ccc;
}

#frm_siteRegisterBox .editfield .description {
    text-align: left;
    font-size: 14px;
    color: #333;
    margin: 5px 0;
    color: #888;
    font-size: 80%;
}

#frm_siteRegisterBox .editfield .field-visibility-settings-toggle {
    margin-top: 1em;
}

#frm_siteRegisterBox .editfield .visibility-toggle-link {
    float: right;
    opacity: 0.7;
}

.popup-content .input::-webkit-input-placeholder {
    color: #9b9b9b;
}

.popup-content .input:-moz-placeholder {
    /* Firefox 18- */
    color: #9b9b9b;
}

.popup-content .input::-moz-placeholder {
    /* Firefox 19+ */
    color: #9b9b9b;
}

.popup-content .input:-ms-input-placeholder {
    text-transform: uppercase;
    font-size: 13px;
    color: #9b9b9b;
}

.popup-content .email-wrap,
.popup-content .password-wrap,
.popup-content .username-wrap {
    position: relative;
}

.popup-content .options-wrap {
    overflow: hidden;
}

.popup-content .email-wrap, .popup-content .username-wrap, .popup-content .password-wrap {
    margin-bottom: 15px;
}

.popup-content .submit button:not(#searchsubmit):not(.update-cover-photo) {
    margin-bottom: 30px;
    margin-top: 30px;
}

.boss-modal-form .wp-social-login-provider-list {
    display: block;
}

.popup-content .button:not(.ed_button),
.wp-social-login-provider-list.wp-social-login-provider-list a {
    border-radius: 40px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 12px 3px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.register.page .wp-social-login-provider-list.wp-social-login-provider-list a {
    display: inline-block;
    padding: 12px 20px;
    width: auto;
}

.boss-modal-form .button.ed_button {
    width: auto;
}

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

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

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

.popup-content .wp-editor-wrap,
.popup-content .datebox {
    display: block;
    margin-bottom: 15px;
}

p.description:empty {
    display: none;
}

.boss-modal-form.popup-content .datebox label {
    margin-bottom: 15px;
}

.boss-modal-form.popup-content .datebox select {
    margin: 0 25px 0 0;
}

.boss-modal-form.popup-content .datebox select:last-child {
    margin: 0;
}

.wp-social-login-provider-list a:before {
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    line-height: 1;
    margin-right: 5px;
    text-align: center;
    text-decoration: inherit;
    text-rendering: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wp-social-login-provider-facebook:before {
    content: "\f39e";
}

.wp-social-login-provider-google:before {
    content: "\f1a0";
}

.wp-social-login-provider-twitter:before {
    content: "\f099";
}

.wp-social-login-provider-wordpress:before {
    content: "\f19a";
}

.wp-social-login-provider-yahoo:before {
    content: "\f19e";
}

.wp-social-login-provider-linkedin:before {
    content: "\f0e1";
}

.wp-social-login-provider-instagram:before {
    content: "\f16d";
}

.wp-social-login-provider-reddit:before {
    content: "\f1a1";
}

.wp-social-login-provider-foursquare:before {
    content: "\f180";
}

.wp-social-login-provider-lastfm:before {
    content: "\f202";
}

.wp-social-login-provider-tumblr:before {
    content: "\f173";
}

.wp-social-login-provider-stackoverflow:before {
    content: "\f16c";
}

.wp-social-login-provider-github:before {
    content: "\f09b";
}

.wp-social-login-provider-dribbble:before {
    content: "\f17d";
}

.wp-social-login-provider-500px:before {
    content: "\f26e";
}

.wp-social-login-provider-twitchtv:before {
    content: "\f1e8";
}

.wp-social-login-provider-odnoklassniki:before {
    content: "\f263";
}

.wp-social-login-provider-steam:before {
    content: "\f1b6";
}


.wp-social-login-provider-steam {
    background: #67c1f5;
}

.wp-social-login-provider-wordpress {
    background: #0087be;
}

.wp-social-login-provider-yahoo {
    background: #410093;
}

.wp-social-login-provider-linkedin {
    background: #0077b5;
}

.wp-social-login-provider-instagram {
    background: #3f729b;
}

.wp-social-login-provider-reddit {
    background: #ff4500;
}

.wp-social-login-provider-foursquare {
    background: #f94877;
}

.wp-social-login-provider-lastfm {
    background: #d51007;
}

.wp-social-login-provider-tumblr {
    background: #35465c;
}

.wp-social-login-provider-stackoverflow {
    background: #fe7a15;
}

.wp-social-login-provider-github {
    background: #4183c4;
}

.wp-social-login-provider-dribbble {
    background: #ea4c89;
}

.wp-social-login-provider-500px {
    background: #0099e5;
}

.wp-social-login-provider-twitchtv {
    background: #6441a5;
}

.wp-social-login-provider-odnoklassniki {
    background: #ed812b;
}

.wp-social-login-provider-pixelpin {
    background: #000;
}

.wp-social-login-provider-live {
    background: #00bcf2;
}

.wp-social-login-provider-aol {
    background: #ff0b00;
}

.wp-social-login-provider-yandex {
    background: #ffcc00;
}

.wp-social-login-provider-mailru {
    background: #168de2;
}

.wp-social-login-provider-vkontakte {
    background: #45668e;
}

.wp-social-login-provider-mixi {
    background: #d1ad5a;
}

.wp-social-login-provider-skyrock {
    background: #009aff;
}

.wp-social-login-provider-goodreads {
    background: #553b08;
}

.wp-social-login-provider-disqus {
    background: #2e9fff;
}

.wp-social-login-provider-list a {
    margin-bottom: 10px;
}

.wp-social-login-provider-list a:hover {
    opacity: 0.8;
}

.wp-social-login-provider-list a:after {
    content: attr(title);
    font-size: 14px;
    text-transform: none;
    font-weight: 300;
}

.wp-social-login-provider-list {
    padding: 0;
}

.wp-social-login-provider-facebook {
    background-color: #3b5998;
}

.wp-social-login-provider-google {
    background-color: #d34836;
}

.wp-social-login-provider-twitter {
    background-color: #55acee;
}

.popup-content .login-message {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 30px;
    text-align: left;
}

.popup-content label[for="login_rememberme"] {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}

.popup-content label[for="login_rememberme"]:before {
    top: 4px;
}

.boss-modal-form .editfield.boss-rememberme {
    margin: 0;
}

.popup-content .forgetme {
    float: right;
    font-size: 13px;
}

.popup-content h5,
.wp-social-login-connect-with {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 50px;
    font-family: inherit;
    font-weight: 700;
    text-transform: uppercase;
}

.wp-social-login-connect-with {
    text-align: left;
}

.comment-form .wp-social-login-connect-with {
    margin-bottom: 15px;
}

.comment-form .wp-social-login-provider-list.wp-social-login-provider-list a {
    padding: 12px 20px;
    width: auto;
    display: inline-block;
    margin-right: 8px;
}

#respond p.comment-notes {
    margin: 0;
}

.popup-content h6 {
    font-size: 13px;
    text-align: center;
    padding-bottom: 5px;
    font-weight: 400;
}

.popup-content .express {
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    padding-bottom: 0;
}

.popup-content fieldset {
    border: 0;
    padding: 0;
}

.popup-content .datebox > legend {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.popup-content .editfield.field_bmt_member_type {
    margin-bottom: 40px;
}

.popup-content .editfield.field_bmt_member_type label {
    margin-bottom: 10px;
}

.wp-social-login-provider-list img {
    display: none;
}

#siteRegisterBox-step-2 .popup_title {
    margin-bottom: 30px;
}

#siteRegisterBox-step-2 input:not(.button) {
    width: 100%;
}

body.register .page-full-width {
    padding: 70px 0;
}

body.register .page-full-width .entry-title {
    font-size: 50px;
}

.editfield > .buddyboss-select {
    width: 100%;
}


/* jQuery Growl
 * Copyright 2013 Kevin Sylvestre
 * 1.2.4
 */
#growls {
    z-index: 50000;
    position: absolute;
}

#growls.default {
    top: 10px;
    right: 10px;
}

#growls.tl {
    top: 10px;
    left: 10px;
}

#growls.tr {
    top: 10px;
    right: 10px;
}

#growls.bl {
    bottom: 10px;
    left: 10px;
}

#growls.br {
    bottom: 10px;
    right: 10px;
}

#growls.tc {
    top: 10px;
    right: 10px;
    left: 10px;
}

#growls.bc {
    bottom: 10px;
    right: 10px;
    left: 10px;
}

#growls.tc .growl, #growls.bc .growl {
    margin-left: auto;
    margin-right: auto;
}

.growl {
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: relative;
    border-radius: 4px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.growl.growl-incoming {
    opacity: 0;
    filter: alpha(opacity=0);
}

.growl.growl-outgoing {
    opacity: 0;
    filter: alpha(opacity=0);
}

.growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px;
}

.growl.growl-medium {
    width: 250px;
    padding: 10px;
    margin: 10px;
}

.growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px;
}

.growl.growl-default {
    color: #FFF;
    background: #7f8c8d;
}

.growl.growl-error {
    color: #FFF;
    background: #C0392B;
}

.growl.growl-notice {
    color: #FFF;
    background: #2ECC71;
}

.growl.growl-warning {
    color: #FFF;
    background: #F39C12;
}

.growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-family: helvetica, verdana, sans-serif;
}

.growl .growl-title {
    font-size: 18px;
    line-height: 24px;
}

.growl .growl-message {
    font-size: 14px;
    line-height: 18px;
}

/* buddyboss-wall-privacy */
body #buddypress div.buddyboss-wall-form-wrapper #form_buddyboss-wall-privacy {
    padding: 20px 10px 10px;
}

#buddypress div.buddyboss-wall-form-wrapper #form_buddyboss-wall-privacy .field.submit {
    margin-top: 15px;
}

body #selectionSharerPopover:after {
    background: #333;
    box-shadow: none;
}

body #selectionSharerPopover-inner {
    background: #333;
    box-shadow: none;
    border-radius: 3px;
}

body .selectionSharer ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
}

body .selectionSharer ul li {
    border-left: 1px solid #222;
    z-index: 2;
}

body .selectionSharer ul li:first-child {
    border-left: 0;
}

body .selectionSharer a.action,
body #selectionSharerPopunder-inner a.action {
    background: transparent;
    border: 0;
    display: block;
    font-size: 0;
    height: 40px;
    margin: 0;
    text-align: center;
    text-indent: 0;
    width: 40px;
}

body .selectionSharer a.action svg,
body #selectionSharerPopunder-inner a.action svg {
    display: none;
}

body .selectionSharer a.action:before,
body #selectionSharerPopunder-inner a.action:before {
    content: ' ';
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 40px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body .selectionSharer a.action.tweet:before,
body #selectionSharerPopunder-inner a.action.tweet:before {
    content: '\f099';
}

body .selectionSharer a.action.facebook:before,
body #selectionSharerPopunder-inner a.action.facebook:before {
    content: '\f09a';
}

body .selectionSharer a.action.linkedin:before,
body #selectionSharerPopunder-inner a.action.linkedin:before {
    content: '\f0e1';
}

body .selectionSharer a.action.email:before,
body #selectionSharerPopunder-inner a.action.email:before {
    content: '\f0e0';
    font-size: 18px;
}

img {
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    -ms-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}

#main-wrap img.loaded {
    opacity: 1;
}

.not-loaded .before-load {
    opacity: 1;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.not-loaded .after-load {
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.loaded .after-load {
    opacity: 1;
}

.loaded .before-load {
    opacity: 0;
    visibility: hidden;
}

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

    .popup-content .col {
        float: none;
        padding: 0;
        float: none;
        clear: both;
        width: 100%;
    }

    .popup-content .col.with-plugin {
        padding-right: 0;
        padding-top: 40px;
    }

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

    .boss-group-header .group-header-content {
        margin-top: 20px;
        width: 100%;
        margin-bottom: 0;
    }

    .bb-group-mobile-content {
        width: 100%;
    }

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

@media screen and (min-width: 400px) and (max-width: 622px) {
    .wp-social-login-provider-list a:before {
        padding-right: 4%;
        padding-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .register.page .wp-social-login-provider-list.wp-social-login-provider-list a {
        width: 100%;
    }
}
/*animations*/

/******************
* Bounce in right *
*******************/


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slow{
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slower{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slowest{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Added by Andy Meetan */
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
    opacity:0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
    opacity:0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
    opacity:0;
}

.lightSpeedInRight, .lightSpeedInLeft{
    opacity:0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.bounceIn.go {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;

        -webkit-transform: translateX(400px);
    }
    60% {

        -webkit-transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
    }
    100% {
        opacity: 1;

        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;

        transform: translateX(400px);
    }
    60% {

        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
        opacity: 1;

        transform: translateX(0);
    }
}


.bounceInRight.go {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;

        -webkit-transform: translateX(-400px);
    }
    60% {

        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        opacity: 1;

        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;

        transform: translateX(-400px);
    }
    60% {

        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;

        transform: translateX(0);
    }
}

.bounceInLeft.go {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;

        -webkit-transform: translateY(400px);
    }
    60% {

        -webkit-transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
    }
    100% {
        opacity: 1;

        -webkit-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;

        transform: translateY(400px);
    }
    60% {

        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        opacity: 1;

        transform: translateY(0);
    }
}

.bounceInUp.go {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}


/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;

        -webkit-transform: translateY(-400px);
    }
    60% {

        -webkit-transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        opacity: 1;

        -webkit-transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;

        transform: translateY(-400px);
    }
    60% {

        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;

        transform: translateY(0);
    }
}

.bounceInDown.go {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}


/**********
* Fade In *
**********/
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;
          display:block;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;
          display:block;}
}
.fadeIn{
    opacity:0;
}
.fadeIn.go {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

/**********
* Grow in *
***********/

@-webkit-keyframes growIn {
    0% {
        -webkit-transform: scale(0.2);
        opacity:0;
    }
    50% {
        -webkit-transform: scale(1.2);

    }
    100% {
        -webkit-transform: scale(1);
        opacity:1;
    }
}
@keyframes growIn {
    0% {
        transform: scale(0.2);
        opacity:0;
    }
    50% {
        transform: scale(1.2);

    }
    100% {
        transform: scale(1);
        opacity:1;
    }
}
.growIn {

    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity:0;
}
.growIn.go{
    -webkit-animation-name: growIn;
    animation-name: growIn;
}

/********
* Shake *
********/
@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@keyframes shake {
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake.go {
    -webkit-animation-name: shake;
    animation-name: shake;
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp {
    0%, 100% {-webkit-transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);}
}
@keyframes shakeUp {
    0%, 100% {transform: translateY(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);}
    20%, 40%, 60%, 80% {transform: translateY(10px);}
}
.shakeUp.go {
    -webkit-animation-name: shakeUp;
    animation-name: shakeUp;
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
    }
    50%{
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-400px);
    }
    50%{
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeft{
    opacity: 0;
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
}
.fadeInLeft.go {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}


/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
    }
    50%{
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(400px);
    }
    50%{
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRight{
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}
.fadeInRight.go {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px);
    }
    50%{
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(400px);
    }
    50%{
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUp{
    opacity: 0;
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
}
.fadeInUp.go {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px);
    }
    50%{
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-400px);
    }
    50%{
        opacity: 0.3;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInDown{
    opacity: 0;
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
}
.fadeInDown.go {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateIn.go {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpLeft.go {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownLeft.go {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

/******************
* rotateInUpRight *
*******************/

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpRight.go {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

/********************
* rotateInDownRight *
********************/

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownRight.go {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

/*********
* rollIn *
**********/

@-webkit-keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn.go {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/*********
* wiggle *
**********/

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
    100% { -webkit-transform: skewX(0deg); }
}
@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
    100% { transform: skewX(0deg); }
}
.wiggle.go {
    -webkit-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

/********
* swing *
*********/

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
    20% { -webkit-transform: rotate(15deg); }
    40% { -webkit-transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); }
    80% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@keyframes swing {
    20% { transform: rotate(15deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }
    80% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
.swing.go {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

/*******
* tada *
********/

@-webkit-keyframes tada {
    0% {-webkit-transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
    100% {-webkit-transform: scale(1) rotate(0);}
}
@keyframes tada {
    0% {transform: scale(1);}
    10%, 20% {transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
    100% {transform: scale(1) rotate(0);}
}
.tada.go {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/*********
* wobble *
**********/

@-webkit-keyframes wobble {
    0% { -webkit-transform: translateX(0%); }
    15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
    30% { -webkit-transform: translateX(20%) rotate(3deg); }
    45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
    60% { -webkit-transform: translateX(10%) rotate(2deg); }
    75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
    100% { -webkit-transform: translateX(0%); }
}
@keyframes wobble {
    0% { transform: translateX(0%); }
    15% { transform: translateX(-25%) rotate(-5deg); }
    30% { transform: translateX(20%) rotate(3deg); }
    45% { transform: translateX(-15%) rotate(-3deg); }
    60% { transform: translateX(10%) rotate(2deg); }
    75% { transform: translateX(-5%) rotate(-1deg); }
    100% { transform: translateX(0%); }
}
.wobble.go {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

/********
* pulse *
*********/

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.pulse.go {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight {
    0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedInRight {
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.lightSpeedInRight.go {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft {
    0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; }
    60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; }
    80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; }
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedInLeft {
    0% { transform: translateX(-100%) skewX(30deg); opacity: 0; }
    60% { transform: translateX(20%) skewX(-30deg); opacity: 1; }
    80% { transform: translateX(0%) skewX(15deg); opacity: 1; }
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.lightSpeedInLeft.go {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}


/*******
* Flip *
*******/
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}
.flip.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
.flipInX.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
.flipInY.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

/*****************
* Out animations *
*****************/


/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }
    25% {
        -webkit-transform: scale(.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
}
@keyframes bounceOut {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(.95);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        transform: scale(.3);
    }
}
.bounceOut.goAway {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}
@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.bounceOutUp.goAway {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}
@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.bounceOutDown.goAway {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}


/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}
@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.bounceOutLeft.goAway {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}
@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.bounceOutRight.goAway {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
.fadeOut.goAway {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.fadeOutUp.goAway {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.fadeOutDown.goAway {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.fadeOutLeft.goAway {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.fadeOutRight.goAway {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.flipOutX.goAway {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
    100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOutRight {
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
    100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.lightSpeedOutRight.goAway {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}


/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
    100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; }
}
@keyframes lightSpeedOutLeft {
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
    100% { transform: translateX(-100%) skewX(30deg); opacity: 0; }
}
.lightSpeedOutLeft.goAway {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

}

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}
.rotateOut.goAway {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}


/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -transform-origin: left bottom;
        -transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutUpLeft.goAway {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

/************
* rotateOutDownLeft *
*************/

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutDownLeft.goAway {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
/************
* rotateOutUpRight *
*************/

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutUpRight.goAway {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}
.rollOut.goAway {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
/*****************
* Short Animations
*******************/

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUpShort {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUpShort{
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.fadeInUpShort.go {
    -webkit-animation-name: fadeInUpShort;
    animation-name: fadeInUpShort;
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDownShort {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInDownShort{
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}
.fadeInDownShort.go {
    -webkit-animation-name: fadeInDownShort;
    animation-name: fadeInDownShort;
}

/*********************
* fadeInRightShort
*********************/
@-webkit-keyframes fadeInRightShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRightShort {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRightShort {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
.fadeInRightShort.go {
    -webkit-animation-name: fadeInRightShort;
    animation-name: fadeInRightShort;
}

/*********************
* fadeInLeftShort
*********************/
@-webkit-keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeftShort {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}
.fadeInLeftShort.go {
    -webkit-animation-name: fadeInLeftShort;
    animation-name: fadeInLeftShort;
}

body .fancybox-inner #buddyboss-media-bulk-uploader-uploaded .file,
body .fancybox-inner #buddyboss-media-bulk-uploader-uploaded .file img,
body .fancybox-inner .buddyboss-bbpress-media-bulk-uploader-uploaded .file,
body .fancybox-inner .buddyboss-bbpress-media-bulk-uploader-uploaded .file img,
body .fancybox-inner .buddyboss-comment-media-bulk-uploader-uploaded .file,
body .fancybox-inner .buddyboss-comment-media-bulk-uploader-uploaded .file img {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
    width: auto;
}

#buddyboss-bbpress-media-attach,
#buddyboss-comment-media-attach,
#aw-whats-new-submit-bbmedia {
    border-radius: 40px;
    color: white;
}

#buddyboss-bbpress-media-attach:hover,
#buddyboss-comment-media-attach:hover,
#aw-whats-new-submit-bbmedia:hover {
    -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);
}

.ac-reply-content .buddyboss-bbpress-media-add-photo-button,
.ac-reply-content .buddyboss-comment-media-add-photo-button {
    padding-top: 7px;
    padding-bottom: 4px
}

.fancybox-overlay .fancybox-skin .fancybox-close {
    background: #e33d41 none repeat scroll 0 0;
    height: 32px;
    line-height: 32px;
    right: 0;
    text-align: center;
    top: 0;
    width: 32px;
}

.fancybox-overlay .fancybox-skin .fancybox-close:before {
    color: #fff;
    content: "b";
    display: inline-block;
    font-family: "onesocial";
    font-size: 10px;
    font-weight: bold;
}

.bb-global-search-ac.ui-menu .ui-menu-item {
    background-color: transparent !important;
}

.bbp_widget_login fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.bbp_widget_login .bbp-submit-wrapper {
    margin-bottom: 0;
}

.widget_bp_core_login_widget .input,
.buddyboss-login-widget .input {
    margin-bottom: 26px;
}

.widget_bp_core_login_widget div.forgetmenot,
.buddyboss-login-widget p.forgetmenot {
    margin-bottom: 36px;
}

.bbp_widget_login .buddyboss-bbpress-media-add-photo,
.widgettitle:empty {
    display: none;
}

.widget #groups-list-options a {
    margin-bottom: 10px;
}

.verification-content {
    text-align: center;
}

.mfp-wrap .verification-content button.mfp-close {
    font-size: 32px !important;
    font-weight: 300;
}

#main .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li a {
    line-height: 25px;
}

#avatar-to-crop img,
#avatar-crop-pane img {
    opacity: 1;
}

.loading-msg .bb_global_search_spinner {
    margin: 0 10px 0 0 !important;
    display: inline-block !important;
    position: relative !important;
    top: 5px !important;
}

.invite-list-item {
    overflow: hidden;
}

.sap-container {
    position: relative;
    /*font-family: 'Lato', sans-serif;*/
}

.sap-container-wrapper .sap-story-publish {
    background: #fff;
    border-top: 1px solid;
    box-sizing: border-box;
    float: none;
    font-size: 14px;
    padding: 12px 0 0;
}

.sap-container-wrapper .sap-story-publish:hover {
    background: #fff;
    box-shadow: none;
}

#wp-admin-bar-bp-notifications #ab-pending-notifications + .count {
    display: none;
}

@media screen and (min-width: 1140px) {
    .wrapper .medium-editor-insert-plugin .medium-insert-buttons {
        margin-left: -50px;
    }
}

/* Wrapper */
.sl-wrapper a {
    border-bottom: 0 !important;
    text-decoration: none !important;
}
.sl-button {
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    padding: 0;
    vertical-align: top;
}

/* Colors */
a.liked {
    color: #da1b1b;
}

a.liked:hover,
a.liked:active,
a.liked:focus {
    color: #9b9b9b;
}

a.liked span.sl-count,
.sl-count {
    color: #9b9b9b;
}

/* Icon */
.sl-icon {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #333;
    display: inline-block;
    font-size: 20px;
    height: 44px;
    line-height: 44px;
    margin-right: 10px;
    text-align: center;
    width: 44px;
    position: relative;
    vertical-align: top;
}

.sl-icon:before {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    content: "";
    display: block;
    height: 8px;
    right: -4px;
    position: absolute;
    top: 17px;
    transform: rotate(45deg);
    width: 8px;
}

.sl-icon:after {
    background: white;
    border-radius: 100%;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: 13px;
    width: 5px;
    z-index: 1;
}

/* Count */
.sl-count {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 23px;
    display: inline-block;
    margin-left: 5px;
    min-height: 46px;
    padding: 4px 20px;
    position: relative;
    vertical-align: middle;

    font-size: 12px;
    line-height: 1.1;
    color: #9b9b9b;
}

.sl-count:before {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    content: "";
    display: block;
    height: 8px;
    left: -4px;
    position: absolute;
    top: 17px;
    transform: rotate(45deg);
    width: 8px;
}

.sl-count:after {
    background: white;
    border-radius: 100%;
    content: "";
    height: 16px;
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    z-index: 1;
}

.recommend-title.recommend-title {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 3px;
    margin-top: 2px;
}

.count-num {
    color: #333;
}

.sl-wrapper {
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}


#buddypress #object-nav .sub-menu {
    display: none;
    width: 0;
    height: 0;
}

#buddypress #object-nav .sub-menu li {
    width: 0;
    height: 0;
}

/*--------------------------------------------------------------
21.0 - Visual Composer Home Page
--------------------------------------------------------------*/

.page-template-homepage .site {
    padding-top: 0; /* This cause Header on Mobile overlaps Slider - Home Page */
}
.page-template-homepage {
    overflow-x: hidden;
}
.page-template-homepage.home:not(.groups) .entry-header {
    display: none;
}
.page-template-homepage:not(.home) .entry-header {
    margin-top: 40px;
}
.page-template-homepage #primary {
    /*padding: 0;*/ /* This is not required VC composer should handle this automatically */
}
.is-mobile.page-template-homepage #primary {
    /* margin-top: 40px; */
}

/** Slider **/

/*--------------------------------------------------------------
 Slider Styles
--------------------------------------------------------------*/

.bb-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.bb-slider-wrapper {
    background: rgba(0, 0, 0, 0.9) url("../images/loader.gif") no-repeat scroll 50% 50%;
}

.slick-initialized.bb-slider-wrapper {
    background: transparent;
}

.bb-slide {
    opacity: 0;
}

.bb-slider-container .slidePrev,
.bb-slider-container .slideNext {
    cursor: pointer;
    float: right;
    height: 25px;
    left: 0;
    margin-top: -16px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
    z-index: 10;
}

.bb-slider-container .slideNext {
    left: auto;
    right: 0;
}

.bb-slider-container .slidePrev:before,
.bb-slider-container .slideNext:before {
    color: #fff;
    content: "\f104";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 51px;
    font-style: normal;
    line-height: 50px;
    text-decoration: inherit;
    text-indent: -3px;
    text-rendering: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bb-slider-container .slideNext:before {
    content: "\f105";
    text-indent: 6px;
}

.bb-slider-container .slide_content {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.bb-slider-wrapper,
.bb-slide,
.bb-slider-container .slide_content,
.bb-slider-container .slide_content_wrap {
    /*max-height: 400px;*/
}

.bb-slider-container .slide_content_wrap {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.bb-marketplace .bb-slider-container .slick-dots {
    position: absolute;
    bottom: 7%;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
    text-align: center;
}

.bb-slider-container .slick-dots {
    display: none !important;
}

.bb-marketplace .bb-slider-container .slick-dots {
    display: block !important;
}

.bb-marketplace .bb-slider-container .slick-dots li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.bb-marketplace .bb-slider-container .slick-dots li button {
    font-size: 0;
    height: 2px;
    padding: 1px;
    width: 37px;
    display: inline-block;
    outline: none !important;
}

.bb-marketplace .bb-slider-container .slick-dots li.slick-active button {
    background-color: #fff;
}

.bb-slider-container .slide_content_wrap > .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.bb-slider-container .inner {
    padding: 0 70px;
    opacity: 0;
}

.bb-slider-container .slick-active .inner {
    opacity: 1;
}

.bb-slider-container .description {
    font-size: 18px;
    clear: both;
    display: block;
    width: 90%;
    margin: 5px auto 20px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.bb-slider-container .readmore {
    clear: both;
    margin-top: 14px;
}

.bb-slider-container .readmore a:hover,
.bb-slider-container .readmore a:active {
    outline: none;
    color: #fff;
    text-decoration: none;
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

/*[dir='rtl'] .slick-slide {
    float: left;
}*/

.slick-slide img {
    display: block;
    height: auto;
    /*min-height: 400px;*/
    /*min-width: 100%;*/
    width: 100%;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/** VC slider **/
.onesocial-slider .flexslider {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    overflow: hidden;
}
.onesocial-slider {
    margin-left: -4px;
    margin-right: -4px;
}
.onesocial-slider .slide-content {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.onesocial-slider .table {
    height: 100%;
    display: table;
    width: 100%;
}
.bb-slider-container .title,
.bb-slider-container .description,
.onesocial-slider .table-cell p,
.onesocial-slider .table-cell h2 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
}
.bb-slider-container .title,
.onesocial-slider .table-cell h2 {color: #fff;font-size: 50px !important; padding-left: 15px; padding-right: 15px;}
.bb-slider-container .description,
.onesocial-slider .table-cell p {
    font-size: 22px;
    color: rgba(255,255,255,0.8);
    font-weight: 300;
    padding-left: 15px;
    padding-right: 15px;
    text-shadow: 1px 1px rgba(0,0,0,0.3);
}
.bb-slider-container .title {
    margin-bottom: 10px;
}
.bb-slider-container .description,
.onesocial-slider .table-cell p {
    margin-top: 30px;
}
.bb-slider-container .readmore a:hover {
    color: #333;
}
body.page-template-homepage .bb-slider-container .readmore a, body.page-template-homepage .slide-content .button {text-transform: uppercase;border-radius: 2px;padding: 14px 30px 13px;color: #333;background-color: #eef073;margin-left: 5px;margin-right: 5px;display: inline-block;font-weight: 300;}
.page-template-homepage .button.primary {
    background-color: #fff;
    color: #000;
}
.page-template-homepage .button:hover {color: #333;}
.page-template-homepage .category-thumb img { width: 100%; }
.onesocial-slider .flex-control-nav.flex-control-paging {
    display: none;
}
@media screen and (max-width: 720px) {
    .bb-slider-container .title, .onesocial-slider .table-cell h2 {font-size: 30px !important;}
    .bb-slider-container .description, .onesocial-slider .table-cell p {font-size: 16px;margin-bottom: 20px; margin-top: 10px;}
    body.page-template-homepage .bb-slider-container .readmore a, body.page-template-homepage .slide-content .button {padding: 8px 10px 8px;}
}
@media screen and (max-width: 480px) {
    .onesocial-slider .table-cell h2 {font-size: 20px;margin-bottom: 15px;}
    .bb-slider-container .description, .onesocial-slider .table-cell p {display: none;}
}
.onesocial-slider .flex-direction-nav a {
    text-decoration: none;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    top: 50%;
    opacity: 0;
    cursor: pointer;
    color: #fff;
    text-shadow: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 40px;
    text-align: center;
    opacity: 1 !important;
}
.onesocial-slider .flex-direction-nav a:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 51px;
}
.onesocial-slider .flex-direction-nav a:before {
    content: "\f104";
}
.onesocial-slider .flex-direction-nav a.flex-next:before {
    content: "\f105";
}

/** Services */

.page-template-homepage h4,
.page-template-homepage h3 {
    line-height: 1.3;
}
.page-template-homepage .button.content-button {
    font-weight: 900;
    font-size: 11px;
    padding: 15px;
    margin-left: 0;
    margin-right: 0;
}

.onesocial-service {
    margin-bottom: 31px;
    margin-top: 3px;
}
.onesocial-service i {
    display: block;
    float: left;
    font-size: 20px;
    width: 23px;
    text-align: center;
}
.onesocial-service p {
    font-size: 14px;
    font-weight: 300;
}
.onesocial-service .service-content {
    margin-left: 47px;
}

/** Posts Carousel **/

.onesocial-posts-carousel #posts-carousel {
    padding-top: 0;
    border-top: none;
    margin: auto;
    max-width: 465px;
    margin-left: 0;
}
.onesocial-posts-carousel #posts-carousel li {
    min-height: 380px;
}
.onesocial-posts-carousel #posts-carousel .category-thumb {
    float: left;
    max-width: 150px;
    max-height: 150px;
    width: 100%;
    margin-bottom: 30px;
    margin-right: 30px;
}
.vc_row .post-box .entry-date,
.onesocial-posts-carousel #posts-carousel .entry-date {
    display: block;
    line-height: 1;
    margin-bottom: 25px;
    color: rgba(0,0,0,0.4);
}
.vc_row .post-box .entry-date i,
.onesocial-posts-carousel #posts-carousel .entry-date i {
    width: 28px;
    height: 28px;
    line-height: 29px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background-color: #eef073;
    color: #333;
    margin-right: 10px;
    border-radius: 2px;
}
.onesocial-posts-carousel #posts-carousel h3 {
    display: inline-block;
    margin-bottom: 0;
}
.onesocial-posts-carousel #posts-carousel .arrows a {
    width: 28px;
    height: 28px;
    line-height: 32px;
    background-color: #eef073;
    display: inline-block !important;
    text-align: center;
    border-radius: 2px;
    margin-left: 4px;
    font-size: 10px;
    margin-top: 2px;
}
.onesocial-posts-carousel h4 a {
    color: #333;
}

/** Accordion **/

.vc_tta-container h2 {
    font-size: 24px;
}

body .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
body .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #333;
}
body .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    /*font-family: 'Lato', sans-serif;*/
    text-transform: uppercase;
    font-size: 12px;
}

body .vc_tta.vc_general .vc_tta-panel-title>a {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 28px;
}

.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border: 2px solid rgba(0,0,0,0.15);
}

.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    border-width: 2px;
    border-color: rgba(0,0,0,0.15);
    border-top: none;
    top: 1px;
    position: relative;
}

/** Colored area **/

.colored-area h3 {
    color: #fff;
}
.page-template-homepage .diff-text {
    font-size: 16px;
    font-weight: 300;
}
.colored-area .diff-text {
    color: rgba(255,255,255,0.7);
}

/** Boxes **/

.vc_row.boxes {
    /* max-width: 954px; */
    /* margin: auto !important; */
}

.vc_row.boxes .button {
    padding: 12px 30px;
    min-width: 100px;
}

@media (max-width: 767px) {
    .vc_row.boxes p {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

.vc_row.boxes h4 {
    max-width: 227px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 30px;
}

.vc_row.boxes h4:after {
    content: '';
    height: 1px;
    width: 40%;
    background-color: rgba(0,0,0,0.11);
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 30%;
}

/* Post box */

.vc_row .post-box .entry-summary {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -19px;
    margin-bottom: 40px;
}

.vc_row .post-box h3 {
    margin-bottom: 20px
}

.vc_row .post-box h3 a {
    color: #333;
    /*font-family: 'Lato', sans-serif;*/
    font-weight: 300;
}

.vc_row .post-box .entry-date {
    font-size: 14px;
    background-color: #fff;
    display: inline-block;
    padding-right: 9px;
}

.vc_row .post-box .entry-date time {
    vertical-align: middle;
}
.vc_row .post-box p {
    /*font-family: 'Lato', sans-serif;*/
    font-weight: 300;
    font-size: 14px;
}

.vc_row .post-box .entry-summary .button {
    /*font-family: 'Lato', sans-serif;*/
    padding: 12px 30px;
}

body.is-mobile .vc_grid.vc_row .vc_grid-item {
    clear: both;
}

/** Testimonials */

.testimonials-wrap {
    position: relative;
    text-align: center;
}
.testimonials-wrap .testimonial-items {
    min-height: 50px;
    padding-bottom: 30px;
    text-align: center;
    /* min-height: 156px; */
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.testimonials-wrap .testimonial-items .testimonial {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    opacity: 0;
    top: 30px;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
}
.testimonials-wrap .testimonial-items .testimonial .quote {
    font-style: italic;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.3;
    padding: 0 20px;
    margin: 0 auto 50px;
    max-width: 700px;
}
.testimonials-wrap .testimonial-items .testimonial .quote p {
    color: rgba(0,0,0,0.6);
}
.testimonials-wrap .testimonial-items .testimonial .autor {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    color: #333;
}
.testimonials-wrap .testimonial-items .testimonial.active-test {
    opacity: 1;
    top: 0;
}
.testimonials-wrap .author-images {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    /* margin-top: 20px; */
    display: inline-block;
    margin-left: 4px;
}
.testimonials-wrap .author-images li {
    margin: 0;
    display: inline-block;
    float: left;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    margin-left: -4px;
}
.testimonials-wrap .author-images li img {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 10;
}
.testimonials-wrap .author-images li.active-test-item {
    border-width: 4px;
    border-style: solid;
    border-color: #ecf073;
}

#buddypress form#send_message_form label.send-notice-label {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .colored-area .vc_column_container.vc_col-sm-6 .vc_column-inner {
        padding-left: 15px !important;
    }
}

.is-mobile:not(.bm-vendor-shop) #sitewide-notice {
    padding-top: 55px;
}

#sitewide-notice:empty {
    display: none;
}

.bb-overlay {
    background: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    display: none;
    z-index: 9999;
}

.menu-visible-left .bb-overlay,
.menu-visible-right .bb-overlay {
    display: block;
}

.menu-visible-left #mobile-right-panel,
.menu-visible-right #wpadminbar {
    visibility: hidden;
}

.mfp-content.mfp-content .rtm-lightbox-container {
    /*background: none;*/
}

.mfp-content.mfp-content .rtm-single-meta {
    background: #ddd;
}

.dashicons,
.dashicons-before:before {
    font-family: dashicons;
}

.rtmedia-popup.rtmedia-popup {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.rtm-media-options.rtm-media-options {
    margin-bottom: 30px;
}

div#rtm-modal-container p {
    margin-bottom: 26px;
}

div#rtm-modal-container p input {
    width: 100%;
}

.rtm-album-privacy.rtm-album-privacy span,
.rtmedia-uploader.rtmedia-uploader .drag-drop .drag-drop-info {
    font-size: inherit;
}

.rtm-media-gallery-uploader {
    margin-bottom: 30px;
}

/* Hover Effect */
.bookmark-it:hover .bb-helper-icon,
.sl-button:hover .sl-count,
.sl-button:hover .sl-count:before,
.sl-button:hover .sl-count:after {
    background-color: #f9f9f9;
}

/* Subscribe to comments */
label[for='subscribe-reloaded'] .buddyboss-select {
    margin: 0 0 0 20px;
    position: relative;
    top: 3px;
}

/*--------------------------------------------------------------
38.0 - BuddyBoss Inbox
--------------------------------------------------------------*/
.bb-labels-wrap {
    border-top: 2px solid rgba(0,0,0,.11);
    clear: both;
    margin: 20px 0 0;
    padding: 30px 0 0;
}

.bb-labels-wrap .bb-label-title {
    color: rgba(0, 0, 0, 0.3);
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.bb-label-container,
.bb-label-container ul {
    list-style: none;
    margin-left: 0;
}

.bb-label-container a {
    display: block;
    padding: 0 0 10px;
}

.bb-label-container a .count {
    font-style: normal;
}

.bb-label-container .bbm-label {
    border-radius: 100%;
    float: left;
    height: 14px;
    margin: 4px 10px 0 0;
    padding: 0;
    width: 14px;
}

.bb-label-container span:not(.bbm-label) {
    display: block;
    overflow: hidden;
}

.bb-add-label {
    padding-top: 15px;
}

.bb-add-label input {
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    height: 36px;
    max-width: 100%;
    padding: 0 10px;
    width: 100%;
}

.bb-add-label-button {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}

.bb-message-tools {
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    margin-bottom: 25px;
    padding: 15px 70px 15px;
    text-align: right;
}

.bb-message-tools > a,
.bb-message-tools a.bbm-label-button {
    border: 2px solid;
    border-radius: 4px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    padding: 0 16px;
    vertical-align: bottom;
}

.bb-message-tools .bbm_label_dropdown dd ul {
    left: auto;
    right: 10px;
    text-align: left;
}

.bb-message-tools .bbm-label-button,
.bb-message-tools > a .fa {
    font-size: 20px;
    line-height: 40px;
}

.bb-message-tools .user-messages-link {
    padding: 0 25px;
}

.bb-inbox.my-messages .has-text-field #wp-link .query-results {
    top: 220px;
}

.message-box .bbm-attachment h4	{
    margin-bottom: 0;
}

.entry-content #buddypress .bbm_label_dropdown dd ul {
    overflow: auto;
}

/* Paid Memberships Pro Checkout Form */
#pmpro_form .buddyboss-select {
    width: 503px;
    float: left;
    margin: 0;
}

#pmpro_form .buddyboss-select-inner {
    border: 1px solid #aaa;
    max-width: 285px;
    clear: none;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0px 0 10px;
}

#pmpro_form select {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

#pmpro_form .buddyboss-select-inner span {
    font-size: 13px;
    position: relative;
    top: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 0;
}

#pmpro_form .buddyboss-select-inner:after {
    border: 0;
    border-left: 1px solid #e1e1e1;
    height: 28px;
}

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

#pmpro_payment_information_fields .buddyboss-select {
    width: 305px;
    clear: none;
}

#pmpro_payment_information_fields .buddyboss-select ~ .buddyboss-select {
    width: 90px;
    margin: 0 0 0 15px;
}

#pmpro_payment_information_fields .buddyboss-select-inner {
    max-width: 80px;
    float: left;
}

input#discount_code_button {
    padding: 4px 10px 5px;
    position: relative;
    top: -3px;
    margin: 0;
}

.registerfields select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background: url('./../images/angle-arrow-down.svg') 98% / 15% no-repeat;
    background-size: 9px;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0;
    font-size: 16px;
    height: 42px;
    outline: none;
    padding: 5px 35px 5px 0;
}

.bmt-member-type {
    width: 100%;
}

.registerfields select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

#buddypress #activity-stream .acomment-options a.appbosscm-report-button,
#buddypress #activity-stream .activity-meta .bp-secondary-action.appbosscm-activity-report-button {
    background: transparent;
    box-shadow: none;
    font-size: 0;
    margin: 0;
    padding: 0;
    top: 0;
}

#buddypress #activity-stream .acomment-options a.appbosscm-report-button:before,
#buddypress #activity-stream .activity-meta .bp-secondary-action.appbosscm-activity-report-button:before {
        content: "\f227";
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 1;
    font-family: dashicons !important;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: top;
    text-align: center;
    position: relative;
    top: 2px;
    transition: color .1s ease-in;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.appbosscm-feedback-form-field-wrap select {
    background: transparent;
    height: 36px;
    border: 0;
    outline: none;
    border-bottom: 1px solid #e1e1e1;
}

.appbosscm-report-button .fa.fa-spinner {
    display: none;
}

#buddypress #activity-stream .acomment-options a.appbosscm-report-button {
    line-height: 1;
    vertical-align: top;
}

#masthead span.wp-admin-bar-arrow {
    display: none;
}

#avatar-to-crop .jcrop-holder .jcrop-keymgr.styled + strong {
    opacity: 0;
}

.checkout .woocommerce-account-fields {
    clear: both;
    overflow: hidden;
}

button.button.media-button.button-primary.button-large.media-button-select {
    margin-top: 10px;
}

div#user-role-section {
    width: 100%;
    margin-bottom: 20px;
}

select#wp_rar_user_role {
    min-width: 100%;
    width: auto;
}

@media screen and (min-width: 768px) {
    .checkout .woocommerce-account-fields {
        max-width: 48%;
    }
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    #pmpro_form .buddyboss-select {
        float: none;
        margin: 0 3px 0 0;
        width: 60%;
    }

    #pmpro_form .buddyboss-select-inner {
        max-width: 100%;
    }

    .pmpro_payment-expiration {
        display: block;
    }

    #pmpro_payment_information_fields .buddyboss-select {
        width: 92px;
    }

}

@media screen and (max-width: 480px) {
    #pmpro_form .buddyboss-select-inner span {
        height: auto;
        padding: 10px 0 5px;
        line-height: 1;
    }

    #pmpro_form .buddyboss-select-inner:after {
        border: 0;
        border-left: 1px solid #e1e1e1;
        height: 28px;
        top: 0;
        padding: 8px 7px;
        right: 0;
    }

    #pmpro_form .buddyboss-select + span.pmpro_asterisk {
        float: left;
        margin: 0 0 0 7px;
    }

    #pmpro_form .buddyboss-select-inner {
        margin-bottom: 1em;
    }

    #pmpro_payment_information_fields .buddyboss-select {
        width: 152px;
    }

    #pmpro_payment_information_fields .buddyboss-select ~ .buddyboss-select {
        margin: 0 0 0 15px;
        margin-top: 0;
        float: left;
    }
}