/* rtMedia */
/* Screen Reader */
.bp-screen-reader-text, #group-settings-form > h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

ul.activity-list .load-more > a:before, #sitewide-notice #message button#close-notice span, .notices #buddypress .messages-notices .button:before {
  font-family: "icon" !important;
}

ul.activity-list .load-more > a:before, #sitewide-notice #message button#close-notice span, .notices #buddypress .messages-notices .button:before {
  line-height: 1;
  font-size: calc(1.6rem - 0.25rem * 2 - .125rem);
  height: calc(1.6rem - 0.25rem * 2 - .125rem);
}

#item-actions #group-admins, #item-actions #group-mods, #friend-list, #blogs-list, ul.activity-list, #subnav ul, ul.avatar-nav-items, .ac_results ul, #invite-list ul, .item-list-tabs:not(#object-nav) ul, .bboss_search_page .bboss-results-list {
  padding-left: 0;
  list-style: none;
}

.sq-round-avatar.sq-small-avatar .item-list .item-avatar:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: transparent;
}

#object-nav > ul > li .dropdown-menu a, #buddypress table.messages-notices.sitewide-notices .activity, #profile-edit-form .editfield .field-visibility-settings-notoggle, #profile-edit-form .accordion-head {
  font-size: 0.8rem;
  font-weight: 400;
}

.standard-form.single-fields .datebox-selects select, .standard-form.multi-fields .datebox-selects select {
  margin-bottom: 1rem;
}

.form-group .description {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
}

.pag-count, .standard-form .form-group:not(.form-check) label, .pmpro_form .form-group:not(.form-check) label {
  font-size: 0.875rem;
  color: #7c7c7c;
}

ul.activity-list .load-more > a, .notices #buddypress .messages-notices .button, #blogs-list .action .blog-button a.blog-button, #profile-edit-form .editfield .form-group .clear-value {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1;
  border-radius: 0.6rem;
  min-height: 1.6rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.activity-list li #message.error.bp-ajax-message p, #sitewide-notice #message, #buddypress .bp-cover-image-status p.warning, .activate .bp-template-notice, .group-create .bp-template-notice, #buddypress .bp-avatar-status .warning, body.change-avatar #buddypress p.warning, body.change-cover-image #buddypress p.warning, #buddypress .bp-avatar-status .success, body.change-avatar #buddypress p.success, body.change-cover-image #buddypress p.success, div.bp-avatar-status p.success, div.bp-cover-image-status p.success, .bp-uploader-progress div.error {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1.5rem;
  border: 1px solid transparent;
  border-radius: 0.6rem;
}

.activate .bp-template-notice.updated, .group-create .bp-template-notice.updated, #buddypress .bp-avatar-status .success, body.change-avatar #buddypress p.success, body.change-cover-image #buddypress p.success, div.bp-avatar-status p.success, div.bp-cover-image-status p.success {
  color: #106a22;
  background-color: #d2f5d9;
  border-color: #c0f0ca;
}

.activate .bp-template-notice.updated hr, .group-create .bp-template-notice.updated hr, #buddypress .bp-avatar-status .success hr, body.change-avatar #buddypress p.success hr, body.change-cover-image #buddypress p.success hr, div.bp-avatar-status p.success hr, div.bp-cover-image-status p.success hr {
  border-top-color: #abebb9;
}

.activate .bp-template-notice.updated .alert-link, .group-create .bp-template-notice.updated .alert-link, #buddypress .bp-avatar-status .success .alert-link, body.change-avatar #buddypress p.success .alert-link, body.change-cover-image #buddypress p.success .alert-link, div.bp-avatar-status p.success .alert-link, div.bp-cover-image-status p.success .alert-link {
  color: #093e14;
}

#sitewide-notice #message.info, .messages ul.acfb-holder li.friend-tab {
  color: #086064;
  background-color: #cff1f3;
  border-color: #bcebee;
}

#sitewide-notice #message.info hr, .messages ul.acfb-holder li.friend-tab hr {
  border-top-color: #a8e5e9;
}

#sitewide-notice #message.info .alert-link, .messages ul.acfb-holder li.friend-tab .alert-link {
  color: #043335;
}

#buddypress .bp-cover-image-status p.warning, .activate .bp-template-notice.error, .group-create .bp-template-notice.error, #buddypress .bp-avatar-status .warning, body.change-avatar #buddypress p.warning, body.change-cover-image #buddypress p.warning {
  color: #85600e;
  background-color: #fff1d1;
  border-color: #ffebbf;
}

#buddypress .bp-cover-image-status p.warning hr, .activate .bp-template-notice.error hr, .group-create .bp-template-notice.error hr, #buddypress .bp-avatar-status .warning hr, body.change-avatar #buddypress p.warning hr, body.change-cover-image #buddypress p.warning hr {
  border-top-color: #ffe3a6;
}

#buddypress .bp-cover-image-status p.warning .alert-link, .activate .bp-template-notice.error .alert-link, .group-create .bp-template-notice.error .alert-link, #buddypress .bp-avatar-status .warning .alert-link, body.change-avatar #buddypress p.warning .alert-link, body.change-cover-image #buddypress p.warning .alert-link {
  color: #573f09;
}

.activity-list li #message.error.bp-ajax-message p, .bp-uploader-progress div.error {
  color: #850000;
  background-color: #ffcccc;
  border-color: #ffb8b8;
}

.activity-list li #message.error.bp-ajax-message p hr, .bp-uploader-progress div.error hr {
  border-top-color: #ff9f9f;
}

.activity-list li #message.error.bp-ajax-message p .alert-link, .bp-uploader-progress div.error .alert-link {
  color: #520000;
}

#sitewide-notice #message {
  padding-right: 4rem;
}

#item-header-avatar .activity, #buddypress table.messages-notices .thread-from .activity, #friend-list li .activity, #blogs-list li .activity {
  font-size: 0.75rem;
}

#item-header-avatar .activity, #buddypress table.messages-notices .thread-from .activity, #friend-list li .activity, #blogs-list li .activity, #item-header-avatar .activity:hover, #buddypress table.messages-notices .thread-from .activity:hover, #friend-list li .activity:hover, #blogs-list li .activity:hover {
  color: #9A9A9A;
}

@media (max-width: 575.9px) {
  #item-nav, #item-body {
    margin-left: -30px;
    margin-right: -30px;
    width: auto;
  }
}

@media (min-width: 576px) and (max-width: 1149.9px) {
  #item-nav, #item-body {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width: 1000%;
  }
}

/* Modules */
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 1150px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1440px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-extra-bold {
  font-weight: 800 !important;
}

