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


body.hide-sidebar-menu aside.buddypanel {
  display: none !important;
}

body.hide-sidebar-menu .site {
  margin-left: 115px !important;
  width: calc(100% - 230px)
}

@media (max-width: 1024px) {
  body.hide-sidebar-menu .site {
    margin-left: 0 !important;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  body.hide-sidebar-menu .site-header {
    width: 100% !important;
  }
}

body.hide-sidebar-menu .header-search-link {
  display: none !important;
}

body.hide-sidebar-menu .menupop {
  display: none !important;
}

.author-box-share-wrap {
    display: none;
}


.email-container {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  margin: 0 auto;
}

.email-header {
  background-color: #0073aa;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-size: 20px;
}

.email-body {
  padding: 20px;
  font-size: 16px;
}

.email-footer {
  text-align: center;
  font-size: 14px;
  color: #777;
  margin-top: 20px;
}

.email-footer a {
  color: #0073aa;
  text-decoration: none;
}
body.buddypress.register .register-section-logo {
  margin: 0 auto 2rem;
}
body.buddypress.register article.bp_register .entry-header span {
  font-size: 20px;
}

.bs-bp-container-reg .buddypress-wrap #email-strength-result.mismatch {
  background-color: #555;
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dl a:hover {
  color: #ecdebb;
}

/* -------------------------------------------------- */
/* Subnav Links                                        */
/* -------------------------------------------------- */
#subnav .subnav li a,
.bb-template-v2.groups.group-admin .bp-single-vert-nav .bp-navs.group-subnav li a {
  background-color: #FAFBFD;
  border: 1px solid #D6D9DD;
}

#subnav.subnav_tab .subnav li a:hover,
.bb-template-v2 #subnav li:not(.current) a:hover {
  border-bottom-color: #009CC3;
  color: #ffffff !important;
}

#subnav .subnav li.selected a,
.bp-navs.group-subnav li.selected a {
  background-color: #009CC3;
  color: #ffffff;
}

/* Notifications & Subscriptions Navigation */
#subscriptions-personal-li.bp-personal-sub-tab.current.selected > a#subscriptions,
.subnav_tab > .subnav > #notifications-personal-li.bp-personal-sub-tab.current.selected > a#notifications {
  background-color: transparent;
}

#notifications-personal-li.bp-personal-sub-tab > a#notifications:hover,
#subscriptions-personal-li.bp-personal-sub-tab > a#subscriptions:hover {
  color: #494642 !important;
}

/* -------------------------------------------------- */
/* BuddyPanel & Side Panel Menu (White on Hover/Active) */
/* -------------------------------------------------- */
.bb-template-v2 .buddypanel .side-panel-menu li:not(.current-menu-item) a:hover,
.bb-template-v2 .buddypanel .side-panel-menu li:not(.current-menu-item) a:hover i:not(.bb-icon-angle-down),
.bb-template-v2 .buddypanel .side-panel-menu li:not(.current-menu-item) a:hover > .bs-submenu-toggle,
.bb-template-v2 .buddypanel .side-panel-menu li.current-menu-item > a,
.bb-template-v2 .buddypanel .side-panel-menu li.current-menu-item > a i:not(.bb-icon-angle-down),
.bb-template-v2 .buddypanel .side-panel-menu li.current-menu-item > a > .bs-submenu-toggle,
.bb-template-v2 .site-header .sub-menu li:hover > a,
.bb-template-v2 .user-wrap-container .sub-menu-inner > li > a:hover > i {
  color: #ffffff !important;
}

/* -------------------------------------------------- */
/* Tables, Activity Buttons, and General White Elements */
/* -------------------------------------------------- */
table.main-notification-settings thead tr th,
.buddypress-wrap .bp-tables-report tbody tr:nth-child(odd),
.buddypress-wrap .bp-tables-user tbody tr:nth-child(odd),
.buddypress-wrap .bp-tables-report tbody tr:hover,
.buddypress-wrap .bp-tables-user tbody tr:hover,
#buddypress .activity-list .action.bp-generic-meta .button:hover span,
#buddypress .activity-list .activity-item .action.bp-generic-meta .button:hover:before,
#buddypress .activity-list .activity-item .action.bp-generic-meta .button:hover > i,
#whats-new-form #bp-activity-privacy-point *,
.bb-schedule-post_dropdown_section .bb-schedule-post_dropdown_button i,
form.ac-form.events-initiated:not(.has-content) .ac-reply-content .ac-input:before,
.bb-template-v2 .buddypress-wrap .bp-settings-container .bp-navs li a:before {
  color: #ffffff !important;
}

