:root {
  --body:#fafafa;
  --highlight:#fff;
  --text:#475F7B;
  --bold:#394C62;
  --primary: #5A8DEE;
  --secondary: #475F7B;
  --success: #39DA8A;
  --primarycolor:#fff;
  --sidebar:#f4f4ff;
  --border:rgba(0,0,0,0.08);
  --darkborder:rgba(0,0,0,0.3);
  --blue: #5A8DEE;
  --indigo: #6610F2;
  --purple: #6F42C1;
  --pink: #E83E8C;
  --red: #FF5B5C;
  --orange: #FD7E14;
  --yellow: #FDAC41;
  --green: #39DA8A;
  --cyan: #00CFDD;
  --white: #FFFFFF;
  --gray: #475F7B;
  --gray-dark: #394C62;
  --info: #00CFDD;
  --warning: #FDAC41;
  --danger: #FF5B5C;
  --light: #A3AFBD;
  --dark: #394C62;
  --error:#ffe27e;
  --errortext:#725906;
  --shadow:rgba(0,0,0,0.2);
}

.vibebp_myprofile.dark_theme {
  --body:#1e2b39;
  --highlight:#192430;
  --text:#EAEAEB;
  --bold:#FFFFFF;
  --primary: #FFAE2A;
  --secondary: #FFDB9C;
  --success: #39DA8A;
  --primarycolor:#fff;
  --sidebar:#253343;
  --border:rgba(255,255,255,0.08);
  --darkborder:rgba(255,255,255,0.3);
  --blue: #5A8DEE;
  --indigo: #6610F2;
  --purple: #6F42C1;
  --pink: #E83E8C;
  --red: #FF5B5C;
  --orange: #FD7E14;
  --yellow: #FDAC41;
  --green: #39DA8A;
  --cyan: #00CFDD;
  --white: #232B3D;
  --gray: #475F7B;
  --gray-dark: #394C62;
  --info: #00CFDD;
  --warning: #FDAC41;
  --danger: #FF5B5C;
  --light: #A3AFBD;
  --dark: #d2dae2;
  --error:#ffe27e;
  --errortext:#725906;
  --shadow:rgba(255,255,255,0.2);
}

a.vibebp-login:hover,
a.vibebp-login a:hover {
  transform: none !important;
}

.loggedin_user_div {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  justify-content: space-between;
  line-height: 1;
}
.loggedin_user_div .login_extras {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  cursor: pointer;
}

a.loggedin_user {
  display: flex;
  flex-direction: row;
  align-items: center;
}
a.loggedin_user img {
  width: 24px;
  border-radius: 50%;
  overflow: hidden;
}
a.loggedin_user .vibebp_name {
  padding: 0 5px;
}

.usermenu_content {
  display: flex;
  flex-direction: column;
}
.usermenu_content span {
  cursor: pointer;
}

.user_menu {
  position: absolute;
  top: calc(100% + 1em);
  width: 160px;
  background: var(--dark);
  right: 0;
  color: var(--white);
  border-radius: 0 0 5px 5px;
  z-index: 99;
}
.user_menu.active {
  padding: 0.5rem;
  z-index: 999;
}
.user_menu.active a {
  padding: 0.75rem;
  display: flex;
  margin: 0;
  cursor: pointer;
  justify-content: space-between;
  color: var(--white) !important;
}
.user_menu.active a > span {
  font-size: inherit;
  opacity: 1;
}
.user_menu.active .usermenu_content > span {
  display: flex;
  padding: 0.75rem;
  justify-content: space-between;
}
.user_menu.active:after {
  content: "";
  position: absolute;
  display: block;
  border: 10px solid;
  top: -20px;
  right: 34px;
  border-color: transparent transparent var(--dark);
}

a.vibebp-login {
  position: relative;
}

.loginpopup_wrapper {
  position: fixed;
  left: 0;
  top: 0;
  background: var(--body);
  width: 100vw;
  height: 100vh;
  font-size: 1.4rem;
  z-index: 99;
  display: grid;
  align-items: center;
  justify-items: center;
  z-index: 99;
}

.static_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.static_wrapper .login_popup {
  transform: scale(1);
}