.font-weight-black {
  font-weight: 900 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-underline {
  text-decoration: underline;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #F21483 !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #c80b6a !important;
}

.text-secondary {
  color: #7c7c7c !important;
}

a.text-secondary:focus, a.text-secondary:hover {
  color: #636363 !important;
}

.text-success {
  color: #1FCB41 !important;
}

a.text-success:focus, a.text-success:hover {
  color: #189f33 !important;
}

.text-info {
  color: #10B8C1 !important;
}

a.text-info:focus, a.text-info:hover {
  color: #0c8b92 !important;
}

.text-warning {
  color: #FFB91A !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: #e6a000 !important;
}

.text-danger {
  color: #FF0000 !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: #cc0000 !important;
}

.text-light {
  color: #F8F8F8 !important;
}

a.text-light:focus, a.text-light:hover {
  color: #dfdfdf !important;
}

.text-dark {
  color: #000000 !important;
}

a.text-dark:focus, a.text-dark:hover {
  color: black !important;
}

.text-tertiary {
  color: #555EFF !important;
}

a.text-tertiary:focus, a.text-tertiary:hover {
  color: #222eff !important;
}

.text-muted, .form-group .description {
  color: #9A9A9A !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.btn.bp-btn,
.btn.btn-sm.bp-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 100%;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: background 0.25s ease-out, color 0.25s ease-out, padding 0.25s ease-out, box-shadow 0.25s ease-out;
  border: none;
}

.btn.bp-btn:hover,
.btn.btn-sm.bp-btn:hover {
  text-decoration: none;
  color: #333;
}

.btn.bp-btn .icon + span,
.btn.bp-btn .fa + span,
.btn.btn-sm.bp-btn .icon + span,
.btn.btn-sm.bp-btn .fa + span {
  margin-left: .5rem;
}

.bp-btn.btn-square.btn-sm {
  padding: 5px;
}

.user-avatar-wrapper {
  position: relative;
}

.user-avatar-wrapper .bp-btn.btn.btn-square {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 9px;
}

.bp-btn.friendship-button,
.bp-btn.group-button {
  position: relative;
  z-index: 4;
  text-align: center;
  background: #FAFAFA;
  margin-right: .25rem;
}

.bp-btn.friendship-button span,
.bp-btn.group-button span {
  display: block;
  position: relative;
  margin: 0 auto;
}

.bp-btn.friendship-button span:before, .bp-btn.friendship-button span:after,
.bp-btn.group-button span:before,
.bp-btn.group-button span:after {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  height: 2px;
}

.bp-btn.friendship-button.btn span,
.bp-btn.group-button.btn span {
  width: 26px;
  height: 26px;
}

.bp-btn.friendship-button.btn span:before, .bp-btn.friendship-button.btn span:after,
.bp-btn.group-button.btn span:before,
.bp-btn.group-button.btn span:after {
  margin-left: -8px;
  width: 16px;
}

.bp-btn.not_friends,
.bp-btn.group-button.join-group,
.bp-btn.group-button.request-membership {
  border-color: #F21483;
  background-color: #F21483;
  color: #F21483;
  box-shadow: 0 0.65rem 1.5rem -0.25rem rgba(242, 20, 131, 0.5);
}

.bp-btn.not_friends span:before, .bp-btn.not_friends span:after,
.bp-btn.group-button.join-group span:before,
.bp-btn.group-button.join-group span:after,
.bp-btn.group-button.request-membership span:before,
.bp-btn.group-button.request-membership span:after {
  background: #fff;
}

.bp-btn.not_friends span:before,
.bp-btn.group-button.join-group span:before,
.bp-btn.group-button.request-membership span:before {
  transform: rotate(0);
}

.bp-btn.not_friends span:after,
.bp-btn.group-button.join-group span:after,
.bp-btn.group-button.request-membership span:after {
  transform: rotate(90deg);
}

.bp-btn.not_friends:hover,
.bp-btn.group-button.join-group:hover,
.bp-btn.group-button.request-membership:hover {
  background-color: #e00c76;
  border-color: #e00c76;
}

.bp-btn.not_friends[data-svq-title]:hover:before,
.bp-btn.group-button.join-group[data-svq-title]:hover:before,
.bp-btn.group-button.request-membership[data-svq-title]:hover:before {
  background: #F21483;
}

.bp-btn.not_friends[data-svq-title]:hover:after,
.bp-btn.group-button.join-group[data-svq-title]:hover:after,
.bp-btn.group-button.request-membership[data-svq-title]:hover:after {
  border-top-color: #F21483;
}

.bp-btn.awaiting_response_friend {
  border-color: #FFB91A;
  color: #FFB91A;
  background: #FFB91A;
  box-shadow: 0 1rem 2rem -0.75rem rgba(255, 185, 26, 0.6);
}

.bp-btn.awaiting_response_friend span {
  transform: translateX(-0.25rem) rotate(180deg);
}

.bp-btn.awaiting_response_friend span:before, .bp-btn.awaiting_response_friend span:after {
  background: #fff;
  margin-left: -0.5rem !important;
}

.bp-btn.awaiting_response_friend span:before {
  transform: translate3d(-4.0396px, -3.9604px, 0) rotate(-45deg) scale(0.7, 1);
}

.bp-btn.awaiting_response_friend span:after {
  transform: translate3d(-4.0396px, 3.9604px, 0) rotate(45deg) scale(0.7, 1);
}

.bp-btn.awaiting_response_friend[data-svq-title]:hover:before {
  background: #FFB91A;
}

.bp-btn.awaiting_response_friend[data-svq-title]:hover:after {
  border-top-color: #FFB91A;
}

.bp-btn.pending_friend,
.bp-btn.group-button.membership-requested {
  border-color: #f772b5;
  background: #f772b5;
}

.bp-btn.pending_friend span,
.bp-btn.group-button.membership-requested span {
  transform: rotate(180deg);
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.bp-btn.pending_friend span:before, .bp-btn.pending_friend span:after,
.bp-btn.group-button.membership-requested span:before,
.bp-btn.group-button.membership-requested span:after {
  background: #fff;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: background 0.3s ease-out 0.3s, transform 0.25s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.bp-btn.pending_friend span:before,
.bp-btn.group-button.membership-requested span:before {
  z-index: 4;
  transform: rotate(360deg);
  animation: minimize .25s forwards .25s, pulseDotReversed .8s ease-out .5s infinite;
}

.bp-btn.pending_friend span:after,
.bp-btn.group-button.membership-requested span:after {
  z-index: 3;
  transform: rotate(270deg);
  animation: minimize .25s forwards .25s, pulseDot .8s ease-out .5s infinite;
}

.bp-btn.pending_friend:hover,
.bp-btn.group-button.membership-requested:hover {
  border-color: #7c7c7c;
  background: #7c7c7c;
}

.bp-btn.pending_friend:hover span:before,
.bp-btn.group-button.membership-requested:hover span:before {
  animation: minimize .25s forwards .25s, pulseDotReversed .8s ease-out .5s forwards, minimizeReversed .25s forwards .25s;
}

.bp-btn.pending_friend:hover span:after,
.bp-btn.group-button.membership-requested:hover span:after {
  animation: minimize .25s forwards .25s, pulseDot .8s ease-out .5s forwards, minimizeReversed .25s forwards .25s;
}

.bp-btn.is_friend,
.bp-btn.group-button.leave-group,
.bp-btn.accept {
  border-color: #555EFF;
  background-color: #555EFF;
  color: #fff;
  box-shadow: 0 0.65rem 1.5rem -0.25rem rgba(85, 94, 255, 0.5);
}

.bp-btn.is_friend span,
.bp-btn.group-button.leave-group span,
.bp-btn.accept span {
  animation: checkRotate .25s forwards .15s;
}

.bp-btn.is_friend span:before, .bp-btn.is_friend span:after,
.bp-btn.group-button.leave-group span:before,
.bp-btn.group-button.leave-group span:after,
.bp-btn.accept span:before,
.bp-btn.accept span:after {
  background: #fff;
}

.bp-btn.is_friend span:before,
.bp-btn.group-button.leave-group span:before,
.bp-btn.accept span:before {
  animation: minimizeReversed .15s forwards;
}

.bp-btn.is_friend span:after,
.bp-btn.group-button.leave-group span:after,
.bp-btn.accept span:after {
  opacity: 0;
  transform-origin: center left;
  animation: miniStepOne .15s forwards .15s, miniStepTwo .35s forwards .25s;
}

.bp-btn.is_friend:hover,
.bp-btn.group-button.leave-group:hover {
  border-color: #7c7c7c;
  background: #7c7c7c;
  box-shadow: none;
}

.bp-btn.is_friend:hover span,
.bp-btn.group-button.leave-group:hover span {
  animation: checkRotateReversed .25s forwards;
}

.bp-btn.is_friend:hover span:after,
.bp-btn.group-button.leave-group:hover span:after {
  opacity: 1;
  animation: miniStepOne .15s forwards .15s, miniStepTwoReversed .15s forwards;
}

.bp-btn.accept:hover {
  border-color: #555EFF;
  background: #555EFF;
  box-shadow: none;
}

.bp-btn.accept[data-svq-title]:hover:before {
  background: #555EFF;
}

.bp-btn.accept[data-svq-title]:hover:after {
  border-top-color: #555EFF;
}

.bp-btn.reject {
  border-color: #7c7c7c;
  background: #7c7c7c;
  box-shadow: none;
}

.bp-btn.reject span {
  animation: checkRotateReversed .25s forwards;
}

.bp-btn.reject span:before, .bp-btn.reject span:after {
  background: #fff;
}

.bp-btn.reject span:before {
  animation: minimizeReversed .15s forwards;
}

.bp-btn.reject span:after {
  opacity: 0;
  transform-origin: center left;
  animation: miniStepOne .15s forwards .15s;
}

.bp-btn.mention {
  color: #7c7c7c;
}

.bp-btn.mention:hover {
  padding-left: .5rem;
  padding-right: .5rem;
  color: #333;
  background: #EEEEEE;
}

#post-mention {
  width: 100%;
}

@media (min-width: 1150px) {
  #post-mention {
    width: calc(100% - 3.25rem);
  }
}

[data-svq-title].not_friends:before {
  background: #F21483;
}

[data-svq-title].not_friends:after {
  border-top-color: #F21483;
}

[data-svq-title].pending_friend:before,
[data-svq-title].is_friend:before,
[data-svq-title].request-membership:before,
[data-svq-title].leave-group:before {
  background: #7c7c7c;
}

[data-svq-title].pending_friend:after,
[data-svq-title].is_friend:after,
[data-svq-title].request-membership:after,
[data-svq-title].leave-group:after {
  border-top-color: #7c7c7c;
}

[data-svq-pending].pending_friend:before,
[data-svq-pending].request-membership:before {
  content: attr(data-svq-pending);
  background: #f772b5;
}

[data-svq-pending].pending_friend:after,
[data-svq-pending].request-membership:after {
  border-top-color: #f772b5;
}

[data-svq-pending].pending_friend:before, [data-svq-pending].pending_friend:after,
[data-svq-pending].request-membership:before,
[data-svq-pending].request-membership:after {
  animation: opacityTooltip 2s ease-out .5s;
}

[data-svq-pending].pending_friend:hover:before,
[data-svq-pending].request-membership:hover:before {
  content: attr(data-svq-title);
  background: #7c7c7c;
}

[data-svq-pending].pending_friend:hover:after,
[data-svq-pending].request-membership:hover:after {
  border-top-color: #7c7c7c;
}

.member-promote-to-admin:before,
.mod-promote-to-admin:before {
  background: #555EFF;
}

.member-promote-to-admin:after,
.mod-promote-to-admin:after {
  border-top-color: #555EFF;
}

@-webkit-keyframes minimize {
  0% {
    transform: rotate(270deg) scale(1);
    border-radius: 0;
  }
  100% {
    transform: rotate(270deg) scale(0.25, 2);
    border-radius: 50%;
  }
}

@keyframes minimize {
  0% {
    transform: rotate(270deg) scale(1);
    border-radius: 0;
  }
  100% {
    transform: rotate(270deg) scale(0.25, 2);
    border-radius: 50%;
  }
}

@-webkit-keyframes minimizeReversed {
  0% {
    transform: rotate(0) scale(0.25, 2);
    border-radius: 50%;
  }
  100% {
    transform: rotate(0) scale(1);
    border-radius: 0;
  }
}

@keyframes minimizeReversed {
  0% {
    transform: rotate(0) scale(0.25, 2);
    border-radius: 50%;
  }
  100% {
    transform: rotate(0) scale(1);
    border-radius: 0;
  }
}

@-webkit-keyframes miniStepOne {
  0% {
    transform: rotate(0) scale(0.25, 2);
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(0.5, 1);
    opacity: 1;
  }
}

@keyframes miniStepOne {
  0% {
    transform: rotate(0) scale(0.25, 2);
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(0.5, 1);
    opacity: 1;
  }
}

@-webkit-keyframes miniStepTwo {
  0% {
    transform: rotate(0) scale(0.5, 1);
  }
  100% {
    transform: rotate(-60deg) scale(0.5, 1);
  }
}

@keyframes miniStepTwo {
  0% {
    transform: rotate(0) scale(0.5, 1);
  }
  100% {
    transform: rotate(-60deg) scale(0.5, 1);
  }
}

@-webkit-keyframes miniStepTwoReversed {
  0% {
    transform: rotate(-60deg) scale(0.5, 1);
  }
  100% {
    transform: rotate(0) scale(0.5, 1);
  }
}

@keyframes miniStepTwoReversed {
  0% {
    transform: rotate(-60deg) scale(0.5, 1);
  }
  100% {
    transform: rotate(0) scale(0.5, 1);
  }
}

@-webkit-keyframes checkRotate {
  0% {
    transform: translateX(0) rotate(180deg);
  }
  100% {
    transform: translateX(1px) rotate(-60deg);
  }
}

@keyframes checkRotate {
  0% {
    transform: translateX(0) rotate(180deg);
  }
  100% {
    transform: translateX(1px) rotate(-60deg);
  }
}

@-webkit-keyframes checkRotateReversed {
  0% {
    transform: translateX(1px) rotate(-60deg);
  }
  100% {
    transform: translateX(0) rotate(180deg);
  }
}

@keyframes checkRotateReversed {
  0% {
    transform: translateX(1px) rotate(-60deg);
  }
  100% {
    transform: translateX(0) rotate(180deg);
  }
}

@-webkit-keyframes pulseDot {
  0% {
    transform: rotate(270deg) scale(0.25, 2);
    opacity: .1;
    border-radius: 50%;
  }
  65% {
    transform: rotate(270deg) scale(1, 8);
    border-radius: 50%;
  }
  100% {
    transform: rotate(270deg) scale(0.5, 4);
    opacity: .6;
    border-radius: 50%;
  }
}

@keyframes pulseDot {
  0% {
    transform: rotate(270deg) scale(0.25, 2);
    opacity: .1;
    border-radius: 50%;
  }
  65% {
    transform: rotate(270deg) scale(1, 8);
    border-radius: 50%;
  }
  100% {
    transform: rotate(270deg) scale(0.5, 4);
    opacity: .6;
    border-radius: 50%;
  }
}

@-webkit-keyframes pulseDotReversed {
  0% {
    transform: rotate(270deg) scale(0.125, 1);
    opacity: .4;
    border-radius: 50%;
  }
  45% {
    transform: rotate(270deg) scale(0.5, 4);
    opacity: 1;
    border-radius: 50%;
  }
  100% {
    transform: rotate(270deg) scale(0.25, 2);
    opacity: .8;
    border-radius: 50%;
  }
}

@keyframes pulseDotReversed {
  0% {
    transform: rotate(270deg) scale(0.125, 1);
    opacity: .4;
    border-radius: 50%;
  }
  45% {
    transform: rotate(270deg) scale(0.5, 4);
    opacity: 1;
    border-radius: 50%;
  }
  100% {
    transform: rotate(270deg) scale(0.25, 2);
    opacity: .8;
    border-radius: 50%;
  }
}

@-webkit-keyframes opacityTooltip {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes opacityTooltip {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.button-nav, #buddypress .avatar-nav-items {
  margin: 1.5rem 0;
  padding-bottom: .75rem;
  border-bottom: 1px solid #EEEEEE;
}

.button-nav .current a, #buddypress .avatar-nav-items .current a {
  background: #F8F8F8;
}

.button-nav li, #buddypress .avatar-nav-items li {
  display: inline-block;
  margin-right: .75rem;
}

