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

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
2.1 - MAXIMUM width of 720 pixels (phones landscape)
2.2 - MAXIMUM width of 350 pixels (phones portrait)
2.3 - MINIMUM width of 721 pixels (tablets+)
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/
.elementor-container p,
.elementor-container h1,
.elementor-container h2,
.elementor-container h3,
.elementor-container h4,
.elementor-container h5 {
  margin-bottom: 1rem;
}
.elementor-container ol,
.elementor-container ul,
.elementor-text-editor ol,
.elementor-text-editor ul {
  margin: 18px 0;
  padding-left: 40px;
}
.elementor-container ul.nav-tabs{
  list-style-type: none;
}

.elementor-container ol,
.elementor-text-editor ol {
  list-style-type: decimal;
}

.elementor-container ul,
.elementor-text-editor ul {
  list-style-type: disc;
}

.header-notifications.all-notifications {
  display: none;
}

.header-inner .table {
  margin-bottom: 0;
}

.site-header .right-col.hide {
  opacity: 1;
}

.bbp-forum-details {
  display: inline-flex;
  justify-content: space-between;
}

#buddypress div#item-nav {
  margin-bottom: 0;
}

.bbp-forum-details .bbp-forum-data-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.bbp-forum-details .bbp-forum-data-wrap .button {
  background-color: #4dcadd;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: normal;
  padding: 7px 20px;
  text-transform: uppercase;
}

.bbp-forum-details .bbp-forum-data-wrap .bbp-forum-data {
  float: none;
  text-align: right;
  display: table-cell;
  margin-top: 12px;
}

.bbpress-wrapper h2 {
  display: none;
}

.user-group-number {
  background-color: #4dcadd;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  min-width: 27px;
  padding: 2px;
  position: relative;
  text-align: center;
  top: -15px;
}

.item-list-tabs #subnav {
  width: auto;
}

#groups-directory-form .item-list-tabs #groups-order-select {
  border: none !important;
  height: auto;
  padding: 0;
  position: relative;
  width: auto;
}

.group-single #buddypress #item-header-cover .table-cell.non-member {
  vertical-align: middle;
}

.no-permission {
  padding: 20px 70px;
}

.group-single #buddypress #item-header-cover > .table-cell:first-child {
  padding-right: 70px;
}

.group-single #buddypress #item-header-content {
  margin: 0;
  max-width: 275px;
}

div#group-name {
  padding-bottom: 18px;
}

.group-info-wrapper {
  display: flex;
  padding: 20px 0;
}

#group-description {
  border: none;
  flex: 2 1;
  line-height: normal;
  padding: 0;
}

#group-description p,
#group-description a {
  color: #fff;
  margin: 0;
}

.group-single #item-header-cover .group-info {
  display: flex;
  justify-content: space-evenly;
}

.group-single #item-header-cover .group-info li {
  padding: 0;
}

#item-header-content .group-info p {
  line-height: normal;
}

#bp-group-search-actions {
  margin-top: 20px;
  text-align: center;
}

#bp-group-search-actions form {
  display: flex;
  justify-content: center;
}

#bp-group-search-actions p {
  line-height: 0.8;
  margin: 9px 0 0;
  opacity: 0.6;
}

.search-wrap .searchsubmit {
  background-color: #fff;
  height: auto;
}

#mobile-item-nav ul li span {
  z-index: 100;
}

#primary #group-settings-form .members-list .member-item {
  align-items: flex-start;
  border-bottom: 1px solid #dddddd;
  display: inline-flex;
  flex-wrap: nowrap;
  float: none;
  justify-content: space-between;
  margin-bottom: 25px;
  padding: 0 0 25px 0;
}

#primary #group-settings-form .members-list .member-item .member-avatar-wrap {
  margin-right: 10px;
  max-width: 80px;
}

#primary #group-settings-form .members-list .member-item .item {
  flex: 2 1;
  flex-direction: column;
}

#primary #group-settings-form .members-list .member-item .item h4 {
  margin: 0 0 8px;
}

#primary #group-settings-form .members-list .member-item .member-actions {
  display: flex;
  flex: 2 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-left: 0;
}

.member-actions a.button {
  margin: 1px 3px;
  max-width: 175px;
}

.site #buddypress .toggle-switch a {
  height: auto;
}

.is-mobile #mobile-header {
  margin-bottom: 0;
}

.activity-col {
  max-height: 100vh;
  overflow-y: scroll;
  padding: 0;
}

.content-col {
  padding: 60px 20px 40px;
}

body.activity:not(.bp-user) .activity-col .activity {
  padding: 60px 40px 40px;
}

body.activity:not(.bp-user) .item-list-tabs ul li.selected a {
  color: #23a455;
}

.item-list-tabs.activity-type-tabs .choosen-wrap {
  margin-left: 30px;
  max-width: 800px;
  padding: 30px 0;
}

.search-results-page .page-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.create-event-wrapper {
  margin: 2rem 0;
}
.create-event-wrapper label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.create-event-wrapper .form-group {
  margin-bottom: 1rem;
}

