.bp-user #buddypress {
  width:100%;
  overflow:hidden;
}
.bp-user #buddypress div.item-main-wrapper {
  width:100%;
  max-width:1200px;
  padding:0 0 0 10px;
  margin:-70px auto 50px;
  display:flex;
  position:relative;
}
.bp-user #buddypress div.item-main-wrapper #item-main-header {
  display:block;
  flex:0 0 auto;
}
.bp-user #buddypress div.item-main-wrapper .item-main {
  display:block;
  flex:1 1 auto;
  width:100%;
  padding:0;
}
.bp-user #buddypress div.item-main-wrapper.is-light-detail {
  display:block;
  padding:0;
}
.bp-user #buddypress div.item-main-wrapper.is-light-detail .item-main { padding:0; }
#wrapper .wrapper-page { padding-top:0; }
.bp-user #buddypress div#item-header #cover-image-container {
  position:relative;
  padding:0 120px;
  display:block;
  left:0;
  margin:0;
  top:0;
  width:100%;
  z-index:1;
  height:350px;
}
.bp-user #buddypress div#item-header #cover-image-container:before, .bp-user #buddypress div#item-header #cover-image-container:after {
  content:'';
  display:block;
  width:120px;
  height:100%;
  background-color:#f5f5f5;
  position:absolute;
  top:0;
}
.bp-user #buddypress div#item-header #cover-image-container:before { left:0; }
.bp-user #buddypress div#item-header #cover-image-container:after { right:0; }
.bp-user #buddypress div#item-header #cover-image-container .edit-button {
  position:absolute;
  top:20px;
  right:140px;
  width:70px;
  height:70px;
  z-index:10;
}
.bp-user #buddypress div#item-header #cover-image-container .edit-button.active .icon * { fill:#f50057; }
.bp-user #buddypress div#item-header #cover-image-container .edit-button.active:before { border:1px solid #f50057; }
.bp-user #buddypress div#item-header #header-cover-image {
  position:relative;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