.button-nav li > a, #buddypress .avatar-nav-items li > a {
  display: block;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: background-color 0.25s ease-out;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-bottom: .75rem;
}

.button-nav li > a:hover, #buddypress .avatar-nav-items li > a:hover {
  background-color: #F8F8F8;
}

.item-list-tabs:not(#object-nav) ul li.last, #item-body .notifications-options-nav, #item-body .messages-options-nav, #whats-new-post-in-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.item-list-tabs:not(#object-nav) ul li.last label, #item-body .notifications-options-nav label, #item-body .messages-options-nav label, #whats-new-post-in-box label, .item-list-tabs:not(#object-nav) ul li.last select, #item-body .notifications-options-nav select, #item-body .messages-options-nav select, #whats-new-post-in-box select {
  font-size: 0.875rem;
}

.item-list-tabs:not(#object-nav) ul li.last label, #item-body .notifications-options-nav label, #item-body .messages-options-nav label, #whats-new-post-in-box label {
  margin: 0 .5rem 0 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.item-list-tabs:not(#object-nav) ul li.last select, #item-body .notifications-options-nav select, #item-body .messages-options-nav select, #whats-new-post-in-box select {
  padding-top: calc(0.25rem - 1px);
  padding-bottom: calc(0.25rem - 1px);
  padding-left: 0.5rem;
  padding-right: 2rem;
  background-color: #F8F8F8;
  border-color: transparent;
  box-shadow: none;
  height: auto;
  background-position-x: calc(100% - .5rem);
  width: auto;
  margin-left: .5rem;
  margin-bottom: 0;
}

ul.activity-list .load-more {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

ul.activity-list .load-more > a {
  border-width: 1px;
  border-style: solid;
  border-color: #EEEEEE;
  background: transparent;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: background-color 0.25s ease-out;
}

ul.activity-list .load-more > a, ul.activity-list .load-more > a:before {
  line-height: 1.4rem;
}

ul.activity-list .load-more > a:hover {
  background-color: #F8F8F8;
}

ul.activity-list .load-more > a:before {
  content: "\e916";
  margin-right: .5rem;
  font-weight: normal;
}

/*--------------------------------------------------------------
This is the BuddyPress Seeko stylesheet.
@version 3.0.0
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Navigation
	1.1 - Pagination
2.0 - WordPress
	2.1 - Images
3.0 - BuddyPress
	3.1 - Activity
		3.1.1 - Activity Listing
		3.1.2 - Activity Comments
	3.2 - Toolbar
	3.3 - Directories - Members, Groups, Blogs, Forums
	3.4 - Error / Success Messages
	3.5 - Forms
	3.6 - Ajax Loading
	3.7 - Topics and Tables - Forums and General
	3.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
		3.8.1 - Cover Image
	3.9 - Private Messaging Threads
	3.10 - Extended Profiles
	3.11 - Widgets
	3.12 - Tooltips
4.0 - Media Querie
	4.1 - Smartphones Landscape
	4.2 - Smartphones Portrait
	4.3 - Smartphones - smaller screen sizes
--------------------------------------------------------------*/
@media (min-width: 768px) {
  .bp-member-layout {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bp-member-layout > .container-fluid, .bp-member-layout > .container-fluid > .row, .bp-member-layout .sq-bp-sidebar, .bp-member-layout .sq-bp-sidebar ~ * {
    min-height: 100%;
  }
  .bp-member-layout .sq-bp-sidebar ~ * {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .bp-member-layout #item-body {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}

.bp-single-page #header + .content-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.bp-single-page #item-body .col-inner .messages:last-child p {
  margin-bottom: 0;
}

.bp-single-page #item-body .col-inner #pag-bottom:last-child {
  margin-bottom: 0;
}

.bp-single-page #item-body .col-inner #pag-bottom:last-child .pag-count {
  padding-bottom: 0;
}

.bp-single-page .svq-footer {
  position: relative;
  z-index: 4;
}

@media (max-width: 1149.9px) {
  textarea#message_content {
    max-height: 180px !important;
    height: 180px !important;
  }
}

.screen-heading {
  font-size: 1.5rem;
}

#buddypress .bp-member-layout {
  overflow-x: hidden;
  padding-top: 3rem;
  position: relative;
}