.language-flex {
  height: 74px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.header-inner .left-col a.btn-espanol {
  padding: 8px;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
}

#eventTabContent table tr th,
#eventTabContent table tr td {
  padding: 12px 10px;
}

/* Elementor RSS Adjustments */
.rss-date {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}

.rss-date::before {
  content: "— ";
  margin-right: 5px;
}

/* Group Sidebar Styles */
.group-sidebar-widget {
  margin-bottom: 10px;
  margin-top: 20px;
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
@media screen and (max-width: 500px) {
  .table-cell div#group-name {
    max-width: 250px;
  }
}
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 812 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 812px) {
  body.page:not(.buddypress) .site-content article:not(.comment).no-padding {
    padding: 0;
  }

  .sidebar-btn {
    color: initial;
  }

  .sidebar-btn:hover {
    color: initial;
  }

  .menu-panel ul li a span.wp-admin-bar-arrow {
    background-color: transparent;
  }

  .bbp-forum-details {
    padding: 10px;
    flex-direction: column;
    align-items: center;
  }

  .bbp-forum-details .bbp-forum-data-wrap {
    align-items: center;
    margin-top: 12px;
  }

  .bbp-forum-details .bbp-forum-data-wrap .bbp-forum-data {
    text-align: center;
  }

  .bb-cover-photo {
    height: auto;
  }

  #buddypress #item-header-cover {
    background-color: #3c7a90;
    margin: 0;
  }

  .group-single #buddypress #item-header-cover .table-cell {
    height: auto;
    padding: 10px 20px;
  }

  div#group-name {
    max-height: 150px;
    min-height: initial;
    padding: 10px 0;
    max-width: 550px;
  }

  .group-single #buddypress #item-header-avatar-mobile {
    position: absolute;
    right: 25px;
    top: 0;
    margin-top: 20px;
  }

  .group-info-wrapper {
    flex-direction: column;
    max-width: 550px;
  }

  #group-description {
    padding: 0;
    text-align: left;
  }

  #bp-group-search-actions {
    margin: 15px 0 0;
    text-align: left;
  }

  #bp-group-search-actions form {
    justify-content: flex-start;
  }

  .single-item .group-subscription-div {
    padding: 12px 0;
  }

  .group-admin #buddypress div#subnav.item-list-tabs ul {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    padding: 0;
  }

  .site #buddypress div#subnav.item-list-tabs ul li {
    height: auto;
    flex: 1 1 30%;
    margin: 0 3px;
  }

  #buddypress form#group-settings-form {
    padding: 0;
  }

  .bp-legacy div#item-body {
    padding: 0;
  }

  #primary #group-settings-form .members-list .member-item {
    display: flex;
    flex-direction: column;
  }

  #primary #group-settings-form .members-list .member-item .item {
    text-align: left;
  }

  #primary #group-settings-form .members-list .member-item .member-actions {
    justify-content: flex-start;
  }

  body.activity:not(.bp-user) .item-list-tabs {
    align-items: center;
    flex-direction: column;
  }

  body.activity:not(.bp-user) #activity-filter-select {
    max-width: 300px;
    margin-left: 0;
    width: 100%;
  }

  .search-results-page .page-header {
    flex-direction: column;
  }

  .search-results-page .searchform {
    margin: 15px auto;
  }

  body.left-menu-open
    .menu-panel
    #nav-menu
    > ul
    > li
    > a:not(.open-submenu):before {
    content: none;
  }

  body.left-menu-open .menu-panel #nav-menu > ul > li > a > i {
    display: none;
  }
} /* don't delete this closing bracket */

/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {
  .page-cover[data-photo="yes"] > .table-cell,
  .group-single #buddypress #item-header-cover > .table-cell,
  .network-profile
    #buddypress
    #item-header-cover
    .cover-content
    > .table-cell:first-child {
    background: none;
  }
} /* don't delete this closing bracket */

/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px) {
  body.page:not(.buddypress) .site-content article:not(.comment).no-padding {
    padding: 0;
  }

  #item-header .no-photo ~ #item-header-cover {
    background-color: #3c7a90;
  }

  body.activity:not(.bp-user) .item-list-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  body.activity:not(.bp-user) .item-list-tabs ul {
    flex: 2 1;
    max-width: 800px;
  }

  body.activity:not(.bp-user) #activity-filter-select {
    margin-left: 30px;
    max-width: 800px;
    padding: 0;
  }

  #activity-filter-select .buddyboss-select {
    width: 100%;
  }

  /* Events Page */
  .events-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
} /* don't delete this closing bracket */

