/*--------------------------------------------------------------------------------------

General

--------------------------------------------------------------------------------------*/

.bp-screen-title {
display: none;
}
.bp-screen-reader-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.bp-hide {
display: none;
}
.bp-show {
height: auto;
left: 0;
overflow: visible;
position: static;
top: 0;
}
.item-avatar {
line-height: 0;
}
.item-avatar a {
position: relative;
display: inline-block;
line-height: 0;
}
.list-title {
display: flex;
align-items: center;
color: var(--gp-body-text-color);
}
.list-title a {
color: var(--gp-body-text-color);
}
.list-title a:hover {
color: var(--gp-primary-color);
}
.buddypress-wrap a.loading,
.buddypress-wrap input.loading {
animation: loader-pulsate 0.5s infinite ease-in-out alternate;
}
@keyframes loader-pulsate {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 0.9;
	}
}

/* Tables ************************************/

.gp-bp-table {
overflow-x: auto;
}
.gp-bp-table .bp-tables-user {
overflow: hidden;
min-width: 600px;
margin: 0;
}
.gp-bp-table .bp-tables-user thead tr {
border-bottom: 1px solid var(--gp-misc-border-color);
}
.gp-bp-table .bp-tables-user th {
padding: 15px;
border: 0;
text-align: left;
vertical-align: middle;
font-size: 16px;
line-height: 22px;
font-weight: var(--gp-strong-font-weight);
}
.gp-bp-table .bp-tables-user td {
padding: 15px;
border: 0;
vertical-align: middle;
border-bottom: 1px solid var(--gp-misc-border-color);
}
.gp-bp-table .bp-tables-user .bulk-select-check label {
margin: 0;
}
.gp-bp-table .bp-tables-user .bulk-select-check input {
margin: 0;
}

/* Pagination ************************************/

.bp-pagination-section .gp-section-style {
padding-top: 20px;
padding-bottom: 20px;
}
.bp-pagination {
display: flex;
flex-direction: column;
font-size: 12px;
line-height: 1;
justify-content: space-between;
align-items: center;
}
#notifications-user-list .bp-pagination.top {
margin-bottom: 25px;
}
.pag-count {
width: 100%;
}
.bp-pagination-links {
width: 100%;
margin-top: 15px;
}
.pag-data {
display: flex;
margin: 0;
}

/* Messages ************************************/

.bp-template-notice,
.bp-feedback {
width: 100%;
padding: 20px;
background-color: var(--gp-section-bg-color);
border-left: 5px solid #f0d340;
border-radius: var(--gp-section-border-radius);
color: var(--gp-body-text-color);
font-size: 14px;
line-height: 20px;
}
.gp-section .gp-section .bp-template-notice,
.gp-section .gp-section .bp-feedback,
.gp-section .gp-section-style .bp-feedback,
.elementor-widget-container .gp-section .bp-feedback {
padding: 15px;
background: var(--gp-misc-bg-color);
}
#item-body > .bp-feedback,
#activity-stream > .bp-feedback {
margin: calc(var(--gp-section-margin) / 2 );
width: calc(100% - var(--gp-section-margin));
}
.gp-section-style .bp-template-notice,
.gp-section-style  .bp-feedback {
margin-bottom: 20px;
}
.bp-template-notice.success,
.bp-feedback.success {
border-left-color: #4caf50;
}
.bp-template-notice.error,
.bp-feedback.error {
border-left-color: #ff0000;
}
.bp-template-notice p,
.bp-feedback p {
margin-top: 0;
}
.bp-template-notice p:last-child,
.bp-feedback p:last-child {
margin-bottom: 0;
}

/* Tooltips ************************************/

[data-bp-tooltip] {
position: relative;
}
[data-bp-tooltip]:after {
content: attr(data-bp-tooltip);
display: none;
opacity: 0;
position: absolute;
visibility: hidden;
background-color: rgba(0,0,0,0.8);
transform: translate3d(0, 0, 0);
border-radius: 5px;
color: #fff;
font-family: "Helvetica Neue", helvetica, arial, san-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: normal;
line-height: 1.25;
max-width: 200px;
padding: 5px 8px;
pointer-events: none;
text-shadow: none;
text-transform: none;
text-indent: 0;
transition: all 1.5s ease;
white-space: nowrap;
word-wrap: break-word;
z-index: 100000;
}
[data-bp-tooltip]:hover:after, 
[data-bp-tooltip]:active:after, 
[data-bp-tooltip]:focus:after {
display: block;
opacity: 1;
overflow: visible;
visibility: visible;
}
[data-bp-tooltip=""] {
display: none;
opacity: 0;
visibility: hidden;
}
.bp-tooltip:after {
left: 50%;
top: -30px;
transform: translate(-50%, 0);
}
.bp-tooltip.activity-time-since:after {
left: 0;
transform: none;
}

/* Forms ************************************/

.standard-form input[type="text"],
.standard-form input[type="email"],
.standard-form textarea {
width: 100%;
}

/* Fieldset */
.standard-form fieldset {
position: relative;
}

/* Legend */
.standard-form legend {
display: block;
margin-bottom: 10px;
font-weight: var(--gp-strong-font-weight);
font-size: 16px;
line-height: 22px;
}

/* Label */
.standard-form label {
display: block;
margin-bottom: 10px;
font-weight: var(--gp-strong-font-weight);
font-size: 16px;
line-height: 22px;
}
.standard-form .checkbox label {
font-weight: normal;
font-size: 14px;
line-height: 20px;
margin: 0;
}

/* Option Labels */
.standard-form .option-label,
.standard-form .xprofile-field-label {
font-weight: normal;
font-size: 14px;
line-height: 20px;
}

/* Datebox Field */
.standard-form .datebox-selects select {
margin-top: 5px;
}
.standard-form .datebox-selects label {
margin: 10px 5px 0 0;
}
.standard-form .datebox-selects label:first-child {
margin-top: 0;
}

/* Distance Field */
input[type="text"].pac-target-input {
width: calc(100% - 35px);
min-width: auto !important;
}
#buddypress .dashicons-location {
margin: 10px 0 0 10px;
cursor: pointer;
}

/* Captcha Field */
.anr_captcha_field {
float: left;
width: 100%;
margin-bottom: 15px;
}

/* Buttons */
#buddypress .submit {
margin-top: 25px;
}
.buddypress .buddypress-wrap button,
.buddypress .buddypress-wrap a.button,
.buddypress .buddypress-wrap input[type="submit"],
.buddypress .buddypress-wrap input[type="button"],
.buddypress .buddypress-wrap input[type="reset"],
.buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a,
.buddypress .buddypress-wrap .generic-button a,
.buddypress .buddypress-wrap .comment-reply-link,
.buddypress .buddypress-wrap a.bp-title-button,
.buddypress .buddypress-wrap .activity-read-more a {
cursor: pointer;
}
.buddypress .buddypress-wrap input[type="submit"].pending,
.buddypress .buddypress-wrap input[type="button"].pending,
.buddypress .buddypress-wrap input[type="reset"].pending,
.buddypress .buddypress-wrap input[type="submit"]:disabled,
.buddypress .buddypress-wrap input[type="button"]:disabled,
.buddypress .buddypress-wrap input[type="reset"]:disabled,
.buddypress .buddypress-wrap button.pending,
.buddypress .buddypress-wrap button.disabled,
.buddypress .buddypress-wrap div.pending a,
.buddypress .buddypress-wrap a.disabled {
opacity: 0.5;
cursor: default;
}
.buddypress .buddypress-wrap input[type="submit"].pending:hover,
.buddypress .buddypress-wrap input[type="button"].pending:hover,
.buddypress .buddypress-wrap input[type="reset"].pending:hover,
.buddypress .buddypress-wrap input[type="submit"]:hover:disabled,
.buddypress .buddypress-wrap input[type="button"]:hover:disabled,
.buddypress .buddypress-wrap input[type="reset"]:hover:disabled,
.buddypress .buddypress-wrap button.pending:hover,
.buddypress .buddypress-wrap button.disabled:hover,
.buddypress .buddypress-wrap div.pending a:hover,
.buddypress .buddypress-wrap a.disabled:hover {
opacity: 0.5;
}
.buddypress-wrap #pass-strength-result {
max-width: 100%;
background-color: #eee;
display: none;
font-weight: var(--gp-strong-font-weight);
margin: 10px 0 10px 0;
padding: 15px;
text-align: center;
width: auto;
font-size: 14px;
line-height: 14px;
border-radius: 5px;
}
.buddypress-wrap #pass-strength-result.show {
display: block;
}
.buddypress-wrap #pass-strength-result.mismatch {
background-color: #333;
color: #fff;
}
.buddypress-wrap #pass-strength-result.error, 
.buddypress-wrap #pass-strength-result.bad {
background-color: #ffb78c;
color: #333;
}
.buddypress-wrap #pass-strength-result.short {
background-color: #ffa0a0;
color: #333;
}
.buddypress-wrap #pass-strength-result.good {
background-color: #ffec8b;
color: #333;
}
.buddypress-wrap #pass-strength-result.strong {
background-color: #9ee2a3;
color: #333;
}

/* Other */
.gp-verified-icon {
display: inline-flex;
margin-left: 10px;
line-height: 0;
}
.gp-verified-icon .gp-icon {
stroke: #2ea5ed;
fill: #2ea5ed;
}

/*--------------------------------------------------------------------------------------

Register Page

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
General
--------------------------------------------------------------*/

.register.gp-show-only-content #buddypress {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gp-show-only-content #register-page {
width: 700px;
max-width: calc(100% - 60px);
padding: 30px;
}
#signup-form .bp-heading {
margin: 0;
padding: 0;
font-size: 20px;
line-height: 26px;
font-weight: var(--gp-strong-font-weight);
}
#profile-details-section .bp-heading {
margin-bottom: 25px;
}
#signup-form .submit {
margin: 0;
}
#signup-form div div.error,
#signup-form div.error {
clear: both;
width: 100%;
background: transparent;
color: #a00;
margin: 0 0 5px 0;
padding: 0;
}
#signup-form .field-visibility-settings-header {
display: none;
}

/*--------------------------------------------------------------
Fields
--------------------------------------------------------------*/

#basic-details-section label {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid var(--gp-misc-border-color);
}
#signup-form legend {
text-transform: none;
}
#basic-details-section input[type='text'], 
#basic-details-section input[type='email'], 
#basic-details-section input[type='password'] {
width: calc(100% - 30px);
}

/*--------------------------------------------------------------
Password Fields
--------------------------------------------------------------*/

#basic-details-section .password-input-wrapper {
display: flex;
}
#signup-form .password-entry {
margin: 0;
}
#signup-form .indicator-hint {
font-size: 14px;
line-height: 20px;
opacity: 0.8;
}
#signup-form .pw-weak label {
padding: 0;
border: 0;
}


/*--------------------------------------------------------------------------------------

Activity

--------------------------------------------------------------------------------------*/

#buddypress .activity-list:not(#activity-stream) {
padding: calc( var(--gp-section-margin ) / 2 );
}