#buddypress .bp-member-layout .col-header {
  position: static;
  z-index: 4;
}

#buddypress .bp-member-layout .col-main {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 1150px) {
  #buddypress .bp-member-layout .col-inner {
    padding-left: calc(2rem - 50px / 2);
    padding-right: calc(2rem - 50px / 2);
  }
}

#item-header {
  padding-bottom: 2rem;
}

@media (min-width: 1150px) {
  #item-header {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
}

#header-cover-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

@media (max-width: 1149.9px) {
  #item-nav .svq-breadcrumb {
    display: none;
  }
}

#object-nav > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  height: calc(1.25rem * 1.2 + 2 * 1rem);
}

@media (min-width: 1150px) {
  #object-nav > ul {
    height: calc(1.333rem * 1.2 + 2 * 1rem);
  }
}

#object-nav > ul > li {
  position: relative;
}

#object-nav > ul > li > a {
  position: relative;
  z-index: 4;
  text-decoration: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  opacity: .8;
  line-height: inherit;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: opacity 0.25s ease-out;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#object-nav > ul > li > a:before {
  content: '';
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  width: 0;
  height: 2px;
  border-radius: 1px;
  z-index: 4;
}

#object-nav > ul > li > a:hover {
  opacity: 1;
}

#object-nav > ul > li > a:hover:before {
  bottom: -1px;
  width: 100%;
  left: 0;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: width 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), left 0.25s cubic-bezier(0.55, 0.055, 0.675, 0.19), bottom 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#object-nav > ul > li .dropdown-menu a {
  font-weight: 700;
}

#object-nav > ul > li .dropdown-menu a:before {
  top: 12px;
}

#object-nav > ul > li.flexMenu-viewMore > a:before {
  display: none;
}

#object-nav > ul > li:not(:last-child) {
  margin-right: 2rem;
}

#object-nav > ul > li.selected a {
  opacity: 1;
}

#object-nav > ul > li.selected a:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  z-index: 4;
}

#object-nav ul {
  margin-bottom: 0;
}

#object-nav .flexMenu-popup li a {
  opacity: .65;
}

#object-nav .flexMenu-popup span {
  background: rgba(178, 178, 178, 0.2);
  color: #4C4C4C;
  right: 20px;
}

.item-list-tabs:not(#object-nav) ul li a, #object-nav a {
  position: relative;
}

.item-list-tabs:not(#object-nav) ul li a span, #object-nav a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: .75rem;
  border-radius: 6px;
}

#object-nav a span {
  background: rgba(178, 178, 178, 0.2);
  padding: .25rem .5rem;
  margin-left: .5rem;
  position: absolute;
  top: 0;
  right: -28px;
}

.buddypress.activity.directory .buddypress.activity.bp-single-page, .buddypress.activity.directory .item-list-tabs:not(#object-nav) ul li.last select {
  background-color: #ffffff;
}

.item-list-tabs:not(#object-nav) ul li a span {
  padding: .15rem .5rem;
  background: rgba(178, 178, 178, 0.2);
  margin-left: .3rem;
  font-weight: 700;
}

@media (min-width: 1150px) {
  .bp-member-layout .svq-breadcrumb {
    opacity: 1;
  }
  .bp-member-layout .svq-breadcrumb + #object-nav.item-list-tabs {
    margin-top: 0;
  }
}

.bp-member-layout #object-nav.item-list-tabs {
  margin-top: 39px;
}

@media (min-width: 1150px) {
  .bp-member-layout #item-nav {
    padding-top: 7rem;
  }
}

.bp-member-layout #header-cover-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.bp-member-layout #header-cover-image:after {
  content: '';
  width: 100%;
  height: 40px;
}

.bp-member-layout.bp-has-cover #header-cover-image:before {
  background: rgba(0, 0, 0, 0.5);
}

@media (min-width: 1150px) {
  .sq-small-avatar .bp-member-layout #item-nav {
    padding-top: 1rem;
  }
}

.item-list-tabs:not(#object-nav) ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
}

.item-list-tabs:not(#object-nav) ul li {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-bottom: .5rem;
  padding-left: 0;
}

.item-list-tabs:not(#object-nav) ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-decoration: none;
  opacity: .75;
  padding: 0.3125rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 8px;
}

.item-list-tabs:not(#object-nav) ul li a, .item-list-tabs:not(#object-nav) ul li a span {
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: all 0.25s ease-out;
}

.item-list-tabs:not(#object-nav) ul li a:hover {
  opacity: 1;
}

.item-list-tabs:not(#object-nav) ul li.last > form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.item-list-tabs:not(#object-nav) ul li.current a, .item-list-tabs:not(#object-nav) ul li.selected a {
  font-weight: 700;
  opacity: 1;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0 0.5rem;
}

.item-list-tabs:not(#object-nav) ul li.current:first-child a, .item-list-tabs:not(#object-nav) ul li.selected:first-child a {
  margin-left: 0;
}

#item-body .notifications-options-nav, #item-body .messages-options-nav {
  margin-top: 1.5rem;
}

#item-body .notifications-options-nav select, #item-body .messages-options-nav select {
  margin-right: 1rem;
  margin-bottom: 1rem;
}

body.directory .item-list-tabs:not(#object-nav) ul li.current a, body.directory .item-list-tabs:not(#object-nav) ul li.selected a, body.bp-user.media .item-list-tabs:not(#object-nav) ul li.current a, body.bp-user.media .item-list-tabs:not(#object-nav) ul li.selected a, body.groups.media .item-list-tabs:not(#object-nav) ul li.current a, body.groups.media .item-list-tabs:not(#object-nav) ul li.selected a {
  padding-right: 0.5rem;
}

.item-list-tabs:not(#object-nav).last-but-one ul li:nth-last-child(2) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.profile-settings {
  margin-bottom: 2rem;
}

.profile-settings th {
  border: none;
}

.profile-settings td {
  border: none;
}

.profile-settings .field-name {
  width: 50%;
}

.profile-settings select {
  margin: 0;
}

#item-body {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 1rem;
}

@media (min-width: 1150px) {
  #item-body {
    margin-top: 2rem;
  }
}

#item-body .item-list-tabs:not(#object-nav) {
  margin-bottom: 1rem;
}

#groups-dir-search, #members-dir-search, #whats-new-form {
  margin-bottom: .5rem;
}

.item-list-tabs + #whats-new-form {
  margin-bottom: 2rem;
}

.item-list-tabs + #members-dir-search {
  margin-bottom: 2rem;
}

.bp-user.my-activity #item-body {
  background: transparent;
  padding-top: 0;
}

.svq-match {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.svq-match > span {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  padding: .2rem 0 .25rem 0;
  margin-right: 0.5rem;
}

.svq-match .progress {
  height: 3px;
  width: 2rem;
}

.svq-match .progress, .svq-match .progress-bar {
  border-radius: 2px;
}

#user-avatar .img-card:after {
  top: 1rem;
  right: 1rem;
}

#user-avatar, .svq-match {
  margin-bottom: 2rem;
}

#user-name {
  margin-bottom: 0.5rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

#user-name a {
  text-decoration: none;
}

.user-meta-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.user-meta-wrapper {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1rem;
}

.user-nicename {
  font-size: 0.75rem;
  color: #4C4C4C;
  display: inline-block;
  margin-right: .5rem;
  padding-right: .5rem;
  border-right: 1px solid #4C4C4C;
  line-height: 1;
}

#item-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

#item-buttons > * {
  width: calc((100% - 1rem) / 2);
}

#item-buttons > *:nth-child(1), #item-buttons > *:nth-child(3), #item-buttons > *:nth-child(5) {
  margin-right: 1rem;
}

#item-buttons .generic-button:not(.friendship-button) a {
  padding-left: 0.5rem;
  background: #fff;
  box-shadow: 0 0.25rem 1rem 0 rgba(212, 212, 212, 0.26);
  width: 100%;
  opacity: 1;
  height: inherit;
}

#item-buttons .btn {
  padding-left: 0.5rem;
  background: #fff;
  box-shadow: 0 0.25rem 1rem 0 rgba(212, 212, 212, 0.26);
  width: 100%;
}

#user-name + #item-buttons:not(:empty) {
  margin-top: 1rem;
}

#item-thumbs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

#item-thumbs li {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

#item-thumbs li .img-dynamic {
  display: block;
}

#item-thumbs li.bp-matching {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#item-thumbs .bp-more-photos {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #333333;
  color: #fff;
  text-decoration: none;
  font-size: 0.65rem;
  height: 3rem;
  width: 3rem;
  padding-left: 0.5rem;
  line-height: 1;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: background 0.25s ease-out;
}

#item-thumbs .bp-more-photos span {
  display: block;
  font-weight: 700;
  font-size: 0.75rem;
}

@media (min-width: 1150px) {
  #item-thumbs .img-card img:hover {
    transform: scale(1.2);
  }
}

@media (min-width: 1150px) {
  #item-header-content {
    font-size: 0.875rem;
  }
}

#item-header-content #item-meta {
  word-break: break-word;
}

@media (min-width: 1150px) {
  #item-thumbs {
    max-width: calc((3rem + 1rem / 2) * 3);
  }
}

