.user-profile-banner .media {overflow: visible;}
.user-profile-banner .ch-membership-banner{margin-top: -30px; margin-bottom: 15px;}
.ch-profile-setting-section {border-top: 1px solid #ccc;padding-bottom: 10px;}
.ch-profile-setting-section .text-muted p {color: #777;}
.ch-profile-setting-heading .header-open-link:focus {outline: none;}
.ch-profile-setting-title {display: block;line-height: 1.1;font-size: 16px;font-weight: bold;padding-top: 20px;padding-bottom: 10px;margin: 0px;color: #333;}
.ch-profile-setting-title .edit{float: right;line-height: 1.2;font-size: 14px;}
.user-profile-comment .entity-interactions{margin-bottom:0px!important;}
.chv3-user-profile .profile-section .badges img{ width:auto;height:100px; }
.chv3-user-profile .profile-section .badges p{ color: #333; }
.user-profile-banner .media {display: flex; align-items: stretch; background-color: #007d8a;}
.user-profile-banner .media-left {width: 225px;padding-top: 35px;padding-bottom: 35px;background-color: #007d8a;text-align: center;display: block;flex-basis: 225px;flex-grow: 0;flex-shrink: 0;}
.user-profile-banner .media > .pull-left {margin-right: 0px;}
.user-profile-banner .media-left img {border-radius: 50%;border: 3px solid #fff;padding: 0px;max-width: 120px !important;max-height: 120px !important;width: 120px;height: 120px;object-fit: cover;display: block;margin: 0 auto;margin-bottom: 15px;}
.user-profile-banner .media-left .meta-span {color: #fff; opacity: 0.6;}
.user-profile-banner .media-left .user-profile-picture-edit {position: relative;}
.user-profile-banner .media-left .user-profile-picture-edit .edit-overlay {font-size: 30px;text-shadow: 0px 0px 5px #000;color: #fff;position: relative;height: 120px;width: 120px;background-color: rgba(0,0,0,.3);border-radius: 50%;padding-top: 25px;display: block;margin: -135px auto 15px;}
.user-profile-banner .media-left .user-profile-picture-edit .edit-overlay span {font-size: 12px;display: block;line-height: 1em;}
.user-profile-banner .media-body {--ch-user-profile-banner-content-background: #f1f1ef;min-height: 230px; background-color: var(--ch-user-profile-banner-content-background); padding: 30px 40px 15px; position: relative; display: block; width: 100%;}
.user-profile-banner .media-body h1 {font-size: 32px; margin-bottom: 20px;}
.user-profile-banner .media-body .private-message-link {position: absolute; bottom: 17px;}
#ch-user-profile-banner-bio {max-height: 100%; overflow: hidden; position: relative;transition: all 0.5s ease;}
#ch-user-profile-banner-bio.bio-collapsed {max-height:7em;}
#ch-user-profile-banner-bio.bio-collapsed:after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1.5em; background: linear-gradient(to bottom, transparent, var(--ch-user-profile-banner-content-background));}
#ch-user-profile-banner-bio-toggle {color: var(--ch-link-color); display: flex; gap: 8px; align-items: center;}
#ch-user-profile-banner-bio-toggle svg {fill: var(--ch-link-color); width:16px; transition: all 0.2s ease;}
#ch-user-profile-banner-bio-toggle.bio-open svg {transform: rotate(180deg);}
.profile-section {margin-bottom: 60px;}
.profile-section-header {margin-bottom: 20px;border-bottom: 1px solid #e1e1e1;font-size: 24px;padding-bottom: 10px;}
.profile-section-header .profile-section-count {color: #999999; font-size: 20px;}
.profile-section-header .profile-section-edit {float: right; font-size: 14px; padding-top: 8px; text-transform: uppercase;}
.user-profile-banner-basic {display: flex;align-items: center;margin-bottom: 42px;}
.user-profile-banner-basic .ch-member-avatar-wrap {margin-right: 20px;}
.user-profile-banner-basic .ch-member-avatar-wrap img {border-radius: 500px;}
.user-profile-banner-basic h1 {margin: 0;}
@media screen and (max-width: 767px) {
    .chv3-user-profile .ch-pre-content-placeholder {margin-left: -15px; margin-right: -15px;}
    .user-profile-banner .media {display: block;}
    .user-profile-banner .media > .pull-left {float: none !important; width: 100%;}
    .user-profile-banner .media-left {height: auto; padding: 35px 5px 35px;}
    .user-profile-banner .media-body {height: auto;min-height: auto;padding-bottom: 30px;padding-left: 15px;padding-right: 15px;}
    .user-profile-banner .media-body .edit-profile.pull-right {float: none !important;}
    .user-profile-banner-basic {flex-direction: column;}
    .user-profile-banner-basic .ch-member-avatar-wrap {margin-right: 0px;margin-bottom: 20px;}
    .user-profile-banner-basic .ch-member-name {text-align: center;}
}

/****************************************
* Badges
****************************************/
a.chv4-user-meta-badge-link:hover{ text-decoration: none; }
.chv4-user-meta-badge-link {color: #999;font-size: 16px;}
.chv4-user-meta-badge-display {text-align: center;margin-top: 10px;}
.chv4-badge-icon {border-radius: 50%;}
.chv4-user-meta-badge-display .chv4-badge-icon {width: 28px !important;height: 28px !important;margin: -5px 3px 0px !important;}
.badge-block{ margin-bottom:25px; }
.badge-block .my-progress{ text-transform: uppercase;; }
.badge-block .badge-details{ background:#EAEAEA; padding: 20px; margin-top: 15px;}
.badge-single-row{ background:#EAEAEA; padding: 20px;}
.badge-single-row-href .media-heading {font-weight: bold;}
.badge-single-row-href .col-sm-3 {display: table; padding-right: 0px;}
.badge-single-row-href .media img {width: 95px; height: 95px;}
.badge-single-row-href .media > .pull-left {margin-right: 15px;}
.badge-single-row-href .badge-cta-wrap {height: 95px; text-align: center; display: table-cell; vertical-align: middle; padding: 5px; border-left: 1px solid #ccc;}
a.badge-single-row-href,a.badge-single-row-href:hover{ color: inherit; }
.badges-display-milestones .bi-check-lg {color: #48f442;}
.badges-display-milestones dd {margin-bottom: 12px;}
.profile-badge-wrap {padding-bottom: 10px; margin-bottom: 10px;}
@media (max-width: 767px) {
  .chv4-user-meta-badge-display .chv4-badge-icon {
      width: 15px !important;
      height: 15px !important;
      margin: 0px 3px 0px !important;
  }
  .badge-single-row {margin: 0px 15px;}
  .badge-single-row-href .col-sm-3 {padding-right: 15px;}
  .badge-single-row-href .media {text-align: center;}
  .badge-single-row-href .media > .pull-left {margin-right: 0px;float: none !important;}
  .badge-single-row-href .badge-cta-wrap {height: auto;padding: 15px 15px 0px;border: none;border-top: 1px solid #ccc;}
  .badge-details {margin: 20px 15px 0px;}
}

/******************************************
* Entity Lists
******************************************/
.ch-entity-list-profile-header {background: #eaeaea; padding: 20px 20px 0px;}
.ch-entity-list-profile-header .searchbox {width: 100%;}
.ch-entity-list-profile-header .btn-primary {margin-bottom: 20px;}

.ch-convo-with-notification-level .ch-notification-settings-button {margin-left:70px;padding:0;font-size:14px !important;white-space: normal;text-align: left;}
.ch-convo-with-notification-level .ch-notification-settings-button .fa-stack {font-size: 10px !important;margin:0 6px 0 0;float:left;}
.ch-convo-with-notification-level .ch-notification-settings-button .fa-stack + span {display: block;padding-left: 26px;}
.ch-convo-with-notification-level-separator {border-top:1px solid #eaeaea;margin-top:14px;padding-top:14px;display: flex;}