/*--------------------------------------------------------------
Activity Form
--------------------------------------------------------------*/

/* Main Form ************************************/

#buddypress .activity-update-form {
padding: calc( var(--gp-section-margin ) / 2 );	
}
#whats-new-form {
display: flex;
flex-wrap: wrap;
}
.gp-format-compact #whats-new-form {
margin-bottom: 20px;
}
#whats-new:focus {
box-shadow: none;
}
#whats-new-avatar {
width: 50px;
margin-right: 20px;
}
#whats-new-content {
width: calc(100% - 70px);
}
#whats-new {
border: 0;
background: none;
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted var(--gp-misc-border-color);
border-radius: 0;
box-shadow: none;
}
.gp-theme #whats-new-options {
display: flex !important;
align-items: flex-start;
flex-wrap: wrap;
margin: 0 0 0 70px;
}
#whats-new-post-in-box {
display: block !important; /* Override rtMedia */
margin: 0 15px 15px 0;
}
.gp-theme #buddypress form#whats-new-form #whats-new-options select {
margin: 0;
padding: 7px;
font-size: 14px;
line-height: 14px;
}
#whats-new-post-in-box-items {
list-style: none;
margin: 10px 0 0 0;
}
#whats-new-post-in-box-items li {
display: flex;
align-items: center;
margin-bottom: 10px;
}
#whats-new-post-in-box-items li.bp-activity-object {
cursor: pointer;
}
#whats-new-post-in-box-items li .avatar {
width: 30px;
}
#whats-new-post-in-box-items li .bp-item-name {
margin: 0 10px;
font-size: 13px;
line-height: 18px;
}
#whats-new-post-in-box-items li .bp-remove-item {
padding: 0;
width: 20px;
height: 20px;
}
#whats-new-post-in-box-items li .bp-remove-item:before {
font-size: 14px;
display: flex;
justify-content: center;
}
.gp-theme #whats-new-submit {
flex-wrap: wrap;
}
.gp-theme #whats-new-submit #aw-whats-new-submit {
margin: 0;
padding: 11px 20px;
font-size: 13px;
line-height: 13px;
}
.gp-theme #aw-whats-new-reset,
.gp-theme #aw-whats-new-reset:hover,
.gp-theme .ac-reply-cancel,
.gp-theme .ac-reply-cancel:hover {
padding: 0;
border: 0;
border-radius: 0;
background: none;
font-size: 12px;
line-height: 12px;
font-weight: 400;
box-shadow: none;
color: var(--gp-body-text-color);
cursor: pointer;
}
.gp-theme #aw-whats-new-reset {
margin: 0 0 0 20px !important;
}
.gp-theme .ac-reply-cancel {
margin-left: 10px;
}

/* Comment Reply Form ************************************/

.activity-comments {
width: 100%;
}
.ac-form {
display: none;
width: 100%;
margin: 30px 0 0 0;
}
.ac-reply-avatar {
display: none;
}
.ac-reply-content {
width: 100%;
}
.ac-textarea {
margin-bottom: 10px;
}
.gp-theme .ac-reply-content input[type="submit"] {
padding: 11px 20px;
font-size: 13px;
line-height: 13px;
}

/*--------------------------------------------------------------
Activity List
--------------------------------------------------------------*/

/* Main Comments ************************************/

.activity-list {
margin: 0;
}
.activity-list li {
list-style: none;
margin-bottom: var(--gp-section-margin);
padding: 25px;
}
.gp-format-compact .activity-list li {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-radius: 0;
border-bottom: 1px solid var(--gp-misc-border-color);
}
.activity-list li:last-child {
margin-bottom: 0;
}
#buddypress:not(.gp-bp-element-activity) .activity-list .activity-comments li:last-child {
padding-bottom: 0;
}
.gp-format-compact .activity-list li:last-child {
margin: 0;
padding: 0;
border: 0;
}

/* Comment Replies ************************************/

.activity-comments ul {
margin: 0;
}
.activity-comments li {
padding: 25px;
margin-top: 25px;
}
.activity-comments li:first-child {
margin-top: 0;
}
.activity-comments li:last-child {
padding-bottom: 0;
}

/* Activity Avatar ************************************/

.activity-avatar,
.acomment-avatar {
float: left;
margin: 0;
line-height: 0;
}
.activity-avatar .avatar {
width: 40px;
}
.item-list .acomment-avatar .avatar {
width: 35px;
}

/* Activity Header ************************************/

.activity-header,
.acomment-meta {
min-height: 41px;
margin: 0 0 0 55px;
font-size: 14px;
line-height: 20px;
font-weight: var(--gp-strong-font-weight);
color: var(--gp-tertiary-color);
}
.gp-hide-activity-content.gp-hide-action-buttons .activity-header p,
.gp-hide-activity-content.gp-hide-action-buttons .acomment-meta p {
margin-bottom: 0;
}
.acomment-meta {
margin: 0 0 15px 50px;
}
.activity-header a, 
.acomment-meta a {
font-weight: var(--gp-strong-font-weight);
color: var(--gp-body-text-color);
}
.activity-header a:hover,
.acomment-meta a:hover {
color: var(--gp-primary-color);
}
.activity-time-since,
.time-since {
display: block;
margin-top: 2px;
font-size: 13px;
line-height: 19px;
color: var(--gp-tertiary-color);
}
.activity-header .activity-time-since:hover,
.time-since:hover {
text-decoration: underline;
color: var(--gp-body-text-color);
}
.activity-header img {
display: none;
}

/* Activity Content ************************************/

.activity-inner {
overflow: hidden;
margin-top: 25px;
font-size: 15px;
line-height: 25px;
}
.gp-hide-activity-content .activity-inner {
display: none;
}
.activity-inner p {
margin-bottom: 12px;
}
.activity-inner p:last-child {
margin-bottom: 0;
}
.activity-content .bp-group-avatar-content img.group-photo, 
.activity-content .bp-group-avatar-content img.profile-photo, 
.activity-content .bp-member-avatar-content img.group-photo,
.activity-content .bp-member-avatar-content img.profile-photo {
width: 80px;
height: auto;
margin: 0 !important;
}
.activity-inner .bp-group-short-description, 
.activity-inner .bp-member-short-description {
display: flex;
align-items: center;
position: relative;
padding: 15px;
border-radius: var(--gp-section-border-radius);
flex-direction: column;
text-align: center;
border: 0;
background: var(--gp-misc-bg-color);
}
.activity-inner .bp-group-short-description-title,
.activity-inner .bp-member-short-description-title {
margin-bottom: 0;
font-size: 16px;
line-height: 22px;
font-weight: var(--gp-strong-font-weight);
}
.activity-inner .bp-group-short-description-title a,
.activity-inner .bp-member-short-description-title a {
color: var(--gp-body-text-color);
}
.activity-inner .bp-group-short-description-title a:hover,
.activity-inner .bp-member-short-description-title a:hover {
color: var(--gp-primary-color);
}
.activity-inner .bp-member-nickname {
font-size: 13px;
line-height: 19px;
margin-block-start: 0;
}
.activity-inner .bp-profile-button {
margin-top: 10px;
}
.activity-inner .bp-group-preview-cover,
.activity-inner .bp-member-preview-cover {
position: relative;
max-height: 250px;
overflow: hidden;
}
.activity-inner .bp-group-preview-cover a,
.activity-inner .bp-member-preview-cover a {
display: block;
line-height: 0;
}
.bp-group-preview-cover  + .bp-group-short-description,
.bp-member-preview-cover + .bp-member-short-description {
border-radius: var(--gp-section-border-radius);
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.activity-inner .bp-group-avatar-content:not(.has-cover-image), 
.activity-inner .bp-member-avatar-content:not(.has-cover-image) {
margin: 0 0 15px 0;
line-height: 0;
}
.activity-inner .bp-group-avatar-content.has-cover-image, 
.activity-inner .bp-member-avatar-content.has-cover-image {
margin: -55px 0 15px 0;
}
.activity-inner .bp-group-avatar-content.has-cover-image a, 
.activity-inner .bp-member-avatar-content.has-cover-image a {
display: block;
line-height: 0;
}
.activity-inner .bp-group-preview-cover a:before,
.activity-inner .bp-member-preview-cover a:before {
content: '';
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
border-radius: var(--gp-section-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.activity-inner .bp-group-preview-cover img,
.activity-inner .bp-member-preview-cover img {
border-radius: var(--gp-section-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.activity-inner .has-cover-image img.profile-photo {
margin: 0 !important;
width: 100px;
height: auto;
border: 5px solid #fff;
}
.activity-inner .bp-profile-button .button-primary {
display: inline-block;
padding: 5px 7px;
font-size: 12px;
line-height: 1;
font-weight: var(--gp-strong-font-weight);
}

/* Activity Comments Content ************************************/

.acomment-content {
font-size: 14px;
line-height: 24px;
}
.acomment-content p {
margin-bottom: 12px;
}
.acomment-content p:last-child {
margin-bottom: 0;
}

/* Activity Meta ************************************/

.activity-list .action {
display: flex;
flex-wrap: wrap;
position: relative;
top: auto;
right: auto;
margin-top: 25px;
line-height: 1;
border-top: 1px solid var(--gp-misc-border-color);
}
.gp-format-compact .activity-list .action {
margin-top: 5px;
border-top: 0;
}
.gp-hide-action-buttons .activity-list .action {
display: none;
}
.activity-comments .action {
margin-top: 0;
border-top: 0;
}
.activity-list .action .generic-button {
margin-top: 10px;
line-height: 1;
}
.activity-list .activity-item .action a {
margin-right: 20px;
padding: 0;
background: transparent;
font-size: 13px;
line-height: 1;
font-weight: 400;
color: var(--gp-tertiary-color);
border: 0;
box-shadow: none;
}
.activity-list .activity-meta > .spam-activity.button {
display: none;
}
.activity-list .activity-meta .spam-activity.button .dashicons-flag:before {
position: relative;
top: -4px;
font-size: 18px;
color: var(--gp-tertiary-color);
}
.activity-list .activity-item .action a:before,
.activity-list .activity-meta .spam-activity.button .dashicons-flag:before {
position: relative;
margin-right: 4px;
font-family: dashicons;
vertical-align: middle;
color: var(--gp-tertiary-color);
}
.activity-list .activity-item .action .acomment-reply:before {
content: "\f101";
}
.activity-list .activity-item .action .view:before {
content: "\f125";
}
.activity-list .activity-item .action .fav:before {
content: "\f154";
top: -2px;
}
.activity-list .activity-item .action .unfav:before {
content: "\f155";
top: -2px;
}
.activity-list .activity-item .action .delete-activity:before,
.activity-list .activity-item .action .acomment-delete:before {
content: "\f182";
top: -2px;
}

/* Load More Button ************************************/

.activity-list li.load-more,
.activity-list li.load-newest {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.activity-list li.load-more a,
.activity-list li.load-newest a {
display: block;
text-align: center;
background: var(--gp-button-bg-color, var(--gp-primary-color));
color: var(--gp-button-text-color);
transition: all .4s;
}
.activity-list li.load-more a:hover,
.activity-list li.load-newest a:hover {
background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
color: var(--gp-button-text-color);
}


/*--------------------------------------------------------------------------------------

Members/Groups Directory

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Members/Groups Directory - General
--------------------------------------------------------------*/

#members-list,
#groups-list {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
#members-list > li,
#groups-list > li {
position: relative;
width: 100%;
}
#members-list > li .gp-section,
#groups-list > li .gp-section {
flex: 1 0 auto;
}
#members-list .list-wrap,
#groups-list .list-wrap {
position: relative;
width: 100%;
height: 100%;
text-align: center;
justify-content: center;
padding: 30px !important;
}

/*--------------------------------------------------------------
Members/Groups Directory - Avatar
--------------------------------------------------------------*/

#members-list .item-avatar,
#groups-list .item-avatar {
margin-bottom: 15px;
}
#members-list .item-avatar img,
#groups-list .item-avatar img {
width: 120px;
}
.item-avatar .gp-online-status {
top: auto;
bottom: 10px;
right: 10px;
}

/*--------------------------------------------------------------
Members/Groups Directory - Name
--------------------------------------------------------------*/

#members-list .list-title,
#groups-list .list-title {
justify-content: center;
margin: 0;
word-break: normal;
overflow-wrap: anywhere;
font-size: 18px;
line-height: 24px;
font-weight: var(--gp-strong-font-weight);
}
#members-list .list-title a,
#groups-list .list-title a {
display: flex;
align-items: center;
}
#members-list .list-title .gp-verified-icon,
#groups-list .list-title .gp-verified-icon {
margin-left: 5px;
}

