#buddypress { background-color:#f5f5f5; }
#buddypress div.item-list-tabs#subnav {
  margin:0;
  padding:0;
}
#buddypress div.item-list-tabs#subnav ul {
  list-style:none;
  display:flex;
  flex-wrap:nowrap;
}
#buddypress div.item-list-tabs#subnav ul li {
  float:none;
  display:block;
}
#buddypress div.item-list-tabs#subnav ul li a {
  font-size:14px;
  line-height:30px;
  font-weight:300;
  letter-spacing:0.1em;
  color:#040418;
  text-transform:uppercase;
  background-color:transparent;
  -webkit-transition:color 0.3s ease-out;
  transition:color 0.3s ease-out;
}
#buddypress div.item-list-tabs#subnav ul li a:hover {
  color:#f50057;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
#buddypress div.item-list-tabs#subnav ul li a:active {
  color:#040418;
  -webkit-transition:color 0.1s ease-out;
  transition:color 0.1s ease-out;
}
#buddypress div.item-list-tabs#subnav ul li a span {
  background:transparent;
  border-radius:0;
  border:none;
  color:inherit;
  display:inline;
  font-size:inherit;
  margin-left:inherit;
  padding:0 0 0 5px;
  text-align:inherit;
  vertical-align:inherit;
}
#buddypress div.item-list-tabs#subnav ul li.current a {
  color:#f50057;
  background-color:transparent;
}
#buddypress div.item-list-tabs#subnav ul li.current a span { background-color:transparent; }
#buddypress ul.item-list {
  width:calc(100% + 60px);
  border:none;
  padding:0 10px;
  display:flex;
  flex-wrap:wrap;
}
#buddypress ul.item-list li { padding:0; }
#buddypress .item-main-wrapper.is-light-detail #item-body { padding:0 10px; }
@media screen and (max-width: 1200px) {
  #buddypress div.item-list-tabs#subnav {
    max-width:915px;
    margin:0 auto;
  }
  #buddypress .item-main-wrapper.is-light-detail #item-body { padding:0; }
}
@media screen and (max-width: 915px) {
  #buddypress div.item-list-tabs#subnav {
    max-width:600px;
    margin:0 auto;
  }
}
@media screen and (max-width: 600px) {
  #buddypress div.item-list-tabs#subnav {
    max-width:460px;
    margin:0 auto;
  }
  #buddypress ul.item-list {
    padding:0 10px;
    max-width:460px;
  }
  #buddypress #members-list li { margin:0 auto 20px 0; }
}