.bp-user #buddypress div#item-header #header-cover-image:after {
  content:'';
  display:block;
  height:70px;
  background-color:#ffffff;
  position:absolute;
  left:50%;
  right:0;
  bottom:0;
}
@media screen and (max-width: 1460px) {
  .bp-user #buddypress div#item-header #cover-image-container {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0;
  }
  .bp-user #buddypress div#item-header #cover-image-container:before, .bp-user #buddypress div#item-header #cover-image-container:after { display:none; }
  .bp-user #buddypress div#item-header #cover-image-container .edit-button {
    top:10px;
    right:10px;
  }
}
.item-main-wrapper-sup {
  position:relative;
  width:100%;
}
.item-main-wrapper-sup:after {
  content:'';
  display:block;
  position:absolute;
  width:120px;
  top:0;
  right:0;
  height:70px;
  background-color:#f5f5f5;
}
#buddypress #item-nav {
  height:70px;
  position:relative;
  z-index:11;
}
#buddypress #item-nav.mobile-item-nav { display:none; }
#buddypress #item-nav div.item-list-tabs { overflow:visible; }
#buddypress #item-nav #object-nav {
  background-color:#ffffff;
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  justify-content:space-between;
  padding:0 0 0 40px;
}
#buddypress #item-nav #object-nav .extra-shrinkable-wrapper { display:none; }
#buddypress #item-nav #object-nav ul.user-main-menu {
  flex:1 1 auto;
  width:100%;
  height:100%;
  display:flex;
  justify-content:space-between;
  padding:0 10px 0 0;
}
#buddypress #item-nav #object-nav ul.user-main-menu li { height:100%; }
#buddypress #item-nav #object-nav ul li a {
  display:block;
  font-size:16px;
  line-height:30px;
  font-weight:900;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#040418;
  height:100%;
  padding:20px 10px;
  -webkit-transition:color 0.3s ease-out;
  transition:color 0.3s ease-out;
}
#buddypress #item-nav #object-nav ul li a:hover {
  color:#f50057;
  -webkit-transition:color 0.2s ease-out;
  transition:color 0.2s ease-out;
}
#buddypress #item-nav #object-nav ul li a:active {
  color:#040418;
  -webkit-transition:color 0.1s ease-out;
  transition:color 0.1s ease-out;
}
#buddypress #item-nav #object-nav ul li.current a {
  background-color:transparent;
  color:#f50057;
}
#buddypress #item-nav #object-nav ul.extra-shrinkable-menu li a { padding:10px 20px; }
.extra-shrinkable-wrapper {
  flex:0 0 auto;
  position:relative;
}
.extra-shrinkable-wrapper.selected:not(.selected-annonces):not(.selected-materiels) .extra-shrinkable-button .icon { border-color:#f50057; }
.extra-shrinkable-wrapper.selected:not(.selected-annonces):not(.selected-materiels) .extra-shrinkable-button .icon:before, .extra-shrinkable-wrapper.selected:not(.selected-annonces):not(.selected-materiels) .extra-shrinkable-button .icon:after { background-color:#f50057; }
.extra-shrinkable-wrapper .extra-shrinkable-button {
  display:block;
  width:70px;
  height:70px;
  background-color:transparent;
  position:relative;
  overflow:hidden;
}
.extra-shrinkable-wrapper .extra-shrinkable-button .text {
  position:absolute;
  top:0;
  left:100%;
  white-space:nowrap;
}
.extra-shrinkable-wrapper .extra-shrinkable-button .icon {
  display:block;
  width:30px;
  height:30px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-15px 0 0 -15px;
  border:1px solid rgba(4,4,24,0.3);
  transition:0.3s all ease-out;
  pointer-events:none;
}
.extra-shrinkable-wrapper .extra-shrinkable-button .icon:after, .extra-shrinkable-wrapper .extra-shrinkable-button .icon:before {
  content:'';
  display:block;
  background:rgba(4,4,24,0.3);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  transition:0.3s all ease-out;
}
.extra-shrinkable-wrapper .extra-shrinkable-button .icon:before {
  width:10px;
  height:1px;
}
.extra-shrinkable-wrapper .extra-shrinkable-button .icon:after {
  width:1px;
  height:10px;
}
.extra-shrinkable-wrapper.selected:not(.selected-annonces .icon, .extra-shrinkable-wrapper .selected-materiels) .extra-shrinkable-button .icon { border-color:#f50057; }
.extra-shrinkable-wrapper.selected:not(.selected-annonces .icon:before, .extra-shrinkable-wrapper.selected:not(.selected-annonces .icon:after, .extra-shrinkable-wrapper .selected-materiels) .extra-shrinkable-button .icon:before, .extra-shrinkable-wrapper .selected-materiels) .extra-shrinkable-button .icon:after { background-color:#f50057; }
.extra-shrinkable-wrapper.selected .extra-shrinkable-button:hover .icon, .extra-shrinkable-wrapper.selected.open .extra-shrinkable-button .icon, .extra-shrinkable-wrapper .extra-shrinkable-button:hover .icon, .extra-shrinkable-wrapper.open .extra-shrinkable-button .icon {
  border-color:#040418;
  transition:0.2s all ease-out;
}
.extra-shrinkable-wrapper.selected .extra-shrinkable-button:hover .icon:before, .extra-shrinkable-wrapper.selected .extra-shrinkable-button:hover .icon:after, .extra-shrinkable-wrapper.selected.open .extra-shrinkable-button .icon:before, .extra-shrinkable-wrapper.selected.open .extra-shrinkable-button .icon:after, .extra-shrinkable-wrapper .extra-shrinkable-button:hover .icon:before, .extra-shrinkable-wrapper .extra-shrinkable-button:hover .icon:after, .extra-shrinkable-wrapper.open .extra-shrinkable-button .icon:before, .extra-shrinkable-wrapper.open .extra-shrinkable-button .icon:after {
  background-color:#040418;
  transition:0.2s all ease-out;
}
.extra-shrinkable-wrapper .extra-shrinkable {
  position:absolute;
  top:70px;
  right:0;
  background-color:#ffffff;
  transform:translate3d(0,-20px,0);
  opacity:0;
  pointer-events:none;
  transition:0.3s all ease-out;
}
.extra-shrinkable-wrapper.open .extra-shrinkable {
  transform:translate3d(0,0,0);
  opacity:1;
  pointer-events:auto;
}
#buddypress .item-main-wrapper.is-light-detail #item-nav {
  padding-left:450px;
  padding-right:10px;
}
#buddypress .item-main-wrapper.is-light-detail #item-nav #object-nav { padding:0 0 0 40px; }
#buddypress #item-nav #object-nav ul.user-main-menu #extra-event-list-personal-li, #buddypress #item-nav #object-nav ul.user-main-menu #extra-photo-like-list-personal-li, #buddypress #item-nav #object-nav ul.user-main-menu #members-following-personal-li { display:none; }
#buddypress #item-nav #object-nav .extra-shrinkable-wrapper { display:block; }
#buddypress #item-nav #object-nav .extra-shrinkable-wrapper #extra-wiki-like-list-personal-li, #buddypress #item-nav #object-nav .extra-shrinkable-wrapper #extra-offer-list-personal-li { display:none; }
#buddypress .item-main-wrapper #item-nav, #buddypress .item-main-wrapper.is-light-detail #item-nav { padding-right:0; }
@media screen and (max-width: 1460px) {
  .item-main-wrapper-sup:after { display:none; }
}
@media screen and (max-width: 1200px) {
  #buddypress #item-nav #object-nav ul.user-main-menu #extra-wiki-like-list-personal-li { display:none; }
  #buddypress #item-nav #object-nav .extra-shrinkable-wrapper #extra-wiki-like-list-personal-li { display:block; }
  .extra-shrinkable-wrapper.selected:not(.selected-annonces) .extra-shrinkable-button .icon { border-color:#f50057; }
  .extra-shrinkable-wrapper.selected:not(.selected-annonces) .extra-shrinkable-button .icon:before, .extra-shrinkable-wrapper.selected:not(.selected-annonces) .extra-shrinkable-button .icon:after { background-color:#f50057; }
}
@media screen and (max-width: 1024px) {
  #buddypress #item-nav #object-nav ul.user-main-menu #extra-offer-list-personal-li { display:none; }
  #buddypress #item-nav #object-nav .extra-shrinkable-wrapper #extra-offer-list-personal-li { display:block; }
  .extra-shrinkable-wrapper.selected .extra-shrinkable-button .icon { border-color:#f50057; }
  .extra-shrinkable-wrapper.selected .extra-shrinkable-button .icon:before, .extra-shrinkable-wrapper.selected .extra-shrinkable-button .icon:after { background-color:#f50057; }
}
@media screen and (max-width: 925px) {
  #buddypress .item-main-wrapper #item-nav, #buddypress .item-main-wrapper.is-light-detail #item-nav, #buddypress .item-main-wrapper.is-light-detail #item-nav #object-nav, #buddypress #item-nav #object-nav { padding:0; }
}
@media screen and (max-width: 440px) {
  #buddypress #item-nav #object-nav { padding:0 10px; }
}
#buddypress #item-body {
  margin:40px 0 0;
  padding:0 10px 0 40px;
}
#buddypress .item-main-wrapper.is-light-detail #item-body {
  margin:55px 0 50px;
  padding:0;
  background-color:#f5f5f5;
}
#buddypress #item-body .activity .photo {
  width:auto;
  max-width:none;
}
#buddypress .activity-list li.load-more, #buddypress .activity-list li.load-newest {
  background:transparent;
  font-size:inherit;
  margin:0 0 20px;
  padding:0;
  text-align:center;
}
#buddypress .activity-list li.load-more a, #buddypress .activity-list li.load-newest a {
  width:100%;
  color:#040418;
}
@media screen and (max-width: 1200px) {
  #buddypress #item-body { margin-top:10px; }
}
@media screen and (max-width: 925px) {
  .bp-user #buddypress div#item-header #header-cover-image:after { display:none; }
  .bp-user #buddypress div.item-main-wrapper {
    display:block;
    padding:0;
  }
  .bp-user #buddypress div.item-main-wrapper #item-main-header {
    padding:0 40px;
    max-width:none;
  }
  .bp-user #buddypress div.item-main-wrapper #item-main-header > .inner {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:-40px;
    max-width:none;
  }
  .bp-user #buddypress div.item-main-wrapper #item-main-header #item-header-content {
    max-width:440px;
    margin:0 auto;
  }
  .bp-user #buddypress div.item-main-wrapper .item-main {
    padding:0 40px;
    max-width:none;
    margin:0 auto;
    position:relative;
    z-index:10;
  }
  #buddypress .item-main-wrapper.is-light-detail #item-body, #buddypress #item-body {
    padding:0;
    margin-top:20px;
  }
  #buddypress .item-main-wrapper.is-light-detail #item-nav {
    margin:40px auto 0;
    padding:0 60px;
  }
  #buddypress #item-nav {
    max-width:560px;
    height:auto;
    margin:0 auto;
    padding:0 60px;
  }
  #buddypress #item-nav:before { display:none; }
  #buddypress #item-nav #object-nav {
    float:none;
    background-color:transparent;
  }
  #buddypress #item-nav #object-nav ul.user-main-menu { padding:0; }
  #buddypress #item-nav #object-nav ul.user-main-menu li a { padding:20px 0; }
  #buddypress #item-nav #object-nav ul.user-main-menu li:last-child a { border-bottom:none; }
  #buddypress #item-nav .extra-shrinkable-wrapper .extra-shrinkable-button .icon {
    left:auto;
    right:0;
    margin:-15px 0 0 0;
  }
  #buddypress #item-nav .extra-shrinkable-wrapper .extra-shrinkable {
    background:#f5f5f5;
    border:1px solid #040418;
  }
  .bp-user #buddypress .item-main-wrapper.is-light-detail #item-main-header {
    position:relative;
    top:-80px;
    left:0;
    margin-bottom:-100px;
    max-width:none;
  }
  .bp-user #buddypress .item-main-wrapper.is-light-detail #item-main-header > .inner {
    padding:0 40px 0 40px;
    max-width:none;
  }
}
@media screen and (max-width: 780px) {
  .bp-user #buddypress div.item-main-wrapper .item-main, .bp-user #buddypress div.item-main-wrapper #item-main-header { padding:0 20px; }
}
@media screen and (max-width: 440px) {
  .bp-user #buddypress div.item-main-wrapper .item-main, .bp-user #buddypress div.item-main-wrapper #item-main-header { padding:0; }
  .author-card > .inner, .bp-user #buddypress #item-main-header > .inner {
    padding:40px 10px;
    margin:0 auto 0;
    top:0;
  }
  .bp-user #buddypress div.item-main-wrapper #item-main-header > .inner { margin-bottom:20px; }
  #buddypress .share-button-wrapper .extra-social-wrapper .extra-social-button, .share-button-wrapper .extra-social-wrapper .extra-social-button { margin-right:5px; }
  .bp-user #buddypress .item-main-wrapper.is-light-detail #item-main-header {
    top:0;
    margin-bottom:0;
  }
  .bp-user #buddypress .item-main-wrapper.is-light-detail #item-main-header > .inner { padding:0 10px; }
  #buddypress .item-main-wrapper.is-light-detail #item-nav, #buddypress #item-nav { padding:0 10px; }
  .extra-shrinkable-wrapper .extra-shrinkable-button { width:40px; }
  #buddypress #item-nav #object-nav ul li a { font-size:14px; }
  #buddypress #item-nav #object-nav ul.extra-shrinkable-menu li a { padding:10px; }
}