/*--------------------------------------------------------------
Members/Groups Directory - Item Meta
--------------------------------------------------------------*/
 
.gp-bp-loop-meta {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.gp-bp-loop-meta,
.gp-bp-loop-meta a {
font-size: 14px;
line-height: 20px;
color: var(--gp-tertiary-color);
}
.gp-bp-loop-meta a:hover {
color: var(--gp-body-text-color);
}
.gp-bp-loop-meta .item-meta {
margin-top: 5px;
}
#groups-list .item-meta:after {
content: '';
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
margin: 0 10px 2px;
vertical-align: middle;
background: var(--gp-tertiary-color);
}
#groups-list .item-meta:last-child:after {
display: none;
}
#members-list .item-meta.activity[data-livestamp],
#groups-list .item-meta.activity[data-livestamp] {
display: none;
}
#groups-list .group-desc {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------
Members/Groups Directory - Action Buttons
--------------------------------------------------------------*/
 
#members-list .action,
#groups-list .action {
position: absolute;
top: 0;
right: 0;
margin: 0;
list-style: none;
}
#members-list.friends-list .action {
width: 100%;
justify-content: space-between;
display: flex;
flex-flow: row-reverse;
}
#members-list .action button,
#members-list .action .button,
#members-list .action a,
#groups-list .action button,
#groups-list .action .button,
#groups-list .action a {
display: block;
padding: 10px;
margin: 0 !important;
border: 0;
box-shadow: none;
border-bottom: 3px solid var(--gp-page-bg-color);
border-left: 3px solid var(--gp-page-bg-color);
border-radius: 0;
border-bottom-left-radius: var(--gp-section-bottom-left-border-radius);
line-height: 1;
background: transparent;
text-indent: -1000px !important;
font-size: 0 !important;
}
#members-list .action .reject {
border-left-width: 0;
border-right: 3px solid var(--gp-page-bg-color);
border-radius: 0;
border-bottom-right-radius: var(--gp-section-bottom-right-border-radius);
}
#members-list .action button:before,
#members-list .action .button:before,
#members-list .action a:before,
#groups-list .action button:before,
#groups-list .action .button:before,
#groups-list .action a:before {
content: '';
display: block;
width: 24px;
height: 24px;
opacity: 0.5;
transition: all .4s;
background-repeat: no-repeat;
background-position: center center;
}
#members-list .action button:hover:before,
#members-list .action .button:hover:before,
#members-list .action a:hover:before,
#groups-list .action button:hover:before,
#groups-list .action .button:hover:before,
#groups-list .action a:hover:before {
opacity: 1;
background-repeat: no-repeat;
background-position: center center;
}
.item-list .action .add:before,
.item-list .join-group:before,
.item-list .request-membership:before,
.item-list .action .accept:before,
.item-list .action .invite-button:before {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJIMTgiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMThWNiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
}
.item-list .action .remove:before,
.item-list .action .leave-group:before,
.item-list .action .reject:before,
.item-list .action .invite-button.selected:before,
.item-list .action .invite-button.group-remove-invite-button:before {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJIMTgiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K ');
}
.item-list .action .pending_friend:before,
.item-list .action .membership-requested:before {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS4yNDk4IDEyLjAwMDVDMjEuMjQ5OCAxNy4xMDk1IDE3LjEwODggMjEuMjUwNSAxMS45OTk4IDIxLjI1MDVDNi44OTA4IDIxLjI1MDUgMi43NDk4IDE3LjEwOTUgMi43NDk4IDEyLjAwMDVDMi43NDk4IDYuODkxNDkgNi44OTA4IDIuNzUwNDkgMTEuOTk5OCAyLjc1MDQ5QzE3LjEwODggMi43NTA0OSAyMS4yNDk4IDYuODkxNDkgMjEuMjQ5OCAxMi4wMDA1WiIgc3Ryb2tlPSIjMjAwRTMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS40MzE0IDE0Ljk0MjlMMTEuNjYxNCAxMi42OTM5VjcuODQ2ODkiIHN0cm9rZT0iIzIwMEUzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}
.item-list .action .awaiting_response_friend:before {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS4yNDk4IDEyLjAwMDVDMjEuMjQ5OCAxNy4xMDk1IDE3LjEwODggMjEuMjUwNSAxMS45OTk4IDIxLjI1MDVDNi44OTA4IDIxLjI1MDUgMi43NDk4IDE3LjEwOTUgMi43NDk4IDEyLjAwMDVDMi43NDk4IDYuODkxNDkgNi44OTA4IDIuNzUwNDkgMTEuOTk5OCAyLjc1MDQ5QzE3LjEwODggMi43NTA0OSAyMS4yNDk4IDYuODkxNDkgMjEuMjQ5OCAxMi4wMDA1WiIgc3Ryb2tlPSIjMjAwRTMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS40MzE0IDE0Ljk0MjlMMTEuNjYxNCAxMi42OTM5VjcuODQ2ODkiIHN0cm9rZT0iIzIwMEUzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}
#members-list .action [class*="flag"] *:before,
#members-list .action [class*="flag"]:before {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMTVMMTcuODY1IDE1QzE4LjcxMjggMTUgMTkuMTc2IDE0LjAxMTEgMTguNjMzMiAxMy4zNTk4TDE1IDlMMTguNjMzMiA0LjY0MDE4QzE5LjE3NiAzLjk4ODg2IDE4LjcxMjggMyAxNy44NjUgM0w0IDNMNCAyMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
}
#members-list .action [class*="block"] *:before,
#members-list .action [class*="block"]:before {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNSAxOUwxOSA1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==');
}
.gp-color-dark .item-list .action *:before {
filter: invert(1);
}


/*--------------------------------------------------------------------------------------

Create A Group

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Create A Group - Photo
--------------------------------------------------------------*/

.buddypress-wrap .standard-form .left-menu {
float: left;
margin: 0 0 20px 0;
}
.buddypress-wrap .standard-form .left-menu img {
width: 200px;
}
.buddypress-wrap .standard-form .main-column {
margin: 0 0 20px 220px;
}

/*--------------------------------------------------------------
Create A Group - Invite
--------------------------------------------------------------*/

#bp-invites-prev-page,
#bp-invites-next-page {
padding: 0;
background: none;
border: 0;
box-shadow: none;
color: var(--gp-quarternary-color)
}
#bp-invites-prev-page span,
#bp-invites-next-page span {
font-size: 26px;
line-height: 1;
}
.group-create .bp-invites-content .list-wrap {
border: 3px solid var(--gp-page-bg-color);
}

/*--------------------------------------------------------------
Create A Group - Buttons
--------------------------------------------------------------*/

#previous-next {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#previous-next input:last-child {
margin-top: 5px;
}

/*--------------------------------------------------------------------------------------

Single Groups

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Single Groups - Group Header
--------------------------------------------------------------*/

/* Group Description ************************************/

.gp-bp-group-header-desc {
display: none;
margin-top: 15px;
font-size: 14px;
line-height: 20px;
color: var(--gp-overlay-meta-text-color);
}
.gp-no-cover-image .gp-bp-group-header-desc {
color: var(--gp-body-text-color);
}
.gp-bp-group-header-desc p:last-child {
margin: 0;
}

/* Group Admins/Mods ************************************/

.group-item-actions {
text-align: center;
}
.groups-header .moderators-lists {
margin: 15px 0 0 0;
padding: 0;
}
.groups-header .user-list {
margin: 0;
padding: 0;
}
.groups-header .moderators-title,
.groups-header .user-list .activity {
margin: 0 0 10px 0;
font-weight: normal;
font-size: 12px;
line-height: 1;
font-weight: var(--gp-strong-font-weight);
color: var(--gp-overlay-meta-text-color);
}
.groups-header .gp-no-cover-image .moderators-title,
.groups-header .gp-no-cover-image .user-list .activity {
color: var(--gp-body-text-color);
}
.group-item-actions ul {
list-style: none;
margin: 0;
font-size: 0;
line-height: 0;
}
.group-item-actions li {
display: inline-block;
margin: 0 -2.5px;
}
.group-item-actions img {
width: 30px;
border-radius: 50%;
border: 2px solid var(--gp-page-bg-color);
}
.group-item-actions .bp-tooltip:after {
left: -50%;
top: 5px;
}

/*--------------------------------------------------------------
Single Groups - Invite
--------------------------------------------------------------*/

/* Sub Nav Filters ************************************/

.bp-invites-filters > div {
display: flex;
align-items: center;
width: 100%;
}
.bp-invites-filters #group_invites_search {
padding-left: 0;
padding-right: 0;
border: 0;
}
.bp-invites-filters .group-invites-search + .last {
flex: 1 0 auto;
}

/* Send Invites ************************************/

#send-invites-editor ul {
list-style: none;
margin: 0 0 9px 0;
}
#send-invites-editor ul li {
display: inline-block;
margin: 0 6px 6px 0;
}
#send-invites-editor ul li a {
display: block;
}
#send-invites-editor ul img {
width: 35px;
}
#bp-send-invites-form label {
display: block;
margin-bottom: 5px;
}
#bp-send-invites-form .action {
display: flex;
justify-content: space-between;
margin-top: 25px;
}

/* Pending Invites ************************************/

.bp-invites-content #members-list .item-avatar img {
width: 50px;
}
.group-inviters {
display: flex;
list-style: none;
margin: 10px 0 10px 0;
align-items: center;
justify-content: center;
}
.group-inviters li a {
display: block;
margin: 0 0 0 5px;
line-height: 0;
}
.group-inviters li img {
width: 25px;
}