/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px) {
  body.page:not(.buddypress) .site-content article:not(.comment).no-padding {
    padding: 0 70px;
  }

  #buddypress #groups-dir-search {
    border: none;
  }

  .dir-search #search-groups-form {
    margin-bottom: 14px;
  }

  #groups-directory-form .item-list-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    padding: 18px 70px;
  }

  #groups-order-select .buddyboss-select {
    margin: 0;
  }

  #content.loading > * {
    opacity: 0.2;
  }

  #content.loading:before {
    content: "Loading New Posts";
    padding: 22px;
    background: #000;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
  }

  #buddypress div#subnav.item-list-tabs {
    background-color: rgba(0, 0, 0, 0.02);
    width: auto;
  }

  #item-header-cover h1.main-title {
    font-size: 40px;
  }
} /* don't delete this closing bracket */

/* typeahead */
.groups-typeahead-container {
  width: 100%;
  display: block;
}

.groups-typeahead-container h6 {
  margin-bottom: 6px;
  color: #aaa;
}

#groups-dir-search {
  margin-top: 16px;
}

#groups-dir-search {
  border: none !important;
}

#groups-dir-search {
  margin-right: 12px;
}

#item-body #groups-dir-search {
  margin-right: 0;
}

#search-groups-form {
  display: flex;
  position: relative;
}

#search-groups-form label {
  width: 100% !important;
}

#search-groups-form input#groups_search_submit {
  bottom: -2px;
  right: -16px;
  width: 20%;
  position: absolute;
  display: block;
  z-index: 10;
}

#groups-dir-search,
#search-groups-form,
.groups-typeahead-container h6,
.groups-typeahead-container .twitter-typeahead,
.groups-typeahead-container .twitter-typeahead input {
  max-width: 400px;
  width: 100%;
  z-index: 3;
  float: right;
  clear: both;
}

.tt-menu.tt-open {
  width: 100%;
  padding: 0 6px;
  background: white;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(221, 221, 221, 1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(221, 221, 221, 1);
  box-shadow: 0px 0px 4px 0px rgba(221, 221, 221, 1);
  margin-top: -2px;
  z-index: 2;
}

.group-typeahead-suggestion {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-group-item {
  border: none !important;
}

.group-typeahead-suggestion ~ .group-typeahead-suggestion {
  border-top: 1px solid #ccc;
}

.group-typeahead-suggestion .group-typeahead-suggestion-title {
  width: 100%;
  display: flex;
  align-items: center;
}

.group-typeahead-suggestion img {
  display: inline-block;
  margin-right: 6px;
  width: 40px !important;
}

.group-typeahead-suggestion .btn {
  width: 150px;
  align-content: flex-end;
}

#search-groups-form label {
  width: 100%;
}

.menu-panel #header-menu > ul > li.bp-events-nav > a:before,
.menu-panel #nav-menu > ul li.bp-events-nav > a:not(.open-submenu):before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  font-size: 19px;
  font-weight: 900;
  margin-right: 10px;
}

@media screen and (min-width: 481px) {
  body:not(.left-menu-open)
    .menu-panel
    #nav-menu
    > ul
    li.bp-events-nav
    > a:not(.open-submenu):before {
    display: inline-block;
    margin-right: 20px;
    padding-right: 22px;
  }
}

.menu-panel #nav-menu > ul li.bp-events-nav > a:not(.open-submenu) i.fa-file {
  display: none;
}

@media screen and (min-width: 481px) {
  .bb-cover-photo.no-photo {
    max-height: 186px;
    height: auto;
  }

  .network-profile #item-header {
    height: auto;
  }

  #buddypress div#item-header img.avatar {
    max-width: 150px;
  }
}

/* Groups Grid View */
@media screen and (min-width: 900px) {
  #groups-list.grid-view {
    display: flex;
    flex-wrap: wrap;
  }

  #groups-list.grid-view li,
  .directory.groups #primary #buddypress .item-list.grid-view li {
    width: 23.5%;
    display: flex;
    margin: 5px;
    padding: 10px;
    flex-direction: column;
    border: 1px solid #bdbebf;
  }

  #groups-list.grid-view li .item-meta,
  #groups-list.grid-view li .item-desc {
    display: none;
  }

  #primary #groups-list.grid-view li .item-title {
    margin: 10px 0;
    line-height: 1.4em;
  }
  #primary #groups-list.grid-view li .item-title a {
    text-transform: none;
  }

  #primary #groups-list.grid-view li .meta {
    font-size: 10px;
  }

  #primary #groups-list.grid-view li div.action .group-button {
    width: 100%;
    margin-bottom: 5px;
  }

  #primary #groups-list.grid-view li .item-avatar {
    width: 100%;
    padding-right: 0;
  }

  #primary #groups-list.grid-view li .item-avatar a {
    height: auto;
  }
  #primary #groups-list.grid-view li .item-avatar a img {
    border: 1px solid #d8d8d8;
    width: 100%;
    height: auto;
    border-radius: 0;
  }
}

div.time-picker li {
  height: auto;
}

/* Profile Edits */
.profile-edit-box {
  max-width: 575px;
  padding: 15px;
  border: 1px solid #d8d8d8;
}

.fc .fc-button-group > .fc-prev-button span:before,
.em-calnav-prev:before {
      content: none;
}
.fc .fc-button-group > .fc-next-button span:before,
.em-calnav-next:before {
      content: none;
}