/* -- Tailwind overwrite -- */
html.hidden {
  display: block !important;
}

#bx-content-with-standards-toolbar-wrapper {
  min-height: 100vh;
  padding-top: 130px;
  padding-bottom: 150px;
}

.bx-media-phone #bx-content-with-standards-toolbar-wrapper{
  padding-top: 150px;
}


.bx-page-wrapper {
    background: rgba(25,14,14,0.635);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}


/* aplica o radius SÓ quando o body NÃO contém .bx-base-profile-cover em lado nenhum */
body:not(:has(.bx-base-pofile-cover))
  #bx-content-with-cover-wrapper .bx-page-wrapper {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}




/* #bx-layout-cell-1:only-child{
  background-color: rgba(25,14,14,0.635);
} */

/* #bx-layout-cell-1:first-child{
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
} */

/* .bx-media-desktop #bx-content-with-cover-wrapper:has(.bx-base-pofile-cover-wrapper) #bx-layout-cell-1:first-child,
.bx-media-tablet #bx-content-with-cover-wrapper:has(.bx-base-pofile-cover-wrapper) #bx-layout-cell-1:first-child,
.bx-media-desktop #bx-content-with-cover-wrapper:has(.bx-base-groups-cover-wrapper) #bx-layout-cell-1:first-child,
.bx-media-tablet #bx-content-with-cover-wrapper:has(.bx-base-groups-cover-wrapper) #bx-layout-cell-1:first-child{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
} */

/* #bx-layout-cell-1:last-child{
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
} */


.bx-def-unit.absolute {
  position: relative;
}

.bx-base-profile-cover-block-wrapper .bx-menu-custom.bx-menu-custom-hor {
  justify-content: center !important;
}

/* -- people Toolbar -- */
.bx-menu-people-toolbar-item-unit .bx-def-ava-size {
  width: 61px !important;
  height: 61px !important;
}

.bx-media-tablet .bx-menu-people-toolbar-item-unit .bx-def-ava-size {
  width: 50px !important;
  height: 50px !important;
}

.bx-menu-people-toolbar-item-unit .bx-base-pofile-unit-online {
  display: none;
}


.bx-media-phone .bx-menu-people-toolbar-item-unit .bx-def-ava-size {
  width: 40px !important;
  height: 40px !important;
}

.content-standards-top-bar .bx-menu-object-people_avatar {
  flex: 0 0 33.3%;
}

.content-standards-top-bar .bx-menu-object-sys_toolbar_member {
  flex: 0 0 33.3%;
  justify-content: end;
}


ul.bx-menu-people-toolbar {
  width: fit-content;
  padding: 0;
}

/* -- standards Nav Bars -- */
.standards-nav-bars {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9000;
}

.bx-media-phone .standards-nav-bars {
  background-color: black;
}

a.btn-global-post{
  position: fixed;
  bottom: 62px;
  right: 37px;
  border-radius: 16px;
  background: var(--material-theme-ref-primary-primary50, #E52549);
  padding: 16px 27px;
  z-index: 999;
}

.bx-media-tablet a.btn-global-post{
  bottom: 25px;
}

.bx-media-phone a.btn-global-post{
  bottom: 85px;
  right: 20px;
  padding: 10px 20px;
}

/* -- Top Bar Content -- */
.content-standards-top-bar {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 20px;
  margin-bottom: 16px;
  padding: 0 24px;
}

.bx-media-tablet .content-standards-top-bar,
.bx-media-phone .content-standards-top-bar {
  justify-content: space-between;
}


.content-standards-top-bar .standards_nav_bar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 33.3%;
}

.bx-media-tablet .content-standards-top-bar .standards_nav_bar {
  z-index: 99;
  left: calc(50vw - 115px);
  width: 230px;
}

.bx-media-phone .content-standards-top-bar .standards_nav_bar {
  position: fixed;
  bottom: 20px;
  z-index: 99;
  left: calc(50vw - 115px);
  width: 230px;
}