/*--------------------------------------------------------------
Single Groups - Manage
--------------------------------------------------------------*/

/* Details ************************************/

#create-group-form input[type="text"],
#group-settings-form input[type="text"],
#group-settings-form textarea,
#create-group-form .bp-controls-wrap,
#group-settings-form .bp-controls-wrap {
margin: 0 0 25px 0;
}

/* Settings ************************************/

.standard-form .group-settings-selections fieldset:last-child {
margin-bottom: 25px;
}
.standard-form .group-settings-selections label {
font-weight: var(--gp-strong-font-weight);
margin-bottom: 5px;
}
.standard-form .group-settings-selections ul {
margin: 0 0 25px 42px;
font-size: 14px;
line-height: 20px;
}
.standard-form .group-settings-selections li {
margin: 0 0 5px 0;
}
.standard-form .group-settings-selections li:last-child {
margin: 0;
}

/* Members ************************************/

/* Subnav Filters */
.subnav-filters #group-roles-filter {
width: 100%;
order: 2;
}
.subnav-filters #group-members-search-form {
width: 100%;
}
.subnav-filters #group-roles-filter label {
display: none;
}
.subnav-filters #group-members-pagination {
display: none;
}

/* Table */
#group-manage-members-ui {
overflow-x: auto;
}
#group-members-list-table {
overflow: hidden;
min-width: 600px;
margin: 0;
}
#group-members-list-table thead tr {
border-bottom: 1px solid var(--gp-misc-border-color);
}
#group-members-list-table th {
padding: 15px;
border: 0;
text-align: left;
vertical-align: middle;
font-size: 16px;
line-height: 22px;
font-weight: var(--gp-strong-font-weight);
}
#group-members-list-table td {
padding: 15px;
border: 0;
vertical-align: middle;
border-bottom: 1px solid var(--gp-misc-border-color);
}
#group-members-list-table .group-member {
font-size: 14px;
line-height: 20px;
font-weight: var(--gp-strong-font-weight);
}
#group-members-list-table .group-member img {
float: left !important;
width: 30px;
margin: 0 15px 0 0 !important;
}
#group-members-list-table .group-member-actions {
margin-top: 7px;
font-size: 12px;
line-height: 1;
}
.group-member-actions a {
color: var(--gp-tertiary-color);
}
#group-members-list-table .group-member-actions a:hover {
text-decoration: underline;
}
#group-members-list-table .urole-column label {
font-size: 12px;
line-height: 1;
}
#group-members-list-table .urole-column select {
padding: 5px;
font-size: 12px;
line-height: 1;
}

/*--------------------------------------------------------------------------------------

Profile

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Profile - Profile Header
--------------------------------------------------------------*/

/* General ************************************/

#item-header {
flex-wrap: wrap;
margin: 0 auto;
}
.gp-item-header-inner {
overflow: hidden;
margin: 0 auto;
padding: 0 !important;
}
#item-header #cover-image-container {
position: relative;
width: 100%;
padding: 30px;
}
#item-header .bp-template-notice {
display: none;
}

/* Cover image ************************************/

.gp-cover-image-overlay {
display: none;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.7;
}
#item-header #header-cover-image {
background-color: #3e3e3e;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

/* Inner container ************************************/

#item-header-cover-image {
z-index: 1;
position: relative;
display: flex;
flex-wrap: wrap;
height: 100%;
}

/* Avatar ************************************/

#item-header-avatar {
position: relative;
display: flex;
flex: 0 0 auto;
}
#item-header-avatar a {
display: block;
position: relative;
line-height: 0;
}
#item-header-avatar .avatar {
width: 150px;
height: auto;
border: 4px solid var(--gp-page-bg-color);
border-radius: 50%;
}
.gp-online-status {
display: block;
position: absolute;
bottom: 10px;
right: 20px;
width: 15px;
height: 15px;
border: 2px solid var(--gp-section-bg-color);
border-radius: 50%;
}
.gp-user-online {
background-color: #1cbf01;
}
.gp-user-offline {
background-color: #ccc;
}

/* Content ************************************/

#item-header-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
position: relative;
z-index: 1;
width: 100%;
}
.gp-bp-header-field-content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
padding: 30px 30px 0 30px;
}

/* Name ************************************/

#item-header-content h2.gp-bp-header-name {
display: flex;
align-items: center;
margin: 0 0 5px 0;
padding: 0;
text-align: center;
color: #fff;
}
.gp-no-cover-image #item-header-content h2.gp-bp-header-name {
color: var(--gp-body-text-color);
}
#item-header-content h2.gp-bp-header-name, 
#item-header-content h2.gp-bp-header-name a {
font-size: 24px;
line-height: 30px;
font-weight: var(--gp-strong-font-weight);
}
.gp-bp-header-field-content .gp-verified-icon {
display: block;
margin-left: 10px;
}

/* Meta Fields ************************************/

.gp-bp-header-meta {
font-size: 13px;
line-height: 19px;
color: var(--gp-overlay-meta-text-color);
}
.gp-no-cover-image .gp-bp-header-meta {
color: var(--gp-body-text-color);
}
.gp-bp-header-meta .item-meta:before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: var(--gp-overlay-meta-text-color);
margin: 2px 10px 0;
vertical-align: middle;
}
.gp-no-cover-image .gp-bp-header-meta .item-meta:before {
background-color: var(--gp-body-text-color);
}
.gp-bp-header-meta .item-meta:first-child:before {
display: none;
}

/* Membership level ************************************/

#item-header-avatar .gp-membership-level {
display: block;
position: absolute;
bottom: -10px;
text-align: center;
left: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 12px;
line-height: 12px;
background-color: #2ea5ed;
border-radius: 5px;
padding: 7px 10px;
}

/* Member type ************************************/

.bp-member-type-list {
margin: 0 0 15px 0;
}

/* Buttons ************************************/

.gp-main-nav-buttons {
display: flex;
flex-direction: column;
width: 100%;
margin: 10px 0 0 0;
list-style: none;
flex-wrap: wrap;
justify-content: center;
}
.gp-main-nav-buttons:empty {
display: none;
}
.gp-main-nav-buttons li,
.gp-main-nav-buttons div {
margin: 10px 0 0 0;
}
.gp-main-nav-buttons li:last-child,
.gp-main-nav-buttons div:last-child {
margin-right: 0;
}
.gp-theme .gp-main-nav-buttons a,
.gp-theme .gp-main-nav-buttons button {
display: block;
width: 100%;
text-align: center;
border-radius: 5px !important;
padding: 10px !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: var(--gp-strong-font-weight);
background: rgba(0,0,0,0.5) !important;
color: #fff !important;
}
.gp-theme .gp-main-nav-buttons a:hover,
.gp-theme .gp-main-nav-buttons button:hover {
background: #000 !important;
color: #fff !important;
}

/*--------------------------------------------------------------
Profile - Profile Nav
--------------------------------------------------------------*/

/* Outer Container ************************************/

.gp-main-nav-outer {
margin: 0 auto;
}

/* Inner Container ************************************/

.gp-main-nav-inner.gp-section-style {
margin: 0 auto;
padding-top: 12px;
padding-bottom: 12px;
}

/* Links ************************************/

.gp-main-nav-ul {
margin: 0;
list-style: none;
}
.gp-main-nav-ul li {
display: inline-block;
margin: 5px 30px 5px 0;
}
.gp-main-nav-ul li:last-child {
margin-right: 0;
}
.gp-main-nav-ul li,
.gp-main-nav-ul li a {
font-size: 15px;
line-height: 21px;
font-weight: var(--gp-strong-font-weight);
color: var(--gp-body-text-color);
}
.gp-main-nav-ul li a:hover {
color: var(--gp-primary-color);
}
.gp-main-nav-ul li.current a, 
.gp-main-nav-ul li.selected a {
color: var(--gp-primary-color);
}

/* Counters ************************************/

.gp-main-nav-ul li a .count {
position: relative;
top: -1px;
margin-left: 4px;
display: inline-block;
padding: 3px 6px;
text-align: center;
border-radius: 4px;
font-size: 10px;
line-height: 10px;
font-weight: var(--gp-strong-font-weight);
color: var(--gp-button-text-color);
background-color: var(--gp-button-bg-color, var(--gp-primary-color));
}
.gp-main-nav-ul li a .count:empty {
display: none;
}

/*--------------------------------------------------------------
Profile - View Profile
--------------------------------------------------------------*/

body:not(.gp-my-profile).profile.gp-theme .bp-subnavs {
display: none;
}
.profile-fields.bp-tables-user {
margin: 0;
border-collapse: separate;
}
.screen-heading.profile-group-title {
margin: 25px 0 15px 0;
}
.profile-fields.bp-tables-user td,
.profile-fields.bp-tables-user th {
display: block;
padding: 25px 0;
border: 0;
}
.profile-fields.bp-tables-user .label {
padding-bottom: 0;
font-weight: var(--gp-strong-font-weight);
border-top: 1px solid var(--gp-misc-border-color);
}
.profile-fields.bp-tables-user .data {
padding-top: 5px;
border: 0;
}
.profile-fields.bp-tables-user tr:last-child .data {
padding-bottom: 0;
}
.profile-fields.bp-tables-user .data  p {
margin: 0;
}

/*--------------------------------------------------------------
Profile - Edit Profile
--------------------------------------------------------------*/

.buddypress-wrap .profile.edit ul.button-nav {
list-style: none;
margin: 0 0 30px 0;
}
.buddypress-wrap .profile.edit ul.button-nav li {
display: inline-block;
margin-right: 20px;
}
.buddypress-wrap .profile.edit ul.button-nav li a {
color: inherit;
font-weight: var(--gp-strong-font-weight);
}
.buddypress-wrap .profile.edit ul.button-nav li.current a,
.buddypress-wrap .profile.edit ul.button-nav li a:hover {
color: var(--gp-primary-color);
}
.editfield {
padding: 25px 0;
border-top: 1px solid var(--gp-misc-border-color);
}
.editfield .description {
margin: 10px 0 0 0;
font-size: 14px;
line-height: 20px;
opacity: 0.8;
}
.field-visibility-settings-notoggle,
.field-visibility-settings-toggle {
margin: 10px 0 0 0;
}
.current-visibility-level {
font-weight: var(--gp-strong-font-weight);
}
.visibility-toggle-link {
position: relative;
top: -1px;
margin-left: 5px;
padding: 0;
font-size: 10px;
line-height: 10px;
background: none;
border: 0;
border-radius: 0;
color: var(--gp-primary-color);
cursor: pointer;
}
.visibility-toggle-link:hover {
background: none;
border: 0;
border-radius: 0;
color: var(--gp-body-text-color);
}
.field-visibility-settings legend,
.field-visibility-settings label {
font-size: 14px;
line-height: 20px;
}
.field-visibility-settings.field-visibility-settings-open {
margin-top: 15px;
}
.field-visibility-settings .radio label {
display: inline-block;
}
button.field-visibility-settings-close {
padding: 11px 20px;
font-size: 13px;
line-height: 13px;
}
.clear-value {
position: absolute;
bottom: 0;
right: 0;
font-size: small;
line-height: 1;
}

