/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

html,
body {
  overflow-x: hidden !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}


/* background color of the mobile side hamberger menu  */
.bb-template-v2 .side-panel-menu>.current-menu-item .sub-menu a
 {
    background-color: transparent !important;
}



/* controls the profile progress completion Profile  section  */
.widget.widget_bp_profile_completion_widget
  .pc_detailed_progress
  .single_section_wrap.completed
  .progress
  * {
  color: #000 !important;
}

.widget.widget_bp_profile_completion_widget
  .pc_detailed_progress
  .single_section_wrap.completed
  .section_ico
  .bb-icon-check {
  color: black !important;
}

.login.bb-login .button-primary,
.login.bb-login .wp-generate-pw,
.login.wp-core-ui .button-primary {
  background-color: #000000 !important;
}

body #buddypress p.warning,
body.profile_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning,
body.users_page_bp-profile-edit.modal-open #TB_ajaxContent p.warning {
  color: #7a7a7a;
  padding: 10px 0px;
}

/* controls upload images section  */
#item-body .profile #drag-drop-area {
  background: #ededed !important;
  border: 1px dashed #000 !important;
}

/* Controls single page blog post  */
.single-attachment:not(.has-sidebar, .elementor-template-full-width)
  .content-area,
.single-attachment:not(.has-sidebar, .elementor-template-full-width)
  .site-content-grid,
.single-post:not(.has-sidebar, .elementor-template-full-width) .content-area,
.single-post:not(.has-sidebar, .elementor-template-full-width)
  .site-content-grid {
  margin: 0 auto;
  max-width: 100% !important;
  width: 100% !important;
}

/* change container widths  */
.container {
  max-width: 100% !important;
  padding: 0px !important;
}

.button.signup {
  border: none;
}

/* handles the spacing between menu items in the BuddyBoss Side Panel */
.bb-template-v2 .side-panel-menu li {
  margin-bottom: 20px;
}

/* mobile menu logged in users ===============  */
/* .bb-template-v2 .side-panel-menu>.current-menu-item .sub-menu a {
    color: var(--bb-sidenav-text-regular);
    background-color: none;
} */

/* search bar in the header  */
.header-search-wrap .container form {
  flex: 1; /* makes the form take up all remaining space */
}

.header-search-wrap .container .close-search {
  flex-shrink: 0; /* ensures close button doesn't shrink */
}

/* Specifically, it targets the form layout when the search bar is active or expanded in the top navigation area */
.bp-search-ac.ui-menu
  .ui-menu-item.bbls-view_all_type-type
  .bp-search-ajax-item {
  border: none !important;
}
/* controls the BuddyBoss Global Search Autocomplete (the "AC" stands for Autocomplete).
 * The dropdown container that appears when you start typing in a search bar. */
.bb-template-v2.bp-search .bp-forum-search-ac-header,
.bb-template-v2.bp-search .bp-search-ac,
.bb-template-v2.bp-search .bp-search-ac-header {
  border: 1px solid #514848 !important;
}

/* slider width */
div#n2-ss-9 .n2-ss-slide-limiter {
  max-width: 100% !important;
}

div#n2-ss-9 .n-uc-166b993069a17 {
  max-width: 95% !important;
}

/* single post control  */
.elementor-element .elementor-widget-container,
.elementor-element:not(:has(.elementor-widget-container)) {
  color: #fff !important;
}

.elementor-posts .elementor-post__card .elementor-post__meta-data {
  border-top: 1px solid #514848 !important;
}