.content-standards-top-bar .standards_nav_bar .standards_nav_items {
  border-radius: 32px;
  background: var(--material-theme-ref-primary-primary10, #40000C);
  box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.32);
}

.content-standards-top-bar .standards_nav_bar .standards_nav_item {
  padding: 10px 14px;
  margin: 8px 22px;
}

.bx-media-tablet .content-standards-top-bar .standards_nav_bar .standards_nav_item,
.bx-media-phone .content-standards-top-bar .standards_nav_bar .standards_nav_item {
  padding: 10px 13px;
  margin: 2px 8px;
}



.content-standards-top-bar .standards_nav_bar .standards_nav_item.selected {
  border-radius: 24px;
  background: var(--material-theme-ref-primary-primary70, #FF888F);
}



/* -- Bottom Bar Content -- */
.content-standards-bottom-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 37px;
  z-index: 99;
  left: calc(50vw - 115px);
  width: 230px
}

.bx-media-tablet .content-standards-bottom-bar{

  bottom: 15px;
}

.bx-media-tablet .content-standards-bottom-bar .standards_nav_bar .standards_nav_items{

  width: 350px;
  height: 80px;
}

.bx-media-phone .content-standards-bottom-bar {
  position: relative;
  bottom: 0;
}

.content-standards-bottom-bar .standards_nav_bar .standards_nav_items {
  border-radius: 24px;
  background: var(--material-theme-black, #000);
  display: flex;
  width: 425px;
  height: 96px;
  /* padding: 16px 24px;  */
  justify-content: center;
  align-items: center;
  gap: 64px;
  flex-shrink: 0;

  /* padding-bottom: 10px; */
}

.bx-media-phone .content-standards-bottom-bar .standards_nav_bar .standards_nav_items {
  justify-content: space-evenly;
  width: 100vw;
  height: auto;
  padding-bottom: 10px;
}

.content-standards-bottom-bar .standards_nav_items div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bx-media-phone .content-standards-bottom-bar .standards_nav_items div {
  /* height: 70px; */
  justify-content: space-between;
}

.bx-media-phone .content-standards-bottom-bar .standards_nav_items .item_text {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.content-standards-bottom-bar .standards_nav_items .item_icon {
  padding: 3px;
}

/* -- Active States for Bottom Bar Items -- */
body.bx-page-people .content-standards-bottom-bar .standards_nav_item_standards .item_icon,
body.bx-page-people-interactions .content-standards-bottom-bar .standards_nav_item_interactions .item_icon,
body.bx-page-people-location .content-standards-bottom-bar .standards_nav_item_location .item_icon,
body.bx-page-home .content-standards-bottom-bar .standards_nav_item_home .item_icon{
  border-radius: 24px;
  background: #BE0035;
  padding: 5px;
}

body.bx-page-people .content-standards-bottom-bar .standards_nav_item_standards .item_text,
body.bx-page-people-interactions .content-standards-bottom-bar .standards_nav_item_interactions .item_text,
body.bx-page-people-location .content-standards-bottom-bar .standards_nav_item_location .item_text,
body.bx-page-home .content-standards-bottom-bar .standards_nav_item_home .item_text{
  color: var(--material-theme-ref-primary-primary50, #E52549);
  text-align: center;
  font-size: 14px;
  font-weight: 900;
  display: block;
}


.person_separation{

  color: #998E8E;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  width: 100%;
  margin-top: 24px;
}

.person_separation div{

  width: 100%;
  text-align: center;
  border-bottom: 1px solid #998E8E;
  padding: 8px;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}

.person_separation div.active{

  color: #E52549;
  border-bottom: 1px solid #E52549;
}


body.bx-page-groups-top div#bx-menu-main-bar,
body.bx-page-groups-home div#bx-menu-main-bar,
body.bx-page-groups-joined div#bx-menu-main-bar,
body.bx-page-groups-followed div#bx-menu-main-bar,
body.bx-page-groups-manage div#bx-menu-main-bar,
body.bx-page-groups-search div#bx-menu-main-bar{
  border: none !important;
  background: none !important;
}