/*--------------------------------------------------------------
Profile - Change Profile Photo
--------------------------------------------------------------*/

.gp-theme .bp-avatar-nav ul.avatar-nav-items li.current {
border-color: var(--gp-misc-border-color);
border-bottom-color: var(--gp-section-bg-color);
}
.gp-theme .bp-avatar-nav ul {
border-color: var(--gp-misc-border-color);
}
.gp-theme .drag-drop #drag-drop-area {
border-color: var(--gp-misc-border-color);
}
#avatar-crop-actions {
margin-top: 10px;
}
#avatar-crop-pane.avatar {
border-radius: 0;
}
.avatars-history {
flex-wrap: wrap;
}
.avatar-history-list {
width: 100%;
}
.avatar-history-table {
margin: 0;
}
.avatar-history-table input[type='radio'] {
width: 0;
}
.avatar-history-table .avatar {
margin-top: -18px;
}
.avatar-history-actions {
width: 100%;
margin-left: 0;
}

/*--------------------------------------------------------------
Profile - Notifications
--------------------------------------------------------------*/

/* Table ************************************/

.bp-tables-user.notifications th.date {
width: 30%;
}
.bp-tables-user.notifications th.actions {
width: 22%;
}
.bp-tables-user.notifications .actions,
.bp-tables-user.notifications .notification-actions {
text-align: center;
}
.notification-actions .mark-read,
.notification-actions .mark-unread,
.notification-actions .delete {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0 3px;
padding: 0;
border-radius: 5px;
font-size: 14px;
line-height: 1;
}
.notification-actions .mark-read,
.notification-actions .mark-unread {
background: #fff1df;
color: #ffb049;
}
.notification-actions .mark-read:hover,
.notification-actions .mark-unread:hover {
background: #ffb049;
color: #fff;
}
.notification-actions .delete {
background: #ffdfdf;
color: #ff6c6c;
}
.notification-actions .delete:hover {
background: #ff6c6c;
color: #fff;
}
.notifications-options-nav {
display: flex;
margin: 25px 0;
}
.notifications-options-nav .select-wrap {
margin-right: 10px;
}

/*--------------------------------------------------------------
Profile - Messages
--------------------------------------------------------------*/

/* Sub Nav Filter ************************************/

.gp-theme .bp-subnavs .bp-messages-filters ul {
display: flex;
flex-direction: column;
width: 100%;
}
.gp-theme .bp-subnavs .subnav-filters .user-messages-bulk-actions:empty {
display: none;
}
.gp-theme .bp-subnavs .subnav-filters .user-messages-bulk-actions > div {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 10px;
}
.bulk-actions-wrap {
display: flex;
align-items: center;
}
.gp-theme .bp-subnavs .subnav-filters .user-messages-bulk-actions label {
font-weight: 400;
font-size: 14px;
}
.messages-button.bulk-apply {
margin-left: 10px;
padding: 5px;
}
.gp-theme .bp-subnavs .subnav-filters.bp-messages-filters .last.filter {
height: auto;
display: flex;
align-items: center;
}
.gp-theme #bp-messages-prev-page,
.gp-theme #bp-messages-next-page {
margin-left: 10px;
padding: 5px;
}

/* Active Conversation ************************************/

/* Thread Participants */
.bp-messages-content #thread-preview {
margin-top: 25px;
}
.bp-messages-content #thread-preview:empty {
display: none;
}
.bp-messages-content #thread-preview .preview-message {
overflow: hidden;
}
.bp-messages-content #thread-preview .preview-content .preview-message {
margin-top: 15px;
}
.bp-messages-content .preview-pane-header {
display: block;
padding: 10px 0 15px 0;
border-bottom: 1px solid var(--gp-misc-border-color);
}
.bp-messages-content .preview-pane-header:after,
.bp-messages-content .single-message-thread-header:after {
clear: both;
content: "";
display: table;
}
.bp-messages-content .preview-thread-title,
.bp-messages-content .single-thread-title {
font-size: 16px;
margin: 0;
}
.bp-messages-content .preview-thread-title .messages-title,
.bp-messages-content .single-thread-title .messages-title {
padding-left: 10px;
}
.bp-messages-content .thread-participants {
float: left;
width: 70%;
margin: 0;
}
.bp-messages-content .thread-participants dd {
padding: 0;
margin: 0;
}
.bp-messages-content .preview-pane-header .thread-participants ul {
list-style: none;
margin: 0;
}
.bp-messages-content .thread-participants dt {
margin-bottom: 5px;
font-weight: var(--gp-strong-font-weight);
}
.bp-messages-content .thread-participants ul:after {
clear: both;
content: "";
display: table;
}
.bp-messages-content .thread-participants li {
float: left;
margin-right: 5px;
}
.bp-messages-content .thread-participants li a {
display: block;
}
.bp-messages-content .thread-participants img {
width: 30px;
height: auto;
}

/* Compose Message Form ************************************/

.bp-messages-content input[type="text"],
#bp-message-content {
margin-bottom: 15px;
}
.bp-messages-content #send_message_form .submit {
display: flex;
justify-content: space-between;
}

/* Inbox ************************************/

#message-threads {
overflow-x: auto;
overflow-y: auto;
width: 100%;
max-height: 220px;
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
#message-threads:empty {
display: none;
}
#message-threads li {
display: flex;
flex-flow: row nowrap;
align-items: center;
min-width: 600px;
margin: 0;
overflow: hidden;
padding: 15px;
border-bottom: 1px solid var(--gp-misc-border-color);
}
#message-threads li.selected {
border-left: 4px solid var(--gp-primary-color);
}
#message-threads li .thread-cb {
display: flex;
align-items: center;
flex: 1 2 5%;
}
#message-threads li .thread-from,
#message-threads li .thread-to {
flex: 1 2 20%;
}
#message-threads li .thread-from img.avatar,
#message-threads li .thread-to img.avatar {
float: left;
margin: 0 10px 0 0;
width: 30px;
height: 30px;
}
#message-threads li .thread-from .user-name,
#message-threads li .thread-to .user-name {
display: inline-block;
font-size: 14px;
line-height: 1;
font-weight: var(--gp-strong-font-weight);
}
#message-threads li .thread-from .user-link,
#message-threads li .thread-to .user-link {    
display: flex;
align-items: center;
color: inherit;
}
#message-threads li .thread-from .num-recipients,
#message-threads li .thread-to .num-recipients {
font-weight: 400;
font-size: 12px;
margin: 0;
color: var(--gp-tertiary-color);
}
#message-threads li .thread-content {
flex: 1 2 60%;
}
#message-threads li .thread-date {
flex: 1 2 15%;
}
#message-threads li .thread-subject .subject {
font-weight: var(--gp-strong-font-weight);
color: inherit;
}
#message-threads li .thread-content .excerpt {
margin: 0;
font-size: 12px;
line-height: 18px;
}
#message-threads li .thread-content .thread-subject {
vertical-align: top;
}
#message-threads li .thread-content .thread-subject .excerpt {
font-weight: 400;
}
#message-threads li .thread-date {
padding-right: 5px;
text-align: right;
}

/* Messages ************************************/

/* Participants Header */
.bp-messages-content .single-message-thread-header {
display: block;
margin: 15px 0 25px 0;
padding-bottom: 25px;
border-bottom: 1px solid var(--gp-misc-border-color);
}
.bp-messages-content #bp-message-thread-header ul {
margin: 0;
list-style: none;
}

/* Action Buttons */
.bp-messages-content .actions {
display: flex;
float: right;
}
.bp-messages-content #bp-message-thread-list .message-metadata .actions {
position: absolute;
top: 0;
right: 0;
margin: 0;
}
.gp-theme .message-action-view,
.gp-theme .message-action-delete,
.gp-theme .message-action-exit,
.gp-theme #thread-preview .message-action-star,
.gp-theme #thread-preview .message-action-unstar {
margin: 0 6px 0 0;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border-radius: 5px;
font-size: 20px;
line-height: 17px;
}
.gp-theme .message-action-view {
background: #dff5ff;
color: #3dc2ff;
}
.gp-theme .message-action-view:hover {
background: #3dc2ff;
color: #fff;
}
.gp-theme .message-action-delete {
background: #ffdfdf;
color: #ff6c6c;
}
.gp-theme .message-action-delete:hover {
background: #ff6c6c;
color: #fff;
}
.gp-theme .message-action-exit {
background: #e6e6e6;
color: #949494;
}
.gp-theme .message-action-exit:hover {
background: #949494;
color: #fff;
}
.gp-theme .message-action-star,
.gp-theme .message-action-unstar {
padding: 0;
background: transparent;
border: 0;
color: #ffa71c;
font-size: 20px;
line-height: 1;
}
.gp-theme #thread-preview .message-action-star,
.gp-theme #thread-preview .message-action-unstar {
background: #ffeccf;
color: #ffa71c;
}
.gp-theme #thread-preview .message-action-star:hover,
.gp-theme #thread-preview .message-action-unstar:hover {
background: #ffa71c;
color: #fff;
}
.message-action-star:before,
.message-action-unstar:before,
.message-action-view:before,
.message-action-delete:before,
.message-action-exit:before {
font-family: dashicons;
}
.message-action-star:before,
.message-action-unstar:hover::before {
content: "\f154";
}
.message-action-unstar:before,
.message-action-star:hover::before {
content: "\f155";
}
.message-action-view:before {
content: "\f473";
}
.message-action-delete:before {
content: "\f153";
}
.message-action-exit:before {
content: "\f14a";
}

/* Message Thread */
.bp-messages-content #bp-message-thread-list {
clear: both;
list-style: none;
margin: 0;
}
.bp-messages-content #bp-message-thread-list li {
position: relative;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid var(--gp-misc-border-color);
}
.bp-messages-content #bp-message-thread-list .message-metadata {
display: table;
width: 100%;
margin-bottom: 15px;
}
.bp-messages-content #bp-message-thread-list img.avatar {
float: left;
margin: 0 10px 0 0;
}
.bp-messages-content #bp-message-thread-list .message-metadata .avatar {
width: 30px;
}
.bp-messages-content #bp-message-thread-list .message-metadata .user-link {
display: block;
font-size: 13px;
line-height: 1;
color: inherit;
}
.bp-messages-content #bp-message-thread-list .message-metadata .user-link strong {
font-weight: var(--gp-strong-font-weight);
}
.bp-messages-content #bp-message-thread-list .message-metadata time {
display: block;
margin-top: 7px;
font-size: 12px;
line-height: 1;
color: var(--gp-tertiary-color);
}
.bp-messages-content #bp-message-thread-list .message-content {
overflow: hidden;
font-size: 14px;
line-height: 24px;
}

/* Send Reply */
.bp-messages-content form.send-reply .avatar-box img {
display: none;
}
.bp-messages-content form.send-reply {
margin-top: 25px;
}
.bp-messages-content form.send-reply strong {
display: block;
font-size: 16px;
line-height: 16px;
font-weight: var(--gp-strong-font-weight);
margin-bottom: 10px;
}

