/*--------------------------------------------------------------
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
--------------------------------------------------------------*/

/* Add your CSS code here.
For example:
.example {
color: red;
}
For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp
End of comment */
:root {
  --primary-color: #4f24ef;
  --secondary-color: #2a16a5;
  --heading-color: #221e1f;
  --para-color: #6a6a6a;
  --bg-color: #f1f1f1;
  --bg-color-2: #f0f2f5;
  --border-color: #d8d6d675;
  --hover-color: #2a16a5;
  --white: #fff;
  --black: #000;
}

/* hearder style  */
.bb-template-v2 .site-header div.user-wrap.menu-item-has-children .user-link:hover .user-name {
  color: var(--white);
}

.bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected > .user-link:before,
.bb-template-v2 .site-header .user-wrap.menu-item-has-children > .user-link:hover:before {
  background-color: var(--primary-color);
  color: var(--white);
}

div.header-search-wrap {
  background: var(--secondary-color);
}

div.header-search-wrap a.close-search {
  right: 30%;
}

#buddypress .comment-reply-link,
#buddypress .generic-button a,
#buddypress .standard-form button:not(.search-form_reset),
#buddypress a.button,
#buddypress input[type="button"],
#buddypress input[type="reset"],
#buddypress input[type="submit"],
#buddypress ul.button-nav li a,
a.bp-title-button,
.site-content-grid .buddypress-wrap #bp-businesses-content .business-nav li.business-create a {
  padding: 10px 20px;
  line-height: 1.2em;
  min-height: 100%;
}

#buddypress #profile-edit-form div.submit input {
  margin-right: 0;
  height: 100%;
}

/* group card style */
.buddypress-wrap ul.bp-list.groups-dir-list.grid.centered li.item-entry .item-avatar {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#groups-list.bp-list.grid .list-wrap .item {
  padding-bottom: 55px;
}

.header-aside-inner .bb-header-buttons a.button {
  padding: 8px 15px;
  border: none;
  min-height: 100%;
  line-height: 1.4em;
  background-color: transparent;
  margin: 0;
}

.header-aside-inner .bb-header-buttons a.button:hover {
  color: var(--white);
  background-color: var(--primary-color);
}

/*  flag style*/
.buddypress-wrap .bp-feedback,
.widget-error .bp-feedback {
  margin: 10px 0 !important;
  max-width: 100%;
  width: 100%;
}

#bmpro-modal .bmpro-modal .bmpro-modal-actions button.bmpro-modal-button {
  display: flex;
  padding: 12px 20px 10px;
  width: max-content;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  line-height: 1.5em;
}

#bmpro-modal .bmpro-modal-title {
  background-color: var(--secondary-color);
}

.groups-header #cover-image-container #item-header-content .bp-group-meta-wrap {
  margin: 10px 0 10px 0;
}

.buddypress #buddypress.bp-dir-hori-nav .create-button a,
.site-content-grid .buddypress-wrap #bp-businesses-content .business-nav li.business-create a {
  font-size: 14px;
  background: var(--primary-color);
  padding: 10px 20px;
  line-height: 1.4em;
  color: var(--white);
  font-weight: 600;
  margin-top: 5px;
  border-radius: 4px;
}

.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover,
.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover:hover,
.buddypress #buddypress.bp-dir-hori-nav .create-button a:hover:hover.bb-component-nav-item-point,
.site-content-grid .buddypress-wrap #bp-businesses-content .business-nav li.business-create a:hover {
  background-color: var(--secondary-color);
  color: var(--white);
  margin-top: 5px;
}
.buddypress-wrap .business-main-nav ul.component-navigation.business-nav li a:hover {
  background-color: var(--secondary-color) !important;
}
.bb-bp-settings-content input#submit {
  height: 100%;
}

body #buddypress .grid.bp-list .action {
  flex-flow: row;
  margin-top: 15px;
  justify-content: center;
}