@media (max-width: 1149.9px) {
  #item-header-avatar {
    max-width: calc(280px + (2 * 3rem));
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    padding: 3rem;
    background: #fff;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    box-shadow: 0 10px 100px 0 rgba(0, 0, 0, 0.1);
  }
  #item-buttons, #item-buttons .btn {
    margin-bottom: 0;
  }
}

@media (max-width: 575.9px) {
  #item-header-avatar {
    padding: 1.5rem;
  }
}

.activity-list .activity-inner {
  margin-bottom: 1rem;
  word-break: break-word;
}

.activity-list .activity-inner img {
  max-width: 100%;
}

.activity-list .activity-inner p > img {
  margin-top: 0.5rem;
}

.activity-list li #message.error.bp-ajax-message {
  width: 100%;
  margin-bottom: 1rem;
}

.activity-list > li:nth-last-child(2) {
  border: none;
}

.activity-inner iframe {
  width: 100%;
}

.activity-list > .info {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.activity-type-tabs {
  margin-bottom: 1rem;
}

/* Sitewide notice */
#sitewide-notice #message {
  left: 2%;
  position: fixed;
  top: auto !important;
  bottom: 3em;
  z-index: 9999;
  max-width: 340px;
}

#sitewide-notice #message p {
  margin-bottom: 0;
}

#sitewide-notice.admin-bar-on #message {
  top: 5.3em;
}

#sitewide-notice #message #close-notice {
  padding: .2rem;
  border-radius: 50%;
  position: absolute;
  top: .2rem;
  right: .2rem;
  color: inherit;
}

#sitewide-notice #message button#close-notice {
  top: .2rem;
  right: .2rem;
  font-size: 1rem;
}

#sitewide-notice #message button#close-notice span {
  display: block;
  width: calc(1.6rem - 0.25rem * 2 - .125rem);
  overflow: hidden;
}

#sitewide-notice #message button#close-notice span:before {
  content: '\e91e';
  margin-right: 2rem;
}

.notices #buddypress .messages-notices .activity {
  color: #9A9A9A;
}

.notices #buddypress .messages-notices strong {
  font-size: 1rem;
  display: block;
  margin-bottom: 0.5rem;
}

.notices #buddypress .messages-notices .button {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  margin-bottom: .5rem;
  background: transparent;
}

.notices #buddypress .messages-notices .button:before {
  content: '';
}

.notices #buddypress .messages-notices .button:last-child {
  width: calc(1.6rem - 0.25rem * 2 - .125rem + 2 * 0.75rem);
  overflow: hidden;
}

.notices #buddypress .messages-notices .button:last-child:before {
  content: '\e912';
  margin-right: 2rem;
}

.notices #buddypress .messages-notices .button:last-child:hover {
  background: transparent;
}

@media (min-width: 1150px) {
  .notices #buddypress .messages-notices tr .button {
    opacity: 0;
    /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.5s ease-out, border-color 0.15s ease-in-out, box-shadow 0.225s ease-in-out, transform 0.4s ease-in-out, opacity 0.25s ease-out;
  }
  .notices #buddypress .messages-notices tr:hover .button {
    opacity: 1;
  }
}

/*  Message info */
#message.alert p {
  margin-bottom: 0;
}

@media (min-width: 1150px) {
  .bp-member-layout > .container-fluid > .row > .sq-bp-sidebar + * {
    background: transparent;
  }
  #item-header-cover-image, #item-body {
    position: relative;
    z-index: 3;
  }
  #item-nav {
    position: relative;
    z-index: 4;
  }
  #object-nav {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
  }
  #item-nav {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding-top: 1rem;
  }
  #item-body > * {
    position: relative;
    z-index: 3;
  }
}

#item-actions h5 {
  font-size: 1rem;
  font-weight: 700;
}

#item-actions #group-admins, #item-actions #group-mods {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#item-actions #group-admins li, #item-actions #group-mods li {
  margin-right: .5rem;
  margin-bottom: .5rem;
}

#item-actions #group-admins a, #item-actions #group-mods a {
  display: block;
}

#item-actions #group-admins img, #item-actions #group-mods img {
  width: 2rem;
  height: auto;
}

.wp-profile-fields, .profile-fields {
  margin-top: 1.5rem;
}

.bp-cover-image-status {
  margin: 1rem 0;
}

.pag-count {
  padding: 1rem 0;
}

#buddypress table.notifications input[type="checkbox"] + label, #buddypress table.messages-notices input[type="checkbox"] + label {
  margin-bottom: 0;
  margin-right: 0;
}

#buddypress table.notifications th:first-child, #buddypress table.notifications td:first-child, #buddypress table.messages-notices th:first-child, #buddypress table.messages-notices td:first-child {
  width: 20px;
}

#buddypress table.notifications th, #buddypress table.messages-notices th {
  font-weight: 400;
}

#buddypress table.notifications th, #buddypress table.notifications td, #buddypress table.messages-notices th, #buddypress table.messages-notices td {
  font-size: 0.875rem;
}

#buddypress table.notifications .notification-actions, #buddypress table.messages-notices .notification-actions {
  text-align: center;
}

#buddypress table.notifications .notification-actions a, #buddypress table.messages-notices .notification-actions a {
  margin-bottom: 0;
}

#buddypress table.notifications td p, #buddypress table.messages-notices td p {
  margin-bottom: 0;
}

#buddypress table.notifications .notification-description {
  font-size: 1rem;
}

#buddypress table.notifications .notification-description a {
  font-weight: 700;
  text-decoration: none;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: color 0.25s ease-out;
}

#buddypress table.notifications th.actions, #buddypress table.notifications .notification-actions {
  text-align: right;
}

#buddypress table.messages-notices .thread-from {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

#buddypress table.messages-notices .thread-from .from {
  margin-right: .5rem;
}

#buddypress table.messages-notices .thread-from .thread-count {
  margin-left: .5rem;
}

#buddypress table.messages-notices .thread-from .img-dynamic {
  margin-right: 1rem;
  flex-shrink: 0;
  width: 2.5rem;
}

#buddypress table.messages-notices .thread-from .activity {
  width: 100%;
  display: block;
}

#buddypress table.messages-notices .thread-info a {
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: color 0.25s ease-out;
}

#buddypress table.messages-notices .thread-info p {
  margin-bottom: 0;
}

#buddypress table.messages-notices .thread-options {
  text-align: right;
}

#buddypress table.messages-notices th.thread-star .icon {
  display: none;
}

#buddypress table.messages-notices .message-action-star, #message-thread .message-action-star {
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: color 0.25s ease-out;
}

#buddypress table.messages-notices .message-action-star:hover .icon:before, #message-thread .message-action-star:hover .icon:before {
  content: '\e910';
}

#buddypress table.notification-settings .title {
  width: 100%;
}

#buddypress table.notification-settings tr td:first-child, #buddypress table.notification-settings tr th:first-child {
  display: none;
}

#buddypress table.notification-settings td label {
  margin: 0;
}

#buddypress table.notification-settings th {
  border: none;
}

#buddypress table.notification-settings td {
  border: none;
}

#buddypress table.notification-settings, #buddypress table.profile-settings {
  margin-bottom: 2rem;
}

#buddypress table.notifications .notification-actions, #buddypress table.messages-notices .thread-options {
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: opacity 0.25s ease-out;
}

#buddypress table.notifications .notification-actions .btn, #buddypress table.messages-notices .thread-options .btn {
  background: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

#buddypress table.messages-notices thead {
  display: none;
}

#buddypress table.messages-notices tbody td {
  border: none;
}

#buddypress table.messages-notices tbody tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -ms-grid-columns: 40px auto 1fr 1fr;
  grid-template-columns: 40px auto 1fr 1fr;
  padding-bottom: 0;
  margin-bottom: .5rem;
}

#buddypress table.messages-notices tbody tr.unread .bp-tooltip {
  font-weight: 400;
}

#buddypress table.messages-notices tbody tr:last-of-type {
  border: none;
}

#buddypress table.messages-notices tbody td.bulk-select-check {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row-end: 3;
}

#buddypress table.messages-notices tbody td.thread-info {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 3;
  grid-column-end: 5;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  padding-top: 0;
  padding-bottom: 1rem;
}

#buddypress table.messages-notices tbody td.thread-star {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#buddypress table.messages-notices tbody td.thread-options {
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#buddypress table.messages-notices tbody td.thread-options .read {
  display: none;
}

#buddypress table.messages-notices tbody td.thread-from {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#buddypress table.messages-notices.sitewide-notices {
  border-bottom: none;
}

#buddypress table.messages-notices.sitewide-notices .btn-sm {
  margin-bottom: .5rem;
}

#buddypress table.messages-notices.sitewide-notices tbody tr {
  grid-template-columns: 0 3fr 1fr 1fr;
}

#buddypress table.messages-notices.sitewide-notices tbody tr td:nth-child(2) {
  padding-left: 0;
}

#buddypress table.messages-notices.sitewide-notices tbody tr td:first-of-type {
  padding: 0;
}