/*--------------------------------------------------------------
Profile - Friends
--------------------------------------------------------------*/

/* Requests ************************************/

.gp-theme .bp-subnavs .subnav-filters #members-friends {
padding-left: 0;
padding-right: 0;
}

/*--------------------------------------------------------------
Profile - Groups
--------------------------------------------------------------*/

/* Invitations ************************************/

#groups-list.invites.item-list > li {
max-width: 100%;
flex: 0 0 100%;
}

/*--------------------------------------------------------------
Profile - Forums
--------------------------------------------------------------*/

.item-body #bbp_search_submit {
margin-left: 10px;
}

/*--------------------------------------------------------------
Profile - Settings
--------------------------------------------------------------*/

/* General ************************************/

input#pwd,
input#email {
margin-bottom: 15px;
}
.password-input-wrapper input[type="text"],
.password-input-wrapper input[type="password"] {
width: 100%;
margin: 0 0 10px 0;
}
body.buddypress.settings.js .wp-pwd,
body.buddypress.settings.js .user-pass2-wrap,
body.buddypress.settings.no-js .wp-generate-pw,
body.buddypress.settings.no-js .wp-cancel-pw,
body.buddypress.settings.no-js .wp-hide-pw,
body.buddypress.settings #pass1-text,
body.buddypress.settings .pw-weak,
body.buddypress.settings #pass-strength-result {
display: none;
}
.gp-theme button.wp-generate-pw {
padding: 11px 20px;
font-size: 13px;
line-height: 1;
}
.wp-pwd.is-open {
margin-top: 15px;
}
.gp-theme button.wp-hide-pw,
.gp-theme button.wp-hide-pw:hover {
margin-left: 10px;
padding: 0;
background: none;
border: 0;
color: #000;
}
.gp-theme button.wp-cancel-pw {
margin-left: 10px;
padding: 11px 20px;
font-size: 13px;
line-height: 1;
}
.pw-weak label {
font-size: 14px;
line-height: 20px;
font-weight: normal;
}
.pw-weak input {
position: relative;
top: 2px;
margin-right: 5px;
}

/* Email ************************************/

.notification-settings {
margin: 15px 0 0 0;
text-align: left;
}
.notification-settings:first-child {
margin: 0;
}
.notifications th.icon,
.notifications td:first-child,
.notification-settings th.icon,
.notification-settings td:first-child {
display: none;
}
.notification-settings th { 
font-weight: var(--gp-strong-font-weight);
}
.notification-settings td,
.notification-settings th {
border: 0;
padding: 0 0 10px 0;
}
.notification-settings .no,
.notification-settings .yes {
text-align: center;
width: 60px;
vertical-align: middle;
}

/* Profile Visibility ************************************/

.profile-settings .field-name {
width: 50%;
font-weight: var(--gp-strong-font-weight);
}
.profile-settings .field-visibility select {
padding: 10px;
line-height: 1;
}
    
/* Export Data ************************************/

#bp-data-export {
margin-bottom: 30px;
}
.screen-heading {
margin: 0 0 15px 0;
font-size: 20px;
line-height: 26px;
font-weight: var(--gp-strong-font-weight);
}

/*--------------------------------------------------------------------------------------

Sub Nav

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Sub Nav - Overall Container
--------------------------------------------------------------*/

.gp-theme .bp-subnavs {
display: flex;
flex-direction: column;
align-items: stretch;
}

/*--------------------------------------------------------------
Sub Nav - Links
--------------------------------------------------------------*/

.gp-theme .bp-subnavs ul,
.gp-theme .bp-subnavs > ol { 
margin: 0;
list-style: none;
}

#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items {
display: flex;
flex-wrap: wrap;
}
.gp-theme .bp-subnavs .subnav {
display: flex;
flex: 1 0 auto;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding-top: 12px;
padding-bottom: 12px;
line-height: 1;
align-items: center;
}
.gp-theme .bp-subnavs .subnav:not(:last-child) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.gp-theme .bp-subnavs .subnav li {
display: inline-block;
margin: 5px 30px 5px 0;
}
.gp-theme .bp-subnavs li {
font-size: 15px;
line-height: 21px;
font-weight: var(--gp-strong-font-weight);
}
.gp-theme .bp-subnavs .subnav li:last-child {
margin-right: 0;
}
.gp-theme .bp-subnavs li,
.gp-theme .bp-subnavs li a {
font-size: 14px;
line-height: 20px;
font-weight: var(--gp-strong-font-weight);
color: var(--gp-body-text-color);
}
.gp-theme .bp-subnavs li a:hover {
color: var(--gp-primary-color);
}
.gp-theme .bp-subnavs li.current a, 
.gp-theme .bp-subnavs li.selected a {
color: var(--gp-primary-color);
}
.gp-theme .bp-subnavs li a .count {
position: relative;
margin-left: 4px;
display: inline-block;
padding: 3px 6px;
text-align: center;
border-radius: 4px;
font-size: 10px;
line-height: 10px;
font-weight: var(--gp-strong-font-weight);
color: var(--gp-button-text-color);
background-color: var(--gp-button-bg-color, var(--gp-primary-color));
transition: all .4s;
}
.gp-theme .bp-subnavs li a .count:empty {
display: none;
}

/*--------------------------------------------------------------
Sub Nav - Filters
--------------------------------------------------------------*/

.gp-theme .bp-subnavs .subnav-filters {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 1px;
padding-top: 0;
padding-bottom: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.gp-theme .bp-subnavs .subnav-filters:empty {
display: none;
}
.gp-theme .bp-subnavs .subnav-filters ul {
list-style: none;
margin: 0;
}
.gp-theme .bp-subnavs .subnav-filters li {
margin: 0;
}
.subnav-search {
width: 100%;
}
.subnav-search:empty,
.my-activity .subnav-search,
.my-groups .subnav-search,
.notifications .subnav-search {
display: none;
}
.gp-theme .bp-subnavs .subnav-filters .component-filters {
width: 100%;
}
.gp-theme .bp-subnavs .subnav-filters .filter,
.gp-theme .bp-subnavs .subnav-filters .select-wrap {
height: 100%;
}
.gp-theme .bp-subnavs .subnav-filters select {
width: 100%;
min-width: 200px;
height: 50px;
padding: 10px 0;
border: 0;
border-radius: 0;
background: none;
}
.gp-theme .bp-subnavs .bp-search label,
.gp-theme .bp-subnavs .bp-search button {
display: none !important;
}
.gp-theme .bp-subnavs .bp-search input {
width: 100%;
height: 50px;
padding: 10px 0 10px 0;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
border-radius: 0;
background: transparent;
}
.gp-theme .bp-subnavs .bp-search input:focus {
background: transparent;
}
.gp-theme .bp-subnavs .subnav-search:last-child input {
border-right: 0;
}

/*--------------------------------------------------------------------------------------

Item Body

--------------------------------------------------------------------------------------*/

.gp-theme #buddypress #item-body,
.gp-theme #buddypress .item-body {
padding: 0;
font-size: 14px;
line-height: 20px;
}
.gp-theme #buddypress #item-body.gp-section,
.gp-theme #buddypress .item-body.gp-section {
padding: calc( var(--gp-section-margin ) / 2 );
}
.gp-theme #item-body h2,
.gp-theme .item-body h2 {
margin-top: 0;
}

/*--------------------------------------------------------------------------------------

Widgets

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Members Block
--------------------------------------------------------------*/

.bp-block-members {
padding: 15px;
background: var(--gp-misc-bg-color);
border-radius: var(--gp-section-border-radius);
}
.bp-block-members.avatar-full {
min-height: 60px;
}
.bp-block-members .member-content {
padding-bottom: 0;
align-items: center;
}
.bp-block-members.avatar-full .item-header-avatar {
width: 80px;
line-height: 0;
}
.bp-block-members .member-content .item-header-avatar img.avatar {
width: 60px;
}
.bp-block-members .member-content strong a {
color: var(--gp-body-text-color);
font-weight: var(--gp-strong-font-weight);
}
.bp-block-members .member-content strong a:hover {
color: var(--gp-primary-color);
}
.bp-block-members .member-content .user-nicename {
font-size: 13px;
line-height: 19px;
color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------------------------------

Members/Groups Element/Widget

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Item Options
--------------------------------------------------------------*/

.bp-dynamic-block-container .item-options {
font-size: 12px;
margin: 0 0 20px 0;
padding: 0;
}
.bp-dynamic-block-container .item-options a {
margin: 0 10px 0 0;
padding: 2px 0;
}
.bp-dynamic-block-container .item-options .bp-separator {
display: none;
}
.bp-dynamic-block-container .item-options a.selected {
font-weight: var(--gp-strong-font-weight);
border-bottom: 2px solid currentColor;
}

/*--------------------------------------------------------------
List
--------------------------------------------------------------*/

.gp-element-bp .item-list,
.bp-dynamic-block-container ul.item-list {
margin: 0;
padding: 0;
list-style: none;
}
.bp-dynamic-block-container ul.item-list li,
.gp-element-bp .item-entry {
display: flex;
align-items: center;
margin-bottom: 20px;
padding: 0;
}
.bp-dynamic-block-container ul.item-list li:last-child,
.gp-element-bp .item-entry:last-child {
margin-bottom: 0px !important;
}
.bp-dynamic-block-container ul.item-list li:before {
background: none;
}
.bp-dynamic-block-container ul.item-list li .item {
margin: 0;
}
.gp-element-bp .list-wrap {
display: flex;
align-items: center;
}
.bp-dynamic-block-container ul.item-list li .item-avatar,
.gp-element-bp .item-avatar {
flex: 0 0 auto;
width: 50px;
margin: 0 20px 0 0;
}
.bp-dynamic-block-container ul.item-list .avatar,
.gp-element-bp .avatar {
margin: 0;
width: 50px;
height: 50px;
flex: 1 0 auto;
}
.gp-element-bp .item-block {
line-height: 1;
}
.bp-dynamic-block-container ul.item-list .item-title,
.gp-element-bp .list-title {
font-weight: var(--gp-strong-font-weight);
font-size: 14px;
line-height: 20px;
margin: 0;
}
.gp-element-bp .gp-verified-icon {
margin-left: 5px;
}
.gp-element-bp .gp-online-status {
bottom: 0;
right: 0;
}
.bp-dynamic-block-container ul.item-list .item-meta,
.gp-element-bp .item-meta {
font-weight: var(--gp-strong-font-weight);
font-size: 12px;
line-height: 18px;
color: var(--gp-tertiary-color);
}
.gp-element-bp .item-meta:after {
content: '';
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
margin: 0 7px 2px;
vertical-align: middle;
background: var(--gp-tertiary-color);
}
.gp-element-bp .item-meta:last-child:after {
display: none;
}

/*--------------------------------------------------------------------------------------

Recently Active Members/Online Members Widget

--------------------------------------------------------------------------------------*/

.widget_bp_core_whos_online_widget .avatar-block,
.widget_bp_core_recently_active_widget .avatar-block {
display: flex;
flex-wrap: wrap;
column-gap: 15px;
row-gap: 15px;
}
.widget_bp_core_whos_online_widget .avatar-block img, 
[data-type="bp/online-members"] .avatar-block img {
margin: 0;
}

/*--------------------------------------------------------------------------------------

BP Profile Search Plugin

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Sub Nav - BPS Form
--------------------------------------------------------------*/

#buddypress .bps-form > div {
margin: 10px;
}
	