body #buddypress .bp-list .action {
  flex-flow: row;
  margin-top: 0px;
  justify-content: center;
  align-items: center;
}
/* group */
#groups-list.bp-list.grid .list-wrap .group-footer-wrap {
  position: static;
  display: block;
}

#groups-list.bp-list.grid .list-wrap .item {
  padding-bottom: 0;
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap {
  height: 100%;
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button) {
  line-height: 1.4em;
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button),
#groups-list.bp-list:not(.grid) .item-entry .list-wrap .group-footer-wrap .footer-button-wrap .group-button:not(.generic-button) {
  padding: 10px 30px;
  max-width: 100%;
  width: max-content;
}

.buddypress-wrap .grid.bp-list > li .action .generic-button a,
.buddypress-wrap .grid.bp-list > li .action .generic-button button {
  width: max-content;
}

#groups-list.bp-list.grid.bb-cover-enabled .groups-loop-buttons {
  margin-left: 0;
}

.buddypress-wrap .grid.bp-list > li .action .generic-button {
  width: max-content;
}

#buddypress .bp-list.groups-list li .list-wrap .item .item-block {
  margin-bottom: 10px;
}

.bb-grid #groups-list.bp-list.grid.bb-cover-enabled .groups-loop-buttons .bmpro-flag-group-btn,
.bb-grid #groups-list.bp-list.grid.bb-cover-enabled .groups-loop-buttons .bmpro-unflag-group-btn,
body #buddypress .bp-list .action .generic-button a.bmpro-flag-group-btn {
  color: var(--white);
  font-size: 13px;
  line-height: 1.4em;
}

#groups-list.bp-list .bs-group-members {
  justify-content: center;
  align-content: center;
}

#groups-list.bp-list .item-entry .list-wrap .group-footer-wrap {
  align-content: center;
}

#groups-list.bp-list:not(.grid) .item-entry .item .group-item-wrap {
  flex: 0 0 calc(100% - 500px);
}

.activity-list .activity-item .activity-content .bp-generic-meta.action .button > i,
.activity-list .activity-item > .bp-generic-meta.action .button > i {
  font-size: 16px;
  font-weight: 600;
}

.buddypress-wrap .standard-form input[type="checkbox"],
.buddypress-wrap .standard-form input[type="radio"] {
  margin-top: -3px;
}

.groups.group-create .buddypress-wrap legend {
  font-size: 25px;
  font-weight: 700;
}

.bb-template-v2 .site-header .user-wrap.menu-item-has-children .sub-menu-inner .user-link .user-name {
  color: var(--heading-color);
}

.bb-template-v2 .site-header .user-wrap.menu-item-has-children .sub-menu-inner .user-link:hover .user-name {
  color: var(--primary-color);
}

.bb-template-v2 .user-wrap-container .sub-menu-inner > li > a:hover {
  background: var(--bg-color-2);
}

.widget_bp_friend_follow_suggestion_widget .generic-button a,
.widget_bp_friend_follow_suggestion_widget .generic-button button {
  background: #43b303 !important;
  border-color: #43b303 !important;
  color: var(--white) !important;
}