@media (max-width: 575.9px) {
  #buddypress table.messages-notices.sitewide-notices tbody tr {
    grid-template-columns: 0 2fr 1fr;
  }
  #buddypress table.messages-notices.sitewide-notices tbody tr td:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-left: 0;
    padding-top: 0;
  }
  #buddypress table.messages-notices.sitewide-notices tbody tr td:last-of-type {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    padding-left: 0;
    padding-top: 0;
  }
}

@media (min-width: 1150px) {
  #buddypress table.notifications th.actions, #buddypress table.notifications .notification-actions, #buddypress table.messages-notices .thread-star, #buddypress table.messages-notices .thread-options {
    white-space: nowrap;
  }
}

#search-message-form, #search-members-form, #search-groups-form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

#search-message-form {
  margin-top: 1.5rem;
}

#search-message-form input[type="text"], #search-members-form input[type="text"], #search-groups-form input[type="text"], #rtm-media-options .media_search input[type="text"] {
  margin-right: 1.5rem;
}

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

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

input[type=radio] + label.bp-screen-reader-text, input[type=checkbox] + label.bp-screen-reader-text {
  position: relative;
  clip-path: initial;
}

#message-recipients {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#message-recipients .highlight {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

#message-recipients .btn-xs {
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: color 0.25s ease-out;
}

.standard-form legend {
  font-weight: 700;
}

.item-list .item-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  background: #fff;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

@media (min-width: 1150px) {
  .item-list .item-container {
    margin-bottom: 50px;
  }
}

.item-list .item-container:hover {
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 10;
}

.item-list .item-avatar .avatar {
  display: block;
}

.item-list .img-card:after {
  top: 1rem;
  right: 1rem;
}

.item-list .item-card {
  position: relative;
  z-index: 2;
  padding: 1.5rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  background: #fff;
  will-change: transform;
  transition: transform .5s ease;
}

.item-list .item-meta .activity, .item-list .item-meta .meta, .item-list .item-meta .joined {
  display: block;
  font-size: 0.65rem;
  margin-bottom: 0.5rem;
}

.item-list .item-meta .activity, .item-list .item-meta .activity:hover, .item-list .item-meta .meta, .item-list .item-meta .meta:hover, .item-list .item-meta .joined, .item-list .item-meta .joined:hover {
  color: #9A9A9A;
}

.item-list .item-title {
  margin-bottom: 0.5rem;
}

.item-list .item-title a {
  display: block;
  text-decoration: none;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: opacity 0.25s ease-out;
}

.item-list .item-title a:hover {
  opacity: .75;
}

.item-list .item-desc p {
  font-size: 0.875rem;
  line-height: 1.35;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-height: 2.3625rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

@media (min-width: 576px) {
  .item-list .item-desc p {
    height: 2.3625rem;
  }
}

.item-list .bp-btn {
  position: absolute;
  top: 0;
  z-index: 2;
  margin: 0;
}

.item-list .btn.send-message {
  width: 100%;
}

.item-list .btn-sm {
  font-size: 0.75rem;
}

@keyframes show_button {
  0% {
    opacity: 0;
    min-height: 0;
    margin-top: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    min-height: 32px;
    margin-top: .5rem;
    height: 100%;
  }
}

.entry-content .item-list .item-title {
  margin-top: 0;
}

#members-list .generic-button:not(.friendship-button) a {
  margin-bottom: 0 !important;
  margin-top: .5rem;
  min-height: 32px;
  display: flex !important;
  height: 100%;
  padding: 0 !important;
  border-width: 0 !important;
}

#members-list > *, .bp-member-layout #item-buttons > * {
  margin-top: 1rem;
}

#members-list .generic-button:not(.friendship-button) a, .bp-member-layout #item-buttons .generic-button:not(.friendship-button) a {
  position: relative;
  margin-bottom: 0;
}

#members-list .generic-button:not(.friendship-button) a:before, .bp-member-layout #item-buttons .generic-button:not(.friendship-button) a:before {
  font-family: 'icon' !important;
  content: '';
  font-size: 1rem;
  margin-right: .5rem;
  line-height: 1;
}

#members-list .generic-button a.send-message:before, .bp-member-layout #item-buttons .generic-button a.send-message:before {
  content: '\e90c';
  font-size: 1.2rem;
}

#members-list .generic-button a.mention:before, .bp-member-layout #item-buttons .generic-button a.mention:before {
  content: '\e906';
  font-size: 1.2rem;
}

#members-list .generic-button.bptk-block-list a:before, #members-list .generic-button.bptk-block-profile a:before, .bp-member-layout #item-buttons .generic-button.bptk-block-list a:before, .bp-member-layout #item-buttons .generic-button.bptk-block-profile a:before {
  content: '\e95e';
}

#members-list .generic-button.bptk-suspend-list a:before, #members-list .generic-button.bptk-suspend-profile a:before, .bp-member-layout #item-buttons .generic-button.bptk-suspend-list a:before, .bp-member-layout #item-buttons .generic-button.bptk-suspend-profile a:before {
  content: '\e95d';
}

#members-list .generic-button.bptk-report-profile a:before, .bp-member-layout #item-buttons .generic-button.bptk-report-profile a:before {
  content: '\e964';
}

#members-list .generic-button.follow-button .follow:before, .bp-member-layout #item-buttons .generic-button.follow-button .follow:before {
  content: '\e95b';
}

#members-list .generic-button.follow-button .unfollow:before, .bp-member-layout #item-buttons .generic-button.follow-button .unfollow:before {
  content: '\e960';
}

.bp-member-layout #item-buttons .generic-button:not(.friendship-button) a {
  background: #fff;
  box-shadow: 0 0.25rem 1rem 0 rgba(212, 212, 212, 0.26);
  width: 100%;
}

.bp-member-layout #item-buttons .generic-button:not(.friendship-button) a:hover {
  background: #fff;
}

@media (min-width: 1150px) {
  #members-list .item-title {
    margin-bottom: 0;
  }
  #members-list .generic-button:not(.friendship-button) a {
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  #members-list .item-card .item {
    position: relative;
    z-index: 10;
  }
  #members-list .item-card .action {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 4rem 1.5rem 1.5rem;
    z-index: 5;
    border-bottom-left-radius: 1.0rem;
    border-bottom-right-radius: 1.0rem;
  }
  .sq-messages-active #members-list :not(.is-current-user) .item-container:hover .generic-button:not(.friendship-button) a {
    animation: show_button .25s forwards ease;
  }
  .sq-messages-active #members-list :not(.is-current-user) .item-container:hover .item-card {
    transform: translateY(-2.2rem);
    transition: transform .5s ease;
  }
  .sq-messages-active #members-list :not(.is-current-user) .item-container:hover .action {
    padding: 4.5rem 1.5rem 1.5rem;
  }
  .sq-messages-active li.is-current-user:hover .item-card, .sq-messages-active li.group-request-list:hover .item-card, .sq-messages-active .groups.dir-list .item-container .item-card, .sq-messages-active .group-members-list .item-container .item-card, .sq-messages-active .group_members.dir-list .item-container .item-card {
    transform: none !important;
  }
  .sq-messages-active li.is-current-user:hover div.action, .sq-messages-active li.group-request-list:hover div.action, .sq-messages-active .groups.dir-list .item-container div.action, .sq-messages-active .group-members-list .item-container div.action, .sq-messages-active .group_members.dir-list .item-container div.action {
    margin-bottom: 0;
  }
}

.group-members-list .item-list .item-card .action {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.group-members-list .item-list .item-card .action .member-promote-to-mod, .group-members-list .item-list .item-card .action .mod-demote-to-member, .group-members-list .item-list .item-card .action .admin-demote-to-member {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
}

.group-members-list .item-list .item-card .action .admin-demote-to-member {
  margin-bottom: 0;
}

.group-members-list .item-list .item-card .action .member-promote-to-admin, .group-members-list .item-list .item-card .action .mod-promote-to-admin {
  text-align: center;
}

.group-members-list .item-list .item-card .action .member-promote-to-admin:hover, .group-members-list .item-list .item-card .action .mod-promote-to-admin:hover {
  color: #fff;
}

.group-members-list .item-list .item-card .action .confirm:not(.btn) {
  display: block;
  font-size: 0.65rem;
  margin-top: .25rem;
}

.group-members-list .item-list .item-card .action .member-ban {
  margin-right: .75rem;
}

.group-admins-list .mod-demote-to-member {
  margin-right: 0;
}

.groups.dir-list .item-container .action {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.groups.dir-list .item-container .action .meta {
  font-size: 0.65rem;
}

.groups.dir-list .item-container .action .meta .icon {
  margin-right: 0.25rem;
}

.groups.dir-list .item-container .action .meta.privacy {
  margin-right: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.groups.dir-list .item-container .action .meta.privacy.private .icon:before {
  content: '\e92e';
}

.groups.dir-list .item-container .action .meta.btn-tag {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0;
}

.bp_group #item-header-avatar .btn.btn-sm:not(.bp-btn) {
  padding-left: 0;
  background: transparent;
  cursor: auto;
}

.sq-large-avatar #header-cover-image {
  height: 430px;
  pointer-events: none;
}

@media (min-width: 576px) {
  .sq-large-avatar #header-cover-image {
    height: 460px;
  }
}