/*--------------------------------------------------------------
BPS - Slide Up/Down Button
--------------------------------------------------------------*/

.bps-accordion-form {
align-self: flex-start;
padding: 0 0 15px 0;
}
.gp-theme .bps-form-title.button {
width: 32px;
height: 32px;
text-align: center;
padding: 0 !important;
border: 0;
cursor: pointer;
}

/*--------------------------------------------------------------
BPS - Form
--------------------------------------------------------------*/

/* Form ************************************/

.bps-form-outer .gp-section-style {
padding: 20px;
}
.bps-form-outer.gp-collapsible {
display: none;
}
.bps-form {
display: flex;
flex-wrap: wrap;
padding: 0;
background: none;
border: 0;
}
.bps-filters {
display: none;
}

/* Fields ************************************/

.bps-form > div {
position: relative;
margin: 0 0 20px 0;
width: 100%;
}
.bps-label {
display: block;
padding: 12px 15px 15px 15px;
line-height: 1;
cursor: pointer;
border: 1px solid var(--gp-misc-border-color);
border-radius: var(--gp-form-field-border-radius);
}
.bps-label,
.bps-label strong {
font-size: 14px;
line-height: 1;
font-weight: var(--gp-strong-font-weight);
}
.bps-label span {
font-weight: 400;
opacity: 0.5;
}
.bps-label.gp-highlight {
background-color: var(--gp-misc-bg-color);
}
.bps-label .gp-icon {
position: relative;
top: 3px;
}

/* Dropdown Options ************************************/

.bps-field-options.gp-section-style {
display: none;
z-index: 2;
position: absolute;
margin-top: 5px;
width: 100%;
height: auto;
padding: 20px;
box-shadow: 0px 4px 34px 0px rgb(0 0 0 / 10%);
}
.bps-field-options.gp-nav-shift {
right: 0;
}
.bps-field-options input[type="text"],
.bps-field-options input[type="search"],
.bps-field-options select:not([name*="[units]"]) {
width: 100%;
}
.bps-field-options input[type="date"],
.bps-integer-range .bps-field-options input {
width: 47%;
}
.bps-field-options input[type="search"].pac-target-input {
width: calc(100% - 30px);
margin-top: 5px;
}
.bps-distance input[type="number"],
.bps-distance select {
width: 44%;
}
.bps-distance select + span {
width: 10%;
margin-left: 2%;
}
.bps-distance .dashicons-location {
margin: 10px 0 0 10px;
cursor: pointer;
}

/* Dropdown Option Descriptions ************************************/

.bps-description {
margin-top: 10px;
width: 100%;
display: block;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: var(--gp-tertiary-color);
}
.bps-checkbox .bps-field-options label {
display: block;
width: 100%;
margin-bottom: 10px;
font-size: 0.9em;
line-height: 1;
}

/* Submit/clear button ************************************/

.gp-theme .bps-form > div:last-child button {
padding: 15px;
cursor: pointer;
font-size: 14px;
line-height: 1;
}
.bps-form > div:last-child a {
font-size: 14px;
line-height: 1;
margin-left: 10px;
}

/*--------------------------------------------------------------------------------------

BuddyPress Docs Plugin

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
General
--------------------------------------------------------------*/

.gp-theme div.doc-content {
margin: 0 0 30px 0;
padding: 0;
border: 0;
}
.gp-theme .bp-docs-container .genericon, 
.gp-theme .doctable .genericon {
display: none;
}

/* Tables ************************************/

.gp-table-wrapper {
overflow-x: auto;
}
.gp-theme .doctable {
border-collapse: collapse;
min-width: 600px;
overflow: hidden;
font-size: 14px;
line-height: 20px;
}
.gp-theme .doctable .title-cell>a {
color: var(--gp-body-text-color);
}
.gp-theme .doctable .title-cell>a:hover {
color: var(--gp-primary-color);
}
.gp-theme .doc-excerpt {
margin-left: 0;
color: var(--gp-tertiary-color);
}
.gp-theme .doctable .row-actions {
padding: 2px 0 0;
font-size: 9px;
}
.gp-theme .doctable .row-actions a {
color: var(--gp-tertiary-color);
}
.gp-theme .doctable .row-actions a:hover {
color: var(--gp-secondary-color);
}
.gp-theme div#bp-docs-pagination-count {
top: 10px;
font-size: 12px;
color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------
Sub Nav
--------------------------------------------------------------*/


.gp-theme #bp-create-doc-button {
padding: 10px;
float: right;
font-weight: var(--gp-strong-font-weight);
font-size: 14px;
line-height: 1;
margin: 0;
background: var(--gp-misc-bg-color);
color: var(--gp-body-text-color);
border: 0;
}
.gp-theme #bp-create-doc-button:hover {
background: var(--gp-misc-border-color);
}

/*--------------------------------------------------------------
Docs Directory/Profile Page
--------------------------------------------------------------*/

.gp-theme h2.directory-title, 
.gp-theme h2.doc-title {
margin: 0 0 20px 0;
font-size: 14px;
line-height: 20px;
}
.gp-theme h2.directory-title .breadcrumb-current, 
.gp-theme h2.doc-title .breadcrumb-current {
font-weight: var(--gp-strong-font-weight);
}
.gp-theme div.docs-info-header {
padding: 15px;
background: var(--gp-misc-bg-color);
border-radius: var(--gp-section-border-radius);
}
.gp-theme p.currently-viewing,
.gp-theme .docs-filters>p {
font-size: 14px;
}
.gp-theme  .docs-filters>p {
color: var(--gp-tertiary-color);
}
.gp-theme .docs-filter-section {
border: 0;
padding: 0;
}
.gp-theme div.docs-info-header ul#tags-list {
margin-left: 0;
}

/*--------------------------------------------------------------
Single Doc
--------------------------------------------------------------*/

/* Header ************************************/

.gp-theme h2.doc-title {
font-size: 36px;
line-height: 42px;
}

/* Permissions Summary ************************************/

.gp-theme #buddypress div.doc-permissions {
margin-bottom: 30px;
padding: 0;
background: var(--gp-misc-bg-color);
border: 0;
border-radius: var(--gp-section-border-radius);
}
.gp-theme #doc-permissions-summary {
padding: 15px;
color: #000;
border: 0;
}
.gp-theme #doc-permissions-details {
padding: 15px;
}
.gp-theme #doc-permissions-details ul {
margin: 0;
font-size: 14px;
line-height: 24px;
}
.gp-theme span.bp-docs-level-icon {
margin: 3px 10px 3px 0;
}
.gp-theme #doc-permissions-edit {
font-size: 12px;
}
.gp-theme a.doc-permissions-toggle {
margin-top: 4px;
}

/* Doc Tabs ************************************/

.gp-theme .doc-tabs ul {
margin: 0 0 10px 0;
float: left;
}
.gp-theme .doc-tabs li a {
font-weight: var(--gp-strong-font-weight);
margin: 0 15px 5px 0;
padding: 0;
background: transparent;
font-size: 14px;
line-height: 1;
color: var(--gp-body-text-color);
}
.gp-theme .doc-tabs li.current a,
.gp-theme .doc-tabs li a:hover {
font-weight: var(--gp-strong-font-weight);
background: transparent;
color: var(--gp-primary-color);
}

/* Doc Meta ************************************/

.gp-theme #doc-meta, 
.gp-theme .doc-meta, 
.gp-theme .docs #comments {
border-color: var(--gp-misc-border-color);
}

/* Comments ************************************/

.gp-theme .comments-closed {
padding: 0;
background: transparent;
}
.gp-theme .bp-docs-container #commentform .form-submit {
border: 0;
}

/*--------------------------------------------------------------
Create Doc
--------------------------------------------------------------*/

/* Form Fields ************************************/

.gp-theme #doc-content-title,
.gp-theme #doc-content-permalink {
margin-bottom: 30px;
}
.gp-theme #doc-permalink {
width: auto;
padding: 5px;
}

/* Attachments ************************************/

.gp-theme #doc-attachments-ul {
margin-left: 0;
font-size: 14px;
line-height: 1;
}
.gp-theme #doc-attachments-ul li {
padding-left: 0;
display: flex;
align-items: center;
}
.gp-theme #doc-attachments-ul li.even {
background: transparent;
}
.gp-theme #doc-attachments-ul .doc-attachment-delete {
float: none;
padding: 4px 6px;
font-size: 11px;
line-height: 1;
margin-left: 20px;
}

/* Toggle Boxes ************************************/

.gp-theme .doc-meta-box {
margin-bottom: 20px;
}
.gp-theme .doc-meta-box td {
vertical-align: top;
padding: 15px;
border: 0;
}
.gp-theme .bp-docs-container .toggleable.toggle-open .toggle-switch {
border-radius: var(--gp-section-border-radius);
}
.gp-theme .bp-docs-container .toggle-switch {
border-color: var(--gp-misc-bg-color);
background-color: var(--gp-misc-bg-color);
}
.gp-theme .bp-docs-container .toggle-switch a {
color: var(--gp-body-text-color);
}
.gp-theme .bp-docs-container .toggle-switch a:hover {
font-weight: 400;
} 
.gp-theme .bp-docs-container .toggle-content {
border-bottom-right-radius: var(--gp-section-bottom-right-border-radius);
border-bottom-left-radius: var(--gp-section-bottom-left-border-radius);
border-color: var(--gp-misc-bg-color);
}
.gp-theme .bp-docs-container .description {
display: block;
font-size: 12px;
line-height: 18px;
}

/* Buttons ************************************/

.gp-theme #doc-submit-options {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.gp-theme #doc-edit-submit,
.gp-theme #doc-edit-submit-continue,
.gp-theme .action.safe.confirm {
display: block;
width: 100%;
text-align: center;
}
.gp-theme .delete-doc-button.confirm {
display: block;
width: 100%;
margin: 10px 0 0 0;
font-size: 12px;
line-height: 1;
}

/*--------------------------------------------------------------------------------------

rtMedia Plugin

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Activity - What's new
--------------------------------------------------------------*/

.gp-theme.bp-nouveau .activity-update-form .rtmedia-uploader-div {
width: 100%;
margin: 0 0 15px 70px;
}
.gp-theme #rtmedia-action-update > span {
line-height: 1;
}
.gp-theme button#rtmedia-add-media-button-post-update {
margin-bottom: 0;
}
.gp-theme #rtmedia-uploader-form .rtm-plupload-list li, 
.gp-theme form .rtmedia-container .rtm-plupload-list li, 
.gp-theme #rtmedia_uploader_filelist li,
.gp-theme .plupload_file_name .dashicons,
.gp-theme .plupload_file_action {
background: var(--gp-misc-bg-color);
}
.gp-theme #rtmedia-uploader-form .rtm-plupload-list canvas, 
.gp-theme form .rtmedia-container .rtm-plupload-list canvas, 
.gp-theme #rtmedia_uploader_filelist canvas {
height: auto;
}
.gp-theme #buddypress form#whats-new-form #whats-new-options select {
border-color: var(--gp-misc-border-color);
}