.elementor-post__read-more-wrapper {
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.elementor-post__read-more-wrapper a {
  background-color: #000;
  padding: 5px 10px;
  border-radius: 5px;
}

.elementor-post__read-more-wrapper a:hover {
  background-color: #595959;
}

/* menu icons in the header spacing */
.bb-template-v2 .primary-menu > li {
  padding: 0 0px !important;
}

/* blog head lines small versions */
.bb_widget_recent_posts .bb-recent-posts h4 a.bb-title,
.elementor-widget-container .bb-recent-posts h4 a.bb-title {
  font-size: 14px;
  color: var(--bb-headings-color);
  letter-spacing: -0.24px;
  line-height: 21px;
  color: #7a7a7a !important;
}
/* Counts */
.member-status.online {
  background-color: green !important;
}

/* hover state for the "count" bubbles (like notification numbers) in the BuddyBoss side panel. */
.bb-template-v2
  .buddypanel
  .side-panel-menu
  li:not(.current-menu-item)
  a:hover
  .count {
  color: #ffffff;
  background-color: #ef3e46;
}

/* Messages section  */
.bb-template-v2 #message-threads .current > a {
  background: -webkit-linear-gradient(90deg, #272727, #272727), #272727;
  background: linear-gradient(0deg, #272727, #272727), #272727;
  color: white;
  border-color: #272727;
}

/* the notification count bubble in the header or menu */
.notification-wrap span.count {
  background-color: #ef3e46;
  color: #fff;
}
/* targets the BuddyBoss/BuddyPress Activity Update Form when it is appearing as a Modal Popup */
.activity-update-form.modal-popup,
.bp-nouveau-activity-form-placeholder-.modal-popup {
  background-color: transparent !important;
}

/* Progress bar complete profile */
.pc_progress_wrap .pc_progress_rate {
  stroke: #61ce70;
}

/* forum buttons */
body .bs-meta-item.bs-meta-item a {
  background-color: #000000;
  border-radius: 5px;
}

/* document links  */
#media-folder-document-data-table
  .media-folder_items
  .media-folder_details
  .media-folder_name,
.search-document-list
  .media-folder_items
  .media-folder_details
  .media-folder_name {
  color: #fff;
}

#media-folder-document-data-table
  .media-folder_items
  .media-folder_details__bottom,
.search-document-list .media-folder_items .media-folder_details__bottom {
  color: #fff;
}

/* Goolge social login button also modified in buddy boss css for extra css  */
#loginform,
#registerform,
#lostpasswordform {
  height: auto !important;
}

.bb-sso-container .bb-sso-button-default {
  background-color: #fff !important;
  color: #1e2132 !important;
  border: 1px solid #e1e3e5 !important;
}

/* Remove autofill background in Firefox */
input:-moz-autofill {
  background-color: transparent !important;
  box-shadow: 0 0 0px 1000px white inset !important;
}

/* For Chrome, Edge, and Safari */
input:-webkit-autofill {
  background-color: transparent !important;
  box-shadow: 0 0 0px 1000px white inset !important;
}

/* controls the look of the small window that pops up when you hover over a user's name or avatar */
.bb-popup-card {
  position: fixed;
  background-color: #272727;
  border: 1px solid #514848;
  border-radius: 15px;
}

/* individual notification items that have already been read in the BuddyBoss on-screen notification list */
.bb-onscreen-notification-enable
  .bb-onscreen-notification
  .notification-list
  .read-item {
  padding: 10px;
  background-color: #000 !important;
  border: solid 1px #514848 !important;
  border-radius: 15px !important;
}

.bb-onscreen-notification-enable
  .bb-onscreen-notification
  .notification-list
  .read-item.recent-item:before {
  display: none !important;
  background: transparent !important;
}

.bb-onscreen-notification-enable
  .bb-onscreen-notification
  .notification-list
  .read-item
  .actions
  a
  .dashicons {
  font-size: 20px;
  color: #fff !important;
}

/* forums control  */
.single.single-forum .type-forum .entry-header.bb-single-forum {
  width: 90%;
}

/* columns home page navigation tabs from the old layout smart slider  */

div#n2-ss-9 .n-uc-10d3a992cc7e3-inner,
div#n2-ss-9 .n-uc-1f20bfa373cec-inner,
div#n2-ss-9 .n-uc-14c9ca2e0ec07-inner,
div#n2-ss-9 .n-uc-14e6ecb90dbcb-inner {
  border-radius: 75px 75px 0 0 !important;
}


/* sorry there is no messages i icon  */
.bp-feedback span.bp-icon {
  color: #fff !important;
  background: #000 !important;
}

/* styles the Social Login buttons specifically on the WordPress Login Page */
body.login .bb-sso-container .bb-sso-button-default {
  background-color: #000 !important;
  border: 2px solid #4b0082 !important;
  color: #fff !important;
}

/* controls the positioning of your logo on the BuddyBoss Registration and Account Activation pages */

body.buddypress.register .register-section-logo img,
body.buddypress.activation .activate-section-logo img {
  margin-left: 50px !important;
}

body.buddypress.activation #buddypress input[type=submit], body.buddypress.register #buddypress input[type=submit]
Specificity: (1,3,2) {
  border: none !important;
  background-color: #000 !important;
}

/* Moves the div of the social logins up some so the bottom button is not cut off */
div.bb-sso-container.bb-sso-container-block .bb-sso-container-buttons {
  margin-top: -10px !important;
}
/* ==============================================================

media queries mobile 

============================================================== */

@media screen and (max-width: 1024px) {
  .container {
    flex-direction: row !important;
  }
}

@media only screen and (max-width: 800px) {
  .site-header .site-header-container.flex {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .container {
    flex-direction: row !important;
  }
}

@media only screen and (max-width: 800px) {
  .site-header .site-header-container.flex {
    display: none !important;
  }
}

/* padding mobile removal  */

@media screen and (max-width: 768px) {
  .bb-grid-cell:not(.no-gutter),
  .bb-grid > :not(.no-gutter) {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container {
    padding-left: 1px;
    padding-right: 1px;
  }

  .profile_completion_wrap {
    /* display: -webkit-box; */
    display: -ms-block;
    display: block;
  }
}