@media (min-width: 1150px) {
  .sq-large-avatar #header-cover-image {
    height: 290px;
  }
}

.sq-large-avatar .user-avatar-wrapper .btn {
  right: 1.5rem;
  transform: translateY(50%);
}

.sq-large-avatar .item-list:not(#friends-list) .item-avatar .avatar, .sq-large-avatar .item-list:not(#friends-list) .item-avatar .avatar .img-card {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.sq-large-avatar .item-list:not(#friends-list) .bp-btn {
  transform: translateY(-50%);
  right: 1.5rem;
}

@media (min-width: 1150px) {
  .sq-large-avatar .item-list .item-container:hover .img-card img {
    transform: scale(1.2);
  }
}

@media (max-width: 1149.9px) {
  .sq-large-avatar #user-avatar {
    margin-top: calc(-280px / 2 - 3rem);
  }
  .sq-large-avatar #item-header-avatar {
    margin-top: 140px;
  }
}

@media (max-width: 575.9px) {
  .sq-large-avatar #user-avatar {
    margin-top: calc(-280px / 2 - 1.5rem);
  }
  .sq-large-avatar #item-header-avatar {
    margin-top: 140px;
  }
}

.sq-small-avatar #header-cover-image {
  height: 310px;
}

@media (min-width: 576px) {
  .sq-small-avatar #header-cover-image {
    height: 380px;
  }
}

@media (min-width: 1150px) {
  .sq-small-avatar #header-cover-image {
    height: 180px;
  }
}

.sq-small-avatar #user-avatar {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.sq-small-avatar .user-meta-wrapper, .sq-small-avatar .svq-match {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.sq-small-avatar #user-name {
  text-align: center;
}

.sq-small-avatar .user-avatar-wrapper .btn {
  transform: translateX(-50%) translateY(50%);
  left: 50%;
}

.sq-small-avatar .user-avatar-wrapper .btn span:before, .sq-small-avatar .user-avatar-wrapper .btn span:after {
  margin-left: -.4375rem;
  width: .875rem;
}

.sq-small-avatar .item-list .bp-btn {
  left: 50%;
}

.sq-small-avatar #buddypress .item-list .item-avatar {
  padding: 1.5rem 1.5rem 0 1.5rem;
}

.sq-small-avatar .item-list .item-container .item-meta, .sq-small-avatar .item-list .item-container .item-title {
  text-align: center;
}

.sq-small-avatar .item-list .item-avatar .avatar {
  max-width: 120px;
  margin: 0 auto;
}

.sq-small-avatar .item-list .bp-btn {
  transform: translateY(-50%) translateX(-50%);
}

.sq-small-avatar:not(.sq-round-avatar) .item-list .item-container {
  margin-top: 1.5rem;
}

.sq-small-avatar:not(.sq-round-avatar) .item-list .item-avatar {
  margin-top: -3rem;
}

@media (min-width: 576px) and (max-width: 1149.9px) {
  .sq-small-avatar:not(.sq-round-avatar) #item-header-avatar {
    margin-top: 3rem;
  }
  .sq-small-avatar:not(.sq-round-avatar) .user-avatar-wrapper {
    margin-top: -6rem;
  }
}

@media (max-width: 575.9px) {
  .sq-small-avatar:not(.sq-round-avatar) #item-header-avatar {
    margin-top: 2.25rem;
  }
  .sq-small-avatar:not(.sq-round-avatar) .user-avatar-wrapper {
    margin-top: -4.5rem;
  }
}

.sq-round-avatar #user-avatar, .sq-round-avatar #user-avatar .img-card, .sq-round-avatar #user-avatar .img-shadow img {
  border-radius: 100%;
}

.sq-round-avatar.sq-small-avatar .user-avatar-wrapper .btn {
  transform: translateX(-50%) translateY(0);
  margin-left: 3rem;
  padding: .3em;
}

.sq-round-avatar.sq-small-avatar .item-list .item-container {
  position: relative;
}

.sq-round-avatar.sq-small-avatar .item-list .item-avatar .avatar, .sq-round-avatar.sq-small-avatar .item-list .item-avatar .avatar .img-card {
  border-radius: 100%;
}

.sq-round-avatar.sq-small-avatar .item-list .item-avatar .img-card:after {
  display: none;
}

.sq-round-avatar.sq-small-avatar .item-list .item-avatar:after {
  top: 1rem;
  right: 1rem;
}

.sq-round-avatar.sq-small-avatar .item-list .bp-btn {
  transform: translateY(-100%) translateX(-50%);
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: transform 0.3s ease-out 0.075s;
  margin-left: 2.5rem;
}

@media (min-width: 1150px) {
  .sq-round-avatar.sq-small-avatar .item-list .item-container:hover .bp-btn {
    transform: translateY(-50%) translateX(-50%);
    /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
    transition: transform 0.37514s ease-out 0.075s;
  }
}

.sq-round-avatar.sq-small-avatar .item-list .avatar-status.is-online .item-avatar:after {
  background: #56E40F;
}

.sq-round-avatar.sq-small-avatar .groups.dir-list .item-container:hover .bp-btn, .sq-round-avatar.sq-small-avatar .group-members-list .item-container:hover .bp-btn, .sq-round-avatar.sq-small-avatar .group_members.dir-list .item-container:hover .bp-btn {
  transform: translateY(-100%) translateX(-50%);
}

#members-group-list .style-02.item-list .item-card .item {
  margin-bottom: .75rem;
}

#members-group-list .style-02.item-list .item-card .action {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.directory.members #members-list.style-02 .item-card .item-title {
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

#friend-list li, #blogs-list li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

#friend-list li .item-avatar, #blogs-list li .item-avatar {
  margin-right: 1rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

#friend-list li .item-avatar > a, #blogs-list li .item-avatar > a {
  display: block;
}

#friend-list li .item-avatar img, #blogs-list li .item-avatar img {
  height: auto;
  width: 3rem;
}

#friend-list li .item, #blogs-list li .item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#friend-list li .item, #friend-list li .action, #blogs-list li .item, #blogs-list li .action {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#friend-list li .item-title > a, #blogs-list li .item-title > a {
  font-weight: 700;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: opacity 0.25s ease-out;
}

#friend-list li .item-title > a:hover, #blogs-list li .item-title > a:hover {
  text-decoration: none;
}

#friend-list li .item-title > a:hover, #blogs-list li .item-title > a:hover {
  opacity: .8;
}

#friend-list li .action, #blogs-list li .action {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#friend-list li .action .accept, #blogs-list li .action .accept {
  margin-right: 0.5rem;
}

#blogs-list .action .meta {
  display: none;
}

#invite-list ul li {
  padding: 0.75rem 0;
}

#invite-list ul li label {
  margin-bottom: 0;
}

.item-list-tabs-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.item-list-tabs-wrapper > .item-list-tabs:first-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.group-create .item-list-tabs li span {
  padding: .3125rem .5rem;
}

.group-create.tpl-full .content-wrapper {
  max-width: 1024px;
}

#group-create-tabs {
  margin-bottom: 1.5rem;
}

#group-create-body #header-cover-image:not([style*="background-image"]) {
  height: auto;
}

#group-create-body .main-column .bg-light {
  padding: 1.5rem;
  height: 100%;
}

#group-create-body #header-cover-image {
  position: static;
  margin-bottom: 1rem;
}

.current-visibility-level {
  font-weight: 700;
  margin-left: .5rem;
}

#profile-edit-form .accordion-header .accordion-head, #profile-details-section .accordion-header .accordion-head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-weight: 400;
}

#profile-edit-form .accordion-header .accordion-head .btn-xs, #profile-details-section .accordion-header .accordion-head .btn-xs {
  margin-left: 2rem;
}

#profile-edit-form .accordion-card.show .accordion-head .btn-xs, #profile-details-section .accordion-card.show .accordion-head .btn-xs {
  display: none;
}

#profile-edit-form .form-group select, #profile-edit-form .form-group input[type="text"], #profile-edit-form .form-group input[type="number"] {
  display: inline-flex;
  width: auto;
  min-width: 50%;
  margin-bottom: 0;
}

#profile-edit-form .form-group .input-options label {
  display: block;
}

#profile-edit-form .form-group .input-options select + label {
  margin-top: 1rem;
}

#profile-edit-form .editfield {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#profile-edit-form .field_name {
  padding-top: 0;
}

#profile-edit-form .editfield + .submit {
  margin-top: 1rem;
}

#profile-edit-form .editfield .form-group .clear-value {
  margin: 0;
}

#profile-edit-form .accordion-head {
  font-style: italic;
  align-items: center !important;
  padding-left: 0;
}

#profile-edit-form .accordion-head:before {
  display: none;
}

#profile-edit-form .accordion-head .btn {
  margin-bottom: 0;
}

#profile-edit-form .accordion-body fieldset {
  margin: 1rem 0;
}

.bp_register .img-dynamic {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .bp_register .img-dynamic, .svq-login .img-dynamic {
    height: 100%;
    display: block;
    max-height: 1100px;
  }
}

.activate .bp-template-notice p, .group-create .bp-template-notice p {
  margin-bottom: 0;
}