/*--------------------------------------------------------------
Activity Stream
--------------------------------------------------------------*/

.gp-theme .activity-inner .rtmedia-activity-container .rtmedia-list,
.gp-theme .acomment-content .rtmedia-activity-container .rtmedia-list {
margin-left: -25px;
}
.gp-theme .activity-inner .rtmedia-activity-container > .rtmedia-list:first-child,
.gp-theme .acomment-content .rtmedia-activity-container > .rtmedia-list:first-child {
margin-top: -25px;
}

/*--------------------------------------------------------------
Comment Form
--------------------------------------------------------------*/

.gp-theme .mfp-content .rtm-single-meta {
background: var(--gp-section-bg-color);
}
.gp-theme .rtmedia-like-info {
background: var(--gp-misc-bg-color);
}
.gp-theme .rtmedia-like-info {
background: var(--gp-misc-bg-color);
}
.gp-theme .rtm-comment-list li {
background: var(--gp-misc-bg-color);
}
.gp-theme .rtm-media-single-comments textarea {
background: var(--gp-section-bg-color);
border-color: var(--gp-misc-border-color);
color: var(--gp-tertiary-color);
}
.gp-theme .rtm-media-single-comments {
padding: 10px 0;
}
.gp-theme .rt_media_comment_form input[type=submit] {
position: relative;
top: 2px;
height: 26px;
font-size: 12px;
line-height: 1;
}

/*--------------------------------------------------------------
Profile Page
--------------------------------------------------------------*/

.gp-theme.bp-nouveau.media #buddypress div#item-header div#item-header-content button, 
.gp-theme.bp-nouveau.media #buddypress div#item-header div#item-header-content a,
.gp-theme.bp-nouveau.media #buddypress div#item-header div#item-header-content button:hover, 
.gp-theme.bp-nouveau.media #buddypress div#item-header div#item-header-content a:hover {
background: none;
border: none;
padding: 0;
}
.gp-theme.bp-nouveau.media #buddypress #item-header-cover-image .user-nicename {
margin: 0;
}

/*--------------------------------------------------------------
Profile Page - Media Tab
--------------------------------------------------------------*/

/* All ************************************/

.gp-theme .media_search.media_search {
border-color: var(--gp-misc-bg-color);
}
.gp-theme .rtmedia-uploader .drag-drop {
border-color: var(--gp-misc-border-color);
background-color: var(--gp-misc-bg-color);
}
.gp-theme .rtmedia-popup {
background-color: var(--gp-misc-bg-color);
}
.gp-theme .rtm-media-options .search_option .dashicons {
font-size: 19px;
line-height: 19px;
}

 /* Album ************************************/

.gp-theme #buddypress ul.rtmedia-album-list li.rtmedia-list-item {
border-color: var(--gp-misc-border-color);
}
.gp-theme button.mfp-close, 
.gp-theme button.mfp-arrow {
color: var(--gp-body-text-color);
}

/* Edit Media ************************************/

/* Tabs */
.gp-theme .rtm-tabs.rtm-tabs,
.gp-theme .rtm-tabs li {
border-color: var(--gp-misc-border-color);
}
.gp-theme .rtm-tabs .active:after {
background: var(--gp-section-bg-color);
}

/* Edit Media Buttons */
.gp-theme .imgedit-panel-content.imgedit-panel-tools {
flex-direction: column;
}

/* Edit Loader Overlay */
.gp-theme .imgedit-wait {
height: 100%;
}

/* Image Rotation Dropdown Menu */
.gp-theme .imgedit-menu div,
.gp-theme .imgedit-menu div:hover {
background: none;
border: 0;
width: auto;
height: auto;
}
.gp-theme .imgedit-menu .imgedit-popup-menu,
.gp-theme .imgedit-menu .imgedit-popup-menu:hover {
width: calc(100% - 20px);
margin-left: 7px;
background: var(--gp-section-bg-color);
border-radius: var(--gp-section-border-radius);
}
.gp-theme .imgedit-menu .imgedit-popup-menu button {
margin: 0 0 5px 0;
padding: 10px;
}
.gp-theme .imgedit-menu .imgedit-popup-menu hr {
margin: 10px 0;
}

/* Crop Image */
.gp-theme .imgedit-group fieldset {
margin: 0 0 10px 0;
}
.gp-theme .imgedit-group legend {
font-weight: var(--gp-strong-font-weight);
}

/* Back Button */
.gp-theme #buddypress a.rtm-button-back {
margin-left: 20px;
padding: 0;
background: none;
box-shadow: none;
color: var(--gp-body-text-color);
}


/*--------------------------------------------------------------------------------------

Media Queries

--------------------------------------------------------------------------------------*/

/* Mobile (481px and above) */
@media only screen and (min-width: 481px) {

	/* Item Header ************************************/

	.gp-main-nav-buttons {
	flex-direction: row;
	justify-content: start;
	}
	.gp-main-nav-buttons li {
	margin: 10px 10px 0 0;
	}

	/* Activity ************************************/

	.activity-inner .bp-group-short-description, 
	.activity-inner .bp-member-short-description {
	flex-direction: row;
	text-align: left;
	}
	.activity-inner .bp-group-avatar-content:not(.has-cover-image), 
	.activity-inner .bp-member-avatar-content:not(.has-cover-image) {
	margin: 0 15px 0 0;
	}
	.activity-inner .bp-group-avatar-content.has-cover-image, 
	.activity-inner .bp-member-avatar-content.has-cover-image {
	margin: -75px 30px 0 0;
	}
	.activity-inner .has-cover-image img.profile-photo {
	width: 150px;
	}

	/* Members Directory ************************************/

	#members-list > li,
	#groups-list > li {
	position: relative;
	width: calc(100% / 2);
	}

	/* Messages ************************************/

	.gp-theme .bp-subnavs .subnav-filters .user-messages-bulk-actions > div {
	margin: 0;
	}
	.gp-theme .bp-subnavs .subnav-filters .user-messages-bulk-actions select {
	padding-left: 17px
	}	
	
	/* BP Docs ************************************/

	.gp-theme #doc-edit-submit,
	.gp-theme #doc-edit-submit-continue,
	.gp-theme .action.safe.confirm {
	display: inline;
	width: auto;
	}


}

/* Tablet (768px and above) */
@media only screen and (min-width: 768px) {

	.standard-form .datebox-selects label {
	display: inline-block;
	margin-top: 0;
	}
	.standard-form .datebox-selects select {
	width: auto;
	margin: 0 20px 0 0;
	}

	#item-header #cover-image-container {
	padding: 0;
	}
	#item-header-content {
	flex-direction: row;
	align-items: end;
	justify-content: start;
	}
	#item-header-avatar {
	margin: 0 0 30px 30px;
	}
	.gp-no-cover-image #item-header-avatar {
	margin-top: 30px;
	}
	.gp-bp-header-field-content {
	align-items: start;
	padding: 150px 30px 30px 30px;
	}
	.gp-no-cover-image .gp-bp-header-field-content {
	padding: 30px;
	}
	.gp-bp-header-meta {
	font-size: 16px;
	line-height: 22px;
	}
	.gp-bp-group-header-desc {
	display: block;
	}

	#previous-next input:last-child {
	margin: 0;
	}

	.gp-theme .bp-subnavs .subnav-filters {
	flex-direction: row;
	}
	.gp-theme .bp-subnavs .bp-search input {
	padding-right: 17px;
	margin: 10px 0;
	height: 40px;
	border-color: var(--gp-misc-border-color);
	border-bottom-width: 0;
	border-right-width: 1px;
	box-shadow: none;
	}	
	.gp-theme .bp-subnavs .subnav-filters select {
	padding-left: 17px;
	padding-right: 17px;
	margin: 10px 0;
	height: 40px;
	box-shadow: none;
	color: var(--gp-tertiary-color);
	}
	.my-activity .gp-theme .bp-subnavs .subnav-filters select,
	.my-groups .gp-theme .bp-subnavs .subnav-filters select,
	.notifications .gp-theme .bp-subnavs .subnav-filters select {
	padding-left: 0;
	padding-right: 0;
	}
			
	.password-input-wrapper input[type="text"],
	.password-input-wrapper input[type="password"] {
	width: 70%;
	margin: 0 5px 0 0;
	}

	.bps-accordion-form {
	padding: 0 0 0 15px;
	align-self: auto;
	}
	.bps-field-options.gp-section-style {
	width: 400px;
	}

	/* Members Directory ************************************/

	#members-list > li,
	#groups-list > li {
	position: relative;
	width: calc(100% / 3);
	}
	.bp-pagination {
	flex-direction: row;
	}
	.pag-count {
	width: auto;
	}
	.bp-pagination-links {
	width: auto;
	margin-top: 0;
	}

	/* Messages ************************************/

	.gp-theme .bp-subnavs .bp-messages-filters ul {
	flex-direction: row;
	width: auto;
	}
	.gp-theme .bp-subnavs .subnav-filters .user-messages-bulk-actions {
	margin-left: 17px;
	}
	.message-action-view,
	.message-action-delete,
	.message-action-exit,
	#thread-preview .message-action-star,
	#thread-preview .message-action-unstar {
	margin: 0 0 0 6px;
	}

	.profile-fields.bp-tables-user td,
	.profile-fields.bp-tables-user th {
	display: table-cell;
	}		
	.profile-fields.bp-tables-user .label {
	width: 30%;
	padding-bottom: 25px;
	border-top: 1px solid var(--gp-misc-border-color);
	}
	.profile-fields.bp-tables-user .data {
	border-top: 1px solid var(--gp-misc-border-color);
	}
	.profile-fields.bp-tables-user tr:last-child .label,
	.profile-fields.bp-tables-user tr:last-child .data {
	padding-bottom: 0;
	}
	.profile-settings .title:not(.field-group-name),
	.profile-settings .field-visibility {
	padding-top: 15px;
	}

	.subnav-filters #group-roles-filter {
	width: 30%;
	}
	.subnav-filters #group-members-search-form {
	width: 70%;
	}

	.groups-header .gp-bp-group-header-meta .item-meta {
	margin: 0 25px 0 0;
	}
	.group-item-actions {
	position: absolute;
	top: 0;
	right: 0;
	flex-direction: row;
	margin: 0;
	text-align: right;
	padding: 20px;
	}
	.groups-header .moderators-lists {
	width: 140px;
	margin: 0 0 0 15px;
	}	
	.group-item-actions li {
	margin: 0 0 0 -5px;
	}
	
	.bps-form > div {
	width: auto;
	}
	.avatars-history {
	flex-wrap: nowrap;
	}
	.avatar-history-list {
	width: auto;
	overflow-y: visible;
	}
	.avatar-history-table {
	margin-top: 0;
	}
	.avatar-history-actions {
	width: auto;
	margin-left: 1em;
	}
		
}