.login_popup {
  position: relative;
  background: var(--highlight);
  padding: 4em;
  border-radius: 0.4rem;
  transform: scale(0);
  transition: all 0.2s;
  max-width: 1200px;
  width: 60vw;
  max-height: 100vh;
  overflow: auto;
}
.login_popup.active {
  transform: scale(1);
}
.login_popup.small {
  width: 100vw;
}
.login_popup .new_password_wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.login_popup .new_password_wrap input {
  width: 100%;
  border: none;
  border-bottom: 2px solid var(--border);
  border-radius: 2px;
  background: none;
  color: var(--text);
  margin-bottom: 10px;
  box-shadow: none;
  border-radius: 0;
}
.login_popup .new_password_wrap .message {
  background: var(--sidebar);
  padding: 1rem;
  border: 1px solid var(--primary);
  border-radius: 5px;
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1rem;
}
.login_popup .new_password_wrap .message.error:before {
  content: "\e6c5";
  font-family: vicon;
}
.login_popup .new_password_wrap .message.success:before {
  content: "\e64c";
  font-family: vicon;
}
.login_popup .new_password_wrap .message.success {
  background: var(--green);
  border: 1px solid var(--green);
}
.login_popup span.passworderrorwrapper {
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.login_popup span.passworderrorwrapper > * {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.login_popup span.passworderrorwrapper .vicon {
  font-size: 1.2rem;
  line-height: 2rem;
}
.login_popup.medium, .login_popup.elegance {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
}
.login_popup.medium .login_popup_content, .login_popup.elegance .login_popup_content {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  text-transform: none;
  color: var(--text);
  text-shadow: none;
}
.login_popup.medium .login_popup_content h2, .login_popup.elegance .login_popup_content h2 {
  font-size: 2.8rem;
  font-weight: 600;
  color: var(--bold);
}
.login_popup.medium .login_popup_content > * + *, .login_popup.elegance .login_popup_content > * + * {
  margin-top: 1rem;
  font-weight: 400;
  font-size: 1rem;
}
.login_popup.medium .login_popup_content .button, .login_popup.elegance .login_popup_content .button {
  width: 100%;
  display: flex;
  height: 48px;
  padding: 0;
  margin: 10px 0;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  color: var(--primarycolor) !important;
  border: none;
  cursor: pointer;
}
.login_popup.medium .login_popup_content .button span.vicon, .login_popup.elegance .login_popup_content .button span.vicon {
  margin: 12px 0 12px 12px;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.login_popup.medium .login_popup_content .button span.vicon + span, .login_popup.elegance .login_popup_content .button span.vicon + span {
  flex: 1;
  margin-left: -13px;
  color: var(--primarycolor);
  opacity: 1;
  max-width: none;
  font-size: 1rem;
}
.login_popup.medium .extra_details, .login_popup.elegance .extra_details {
  margin-top: 1.5rem;
  font-size: 0.8rem;
}
.login_popup.medium .extra_details > *, .login_popup.elegance .extra_details > * {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  margin-left: 5px;
  font-size: 1rem;
}
.login_popup.slick {
  text-align: start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  justify-items: flex-start;
  width: 80%;
  margin: 0;
}
.login_popup.slick .login_popup_bg_img {
  flex: 1 0 240px;
  overflow: hidden;
  max-hright: 80vh;
}
.login_popup.slick .login_popup_bg_img img {
  object-fit: cover;
  object-position: center;
}
.login_popup.slick .login_popup_content {
  flex: 1 0 240px;
  padding: 2rem;
  gap: 0.75rem;
  display: flex;
  flex-direction: column;
}
.login_popup.slick .login_popup_content h2 {
  font-size: 2.8rem;
  font-weight: 600;
}
.login_popup.slick .login_popup_content > * + * {
  margin-top: 1rem;
  font-size: 1rem;
}
.login_popup.slick .login_popup_content > .button {
  width: 100%;
  display: flex;
  height: 40px;
  padding: 0;
  margin: 10px 0;
  align-items: center;
  text-align: center;
  justify-content: space-between;
}
.login_popup.slick .login_popup_content > .button span.vicon {
  margin: 8px;
  font-size: 18px;
  color: var(--primarycolor);
}
.login_popup.slick .login_popup_content > .button span.vicon + span {
  flex: 1;
  color: var(--primarycolor);
  text-align: center;
}
.login_popup.slick .extra_details {
  margin-top: 1.5rem;
  font-size: 0.8rem;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.login_popup.slick .extra_details > * {
  margin-top: 1.5rem;
  display: flex;
  justify-content: flex-start;
  margin-left: 5px;
  font-size: 1rem;
}
.login_popup .vicon-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1.5rem;
  margin: 0 !important;
  color: var(--text);
}
.login_popup .loginform {
  margin: 2rem 0;
}
.login_popup .loginform .checkbox {
  display: flex;
}
.login_popup .loginform .input {
  width: 100%;
  border: none;
  border-bottom: 2px solid var(--border);
  border-radius: 2px;
  background: none;
  color: var(--text);
  margin-bottom: 10px;
  box-shadow: none;
  border-radius: 0;
}
.login_popup .loginform .input.is-warning {
  border-color: var(--warning) !important;
}
.login_popup .loginform .input.is-danger {
  border-color: var(--danger) !important;
}
.login_popup .loginform .input:focus {
  border-color: var(--primary);
}
.login_popup .loginform .button {
  width: 100%;
  margin: 1rem 0 0;
  padding: 0.75rem;
  background: var(--primary);
  color: var(--primarycolor);
}
.login_popup .loginform label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login_popup .loginform label .forgot_password {
  opacity: 0.6;
  font-size: 80%;
}
.login_popup .loginform .error {
  color: var(--warning);
  font-size: 11px;
  background: none;
  border: none;
  font-weight: 400;
  padding: 0;
}
.login_popup .loginform .error.checkbox label:before {
  border-color: var(--warning);
}
.login_popup .loginform .error.checkbox:before {
  display: none;
}
.login_popup .loginform .error:before {
  content: "\e6c5";
  padding-right: 1rem;
  font-family: vicon;
}
.login_popup .loginform > .checkbox > input[type=checkbox] + label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: none;
  font-size: 1rem;
  font-weight: 400;
}
.login_popup .loginform .registration_message {
  background: var(--sidebar);
  padding: 1rem;
  border-radius: 5px;
}
.login_popup .loginform .control {
  position: relative;
}
.login_popup .loginform .control > .vicon {
  position: absolute;
  right: 0;
  margin-top: 0.5rem;
}
.login_popup .loginform .control > .vicon + .input {
  padding-right: 1rem;
}
.login_popup .loginform .register_member_type_wrap {
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
}
.login_popup .loginform .register_member_type_wrap .reg_header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_form_field {
  margin: 1rem 0;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_form_field input, .login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_form_field textarea {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 2px solid var(--border);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .repeatable_title input {
  font-size: 1rem;
  width: 100%;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .repeatable_title span {
  width: auto;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social {
  flex-direction: column;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .social_icons_list {
  display: flex;
  flex-direction: column;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .social_icons_list .social_icon_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 1px dashed var(--border);
  position: relative;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .social_icons_list .social_icon_wrapper .vicon-close {
  padding: 0.5rem;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .social_icons_list .social_icon_wrapper .social_icon > span + span {
  margin-left: 5px;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .vicon-plus {
  border: 1px solid var(--border);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .vicon-plus:hover {
  background: var(--primary);
  color: var(--primarycolor);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon {
  display: flex;
  flex-direction: column;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons {
  display: flex;
  flex-wrap: wrap;
  max-height: 300px;
  overflow-y: scroll;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons .social_icon {
  margin: 2px;
  padding: 2px 4px;
  border: 1px dotted var(--border);
  align-items: center;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons .social_icon:hover {
  border: 1px solid var(--shadow);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons .social_icon.selected {
  background: var(--primary);
  color: var(--primarycolor);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icons .social_icon.selected .vicon {
  color: var(--primarycolor);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icon_url {
  margin: 10px 0;
  border: none;
  background: none;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.social .add_social_icon .social_icon_url.error > input {
  border-color: var(--danger);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .gallery_field .media_gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-items: center;
  align-items: center;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .gallery_field .media_gallery.media_gallery > div {
  width: 100px;
  margin: 0.5rem;
  position: relative;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .gallery_field .media_gallery.media_gallery > div span.remove {
  position: absolute;
  top: 0.5rem;
  right: 0.1rem;
  font-weight: 900;
  color: var(--highlight);
  background: var(--red);
  padding: 0.3rem;
  border-radius: 50%;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .video_field .single_media {
  position: relative;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .video_field .single_media .remove {
  position: absolute;
  top: 0.5rem;
  right: 0.1rem;
  font-weight: 900;
  color: var(--highlight);
  background: var(--red);
  padding: 0.3rem;
  border-radius: 50%;
  z-index: 99;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 11px;
  opacity: 0.6;
  text-transform: uppercase;
  justify-content: space-between;
  gap: 1rem;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_types > div, .login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_types {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_types > div > *,
.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_types > span {
  padding: 5px;
  border: 1px solid var(--border);
  background: var(--body);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_size {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .file_restrictions_info .allowed_file_size > span {
  margin: 0 0.5rem;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable {
  flex-direction: column;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable > a.vicon.vicon-close {
  position: static;
  right: 0;
  top: 0;
  padding: 0.5rem;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list {
  display: flex;
  flex-direction: column;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list .repeatable_icon_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 1px dashed var(--border);
  position: relative;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list .repeatable_icon_wrapper .repeatable_icon > span + span {
  margin-left: 5px;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list .repeatable_icon_wrapper .repeatable_icon {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_icons_list .repeatable_icon_wrapper .repeatable_icon > span:first-child {
  width: auto;
  font-size: 2rem;
  margin: 10px;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .vicon-plus {
  border: 1px solid var(--border);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .vicon-plus:hover {
  background: var(--primary);
  color: var(--primarycolor);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon {
  display: flex;
  flex-direction: column;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons {
  display: flex;
  flex-wrap: wrap;
  max-height: 300px;
  overflow-y: scroll;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons .repeatable_icon {
  margin: 2px;
  padding: 2px 4px;
  border: 1px dotted var(--border);
  align-items: center;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons .repeatable_icon:hover {
  border: 1px solid var(--shadow);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons .repeatable_icon.selected {
  background: var(--primary);
  color: var(--primarycolor);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .add_repeatable_icon .repeatable_icons .repeatable_icon.selected .vicon {
  color: var(--primarycolor);
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_title {
  display: flex;
  align-items: center;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_title > span:first-child {
  width: auto;
  font-size: 2rem;
  margin: 0 1rem;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_profile_field.repeatable .repeatable_title > span:first-child + span {
  flex: 1;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_field_group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.login_popup .loginform .register_member_type_wrap .field_wrap .vibebp_field_group .radio > input[type=radio] + label {
  display: flex;
}
.login_popup .back {
  font-size: 1rem;
}
.login_popup .passwordfield {
  display: flex;
  position: relative;
  flex-direction: column;
}
.login_popup .passwordfield > .vicon {
  position: absolute;
  top: 10px;
  cursor: pointer;
  z-index: 9;
  right: 0px;
  z-index: 9;
  margin: 0 !important;
}
.login_popup .passwordfield input.input {
  padding-right: 15px;
}
.login_popup .password_strength_wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 11px;
  text-transform: uppercase;
}
.login_popup .password_strength_wrapper span.password_strength {
  display: flex;
  flex: 1;
  gap: 1px;
}
.login_popup .password_strength_wrapper span.password_strength > * {
  flex: 1;
  padding: 3px;
  border-radius: 5px;
  display: flex;
  background: var(--border);
}
.login_popup .password_strength_wrapper span.password_strength > *.pass_active:nth-child(1) {
  background: linear-gradient(45deg, #ed4949, #f5a266);
}
.login_popup .password_strength_wrapper span.password_strength > *.pass_active:nth-child(2) {
  background: linear-gradient(45deg, #f5a266, #fceb24);
}
.login_popup .password_strength_wrapper span.password_strength > *.pass_active:nth-child(3) {
  background: linear-gradient(45deg, #fceb24, #91ef15);
}
.login_popup .password_strength_wrapper span.password_strength > *.pass_active:nth-child(4) {
  background: linear-gradient(45deg, #91ef15, #23d923);
}
.login_popup .password_strength_wrapper span.password_strength > *.pass_active:nth-child(5) {
  background: linear-gradient(45deg, #23d923, #599c00);
}

.loginform + .button {
  margin-top: -1rem !important;
}

.extra_details .vibebp_forward_link {
  display: flex;
  margin-left: 5px;
  padding: 0;
  cursor: pointer;
  color: var(--primary) !important;
  align-items: center;
}
.extra_details .vibebp_forward_link .vicon {
  margin-left: 5px;
  transition: all 0.2s;
}
.extra_details .vibebp_forward_link:hover .vicon {
  transform: translateX(5px);
}
.extra_details .vibebp_back_link {
  display: flex;
  margin-left: 5px;
  cursor: pointer;
  padding: 0;
  color: var(--primary) !important;
  align-items: center;
}
.extra_details .vibebp_back_link .vicon {
  margin-right: 5px;
  transition: all 0.2s;
}
.extra_details .vibebp_back_link:hover .vicon {
  transform: translateX(-5px);
}

@media (max-width: 480px) {
  .login_popup_bg_img {
    display: none;
  }
}
@media (max-width: 768px) {
  .login_popup {
    width: 90vw;
    padding: 1.5rem;
  }

  .loggedin_user img + span.vibebp_name {
    display: none !important;
  }
}
.rtl .vibebp_forward_link .vicon {
  transform: rotate(180deg);
}
.rtl .vibebp_forward_link:hover .vicon {
  transform: rotate(180deg) translateX(5px);
}

/* ===== Group Directory ===== */
#vibebp_groups_directory {
  flex-direction: column;
}

.vibebp_groups_directory_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
  width: 100%;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters {
  flex: 1 0 240px;
  margin: 0 0.75rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters > .vibebp_groups_filter {
  border: 1px solid var(--border);
  padding: 1rem;
  margin-bottom: 2rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters > .vibebp_groups_filter > span {
  padding: 0 0 1rem;
  margin-bottom: 1rem;
  display: block;
  border-bottom: 1px solid var(--border);
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters > .vibebp_groups_filter .group_types {
  padding: 5px 10px;
  display: flex;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters > .vibebp_groups_filter .group_types ul {
  list-style: none;
  width: 100%;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters > .vibebp_groups_filter .group_types .group_type {
  padding: 8px 12px;
  display: flex;
  border-radius: 2px;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_filters > .vibebp_groups_filter .group_types .group_type.active {
  background: var(--primary);
  color: var(--primarycolor);
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_main {
  flex: 10 0 240px;
  display: flex;
  flex-direction: column;
  margin: 0 0.75rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header > span {
  display: flex;
  align-items: center;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header > span > span {
  bordeR: 1px solid var(--border);
  padding: 8px;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header > span > span .vicon {
  margin-left: 10px;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter ul {
  display: flex;
  flex-direction: row;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter ul li + li {
  margin: 0 0.2rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter a {
  padding: 0.5rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header select {
  height: 40px;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search {
  margin: 0 1rem;
  border-bottom: 1px solid var(--border);
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search input {
  border: none;
  padding: 0.5rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search input:focus {
  outline: none;
}
.vibebp_groups_directory_wrapper .vibebp_member_directory_filters {
  display: flex;
  flex-direction: column;
}
.vibebp_groups_directory_wrapper .vibebp_member_directory_filters .vibebp_member_directory_filter {
  padding: 1rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter ul {
  display: flex;
  flex-direction: row;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter ul li + li {
  margin: 0 0.2rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_filter a {
  padding: 0.5rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header select {
  height: 40px;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search {
  padding-right: 45px;
  border-bottom: 1px solid var(--border);
  position: relative;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search input {
  border: none;
  padding: 0.5rem;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_header .vibebp_groups_search input:focus {
  outline: none;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 1.5rem;
  margin: 1.5rem 0;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory.names .vibebp_group img {
  width: 100%;
  border-radius: 5px;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory.card {
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_pagination {
  display: flex;
  flex-direction: row;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_pagination > span, .vibebp_groups_directory_wrapper .vibebp_groups_directory_pagination a {
  margin-right: 0.2rem;
  padding: 5px 12px;
  font-size: 1rem;
  background: var(--border);
  border-radius: 2px;
}
.vibebp_groups_directory_wrapper .vibebp_groups_directory_pagination > span {
  background: var(--primary);
  color: var(--primarycolor);
}
.vibebp_groups_directory_wrapper .vibebp_groups_filter .group_type {
  display: flex;
  padding: 8px 12px;
  border-radius: 2px;
}
.vibebp_groups_directory_wrapper .vibebp_groups_filter .group_type.active {
  background: var(--primary);
  color: var(--primarycolor);
}

.single-items.group .vibebp_group_members {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
  grid-gap: 10px;
}
.single-items.group .vibebp_group_members img {
  border-radius: 5px;
}

@media (max-width: 840px) and (min-width: 681px) {
  .vibebp_groups_directory_wrapper .vibebp_groups_directory.card {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
}
@media (max-width: 680px) {
  .vibebp_groups_directory_wrapper .vibebp_groups_directory_header {
    flex-direction: column;
  }
  .vibebp_groups_directory_wrapper .vibebp_groups_directory_header > * {
    margin-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .vibebp_groups_directory_wrapper .vibebp_groups_directory.card {
    grid-template-columns: 1fr;
  }
}
/* ===== Members Directory ===== */
#vibebp_members_directory.with_map {
  display: flex;
}
#vibebp_members_directory.with_map > div {
  flex: 1;
}
#vibebp_members_directory.with_map > div.vibebp_members_directory_google_map {
  position: relative;
  margin-right: 1rem;
}
#vibebp_members_directory.with_map > div.vibebp_members_directory_google_map .vibebp_members_directory_google_map_wrapper {
  height: 100%;
}
#vibebp_members_directory.with_map > div.vibebp_members_directory_google_map .vibebp_members_directory_google_map_wrapper > div {
  transition: all 0.2s;
  position: absolute;
}

.vibebp_members_directory_wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}
.vibebp_members_directory_wrapper.horizontal_filters {
  flex-direction: column;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters {
  margin: 0 0 2rem;
  display: flex;
  flex-direction: row;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter {
  position: relative;
  padding: 0;
  border: none;
  margin-right: 1rem;
  font-size: 1rem;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter > span {
  padding: 0.5rem;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: 2px;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter > div {
  display: none;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter.active > span, .vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter:hover > span {
  background: var(--primary);
  color: var(--primarycolor);
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter.active > div, .vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter:hover > div {
  display: block;
  position: absolute;
  width: 240px;
  background: var(--highlight);
  padding: 1rem;
  top: 100%;
  left: 0;
  border: 1px solid var(--border);
  z-index: 9;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter.active > span {
  box-shadow: 0 5px 5px var(--border);
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location {
  padding: 0.5rem;
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--border);
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location input {
  padding: 0;
  border: none;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location input:focus {
  outline: none;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location .vibebp_autocomplete_results {
  max-height: 240px;
  overflow-y: auto;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location .vibebp_autocomplete_results .vibebp_autocomplete_result {
  padding: 5px 0;
  border-bottom: 1px dotted var(--border);
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_search_location .vibebp_autocomplete_results .vibebp_autocomplete_result:hover {
  border-bottom: 1px solid var(--darkborder);
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search .search_radius_wrapper {
  margin-left: 1rem;
  flex: 1;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search .search_radius_wrapper .search_radius_bar {
  height: 2px;
  background: var(--border);
  width: 100%;
  display: block;
  position: relative;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search .search_radius_wrapper .search_radius_bar > span {
  background: var(--primary);
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: -7px;
  left: 0;
  border-radius: 10px;
  transition: all 0.2s;
}
.vibebp_members_directory_wrapper.horizontal_filters .vibebp_members_directory_filters > .vibebp_members_directory_filter .vibebp_search_location_wrapper .vibebp_radius_search .search_radius_wrapper .search_radius_bar > span:hover {
  box-shadow: 0 0 5px var(--primary);
}
.vibebp_members_directory_wrapper .vibebp_members_directory_filters {
  flex: 1 0 240px;
  margin: 0 0.75rem;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_filters > .vibebp_members_directory_filter {
  border: 1px solid var(--border);
  padding: 1rem;
  margin-bottom: 2rem;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_filters > .vibebp_members_directory_filter > span {
  padding: 0 0 1rem;
  margin-bottom: 1rem;
  display: block;
  border-bottom: 1px solid var(--border);
}
.vibebp_members_directory_wrapper .vibebp_members_directory_filters > .vibebp_members_directory_filter .member_types {
  display: flex;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_filters > .vibebp_members_directory_filter .member_types ul {
  list-style: none;
  width: 100%;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_filters > .vibebp_members_directory_filter .member_types .member_type {
  padding: 8px 12px;
  display: flex;
  border-radius: 2px;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_filters > .vibebp_members_directory_filter .member_types .member_type.active {
  background: var(--primary);
  color: var(--primarycolor);
}
.vibebp_members_directory_wrapper .vibebp_members_directory_main {
  flex: 10 0 240px;
  display: flex;
  flex-direction: column;
  margin: 0 0.75rem;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header > span {
  display: flex;
  align-items: center;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header > span > span {
  bordeR: 1px solid var(--border);
  padding: 8px;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header > span > span .vicon {
  margin-left: 10px;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_filter ul {
  display: flex;
  flex-direction: row;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_filter ul li + li {
  margin: 0 0.2rem;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_filter a {
  padding: 0.5rem;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header select {
  height: 40px;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_search {
  margin: 0 1rem;
  border-bottom: 1px solid var(--border);
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_search input {
  border: none;
  padding: 0.5rem;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_header .vibebp_members_search input:focus {
  outline: none;
}
.vibebp_members_directory_wrapper .vibebp_member_directory_filters {
  display: flex;
  flex-direction: column;
}
.vibebp_members_directory_wrapper .vibebp_member_directory_filters .vibebp_member_directory_filter {
  padding: 1rem;
}
.vibebp_members_directory_wrapper .vibebp_members_directory {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 1.5rem;
  margin: 1.5rem 0;
}
.vibebp_members_directory_wrapper .vibebp_members_directory.names .vibebp_member {
  text-align: center;
}
.vibebp_members_directory_wrapper .vibebp_members_directory.names .vibebp_member img {
  width: 100%;
  border-radius: 5px;
}
.vibebp_members_directory_wrapper .vibebp_members_directory.pop_names .vibebp_member > a {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.vibebp_members_directory_wrapper .vibebp_members_directory.pop_names .vibebp_member > a > span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 10px 0 5px;
  background: linear-gradient(0deg, black, transparent);
  transition: all 0.2s;
  transform: translateY(100%);
}
.vibebp_members_directory_wrapper .vibebp_members_directory.pop_names .vibebp_member > a:hover > span {
  transform: translateY(0%);
  color: #fff;
}
.vibebp_members_directory_wrapper .vibebp_members_directory.card {
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
}
.vibebp_members_directory_wrapper .vibebp_members_directory .member_action .messagebox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 200px;
  padding: 1rem;
  border-radius: 5px;
  box-shadow: 0 5px 20px;
  background: #fff;
}
.vibebp_members_directory_wrapper .vibebp_members_directory .member_action .messagebox > div {
  display: flex;
  align-items: center;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_pagination {
  display: flex;
  flex-direction: row;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_pagination > span, .vibebp_members_directory_wrapper .vibebp_members_directory_pagination a {
  margin-right: 0.2rem;
  padding: 5px 12px;
  font-size: 1rem;
  background: #eee;
  border-radius: 2px;
}
.vibebp_members_directory_wrapper .vibebp_members_directory_pagination > span {
  background: var(--primary);
  color: var(--primarycolor);
}
.vibebp_members_directory_wrapper .vibebp_members_filter a {
  padding: 0.4rem 0.6rem;
  border-radius: 2px;
}
.vibebp_members_directory_wrapper .vibebp_members_filter a.active {
  background: var(--primary);
  color: var(--primarycolor);
}

.profile_data_field {
  display: flex;
  flex-direction: column;
}

.vibebp_profile_field.stacked {
  display: flex;
  flex-direction: column;
}
.vibebp_profile_field.stacked label {
  font-size: 1rem;
  opacity: 0.8;
  margin-bottom: 0.2rem;
}
.vibebp_profile_field.spaced {
  display: flex;
  justify-content: space-between;
}
.vibebp_profile_field .icon_style label {
  display: none;
}
.vibebp_profile_field .social_icons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vibebp_profile_field .social_icons > a {
  margin: 2px;
  padding: 2px 4px;
}

.vibebp_user_friends {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.vibebp_user_friends.pop_names .vibebp_user_friend {
  position: relative;
  transition: all 0.5s;
}
.vibebp_user_friends.pop_names .vibebp_user_friend span {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  border-radius: 2px;
  top: 0;
  color: #fff;
  padding: 2px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.vibebp_user_friends.pop_names .vibebp_user_friend span:after {
  content: "";
  border: 6px solid;
  display: block;
  position: absolute;
  top: 25px;
  left: calc(50% - 3px);
  border-color: rgba(0, 0, 0, 0.8) transparent transparent;
}
.vibebp_user_friends.pop_names .vibebp_user_friend:hover span {
  transform: translateY(-30px);
  opacity: 1;
}
.vibebp_user_friends .vibebp_user_friend {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
}
.vibebp_user_friends .vibebp_user_friend img {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}

.vibebp_user_groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  grid-gap: 1rem;
  text-align: center;
  flex-direction: row;
  align-items: flex-start;
  justify-items: center;
}
.vibebp_user_groups.pop_names .vibebp_user_group {
  position: relative;
  width: 100%;
}
.vibebp_user_groups.pop_names .vibebp_user_group span {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  border-radius: 2px;
  top: 0;
  color: #fff;
  padding: 2px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.vibebp_user_groups.pop_names .vibebp_user_group span:after {
  content: "";
  border: 6px solid;
  display: block;
  position: absolute;
  top: 25px;
  left: calc(50% - 3px);
  border-color: rgba(0, 0, 0, 0.8) transparent transparent;
}
.vibebp_user_groups.pop_names .vibebp_user_group:hover span {
  transform: translateY(-30px);
  opacity: 1;
}
.vibebp_user_groups .vibebp_user_group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
}
.vibebp_user_groups .vibebp_user_group img {
  border-radius: 5px;
  width: 100%;
}

.profile_avatar {
  max-width: 100%;
  width: 400px;
  height: 400px;
}
.profile_avatar .upload_file {
  min-height: 240px;
  width: 100%;
}

.member_card {
  transition: all 0.5s;
}

.vbpcolumns {
  display: grid;
  grid-gap: 10px;
  position: relative;
  padding: 5px 0;
}
.vbpcolumns:hover .vicon-close {
  display: block;
}
.vbpcolumns .vicon-close {
  color: red;
  font-size: 8px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.vbpcolumns.column_1 {
  grid-template-columns: 1fr;
}
.vbpcolumns.column_1_1 {
  grid-template-columns: 1fr 1fr;
}
.vbpcolumns.column_1_1_1 {
  grid-template-columns: 1fr 1fr 1fr;
}
.vbpcolumns.column_2_1 {
  grid-template-columns: 2fr 1fr;
}
.vbpcolumns.column_1_2 {
  grid-template-columns: 1fr 2fr;
}
.vbpcolumns.column_3_2 {
  grid-template-columns: 3fr 2fr;
}
.vbpcolumns.column_2_3 {
  grid-template-columns: 2fr 3fr;
}
.vbpcolumns.column_1_1_1_1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.vbpcolumns.column_1_2_1 {
  grid-template-columns: 1fr 2fr 1fr;
}
.vbpcolumns .vbpcolumn_wrapper .element_wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.vbpcolumns .vbpcolumn_wrapper .vbpfield {
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.vbpcolumns .vbpcolumn_wrapper .vbpfield a.social_icon {
  text-decoration: none;
  padding: 2px 4px;
}
.vbpcolumns .vbpcolumn_wrapper .vbpsmall {
  font-size: 1rem;
}
.vbpcolumns .vbpcolumn_wrapper .vbplarge {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.vbpcolumns .vbpcolumn_wrapper .vbptag {
  display: flex;
  flex-wrap: wrap;
}
.vbpcolumns .vbpcolumn_wrapper .vbptag > span {
  background: var(--border);
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 5px;
  margin: 2px;
}
.vbpcolumns .vbpcolumn_wrapper .vbplabel_spaced {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.vbpcolumns .vbpcolumn_wrapper .vbplabel_stacked {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vbpcolumns .vbpcolumn_wrapper .vbplabel_stacked > span {
  font-size: 80%;
}
.vbpcolumns .vbpcolumn_wrapper .vbpdescription {
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
.vbpcolumns .vbpcolumn_wrapper .vbpdescription:hover {
  max-height: none;
  overflow: visible;
}
.vbpcolumns .vbpcolumn_wrapper .vbpdescription:hover span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

@media (max-width: 840px) and (min-width: 681px) {
  .vibebp_members_directory_wrapper .vibebp_members_directory.card {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
  .vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_3 > .vbpcolumn_wrapper:nth-child(3n+1) {
    grid-column: 1/4;
  }
  .vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_4 {
    grid-template-columns: minmax(80px, 1fr) minmax(80px, 1fr);
  }
}
.applied_filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.applied_filters > span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.applied_filters > span > span {
  padding: 5px 10px;
  margin: 3px;
  background: var(--border);
  border-radius: 3px;
}

.opacity_50 {
  opacity: 50%;
}

.opacity_10 {
  opacity: 10%;
}

.opacity_0 {
  opacity: 0;
}

@media (max-width: 680px) {
  .vibebp_members_directory_wrapper .vibebp_members_directory_header {
    flex-direction: column;
  }
  .vibebp_members_directory_wrapper .vibebp_members_directory_header > * {
    margin-bottom: 1rem;
  }
  .vibebp_members_directory_wrapper .vibebp_members_directory_header > *:last-child {
    flex: 1;
    width: 100%;
  }
  .vibebp_members_directory_wrapper .vibebp_members_directory_header > *:last-child > select {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .vibebp_members_directory_wrapper .vibebp_members_directory.card {
    grid-template-columns: 1fr !important;
  }
  .vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_2, .vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_3, .vibebp_members_directory_wrapper .vibebp_members_directory .vbpcolumns.column_4 {
    grid-template-columns: 1fr;
  }
}
.vibebp_group_members {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}

.vibebp_group_members > * {
  flex: 1 0 80px;
  display: flex;
  align-items: center;
  background: var(--border);
  border-radius: 32px;
  margin: 0.5rem;
}

.vibebp_group_members > * img {
  width: 32px;
  height: 32px;
  border-radius: 50% !important;
  margin-right: 10px;
}

.vibebp_group_members > * span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 64px;
  overflow: hidden;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--primary);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.vibe_editor_note p, .vibe_editor_note h1, .vibe_editor_note h2, .vibe_editor_note h3, .vibe_editor_note h4, .vibe_editor_note h5, .vibe_editor_note h6 {
  color: inherit !important;
}

.field_type_table {
  width: 100%;
}

.repeatable_icons {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.repeatable_icons.timeliner {
  border-left: 1px solid var(--border);
  padding-left: 1.5rem;
}
.repeatable_icons.timeliner .repeatable_icon {
  position: relative;
}
.repeatable_icons.timeliner .repeatable_icon:before {
  content: "";
  position: absolute;
  left: calc(-1.5rem - 8px);
  top: 4px;
  width: 16px;
  height: 16px;
  display: block;
  background: var(--light);
  border-radius: 50%;
}

.vibebp_live_modules {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  z-index: 9999999;
}
.vibebp_live_modules .firebase_modules_background {
  width: 100vw;
  height: 100vh;
  display: block;
  z-index: 1;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));
}

.admin-bar .vibebp_live_modules {
  top: 30px;
  height: calc(100vh - 30px);
}

.firebase_modules {
  transition: all 0.5s;
  transform: translateX(100%);
  width: 0;
  height: 100%;
  box-shadow: -20px 0 50px rgba(0, 0, 0, 0.2);
  background: var(--dark);
}
.firebase_modules.active {
  transform: translateX(0%);
  width: 320px;
  overflow: hidden;
}

.vibbep_tabs_container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.vibbep_tabs_container .vibebp_tabs {
  display: flex;
  flex-direction: row;
  font-size: 0.8rem;
  text-transform: uppercase;
  background: var(--dark);
  height: 2.2rem;
}
.vibbep_tabs_container .vibebp_tabs .vibebp_tab {
  display: flex;
  flex: 1 0 80px;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  color: #fff;
}
.vibbep_tabs_container .vibebp_tabs .vibebp_tab.active {
  background: var(--primary);
}
.vibbep_tabs_container .vibebp_tabs .vibebp_tab span + span {
  margin-left: 0.5rem;
}
.vibbep_tabs_container .vibebp_tabs_content {
  padding: 1rem 0 0;
  height: calc(100% - 2.2rem);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .add_new_note {
  display: flex;
  justify-content: center;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note {
  margin: 1rem;
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note textarea {
  background: none;
  padding: 0.5rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_controls {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-size: 10px;
  padding: 0.5rem;
  opacity: 0.6;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_controls > div {
  display: flex;
  align-items: center;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_controls input.flatpickr-input {
  width: 80px;
  padding: 0;
  font-size: 1rem;
  background: none;
  border: none;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_controls .vibebp_color_field {
  min-width: 1rem;
  min-height: 1rem;
  display: block;
  margin: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_content {
  padding: 0.5rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_actions {
  display: flex;
  font-size: 0.8rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notes .vibebp_note .note_actions .button {
  font-size: 0.8rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications {
  margin: 1rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .vibebp_notification {
  background: rgba(255, 255, 255, 0.9);
  padding: 0.5rem;
  border-radius: 5px;
  font-size: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .vibebp_notification > div {
  font-size: 0.8rem;
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .vibebp_notification.active:after {
  content: "";
  width: 8px;
  height: 8px;
  top: 10px;
  right: 30px;
  position: absolute;
  background: var(--primary);
  border-radius: 5px;
  box-shadow: 0 0 5px var(--primary);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .vibebp_notification + .vibebp_notification {
  margin-top: 1rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_notifications .notification_actions {
  display: flex;
  margin: 0.5rem 0;
  justify-content: space-between;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tabs {
  display: flex;
  justify-content: space-evenly;
  flex-shrink: 0;
  font-size: 0.8rem;
  height: 2.2rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tabs .vibebp_chat_tab {
  color: #fff;
  font-size: 1rem;
  padding: 0.5rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tabs .vibebp_chat_tab span.vicon {
  margin-right: 1rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tabs .vibebp_chat_tab.active {
  border-bottom: 1px solid;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content {
  margin: 1rem 0 0;
  position: relative;
  flex: 1;
  height: calc(100% - 3.2rem);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(32px, 48px));
  grid-gap: 1rem;
  margin: 0 1rem;
  overflow-y: scroll;
  max-height: calc(100vh - 3rem);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .vibebp_avatar {
  border-radius: 50%;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member {
  position: relative;
  overflow: hidden;
  font-size: 0.8rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member:hover {
  overflow: visible;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member:hover .vibebp_member span {
  background: #444;
  color: #fff;
  font-size: 10px;
  padding: 2px;
  text-transform: uppercase;
  border-radius: 2px;
  width: 100%;
  text-align: center;
  line-height: 1;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member .vibebp_member {
  color: #fff;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .members_online .online_member .vibebp_member + span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 48px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: FLEX;
  align-items: center;
  justify-content: center;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 1rem 1rem;
  align-items: center;
  color: #fff;
  flex-shrink: 0;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header > div {
  display: flex;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header > div .links {
  color: #fff;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header > div .vicon {
  margin: 3px 5px 0 0;
  transition: all 0.2s;
  display: inline-block;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header > div .vicon-upload {
  transform: rotate(-90deg);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header > div:hover .vicon-arrow-left {
  transform: translateX(-2px);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_header > div:hover .vicon-upload {
  transform: translateX(-2px) rotate(-90deg);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_members {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 1rem 1rem;
  flex-shrink: 0;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_members .vibebp_avatar, .vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_members span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_members > span + span {
  margin-left: 5px;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .chat_messages {
  overflow-y: auto;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .add_message_wrapper {
  display: flex;
  justify-content: center;
  margin: 1rem;
  flex-shrink: 0;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_chat .add_message_wrapper .button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form {
  padding: 1rem;
  flex-shrink: 0;
  height: 150px;
  display: flex;
  flex-direction: column;
  color: #fff;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1rem 0 0;
  align-items: center;
  font-size: 0.8rem;
  position: relative;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div {
  display: flex;
  align-items: center;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div.message_options_wrapper {
  position: absolute;
  left: 0;
  top: -210px;
  width: 220px;
  height: 200px;
  z-index: 99;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(24px, 1fr));
  background: #222;
  padding: 0.5rem 0 0.5rem 0.5rem;
  border-radius: 5px;
  overflow-y: scroll;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div.message_options_wrapper.attachment_upload {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div.message_options_wrapper.attachment_upload input {
  display: none;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions div.message_options_wrapper.attachment_upload label {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px dashed rgba(255, 255, 255, 0.3);
  width: 100%;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions .link {
  font-size: 0.8rem;
  color: #fff;
  margin: 0 0.5rem;
  text-transform: uppercase;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form .new_message_actions .button {
  font-size: 0.8rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form textarea {
  background: none;
  padding: 0;
  flex: 1;
  border: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 10px;
  background: rgba(255, 255, 255, 0.08);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form textarea:focus {
  outline: none;
  border-color: var(--primary);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_message_form textarea::placeholder {
  color: #fff;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message {
  flex: 1;
  display: flex;
  flex-direction: row-reverse;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message.mine {
  flex-direction: row;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message.mine .message_wrapper {
  background: #dbfcff;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message .message_avatar {
  border-radius: 50%;
  overflow: hidden;
  max-width: 32px;
  height: 32px;
  margin: 1rem 1rem 0;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message .message_wrapper {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  padding: 0.5rem;
  background: #92eabe;
  border-radius: 1rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message .message_wrapper .message_header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  font-size: 0.8rem;
  opacity: 0.6;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .chat_message_wrapper .chat_message .message_wrapper .message_header .vicon {
  margin: 0 1rem 0 0;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_chat_button {
  margin: 1rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .new_chat_button .button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats {
  display: flex;
  flex-direction: column;
  margin: 0 1rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  border-radius: 5px;
  margin-bottom: 1rem;
  align-items: flex-start;
  color: #fff;
  position: relative;
  background: rgba(255, 255, 255, 0.2);
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat .vibebp_member {
  width: 48px;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat .vibebp_member img {
  width: 32px;
  border-radius: 50%;
  margin-right: 1rem;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat .vibebp_member span {
  font-size: 10px;
  opacity: 0.6;
  line-height: 1;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat div {
  display: flex;
  flex-direction: column;
}
.vibbep_tabs_container .vibebp_tabs_content .vibebp_chat_container .vibebp_chat_tab_content .vibebp_mychats .vibebp_mychat div span {
  font-size: 10px;
  opacity: 0.6;
}

.rtl .vibebp_live_modules .firebase_modules_background {
  transform: rotate(180deg);
}
.rtl .firebase_modules.active {
  transform: translateX(100%);
  z-index: 99;
}

.vibebp_notifications_wrapper {
  position: fixed;
  bottom: 10px;
  right: 0;
  max-width: 100vw;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
.vibebp_notifications_wrapper .vibebp_notification {
  background: var(--dark);
  margin-bottom: 1rem;
  border-radius: 5px;
  color: var(---white);
  width: 100%;
  animation: slideIn 3s 1 ease-in-out forwards;
}
.vibebp_notifications_wrapper .vibebp_notification:hover {
  animation-play-state: paused;
}
.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body {
  position: relative;
  display: flex;
  padding: 1rem;
  flex-direction: row;
  align-items: flex-start;
  color: var(--white);
}
.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body > div {
  flex: 1;
}
.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body .link {
  margin: 0 10px;
}
.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body .link + .link {
  margin-left: 0;
}
.vibebp_notifications_wrapper .vibebp_notification .vibebp_notification_body .vicon {
  font-size: 10px;
  padding: 0.5rem;
}

@keyframes slideIn {
  0% {
    opacity: 0;
    display: block;
    width: 100%;
    transform: translateX(100%) scale(0.5);
  }
  10% {
    opacity: 1;
    display: block;
    width: 100%;
    transform: translateX(0%) scale(1);
  }
  90% {
    opacity: 1;
    display: block;
    width: 100%;
    transform: translateX(0%) scale(1);
  }
  99% {
    opacity: 0;
    width: 0;
    transform: translateX(100%) scale(0.5);
  }
  100% {
    opacity: 0;
    width: 0;
  }
}
.vibe_editor_columns_wrapper {
  margin: 1rem 0;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_1_1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_1_2 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_1_3 {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_2_1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_2_3 {
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_3_1 {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_3_2 {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_1_1_1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_1_1_2 {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_1_1_3 {
  display: grid;
  grid-template-columns: 1fr 1fr 3fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_2_1_1 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_2_1_2 {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_2_1_3 {
  display: grid;
  grid-template-columns: 2fr 1fr 3fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_2_2_1 {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_2_2_3 {
  display: grid;
  grid-template-columns: 2fr 2fr 3fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_3_1_1 {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_3_1_2 {
  display: grid;
  grid-template-columns: 3fr 1fr 2fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_3_1_3 {
  display: grid;
  grid-template-columns: 3fr 1fr 3fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_3_2_1 {
  display: grid;
  grid-template-columns: 3fr 2fr 1fr;
  grid-gap: 1rem;
}
.vibe_editor_columns_wrapper .vibe_editor_columns_3_2_3 {
  display: grid;
  grid-template-columns: 3fr 2fr 3fr;
  grid-gap: 1rem;
}

.vibebp_tabs_wrapper {
  margin: 1rem 0;
}
.vibebp_tabs_wrapper .vibebp_tab_titles {
  margin-bottom: 0.5rem;
  display: flex;
  border-bottom: 1px solid var(--border);
  border-left: 1px solid var(--border);
}
.vibebp_tabs_wrapper .vibebp_tab_titles label {
  cursor: pointer;
}
.vibebp_tabs_wrapper .vibebp_tab_titles .vibebp_tab_title {
  padding: 0.5rem 1rem;
  border: 1px solid var(--border);
  border-bottom: none;
  border-left: none;
  margin-bottom: 0;
}
.vibebp_tabs_wrapper .vibebp_tab_titles .vibebp_tab_title.active {
  background: var(--primary);
  color: var(--primarycolor);
}
.vibebp_tabs_wrapper .vibebp_tab_content_wrapper {
  padding: 1rem;
  background: var(--highlight);
  margin-top: calc(-1px - 0.5rem);
  border: 1px solid var(--border);
}
.vibebp_tabs_wrapper .vibebp_tab_content, .vibebp_tabs_wrapper input[type=radio] {
  display: none;
}
.vibebp_tabs_wrapper .vibebp_tab_content.show {
  display: flex;
}
.vibebp_tabs_wrapper input[type=radio]:checked + .vibebp_tab_content {
  display: block;
}

.vibe_editor_rich_text ol {
  list-style: decimal inside;
}

.vibe_editor_rich_text > ul {
  list-style: disc inside;
}

.vibebp_accordion_wrapper {
  margin: 1rem 0;
}
.vibebp_accordion_wrapper .vibebp_accordion_toggle {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
.vibebp_accordion_wrapper .vibebp_accordion_toggle input[type=radio] {
  display: none;
}
.vibebp_accordion_wrapper .vibebp_accordion_toggle input[type=radio]:checked + label:after {
  content: "\e622";
}
.vibebp_accordion_wrapper .vibebp_accordion_toggle input[type=radio]:checked + label + .vibebp_accordion_toggle_content, .vibebp_accordion_wrapper .vibebp_accordion_toggle input[type=radio]:checked + label + p + .vibebp_accordion_toggle_content {
  display: block;
  transform: scaleY(1);
}
.vibebp_accordion_wrapper .vibebp_accordion_toggle label {
  display: flex;
  justify-content: space-between;
}
.vibebp_accordion_wrapper .vibebp_accordion_toggle label:after {
  content: "\e61a";
  font-family: "vicon";
}
.vibebp_accordion_wrapper .vibebp_accordion_toggle .vibebp_accordion_toggle_content {
  transform: scaleY(0);
  display: none;
  margin-top: 1rem;
  transition: all 0.5s;
}

.vibebp_accordion_toggle > input[type=radio]:checked + label + .vibe_accordion_toggle_content {
  display: block;
}

.flex_col_centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.vibebp_profile_field {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}
.vibebp_profile_field.stacked {
  gap: 0.1rem;
}
.vibebp_profile_field.spaced {
  justify-content: space-between;
}

.field_type_checkbox {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px;
}
.field_type_checkbox > div {
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.1);
  margin: 3px;
  border-radius: 5px;
}

.vibebpProfile_table {
  width: 100%;
}
.vibebpProfile_table td {
  padding: 0.5rem;
  border: 1px solid var(--border);
  vertical-align: middle !important;
}

.points_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.points_wrap > * {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--shadow);
}
.points_wrap > *.point {
  background: var(--primary);
}

.progressbar_wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.progressbar_wrapper .progressbar {
  flex: 1;
  height: 8px;
  display: flex;
  position: relative;
  background: var(--border);
  border-radius: 5px;
}
.progressbar_wrapper .progressbar .bar {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--primary);
  display: block;
  height: 8px;
  border-radius: 5px;
  flex: 1;
}

.activity_wall .uploader {
  height: 100%;
  min-width: auto;
  border: 2px dashed var(--border);
  align-items: center;
  display: flex;
}
.activity_wall .uploader .upload_file {
  padding: 0.3rem;
  font-size: 0.9rem;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity_wall .uploader .upload_file input {
  display: none;
}
.activity_wall .uploader .uploaded_src {
  position: relative;
}
.activity_wall .uploader .uploaded_src .uploaded_image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.activity_wall .uploader .uploaded_src > span {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5rem;
  color: #fff;
  opacity: 0;
  background: var(--light);
}
.activity_wall .uploader .uploaded_src:hover > span {
  opacity: 1;
}
.activity_wall .uploader .cropimage {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px;
  background: var(--highlight);
  border: 1px solid var(--border);
  box-shadow: 0 0 5px var(--border);
  width: 100%;
}

.reporting_wrap {
  min-width: 50vh;
  display: flex;
  flex-direction: column;
}
.reporting_wrap > div {
  margin: 0 0.5rem;
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.reporting_wrap > div span {
  margin: 0.5rem;
}
.reporting_wrap > div:hover {
  background: var(--shadow);
  border-radius: 5px;
}

#single_item_popup .single_item_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: var(--highlight);
  overflow-y: auto;
}
#single_item_popup .single_item_popup .header {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  margin: auto;
  padding: 1rem;
  position: relative;
  z-index: 99999;
  background: var(--highlight);
}
#single_item_popup .single_item_popup .loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#single_item_popup .single_item_popup .loader-wrapper {
  margin: 2rem auto;
  position: relative;
  left: 2rem;
  width: 100%;
}

.disabled_swiper_button {
  opacity: 0;
  transition: all 0.2;
}

.post_featured_block_wrapper.default_post_block {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
}
.post_featured_block_wrapper.default_post_block h3 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 0;
  pading: 0;
}
.post_featured_block_wrapper.default_post_block .read_more_link {
  font-size: 0.75em;
  margin-top: 0.75em;
  display: flex;
  align-items: center;
  color: var(--bg-primary);
}
.post_featured_block_wrapper.default_post_block .read_more_link .vicon {
  opacity: 0;
  margin-left: 5px;
  transition: all 0.2s;
  transform: translateX(-5px) scale(0.9);
}
.post_featured_block_wrapper.default_post_block .read_more_link:hover .vicon {
  opacity: 1;
  transform: none;
}
.post_featured_block_wrapper.default_post_block .post_block_meta {
  display: flex;
  justify-content: space-between;
  opacity: 0.6;
  font-size: 0.75em;
}
.post_featured_block_wrapper.default_post_block > a > img {
  object-fit: cover;
  width: 100%;
  border-radius: 5px;
}

.term_featured_block_wrapper.default_term_block {
  padding: 1.5rem;
  background: #f1f1f1;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 5px;
  font-weight: 600;
}

.member_featured_block_wrapper.default_member_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.member_featured_block_wrapper.default_member_block a {
  width: 100%;
  text-align: center;
}
.member_featured_block_wrapper.default_member_block .member_background {
  display: flex;
  justify-content: center;
  background-size: cover;
  margin-bottom: 36px;
  padding-top: 72px;
  border-radius: 5px;
}
.member_featured_block_wrapper.default_member_block .member_background > img {
  width: 72px;
  border-radius: 50%;
  margin-bottom: -36px;
}
.member_featured_block_wrapper.default_member_block > span {
  text-transform: uppercase;
  font-size: 0.75em;
  opacity: 0.6;
}
.member_featured_block_wrapper.default_member_block > span:hover {
  opacity: 1;
}

.with_scrollbar .swiper-wrapper,
.with_pagination .swiper-wrapper {
  padding-bottom: 3rem;
}

.slide_block_wrapper.slide_style {
  background: var(--body);
}
.slide_block_wrapper.slide_style img {
  width: 100%;
}
.slide_block_wrapper.icon_slide_style {
  display: flex;
  justify-content: center;
  background: var(--body);
  height: 100%;
  align-items: center;
  flex-direction: column;
}
.slide_block_wrapper.icon_side_slide_style {
  display: flex;
  background: var(--body);
  height: 100%;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.slide_block_wrapper.testimonial_slide_style {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.slide_block_wrapper.testimonial_slide_style img {
  width: 64px;
  border-radius: 50%;
  height: 64px;
}

.pdf-view {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}
.pdf-view .toolbar {
  display: flex;
  align-items: center;
  background-color: var(--sidebar);
  padding: 0 0.5em;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.pdf-view .toolbar span {
  border: 1px solid var(--border);
  padding: 0.5rem;
  cursor: pointer;
}
.pdf-view .page-mode input {
  color: currentColor;
  background-color: transparent;
  font: inherit;
  border: 1px solid currentColor;
  border-radius: 3px;
  padding: 0.25em 0.5em;
}
.pdf-view .toolbar button:hover,
.pdf-view .toolbar button:focus,
.pdf-view .page-mode input:hover,
.pdf-view .page-mode input:focus {
  color: lightGreen;
}
.pdf-view .page-mode {
  display: flex;
  align-items: center;
  padding: 0.25em 0.5em;
}
.pdf-view .pdf_view {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 100%;
  max-height: 100vh;
  overflow: auto;
}
.pdf-view .pdf_view > div {
  text-align: center;
  max-width: 100%;
}
.pdf-view .pdf_view canvas {
  box-shadow: 0 2px 5px gray;
}

.vibebp-cart {
  cursor: pointer;
}

.vibebp_body_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 9;
}
.vibebp_body_wrapper > span {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  cursor: pointer;
}
.vibebp_body_wrapper .vibebp_cart_wrapper {
  background: #fff;
  padding: 1rem;
  border-radius: 5px 0 0 5px;
  height: 100vh;
  transition: all 0.2s ease-in-out;
  width: 240px;
  transform: translateX(100%);
}
.vibebp_body_wrapper .vibebp_cart_wrapper.active {
  transform: translateX(0%);
}
.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .vibebp_cart_body {
  flex: 1;
}
.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .vibebp_cart_footer {
  margin: -1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.07);
}
.vibebp_body_wrapper .vibebp_cart_wrapper .vibebp_cart .vibebp_cart_footer .button {
  justify-content: center;
  padding: 0.5rem;
  align-items: center;
  gap: 1rem;
}
.vibebp_body_wrapper .vibebp_cart_wrapper .vbp_error {
  background: #fff5a8;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  display: flex;
}

.vibebp_message {
  padding: 1rem 1.5rem;
  background: #FFF1E5;
  color: #555D65;
  border-radius: 5px;
}

nobr + nobr {
  display: none;
}

.elementor-editor-active header.transparent {
  z-index: -1 !important;
}

input[type=password] {
  font: large Verdana, sans-serif;
  letter-spacing: 1px;
}