.form-group .error {
  margin: 0 0 10px;
  font-size: .9rem;
}

#group-settings-form fieldset {
  margin-bottom: 1rem;
}

#group-settings-form .form-check {
  margin-bottom: 1rem;
}

#group-settings-form #group-desc {
  min-height: 150px;
}

.wp-switch-editor {
  border-radius: 0;
  border: none;
}

.wp-editor-wrap {
  margin-bottom: 1rem;
}

.standard-form.single-fields .editfield, .standard-form.multi-fields .editfield {
  padding-bottom: 1rem;
}

.standard-form.single-fields label.label-checkbox, .standard-form.multi-fields label.label-checkbox {
  font-size: 1rem;
  color: rgba(51, 51, 51, 0.7);
}

@media (min-width: 576px) {
  .standard-form.single-fields .datebox-selects, .standard-form.multi-fields .datebox-selects {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .standard-form.single-fields .datebox-selects label, .standard-form.single-fields .datebox-selects select, .standard-form.multi-fields .datebox-selects label, .standard-form.multi-fields .datebox-selects select {
    width: calc((100% - 3rem) / 3);
  }
  .standard-form.single-fields .datebox-selects label, .standard-form.multi-fields .datebox-selects label {
    margin-right: 1.5rem;
  }
  .standard-form.single-fields .datebox-selects label:nth-child(5), .standard-form.multi-fields .datebox-selects label:nth-child(5) {
    margin-right: 0;
  }
  .standard-form.single-fields .datebox-selects select, .standard-form.multi-fields .datebox-selects select {
    position: absolute;
    bottom: 0;
  }
  .standard-form.single-fields .datebox-selects select:nth-child(2), .standard-form.multi-fields .datebox-selects select:nth-child(2) {
    left: 0;
  }
  .standard-form.single-fields .datebox-selects select:nth-child(4), .standard-form.multi-fields .datebox-selects select:nth-child(4) {
    left: calc((100% - 3rem) / 3 + 1.5rem);
  }
  .standard-form.single-fields .datebox-selects select:nth-child(6), .standard-form.multi-fields .datebox-selects select:nth-child(6) {
    left: calc(2 * ((100% - 3rem) / 3 + 1.5rem));
  }
}

.form-group .description {
  margin-bottom: .5rem;
}

body .bp-avatar-nav {
  overflow: visible;
}

body .bp-avatar-nav ul.avatar-nav-items li a {
  font-weight: 400;
  opacity: 1;
}

body .bp-avatar-nav ul.avatar-nav-items li.current {
  border: none;
}

#avatar-crop-actions a.button {
  display: inline-block;
}

#buddypress #avatar-crop-pane {
  margin-bottom: 1rem;
}

#avatar-crop-pane.avatar:after {
  display: none;
}

/* Pass strength */
#buddypress #pass-strength-result {
  background-color: #eeeeee;
  border-color: #dddddd;
  border-style: solid;
  border-width: 1px;
  display: none;
  margin: 5px 5px 5px 0;
  padding: 5px;
  text-align: center;
  width: 150px;
}

#buddypress #pass-strength-result.error, #buddypress #pass-strength-result.bad {
  background-color: #ffb78c;
  border-color: #ff853c !important;
  display: block;
}

#buddypress #pass-strength-result.good {
  background-color: #ffec8b;
  border-color: #ffcc00 !important;
  display: block;
}

#buddypress #pass-strength-result.short {
  background-color: #ffa0a0;
  border-color: #f04040 !important;
  display: block;
}

#buddypress #pass-strength-result.strong {
  background-color: #c3ff88;
  border-color: #8dff1c !important;
  display: block;
}

#template-notices {
  padding: 0;
}

#template-notices #message {
  padding: .75rem 1.25rem;
}

.bp-single-page #template-notices {
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  margin-bottom: 0;
  text-align: center;
  border: none;
  animation: noticeInOut 1s forwards 10s;
}

.bp-single-page #template-notices p {
  margin-bottom: 0;
}

.bp-single-page #template-notices:empty {
  display: none;
}

@-webkit-keyframes noticeInOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes noticeInOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

ul.activity-list .load-more > a:before {
  height: auto;
}

#buddypress ul.acfb-holder {
  overflow: visible;
}

#buddypress ul.acfb-holder > li:not(.friend-tab) {
  width: 100%;
}

#buddypress ul.acfb-holder > li {
  float: none;
}

#buddypress ul.acfb-holder > li input#send-to-input {
  width: 100% !important;
}

.messages .ac_results ul:not(.row) > li {
  padding-left: 2rem;
}

.messages .ac_results ul li {
  background: transparent;
}

.messages .ac_results ul li img {
  width: 2rem !important;
}

.messages ul.acfb-holder li.friend-tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: .25rem .5rem;
  margin-bottom: 1rem;
}

.messages ul.acfb-holder li.friend-tab > span {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.messages ul.acfb-holder li.friend-tab a {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
}

.messages ul.acfb-holder li.friend-tab a:hover {
  text-decoration: none;
}

.messages ul.acfb-holder li.friend-tab span.p {
  padding: 0 .5rem;
}

.messages ul.acfb-holder li.friend-tab img {
  width: 1.5rem !important;
}

.messages ul.acfb-holder li.friend-tab img.avatar {
  margin-right: .75rem;
}

#item-header-avatar .img-dynamic {
  display: block;
}

#whats-new-form {
  display: block;
}

@media (min-width: 576px) {
  #whats-new-form {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}

#whats-new-form #message {
  width: 100%;
}

#whats-new-avatar {
  margin-right: 1rem;
  float: left;
  display: none;
}

#whats-new-avatar .img-dynamic {
  display: block;
  z-index: 3;
}

.activity-greeting {
  font-weight: 700;
  font-size: 1.125rem;
  margin-bottom: 0;
}

#whats-new-content {
  margin-top: 0.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: 1rem;
  width: auto;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: border-color 0.185s ease-in-out, box-shadow 0.225s ease-in-out;
  position: relative;
}

@media (min-width: 576px) {
  #whats-new-content {
    width: 100%;
  }
}

#whats-new-content:hover {
  border-color: #DADADA;
}

#whats-new-form #whats-new-textarea {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-bottom: 0;
  position: static !important;
  margin-bottom: 0;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: margin-bottom 0.25s ease-out;
}

#whats-new {
  min-height: 3.1rem;
  margin-right: 1rem;
  box-shadow: none;
  border: none;
  resize: none;
}

#whats-new-submit button {
  opacity: 0;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, background-image 0.5s ease-out, border-color 0.15s ease-in-out, box-shadow 0.225s ease-in-out, transform 0.4s ease-in-out, opacity 0.25s ease-out;
}

#whats-new-options {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: padding 0.25s ease-out;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  overflow: hidden;
  padding-left: 1rem;
  padding-bottom: .5rem;
}

#rtmedia-action-update {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  #whats-new-options {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #whats-new-post-in-box {
    margin-right: 1rem;
  }
}

#whats-new-post-in-box {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 0.875rem;
}

#whats-new-post-in-box, #whats-new-options .rtmedia-plupload-container {
  margin-bottom: 0;
  opacity: 0;
  height: 0;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: height 0.2s ease-out 0.25s, margin-bottom 0.2s ease-out 0.25s, opacity 0.2s ease-out;
}

#whats-new-content.active #whats-new-submit button {
  opacity: 1;
}

#whats-new-content.active #whats-new-post-in-box, #whats-new-content.active .rtmedia-plupload-container {
  padding-top: .1875rem;
  padding-bottom: .1875rem;
  opacity: 1;
  margin-bottom: 1rem;
  /*  -webkit-transition: $transition;
        -moz-transition: $transition;
        -o-transition: $transition;
        -ms-transition: $transition;*/
  transition: height 0.25s ease-out, margin-bottom 0.25s ease-out, opacity 0.25s ease-out 0.3s;
}

#latest-update {
  display: none;
}

.bp-widget table {
  margin-bottom: 2rem;
}

.bp-widget table td {
  vertical-align: middle;
}

.bp-widget table .data > p {
  margin-bottom: 0;
}

.bp-widget table .label {
  width: 12rem;
}

#groups-list-options, #members-list-options {
  font-size: 0.875rem;
}

/* Global search */
.bboss_search_form_wrapper label br {
  display: none;
}

.bboss_search_page .search_filters {
  margin-bottom: 1.5rem;
}

.bboss_search_page p:empty {
  display: none;
}

.bboss_search_page .bboss_search_item_activity_comment, .bboss_search_page .bboss_search_item_member, .bboss_search_page .bboss_search_item_group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.bboss_search_page .bboss_search_item_activity_comment .action, .bboss_search_page .bboss_search_item_member .action, .bboss_search_page .bboss_search_item_group .action {
  margin-left: auto;
}

.bboss_search_page .bboss_search_item .item-avatar {
  padding: 0 1rem 0 0 !important;
  margin-right: 0;
}

.bboss_search_page .bboss_search_item .item-desc p {
  margin-bottom: 0;
}

.bboss_search_page .bboss_search_item_activity .activity-avatar {
  float: left;
}