/* -------------------------------------------------- */
/* Toolbar Icons and Emoji Buttons (White Icons) */
/* -------------------------------------------------- */
.bb-template-v2 #editor-toolbar [class*=" bb-icon-"],
.bb-template-v2 #whats-new-toolbar a [class*=" bb-icon-"],
.bb-template-v2 #whats-new-toolbar .emojionearea .emojionearea-button,
.bb-template-v2 #whats-new-toolbar .emojionearea .emojionearea-button:before,
.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button,
.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:before,
.bb-template-v2 #whats-new-formatting-toolbar a [class*=" bb-icon-"],
.bb-template-v2 #whats-new-messages-toolbar a [class*=" bb-icon-"],
.bb-template-v2 #whats-new-messages-toolbar .emojionearea .emojionearea-button,
.bb-template-v2 #whats-new-messages-toolbar .emojionearea .emojionearea-button:before,
.bb-template-v2 .ac-reply-toolbar a [class*=" bb-icon-"],
.bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button,
.bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button:before,
.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:before,
.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"],
.bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .emojionearea-button:before,
.bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"],
.bb-template-v2 ul.medium-editor-toolbar-actions .medium-editor-action b,
#message-new-submit:before, #message-reply-new-submit:before,
.bb-bp-settings-content .notification_info .notification_type .bb-icon
{
  color: #ffffff !important;
}

/* -------------------------------------------------- */
/* Change icons to grey on hover */
.bb-template-v2 #editor-toolbar [class*=" bb-icon-"]:hover,
.bb-template-v2 #whats-new-toolbar a [class*=" bb-icon-"]:hover,
.bb-template-v2 #whats-new-toolbar .emojionearea .emojionearea-button:hover,
.bb-template-v2 #whats-new-toolbar .emojionearea .emojionearea-button:hover:before,
.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:hover,
.bb-template-v2 #whats-new-formatting-toolbar .emojionearea .emojionearea-button:hover:before,
.bb-template-v2 #whats-new-formatting-toolbar a [class*=" bb-icon-"]:hover,
.bb-template-v2 #whats-new-messages-toolbar a [class*=" bb-icon-"]:hover,
.bb-template-v2 #whats-new-messages-toolbar .emojionearea .emojionearea-button:hover,
.bb-template-v2 #whats-new-messages-toolbar .emojionearea .emojionearea-button:hover:before,
.bb-template-v2 .ac-reply-toolbar a [class*=" bb-icon-"]:hover,
.bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button:hover,
.bb-template-v2 .ac-reply-toolbar .emojionearea .emojionearea-button:hover:before,
.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .emojionearea-button:hover:before,
.bb-template-v2 .activity-update-form .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"]:hover,
.bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .emojionearea-button:hover:before,
.bb-template-v2 .bp-nouveau-activity-form-placeholder- .activity-form.focus-in #editor-toolbar .post-elements-buttons-item [class*=" bb-icon-"]:hover,
.bb-template-v2 ul.medium-editor-toolbar-actions .medium-editor-action b:hover,
.bb-bp-settings-content .notification_info .notification_type .bb-icon:hover,
#message-new-submit:hover:before,
#message-reply-new-submit:hover:before {
  color: #494642 !important;
}

.menu-item-type-custom > .bb-template-v2 .buddypanel .side-panel-menu li.bb-menu-section a:hover,
.bb-template-v2 .buddypanel .side-panel-menu li.bb-menu-section:not(.current-menu-item) a:hover {
  color: #494642 !important;
}

#bb-messages-thread-list-nav .bp-messages-unarchived-nav #subnav .subnav li#inbox-personal-li a#inbox {
  border: none !important;
  background-color: transparent;
}


.bp-message-link:hover .thread-content,
.bp-message-link:hover .thread-content .user-name,
.bp-message-link:hover .thread-content .thread-excerpt,
.bp-message-link:hover .thread-content .thread-date,
.bp-message-link:hover .thread-content .thread-date time {
  color: #ffffff;
}

#message-threads .bp-message-link:hover .thread-date:before {
  background-color: #ffffff;
}

.current .bp-message-link:hover,
.current .bp-message-link:hover .thread-content .user-name,
.current .bp-message-link:hover .thread-content .thread-excerpt,
.current .bp-message-link:hover .thread-content .thread-date,
.current .bp-message-link:hover .thread-content .thread-date time {
  color: #494642;
}

.current .bp-message-link:hover .thread-date:before {
  background-color: #494642 !important;
}

.bp-messages-content .bp-messages-notice .bp-user-messages-feedback .bp-feedback p {
  color: #ffffff;
}
.bp-messages-content .thread-participants .participants-name {
  color: #000000;
}

ul.job_listings li.job_listing a:hover div.position h3,
ul.job_listings li.job_listing a:hover div.position .company,
ul.job_listings li.job_listing a:hover div.location,
ul.job_listings li.job_listing a:hover .meta li.date,
.job_box_related a:hover div.position .company strong,
.job_box_related a:hover div.location,
.tribe-events-meta-group .tribe-events-single-section-title,
.single-tribe_events #tribe-events-content .tribe-events-event-meta dl dt,
.single-tribe_events .tribe-events-single .tribe-events-event-meta,
.single-tribe_events #tribe-events-content .tribe-events-event-meta dl a
{
  color: #ffffff !important;
}

.hidden {
  display: none !important;
}