.widget_bp_friend_follow_suggestion_widget .generic-button button.requested {
  background: #cf0202 !important;
  border-color: #cf0202 !important;
  color: var(--white) !important;
}
.buddypress-wrap #business-create-tabs .business-create-buttons.button-tabs li.current a {
  background-color: var(--primary-color);
}
.buddypress-wrap #business-creation-create,
.buddypress-wrap #business-creation-previous,
.buddypress-wrap #business-creation-finish,
#buddypress.buddypress-wrap.bp-business-single .bp-business-item-actions button,
button.bgr-submit-review,
#buddypress.buddypress-wrap .bp-business-settings-submit.button,
#buddypress.buddypress-wrap .bp-business-header-nav-button a.button,
#bp-business-single-events-create-screen #post.events-community-submit,
#buddypress.buddypress-wrap input.bp-social-network-repeater-create,
#buddypress.buddypress-wrap input#delete-business-button,
#buddypress.buddypress-wrap input#bp-business-members-submit,
.bp-business-follow-button-container-wrapper button.bp-business-follow-button {
  background-color: var(--primary-color) !important;
  border-radius: 4px !important;
}
.buddypress-wrap #business-creation-create:hover,
.buddypress-wrap #business-creation-previous:hover,
.buddypress-wrap #business-creation-finish:hover,
#buddypress.buddypress-wrap.bp-business-single .bp-business-item-actions button:hover,
button.bgr-submit-review:hover,
#buddypress.buddypress-wrap .bp-business-settings-submit.button:hover,
#buddypress.buddypress-wrap .bp-business-header-nav-button a.button:hover,
#bp-business-single-events-create-screen #post.events-community-submit:hover,
.buddypress-wrap #business-creation-create:focus,
.buddypress-wrap #business-creation-previous:focus,
.buddypress-wrap #business-creation-finish:focus,
#buddypress.buddypress-wrap.bp-business-single .bp-business-item-actions button:focus,
button.bgr-submit-review:focus,
#buddypress.buddypress-wrap .bp-business-settings-submit.button:focus,
#buddypress.buddypress-wrap .bp-business-header-nav-button a.button:focus,
#bp-business-single-events-create-screen #post.events-community-submit:focus,
#buddypress.buddypress-wrap input.bp-social-network-repeater-create:hover,
#buddypress.buddypress-wrap input.bp-social-network-repeater-create:focus,
#buddypress.buddypress-wrap input#delete-business-button:hover,
#buddypress.buddypress-wrap input#delete-business-button:focus,
#buddypress.buddypress-wrap input#bp-business-members-submit:hover,
#buddypress.buddypress-wrap input#bp-business-members-submit:focus,
.bp-business-follow-button-container-wrapper button.bp-business-follow-button:hover,
.bp-business-follow-button-container-wrapper button.bp-business-follow-button:focus {
  background-color: var(--secondary-color) !important;
  color: var(--white) !important;
  border: 1px solid var(--secondary-color) !important;
}
/* job styling */
.job_filters .search_jobs div.search_submit {
  margin: 0;
  margin-top: 15px;
}
input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline;
}
.job_filters .search_jobs div.search_keywords,
.job_filters .search_jobs div.search_location {
  margin-bottom: 0;
}
.job_filters .search_jobs div label {
  margin-bottom: 0;
}
ul.job_listings li.job_listing:first-child {
  border-radius: 0;
}
input[type="submit"] {
  border-radius: 4px;
}
.job_filters .job_types li label {
  display: flex;
  align-items: center;
  gap: 5px;
}
/* rpofile styling */
.bb-profile-grid {
  padding-top: 30px;
}
.bp-profile-wrapper .bp-profile-content {
  padding: 0;
}
.bp-profile-wrapper .subnav,
.bp-subnavs .subnav {
  background: #fff;
  padding: 20px 15px;
  border-radius: 10px;
  border: 1px solid #dde0e2;
}
.bp-single-vert-nav .bp-settings-container .bp-navs,
.buddypress-wrap .bp-settings-container .bp-navs {
  flex: 0 0 300px;
}
#buddypress .bb-bp-settings-content {
  padding: 30px;
}
body.buddypress .buddypress-wrap h1,
body.buddypress .buddypress-wrap h2,
body.buddypress .buddypress-wrap h3,
body.buddypress .buddypress-wrap h4,
body.buddypress .buddypress-wrap h5,
body.buddypress .buddypress-wrap h6 {
  margin: 0 0 10px;
}
.form-item,
form {
  margin-bottom: 0;
}
table {
  margin-bottom: 10px;
}

/* group style */
div.subnav-search.groups-search {
  float: right;
  margin-top: -85px;
  right: 0;
}
