/*
Theme Name:  Space Music
Theme URI:   https://spacemusic.fr
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Space Music.
Author:      WINALY
Author URI:  https://sowaz.fr
Template:    Divi
*/
/*- Add any CSS custom code for this child theme below this line -*/
/*---*/
/*---*/
/*---*/
/*---*/
@import url('lib.css');

/*Personnalisation de la Scrollbar*/
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #d3d3d3;
}

::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: #01191f;
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 0px;
  background: #01191f;
}

/*Balises de Base*/
body {
  overflow-x: hidden;
  background: #02191f;
  transition: all 0.5s;
}

body.buddypress.registration.register, body.buddypress.activation.activate {
  min-height: 100vh;
  background-image: url("/wp-content/uploads/2020/02/Page-Connexion.jpg");
  color: #fff;
}

body.buddypress * {
  scrollbar-width: thin !important;
  scrollbar-color: #01191f #d3d3d3 !important;
}

body.buddypress *::-webkit-scrollbar {
  width: 5px;
}

body.buddypress *::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #d3d3d3;
}

body.buddypress *::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0 0;
  background: #01191f;
}

body.buddypress *::-webkit-scrollbar-thumb:hover {
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0 0;
  background: #01191f;
}

a {}

a:hover {}

h1 {
  word-wrap: initial;
}

h2 {
  word-wrap: initial;
}

h3 {
  word-wrap: initial;
}

/*Balise autres*/
.dspno {
  display: none !important;
}

#sidebar {
  display: none;
}

.theme_mode_light, .theme_mode_dark {
  width: 3em;
  height: 1.4em;
  padding: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  position: fixed;
  bottom: 5em;
  right: 2em;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1502;
  color: #ffffff;
  background: #01191f;
  text-decoration: none;
  border: 0px solid hsla(0, 0%, 0%, 0);
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.theme_mode_light {
  display: none;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
  cursor: pointer;
}

.slider::before {
  position: absolute;
  content: "";
  height: 0.8em;
  width: 0.8em;
  left: 0.2em;
  bottom: 0.25em;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-transform: translateX(0em);
  -ms-transform: translateX(0em);
  transform: translateX(0em);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

#main .et_pb_scroll_top {
  border-radius: 0 !important;
  right: -2em;
  bottom: 3em !important;
  top: inherit !important;
  transition: all 0.5s;
}

.et_pb_scroll_top.et-visible {
  right: 2em;
}

.et_pb_row {}

.mfp-close {
  position: fixed !important;
  cursor: pointer !important;
  right: 0.2em !important;
  top: 0.1em !important;
  width: auto !important;
  opacity: 1 !important;
}

.login .privacy-policy-page-link {
  display: none;
}

/*Header*/
.et-boc .et-l--header {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
}

body.admin-bar .et-boc .et-l--header {
  top: 32px !important;
}

.buddypress .et-boc .et-l--header {
  display: none;
}

body.buddypress:not(.et-tb) #main-content .container, body.buddypress:not(.et-tb-has-header) #main-content .container {
  padding-top: 0 !important;
}

.header-top {
  width: 100% !important;
  box-shadow: 0 0 0px #b959d300 !important;
  transition: all 0.5s;
}

.header-top.shrinked {}

.header-top .header-logo {
  width: 80px !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.header-top .header-logo img {
  height: 100% !important;
  transform: scale(2.25) translateY(-1px) translateX(0px) !important;
  transition: all 0.5s;
}

.header-top.shrinked .header-logo img {}

#logo {
  max-height: inherit !important;
  display: block !important;
  vertical-align: inherit !important;
}

.fb-login a {
  margin-left: auto !important;
  margin-right: auto !important;
}

.fb-login div.nsl-container .nsl-button-default {
  margin-left: inherit !important;
}

/*Menu*/
.menu-top>div {
  height: 100% !important;
}

.menu-top .et_pb_menu__menu {
  margin: 0 !important;
}

.menu-top .nav {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
}

.menu-top .nav>li {
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  border-left: 1px solid #fff !important;
  height: 25px !important;
}

.menu-top .nav>li:first-child {
  border-left: 0px !important;
}

.menu-top .nav>li>a {
  padding-bottom: 0 !important;
  transition: all 0.5s !important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li a:hover, .et_pb_menu_0_tb_header.et_pb_menu ul li a.active {
  font-size: 16px !important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
  font-size: 16px !important;
}

/*Hamburger Logo*/
.mobile_nav .hamburger {
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: .15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent !important;
  user-select: none;
}

.mobile_nav.opened .hamburger .hamburger-inner, .mobile_nav.opened .hamburger .hamburger-inner:after, .mobile_nav.opened .hamburger .hamburger-inner:before {
  background-color: #fff
}

.mobile_nav .hamburger-box {
  position: relative;
  display: inline-block;
  width: 2.2rem;
  height: 27px
}

.mobile_nav .hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px
}

.mobile_nav .hamburger-inner, .mobile_nav .hamburger-inner:after, .mobile_nav .hamburger-inner:before {
  position: absolute;
  width: 100%;
  height: 3px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #fff
}

.mobile_nav .hamburger-inner:after, .mobile_nav .hamburger-inner:before {
  display: block;
  content: ""
}

.mobile_nav .hamburger-inner:before {
  top: -10px
}

.mobile_nav .hamburger-inner:after {
  bottom: -10px
}

.mobile_nav .hamburger--elastic .hamburger-inner {
  top: 5px;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-duration: .275s;
  transition-delay: 0.8s;
}

.mobile_nav .hamburger--elastic .hamburger-inner:before {
  top: 10px;
  transition: opacity .125s ease .275s;
  transition-delay: 0.9s;
}

.mobile_nav .hamburger--elastic .hamburger-inner:after {
  top: 20px;
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
  transition-delay: 0.8s;
}

.mobile_nav.opened .hamburger--elastic .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(135deg)
}

.mobile_nav.opened .hamburger--elastic .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0
}

.mobile_nav.opened .hamburger--elastic .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(-270deg)
}

/*Main Content*/
#et-main-area {
  margin-top: 0px;
}

#main-content {
  transition: all 0.5s;
}

#main-content.shrinked {}

.row-logo {
  padding: 0 !important;
}

.row-col-logo {}

.main-content {
  padding: 0 !important;
  height: 0vh !important;
  transition: all 0.3s !important;
}

.main-content.opened {
  padding: 0 !important;
  height: 100vh !important;
}

.et-waypoint:not(.et_pb_counters) {
  opacity: 1 !important;
}

/*Inscriptions*/
.buddypress.registration.register .bp_register {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.buddypress.registration.register h2 {
  color: #fff;
}

.buddypress.registration.register form#signup_form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.buddypress.registration.register form#signup_form::before {
  content: '';
  display: block;
  background: url("/wp-content/uploads/2020/02/Logo-SpaceMusic.svg");
  background-size: cover;
  background-position: center;
  width: 40%;
  height: 5rem;
  margin: auto;
  margin-bottom: 3em;
}

.buddypress.registration.register form#signup_form>div.register-section {
  width: 45% !important;
}

.buddypress.registration.register input {
  border-radius: 10px !important;
  overflow: hidden;
  width: 100% !important;
}

.buddypress.registration.register .register-section fieldset {
  margin: 15px 0 5px;
}

.buddypress.registration.register .field-visibility-settings-notoggle {
  color: #fff !important;
  font-style: italic;
}

.buddypress.registration.register form#signup_form>div.submit {
  margin: auto;
}

.buddypress.activation.activate #main-content {
  background: transparent !important;
}

.buddypress.activation.activate .container, .buddypress.registration.register .container {
  min-height: 100vh;
  padding: 100px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.buddypress.activation.activate .container {
  flex-direction: column;
}

.buddypress.activation.activate #main-content>.container::before {
  content: '';
  display: block;
  background: url("/wp-content/uploads/2020/02/Logo-SpaceMusic.svg");
  background-size: cover;
  background-position: center;
  width: 25%;
  height: 5rem;
  margin: auto !important;
  margin-top: 60px !important;
  margin-bottom: 3em !important;
  position: static;
}

.bp_activate {
  color: #fff !important;
}

.buddypress.activation.activate form#activation-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.buddypress.activation.activate input#key {
  width: 100%;
  border-radius: 10px;
}

/*Fin Inscriptions*/
/*Connexion*/
.module-connexion .et_pb_login_form {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
}

.module-connexion .et_pb_login_form .et_pb_newsletter_button.et_pb_button {
  width: 48px !important;
  height: 48px !important;
  margin: auto !important;
}

.module-connexion .et_pb_login_form .et_pb_newsletter_button.et_pb_button::after {
  left: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  color: #000;
}

.no-subscribe {}

.no-subscribe .et_pb_newsletter_button.et_pb_button, .woocommerce-Button {
  background: transparent !important;
  color: #000 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  border: 1px solid #000 !important;
}

.price-subscribe, .engage-subscribe {
  font-weight: bold !important;
  font-size: 20px !important;
  line-height: 12px !important;
}

.engage-subscribe {
  margin-bottom: 5px !important;
}

.et_pb_subscribe_button {}

/*Membership RT*/
.plans-membership {}

.rtm_membership_plan h4 {
  text-align: center;
  font-weight: bold;
  font-size: 2em;
}

.plans-membership th {
  color: #fff !important;
}

.rtm_subscribe input[type="image"] {
  filter: hue-rotate(135deg);
  opacity: 0.6;
  transition: all 0.3s;
}

.rtm_subscribe input[type="image"]:hover {
  opacity: 1;
}

/*BuddyPress Buttons, link a and input submits*/
#buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress .standard-form button, #buddypress a.button, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, a.bp-title-button {
  background: transparent;
  border: 1px solid #01191f;
  color: #01191f !important;
  font-size: small;
  cursor: pointer;
  outline: 0;
  padding: 5px 10px !important;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 600;
}

#buddypress .comment-reply-link:hover, #buddypress .standard-form button:hover, #buddypress a.button:focus, #buddypress a.button:hover, #buddypress div.generic-button a:hover, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress input[type=submit]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a {
  background: transparent;
  border: 0;
  border: 1px solid #01191f;
  color: #01191f !important;
  outline: 0;
  text-decoration: none;
}

#buddypress .acomment-options a, #buddypress .acomment-options a:hover {
  color: #00747a;
  font-weight: 600;
}

a.ac-reply-cancel {
  background: transparent;
  border: 1px solid #01191f;
  color: #01191f;
  padding: 10px 10px;
  border-radius: 5px;
  font-weight: 600;
}

#buddypress #reply-title small a span, #buddypress a.bp-primary-action span {
  background: #ffffff !important;
  color: #02191f !important;
  font-size: 90%;
  margin-left: 2px;
  padding: 0 5px;
  border-radius: 50%;
}

#buddypress #reply-title small a:hover span, #buddypress a.bp-primary-action:hover span {
  background: red;
  color: #fff;
}

#buddypress .mejs-container, #buddypress .mejs-container .mejs-controls, #buddypress .mejs-embed, #buddypress .mejs-embed body {
  background: hsla(190, 70%, 15%, 1);
}

.bp-user #buddypress .generic-button.follow-button>a {
  color: #fff !important;
  background: #01191f !important;
}

.bp-user #buddypress #item-header .generic-button.follow-button>a {
  color: #01191f !important;
  background: #fff !important;
}

button {
  background: #01191f;
  color: #fff;
  border: 0;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.filter {
  text-align: center;
  padding: 10px;
}

.bp-user .filter {
  padding: 0px;
}

.header-bp {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #01191f;
}

.bp-user .header-bp {
  background: transparent;
  height: 0;
}

.bp-user.activity-permalink .header-bp {
  height: 40px;
  background: #01191f;
}

#title-appli {
  display: none;
}

.logo-appli {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 50px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s;
}

.bp-user .logo-appli.scrolled {
  left: 11%;
  width: 45px;
  background: transparent;
}

.logo-appli img {
  width: 100%;
  height: 100%;
  transform: scale(3);
  transform-origin: 52% 52%;
}

input[type="checkbox"][value="yes"] {
  filter: hue-rotate(280deg) saturate(25%);
}

@media screen and (max-width: 767px) {
  .theme_mode_light, .theme_mode_dark {
    right: 1em;
  }

  .header-bp {
    display: none;
  }

  .directory.activity .header-bp, .directory.members .header-bp, .registration.register .header-bp, .activation.activate .header-bp {
    display: block;
  }

  .logo-appli {
    display: none;
  }

  .directory.activity .logo-appli, .directory.members .logo-appli, .registration.register .logo-appli, .activation.activate .logo-appli {
    display: block;
  }
}

/*End BuddyPress Buttons, link a and input submits*/
/*BuddyPress Notifications*/
.amaran-wrapper.bottom {
  bottom: 40px;
  top: auto;
  max-height: calc(100vh - 40px);
}

.amaran.user.message {
  background: rgb(1 25 31 / 72%);
  border-radius: 10px;
}

.amaran.user.message .icon {
  border-radius: 50%;
  overflow: hidden;
}

/*End BuddyPress Notifications*/
/*BuddyPress Home Activity & Members Suscribed*/
span.bp-verified-badge {
  transform: scale(0.8);
  margin: 0 0.1em !important;
}

.bp_register, .bp_activity, .members #left-area>article {
  width: 60%;
  max-width: 980px;
  margin: auto;
  margin-top: 40px;
  min-height: 85vh;
  padding: 10px;
  border-radius: 10px;
}

#buddypress #activity-stream {
  margin-top: -10px;
  padding: 0 !important;
  border: 0;
}

.directory.activity #buddypress #activity-stream {
  margin-top: 25px;
}

#buddypress .bpfb_form_container+.activity>#activity-stream {
  padding-top: 25px !important;
}

.activity-permalink #buddypress #activity-stream {
  min-height: 95vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 980px;
  margin: auto;
}

.activity-permalink #buddypress #activity-stream li {
  width: 100%;
  margin-top: 50px;
}

.directory.activity .item-list-tabs.activity-type-tabs {
  position: fixed;
  top: 0;
  z-index: 999999999;
  right: 10px;
}

.directory.activity.artists .item-list-tabs.activity-type-tabs {
  line-height: 1.5em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.item-list-tabs.activity-type-tabs a, .item-list-tabs.activity-type-tabs button {
  color: #fff !important;
}

.item-list-tabs.activity-type-tabs li.selected a, .item-list-tabs.activity-type-tabs li.selected button {
  font-weight: bold;
}

#buddypress div.item-list-tabs ul li a span {
  background: #fff;
  border: 0;
  color: #01191f;
  display: inline-block;
  font-size: 80%;
  padding: 0;
  width: 25px;
  height: 25px;
  font-weight: bold;
}

#buddypress div.activity-meta {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

#buddypress div.activity-meta>a:nth-child(1) {
  order: 2;
  width: 76px;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: 47px auto;
  justify-content: center !important;
  align-items: center !important;
  background: url("/icones/message.svg");
  background-repeat: no-repeat;
  background-size: 38px;
  background-position: center;
  filter: invert(1);
  color: transparent !important;
  margin-left: -25px;
  width: auto;
  border: 0 !important;
}

#buddypress div.activity-meta>a:nth-child(2) {
  order: 4;
  background: url("/icones/favoris.svg");
  background-repeat: no-repeat;
  background-size: 38px;
  background-position: center left;
  filter: invert(1);
  grid-template-columns: 38px;
  width: 38px;
  color: transparent !important;
  border: 0 !important;
}

#buddypress div.activity-meta>a.unfav {
  background-image: url("/icones/favoris_actif.svg");
}

#buddypress div.activity-meta>a:nth-child(3) {
  order: 5;
  background: url("/icones/supprimer.svg");
  background-repeat: no-repeat;
  background-size: 38px;
  background-position: center;
  filter: invert(1);
  grid-template-columns: 38px 0 !important;
  width: 38px !important;
  color: transparent !important;
  border: 0 !important;
}

#buddypress div.activity-meta>a:nth-child(5), .bp-repost-activity {
  order: 3;
  color: #01191f !important;
  grid-template-columns: auto;
  width: auto;
  border: 0;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: -15px;
  display: none !important;
  border: 0 !important;
}

#buddypress div.activity-meta>select:nth-child(5) {
  order: 6;
  width: 6em;
  border: 0 !important;
}

#buddypress div.activity-meta>select:nth-child(6) {
  order: 6;
  width: 6em;
  border: 0 !important;
}

.button.bp-repost-activity {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}

.button.bp-repost-activity>span {
  margin-right: 8px;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.button.bp-repost-activity>span, .button.bp-repost-activity>span::before {
  font-weight: 100 !important;
  font-size: 25px !important;
}

.ai_recent_reactions_list ul li a img {
  filter: invert(1);
}

#buddypress ul.item-list li div.action {
  right: 15px
}

#buddypress div.activity-comments {
  background: #01191f17;
  border-radius: 10px;
}

#buddypress>form {
  background: #01191f17 !important;
  padding: 15px;
  border-radius: 10px;
}

form#search-members-form {
  margin-top: 40px;
}

#buddypress ul.item-list.activity-list>li {
  background: #01191f17;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 10px;
}

#buddypress>form#members-directory-form {
  background: transparent;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0;
}

#buddypress>form#members-directory-form #subnav ul {
  padding: 0 !important;
}

#buddypress>form#members-directory-form #members-dir-list {
  width: 100%;
}

#buddypress>form#members-directory-form ul#members-list {
  padding: 0 !important;
  padding-top: 15px !important;
  border-top: 2px solid #01191f17;
}

#buddypress>form#members-directory-form ul#members-list>li {
  background: #01191f17;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 10px;
}

#buddypress div.pagination {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#buddypress div.pagination .pagination-links {
  margin-right: 0px;
  margin-top: 10px;
  margin-left: 0;
}

#buddypress div.pagination .pagination-links a.prev, #buddypress div.pagination .pagination-links a.next {
  text-indent: -200px !important;
  display: inline-block;
  width: 20px;
  overflow: hidden;
  background: url("/icones/fleche_retour.svg");
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-size: contain;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) contrast(0);
  transform: translateY(5px);
  border: 1px solid #fff;
  border-radius: 50%;
}

#buddypress div.pagination .pagination-links a.next {
  transform: translateY(5px) rotate(-180deg);
}

.activity-inner>.bpfb_images {
  display: grid;
  grid-template-columns: 50% 0 50% 0;
  grid-gap: 1em;
}

.userprofile img, img.avatar {
  border-radius: 50%;
}

#buddypress div.activity-meta>select {
  height: 2.7em !important;
  background: transparent;
  color: #01191f !important;
  font-weight: bold !important;
}

#ai_ar_main {
  background: transparent;
  border-radius: 5px;
  padding: 4px;
  margin-right: 5px;
  order: 1;
  filter: invert(1);
}

#ai_main_activity_reaction {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#ai_ar_main .ai_bp_reactions_default_cont>a {
  color: #fff;
  text-decoration: none !important;
}

#ai_ar_main .ai_bp_reactions_default_cont>.ai_bp_reactions_loader .ai-bp-icon, .ai-bp-icon {
  background-image: url(/icones/loader.svg) !important;
  background-size: contain;
  background-position: center;
  animation: loader-spin linear 1.2s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  padding: 0 !important;
  line-height: inherit !important;
  border: 0 !important;
  background-color: transparent !important;
}

@keyframes loader-spin {
  0% {
    transform: rotateZ(0deg);
  }

  100% {
    transform: rotateZ(359deg);
  }
}

.main_smiley_div {
  display: none !important;
}

.ai_bp_reactions_overcome {
  display: none !important;
}

.ai_bp_reactions_counter {
  padding: 0 !important;
}

.ai_bp_reactions_counter a#ai_counter {
  padding: 0 !important;
  width: 100%;
  height: 100%;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 90% !important;
  color: #fff;
  text-decoration: none !important;
}

#ai_main_activity_reaction .ai_bp_reactions_default span {
  display: none;
}

.ai_bp_reactions_counter a#ai_counter span {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px !important;
  border-radius: 0%;
  width: auto;
  background: transparent !important;
  color: #01191f !important;
  font-weight: 600;
  margin-left: 0px !important;
  filter: invert(1);
}

#buddypress a.bp-primary-action span {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: transparent !important;
  color: #01191f !important;
  font-weight: 600;
  margin-left: 0px;
  border-radius: 50%;
  width: auto !important;
  grid-column: 2;
  grid-row: 1;
  filter: invert(1);
}

.bp-messages-wrap {
  border: 0;
  box-shadow: 0 0 0 transparent;
  background: #01191f17 !important;
}

.bp-messages-wrap.bp-messages-mobile {
  background: #fff !important;
}

.bp-messages-wrap.bp-messages-wrap-main.mobile-ready {
  transition: all 0.2s;
}

.bp-messages-wrap .chat-header {
  border: 0;
  background: transparent;
}

.bp-messages-wrap .chat-header .fas, .bp-messages-wrap .chat-header>a {
  color: #01191f !important;
}

.bp-messages-wrap .scroller {
  max-height: 60vh;
}

.bp-messages-wrap .scroller.threads-list-wrapper {
  max-height: inherit;
}

ul.rtmedia-list.rtmedia-list-media.rtm-gallery-list, .rtm-tabs, .rtmedia-list {
  list-style-type: none !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.rtmedia-list::before, .rtmedia-list::after {
  display: none !important;
}

#buddypress ul.rtmedia-album-list li.rtmedia-list-item {
  border: 0 !important;
}

.rtm-options.rtm-options {
  background: #01191f !important;
}

.rtm-media-options .rtm-options:after {
  border-bottom-color: #01191f !important;
}

.rtmedia-list-item .rtmedia-album-media-count, .rtmedia-container .rtmedia-list .rtmedia_time {
  background-color: #0e647980 !important;
  backdrop-filter: blur(2px);
  color: #ffffff;
  font-weight: bold;
  opacity: 1 !important;
  right: 1px !important;
  top: 1px !important;
  padding: 4px !important;
  border-top-right-radius: 9px;
}

.rtmedia-list-item .rtmedia-album-media-count {
  top: 6px !important;
  right: 6px !important;
}

.rtmedia-container ul.rtmedia-list li.rtmedia-list-item div.rtmedia-item-thumbnail img {
  border: 1px solid #0c343e;
  border-radius: 10px;
}

#buddypress ul.rtmedia-list li {
  overflow: hidden;
  border-radius: 10px;
}

.rtm-tabs-content>.content>div {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
}

.rtmedia-editor-main {
  margin-bottom: 20px;
}

#left-area .rtmedia-editor-main>ul.rtm-tabs {
  padding: 0 !important;
}

#left-area .rtmedia-editor-main>ul.rtm-tabs>li {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 95% !important;
}

#left-area .rtmedia-editor-main>ul.rtm-tabs>li>a {
  padding: 7px !important;
}

.rtm-tabs-content>.content>div>input, .rtm-tabs-content>.content>div>select, .rtm-tabs-content>.content>div>textarea {
  width: 250px !important;
}

.rtmedia-media-tags-head {
  background: #01191f !important;
}

.rtmedia-edit-tag {
  display: grid;
  grid-template-columns: 80px auto;
}

.rtmedia-edit-tag:last-child {
  grid-template-columns: auto;
}

#rtmedia-tag-track {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.mfp-bg {
  background: #000f13f7;
}

.mfp-wrap {
  backdrop-filter: blur(3px);
}

.rtmedia-action-buttons.button.rtmedia-view-original {
  display: none !important;
}

.rtmedia-download-media, .mfp-wrap .mfp-container button.rtmedia-download-media:hover {
  background: url('/icones/telechargement.svg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 23px;
  height: 23px;
  text-indent: -200px;
  overflow: hidden;
  margin-left: 15px !important;
  cursor: pointer;
  border: 0;
}

.bp-user.media .rtmedia-download-media {
  color: #fff !important;
  border-radius: 50%;
}

.rtmedia-actions-before-comments.clearfix {
  padding-bottom: 5px;
}

#buddypress .rtmedia-like[title="J'aime"], #buddypress .rtmedia-like[title="J'aime"], .mfp-wrap .mfp-container button.rtmedia-like[title="J'aime"]:hover, .mfp-wrap .mfp-container button.rtmedia-like[title="J'aime"]:hover, .rtmedia-comment-like-click[title="Like"] {
  background: url('/icones/like.svg') !important;
}

#buddypress .rtmedia-like[title="Je n'aime plus"], #buddypress .rtmedia-like[title="Je n'aime plus"], .mfp-wrap .mfp-container button.rtmedia-like[title="Je n'aime plus"]:hover, .mfp-wrap .mfp-container button.rtmedia-like[title="Je n'aime plus"]:hover, .rtmedia-comment-like-click[title="Unlike"] {
  background: url('/icones/like_actif.svg') !important;
}

#buddypress .rtmedia-like, .mfp-wrap .mfp-container button.rtmedia-like:hover, .rtmedia-comment-like-click {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.rtmedia-single-media .rtmedia-like, .mfp-wrap .mfp-container .rtmedia-single-media .rtmedia-like:hover {
  filter: invert(1);
  margin-left: 20px !important;
}

.rtmedia-like[title="Je n'aime plus"], .rtmedia-like[title="Je n'aime plus"], .mfp-wrap .mfp-container .rtmedia-single-media .rtmedia-like[title="Je n'aime plus"]:hover, .mfp-wrap .mfp-container .rtmedia-single-media .rtmedia-like[title="Je n'aime plus"]:hover {
  filter: invert(1);
}

.rtmedia-comment-like-click {
  width: 23px;
  height: 23px;
  display: block;
  text-indent: -125px;
}

.rtmedia-comment-like-click[title="Unlike"] {
  filter: invert(1);
}

ul.rtmedia-list.rtm-activity-media-list.rtm-activity-music-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

#buddypress .rtmedia-activity-container li.media-type-music {
  width: 100% !important;
  padding-top: 25px;
}

.rtm-media-type-music .rtmedia-media {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.rtm-media-type-music .rtmedia-media audio {
  width: 70%;
}

.chrome .rtm-media-type-music .rtmedia-media audio {
  filter: invert(1) hue-rotate(200deg);
}

.mejs-controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.mejs-button.mejs-playpause-button {
  order: 1;
}

.buddypress #buddypress .mejs-controls .mejs-replay>button {
  background-image: url("/icones/play.svg") !important;
  background-size: cover !important;
  filter: contrast(3) brightness(1);
  border-radius: 50% !important;
  background-position: 0 0 !important;
  padding: 2px !important;
  margin: 8px 3px !important;
  width: 25px;
  height: 25px;
}

.buddypress #buddypress .mejs-controls .mejs-play>button {
  background-image: url("/icones/play.svg") !important;
  background-size: cover !important;
  filter: contrast(3) brightness(1);
  border-radius: 50% !important;
  background-position: 0 0 !important;
  padding: 2px !important;
  margin: 8px 3px !important;
  width: 25px;
  height: 25px;
}

.buddypress .mejs__controls:not([style*="display: none"]) .mejs__play button {
  background-image: url("/icones/play.svg") !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-size: cover;
  filter: contrast(3) brightness(1);
  width: 20px;
}

.buddypress #buddypress .mejs-controls .mejs-pause>button {
  background-image: url("/icones/pause.svg") !important;
  background-size: cover !important;
  filter: contrast(3) brightness(1);
  border-radius: 50% !important;
  background-position: 0 0 !important;
  padding: 2px !important;
  margin: 8px 3px !important;
  width: 25px;
  height: 25px;
}

.buddypress .mejs__controls:not([style*="display: none"]) .mejs__pause button {
  background-image: url("/icones/pause.svg") !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-size: cover;
  filter: contrast(3) brightness(1);
  width: 20px;
}

.mejs__controls:not([style*="display: none"]) .mejs__prevtrack button {
  background-image: url("/icones/precedente.svg") !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-size: cover;
  filter: contrast(3) brightness(1);
  width: 20px;
}

.mejs__controls:not([style*="display: none"]) .mejs__nexttrack button {
  background-image: url("/icones/suivante.svg") !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-size: cover;
  filter: contrast(3) brightness(1);
  width: 20px;
}

.mejs-time.mejs-currenttime-container {
  order: 5;
  height: 100% !important;
  padding: 0 !important;
  padding-right: 0.3em !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
}

.mejs-time-rail {
  order: 4;
  padding: 0 !important;
}

.mejs-time.mejs-duration-container {
  order: 6;
  padding: 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0.4em;
  width: auto;
  height: 100%;
}

.mejs-time.mejs-duration-container::before {
  content: '/';
  display: block;
  margin-right: 0.4em;
}

.mejs-button.mejs-volume-button.mejs-mute {
  order: 2;
}

a.mejs-horizontal-volume-slider {
  order: 3;
}

span.mejs-time-total.mejs-time-slider {
  background: hsla(190, 50%, 50%, .3) !important;
  margin: 0;
  height: 100%;
}

span.mejs-time-total.mejs-time-slider * {
  height: 100%;
}

span.mejs-time-current {
  background: hsla(190, 50%, 70%, 1) !important;
}

span.mejs-time-loaded {
  background: hsla(190, 50%, 70%, 0.1) !important;
}

span.mejs-time-handle {
  display: none;
}

.mejs-time-float {
  background: #01191f !important;
  border: 1px solid #fff !important;
  margin-bottom: 4px;
  height: 18px !important;
  color: #fff !important;
  font-weight: bold;
}

.mejs-time-float-corner {
  border: 5px solid #01191f !important;
  border-color: #01191f transparent transparent !important;
}

.buddypress .mfp-wrap .mfp-container .mejs-button>button:hover {
  background: transparent url("/wp-content/plugins/buddypress-media/lib/media-element/mejs-controls.png") no-repeat !important;
  filter: brightness(0.8);
}

#buddypress .mejs-controls .mejs-pause>button {
  background-position: -20px 0 !important;
}

#buddypress .mejs-controls .mejs-mute>button {
  background-position: -60px 0 !important;
}

.mejs__container {
  background: #01191f !important;
}

.mejs__time-rail {
  padding: 0 !important;
}

.mejs__time-buffering, .mejs__time-current, .mejs__time-float, .mejs__time-float-corner, .mejs__time-float-current, .mejs__time-hovered, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total {
  border-radius: 0px !important;
  height: 100% !important;
}

.mejs__time-total {
  background: hsla(190, 50%, 50%, .3) !important;
  margin: 0px 0 0 !important;
  height: 100% !important;
}

.mejs__time-loaded {
  background: hsla(190, 50%, 80%, .1) !important;
}

.mejs__time-current {
  background: hsla(190, 50%, 70%, 1) !important;
}

.mejs__volume-total {
  width: 40% !important;
}

.mejs__volume-handle {
  display: none;
}

.activity-avatar+.activity-content>.activity-inner>.rtmedia-activity-container>.rtmedia-list {
  border: 0 !important;
  border-radius: 0 !important;
}

.buddypress.media.music .rtmedia-list {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  overflow: hidden;
  border: 1px solid #01191f !important;
  display: block;
}

.mejs__playlist {
  max-height: 0 !important;
  height: inherit !important;
  border-top: 0px solid #01191f !important;
  transition: max-height .7s, border-top .7s .7s !important;
}

.mejs__playlist.active {
  max-height: 50vh !important;
  height: inherit !important;
  border-top: 0px solid #01191f !important;
  transition: max-height .7s, border-top .7s 0s !important;
}

#left-area .mejs__playlist ul {
  padding: 0 !important;
}

.mejs__playlist ul li {
  background: rgb(1 25 31) !important;
  border: 0 !important;
  height: auto !important;
}

.mejs__playlist li:hover, .mejs__playlist li.current {
  background: #fff !important;
  border: 0px solid #01191f !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
}

.mejs__playlist li span {
  width: calc(100% - 37px);
}

.mejs__playlist li:hover span, .mejs__playlist li.current span {
  color: rgb(1 25 31) !important;
}

.mejs__playlist li.current span {
  font-weight: bold;
}

.mejs__playlist ul li.current span:after, .mejs__playlist ul li:hover span:after {
  background: transparent !important;
  background-image: url(/icones/play.svg) !important;
  font-weight: lighter !important;
  width: 25px;
  height: 25px !important;
  right: 5px !important;
  top: 10px;
  border-radius: 50% !important;
  padding: 0px 2px 0px 2px !important;
  font-size: 20px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0px solid #01191f;
  content: "" !important;
  font-family: none !important;
  filter: invert(1);
}

li.mejs__track-pause span:after, .mejs__playlist ul li.mejs__track-pause.current span:after, .mejs__playlist ul li.mejs__track-pause:hover span:after {
  background: transparent !important;
  background-image: url(/icones/pause.svg) !important;
}

.mejs__controls {
  padding: 0 !important;
  background: hsla(190, 70%, 15%, 1) !important;
}

.mejs__button.mejs__prevtrack-button.mejs__prevtrack.mejs__button-feature {
  order: 1;
}

.mejs__button.mejs__playpause-button {
  order: 2;
}

.mejs__button.mejs__nexttrack-button.mejs__nexttrack.mejs__button-feature {
  order: 3;
}

.mejs__button.mejs__loop-button.mejs__button-feature.mejs__loop-on, .mejs__button.mejs__loop-button.mejs__button-feature.mejs__loop-off {
  order: 6;
}

.mejs__button.mejs__shuffle-button.mejs__button-feature.mejs__shuffle-on, .mejs__button.mejs__shuffle-button.mejs__button-feature.mejs__shuffle-off {
  order: 5;
}

.mejs__time.mejs__currenttime-container {
  order: 9;
  height: 100% !important;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
}

.mejs__time-rail {
  order: 8;
}

.mejs__time.mejs__duration-container {
  order: 10;
  height: 100% !important;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0.4em;
  width: auto;
}

.mejs__time.mejs__duration-container::before {
  content: '/';
  display: block;
  margin-right: 0.4em;
}

.mejs__time-handle-content {
  display: none;
}

.mejs__button.mejs__playlist-button.mejs__button-feature.mejs__hide-playlist, .mejs__button.mejs__playlist-button.mejs__button-feature.mejs__show-playlist {
  order: 11;
}

.mejs__button.mejs__volume-button.mejs__mute, .mejs__button.mejs__volume-button.mejs__unmute {
  order: 7;
}

.rtmedia-actions-before-comments a.rtmedia-comment-link.rtmedia-comments-link {
  display: none;
}

.rtmedia-actions-before-description>.rtsocial-container.rtsocial-icon {
  margin-bottom: -46px;
  width: 85%;
  margin-right: 0;
  margin-left: auto;
}

.rtsocial-fb-icon-link {
  background: url("/icones/fb.svg");
  background-size: cover;
  background-position: center;
  filter: invert(1);
}

.rtsocial-twitter-icon-link {
  background: url("/icones/twitter.svg");
  background-size: cover;
  background-position: center;
  border: 0;
  filter: invert(1);
}

.rtsocial-twitter-icon-link:hover {
  border: 0 !important;
}

.user-like-time {
  margin-left: 5px;
  font-style: italic;
  opacity: 0.7;
}

#buddypress .rtmedia-like>span {
  display: none;
}

.rtmedia-scroll {
  scrollbar-width: thin !important;
  scrollbar-color: #01191f hsl(0, 0%, 90.2%) !important;
}

.rtm-single-meta-contents>.rtm-user-meta-details {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 9;
}

.rtmedia-scroll .rtm-media-single-comments {
  position: sticky;
  bottom: 0;
}

.bpfb_form_container {
  padding: 1em !important;
  padding-bottom: 0 !important;
  background-color: #01191f17;
  border-radius: 10px;
}

.bp-user #item-body>.bpfb_form_container {
  padding: 0 !important;
}

.bp-user .bpfb_form_container>form {
  padding: 1em !important;
  background-color: #01191f17;
  border-radius: 10px;
}

#buddypress textarea, #buddypress select {
  border-radius: 5px !important;
  border: 0;
}

#buddypress textarea {
  max-height: 30vh;
  resize: vertical;
}

.bpfb_actions_container.bpfb-theme-round #bpfb_addPhotos, .bpfb_actions_container.bpfb-theme-round #bpfb_addVideos, .bpfb_actions_container.bpfb-theme-round #bpfb_addLinks, .bpfb_actions_container.bpfb-theme-round #bpfb_addDocuments {
  font-family: 'bpfb';
  font-size: 14px !important;
  font-weight: lighter;
  margin-right: .5em;
  text-align: center;
  border: 1px solid transparent !important;
  text-decoration: none;
  color: #fff;
  background: #01191f !important;
  border-radius: 10px;
}

.bpfb_actions_container.bpfb-theme-round #bpfb_addPhotos:active, .bpfb_actions_container.bpfb-theme-round #bpfb_addVideos:active, .bpfb_actions_container.bpfb-theme-round #bpfb_addLinks:active, .bpfb_actions_container.bpfb-theme-round #bpfb_addDocuments:active, .bpfb_actions_container.bpfb-theme-round #bpfb_addPhotos.bpfb_active, .bpfb_actions_container.bpfb-theme-round #bpfb_addVideos.bpfb_active, .bpfb_actions_container.bpfb-theme-round #bpfb_addLinks.bpfb_active, .bpfb_actions_container.bpfb-theme-round #bpfb_addDocuments.bpfb_active, .bpfb_actions_container.bpfb-theme-round .bpfb_toolbarItem:active, .bpfb_actions_container.bpfb-theme-round .bpfb_toolbarItem.bpfb_active {
  color: #01191f !important;
  background: transparent !important;
  border: 1px solid #01191f !important;
  text-decoration: none;
}

button#rtmedia-add-media-button-post-update {
  border-radius: 10px;
  border: 0;
  padding: 6px 6px !important;
}

.bpfb_actions_container.bpfb-theme-round .qq-upload-button {
  color: #fff;
  background: #01191f !important;
  border-radius: 5px;
  display: none;
}

input#bpfb_add_remote_image {
  width: auto !important;
}

#buddypress input[type=button]#bpfb_cancel_action[style="display:none"], #buddypress input[type=button]#bpfb_cancel_action[style="display: none;"] {
  display: none !important;
}

input, input.bpfb_remote_image, #bpfb_video_url, #bpfb_link_preview_url {
  border-radius: 5px;
}

input.bpfb_remote_image {
  margin-top: 0.7em;
}

input.bpfb_remote_image:first-child {
  margin-top: 0;
}

#bpfb_link_url_preview, #bpfb_video_url_preview, #bpfb_remote_image_preview, #bpfb_remote_image_container {
  margin-top: 15px;
}

#bpfb_cancel_action {
  float: left;
  margin-top: -44px;
  margin-left: 130px;
  display: none;
}

.bpfb_preview_container {
  background: #01191f12;
  border-radius: 10px;
}

#whats-new-options {
  opacity: 1 !important;
  display: block;
}

#buddypress #whats-new-form .rtmedia-uploader-div {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  float: right;
  margin-top: -5em;
  margin-left: 0;
  width: 60%;
  min-width: 200px;
}

#buddypress #whats-new-form .rtmedia-uploader-div>div, #buddypress #whats-new-form .rtmedia-uploader-div>div>div {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

#rtSelectPrivacy {
  background: #01191f !important;
  color: #fff !important;
  height: 2.3em;
}

.rtmedia-uploader-div span.dashicons.dashicons-admin-media {
  color: #fff !important;
}

#deploy_comments_media {
  display: none;
}

.rtmedia-comment-media-upload {
  display: none;
}

#rtmedia_create_new_album:hover {
  background: #01191f !important
}

.rtm-media-single-comments .rtmedia-uploader-div {
  display: none !important
}

.rtmedia-container ul.rtmedia-list li.rtmedia-list-item div.rtmedia-item-thumbnail img {
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rtmedia-list-item .rtmedia-gallery-item-actions {
  display: none;
}

@media screen and (max-width: 980px) {
  .bp_register, .bp_activity, .members #left-area>article {
    width: 80%;
  }

  .buddypress.registration.register form#signup_form>div.submit {
    margin: auto;
    margin-bottom: 5em;
  }

  .buddypress.activation.activate #main-content>.container::before {
    content: '' !important;
    display: block !important;
    background: url(/wp-content/uploads/2020/02/Logo-SpaceMusic.svg);
    background-size: cover;
    background-position: center;
    width: 25%;
    height: 5rem;
    margin: auto !important;
    margin-top: 60px !important;
    margin-bottom: 3em !important;
    position: static;
  }

  .activity-inner>.bpfb_images {
    grid-template-columns: 80% 0;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .bp_register, .bp_activity, .members #left-area>article {
    width: 100%;
  }

  .buddypress.registration.register .bp_register {
    flex-direction: column;
  }

  .buddypress.registration.register form#signup_form {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }

  .buddypress.registration.register form#signup_form::before {
    width: 52%;
  }

  .buddypress.registration.register form#signup_form>div.register-section {
    width: 80% !important;
    margin-top: 3em;
    margin-bottom: 1em;
  }

  .buddypress.registration.register form#signup_form>div.submit {
    margin: auto;
    margin-bottom: 5em;
  }

  .buddypress.activation.activate #main-content>.container::before {
    width: 68%;
  }

  .members #left-area>article {
    width: 90%;
  }

  .activity-permalink #buddypress #activity-stream {
    width: 100%;
  }

  #item-meta #latest-update {
    display: none;
  }

  .bp-legacy.media #buddypress div#item-header div#item-header-content a {
    font-size: 70%;
  }

  .opened_subnav {
    width: 40px;
    height: 40px;
    transform: rotate(-90deg);
    margin: auto;
    margin-top: auto;
    margin-top: 10px;
    border-radius: 50%;
    transition: all 0.5s;
  }

  .members .opened_subnav {
    display: none;
  }

  #subnav.active>.opened_subnav {
    transform: rotate(90deg);
  }

  .opened_subnav+ul {
    max-height: 0;
    transition: all 0.5s;
  }

  .members .opened_subnav+ul {
    max-height: inherit;
  }

  #subnav.active>.opened_subnav+ul {
    max-height: 100vh;
  }

  #buddypress>form {
    border-radius: 0;
  }

  #buddypress div.dir-search {
    float: none;
    margin-top: -20px;
    text-align: right;
  }

  #buddypress ul.item-list.activity-list>li {
    border-radius: 0;
  }

  #buddypress ul.item-list li div.item-title {
    width: 90%;
    line-height: 13px;
  }

  form#search-members-form {
    margin-top: 40px;
  }

  .bpfb_form_container {
    padding: 1em !important;
    padding-bottom: 2em !important;
  }

  #whats-new-content .bpfb_toolbar_container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
  }

  #buddypress #whats-new-form .rtmedia-uploader-div {
    width: 80%;
    margin-left: 18%;
    margin-top: -2em;
    float: none;
  }

  #buddypress #whats-new-form .rtmedia-uploader-div>div, #buddypress #whats-new-form .rtmedia-uploader-div>div>div {
    display: flex !important;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
  }

  #buddypress>form#members-directory-form ul#members-list>li .follow-button {
    margin-right: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
  }

  #buddypress>form#members-directory-form ul#members-list>li .follow-button a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px !important;
  }

  #buddypress>form#members-directory-form ul#members-list>li .follow-button a img {
    display: none;
  }

  #buddypress ul.item-list li div.action {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    right: 0;
  }

  .members #buddypress>form#members-directory-form ul#members-list>li .follow-button {
    width: 60%;
    min-width: 100px;
  }

  #buddypress .activity-list .activity-content {
    margin: 0 !important;
  }

  .activity-content>.activity-inner {
    margin-top: 20px !important;
  }

  .activity-inner>.bpfb_images {
    grid-template-columns: 100% 0;
    justify-content: center;
  }

  .activity-content>.activity-meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 1em;
  }

  .delete-activity+#ai_ar_main>.main_smiley_div {
    left: inherit !important;
    right: 0 !important;
  }

  #item-body>.rtmedia-container {
    margin-bottom: 30px;
  }

  .media_search.media_search {
    float: none !important;
    width: 95%;
    margin-top: 20px;
  }

  .media_search.media_search .media_search_input {
    width: 90% !important;
    max-width: inherit !important;
  }

  #left-area ul.rtmedia-list.rtmedia-list-media.rtm-gallery-list.clearfix.context-id-2 {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  #buddypress ul.rtmedia-list li {
    width: 45% !important;
  }

  .rtmedia-container ul.rtmedia-list li.rtmedia-list-item div.rtmedia-item-thumbnail {
    width: 100% !important;
    height: 150px;
    line-height: 150px;
  }

  .rtm-tabs-content>.content>div {
    grid-template-columns: auto;
  }

  .rtm-tabs-content>.content>div>input, .rtm-tabs-content>.content>div>select, .rtm-tabs-content>.content>div>textarea {
    width: 90vw !important;
  }

  #buddypress div.activity-comments {
    margin: 20px 0 0 !important
  }

  .activity-content .rtmedia-activity-container li.media-type-photo {
    width: 100% !important;
    height: 100% !important;
  }

  #left-area ul.rtm-activity-music-list {
    padding: 0 !important;
  }

  .activity-content .rtmedia-activity-container li.media-type-music {
    width: 100% !important;
  }

  .mfp-container {
    max-width: 100% !important;
    padding: 0 !important;
  }

  .rtmedia-gallery-item-actions {
    display: none;
  }

  .mfp-content .rtm-single-meta {
    position: fixed !important;
    bottom: 0;
    padding: 10px 30px !important;
    left: 0;
    width: 100%;
    height: 5em;
    overflow: hidden;
    z-index: 9;
    transition: all 0.5s;
  }

  .mfp-content .rtm-single-meta.opened {
    padding: 30px 30px !important;
    height: 75vh;
    bottom: 20vh;
    overflow: auto;
  }

  .mfp-content .rtm-single-meta .rtm-user-meta-details {
    position: fixed;
    top: 90vh;
    left: 0;
    width: 100%;
    background: hsla(0, 0%, 100%, 1);
    height: 5em;
    padding-top: 0.5em;
    z-index: 9;
    transition: all 0.5s;
  }

  .mfp-content .rtm-single-meta.opened .rtm-user-meta-details {
    top: 5vh;
    height: 4em;
    background: hsla(0, 0%, 100%, 0.8);
  }

  .mfp-content .rtm-single-meta .rtm-user-meta-details>div {
    padding: 0px 10px;
  }

  .mfp-content .rtm-single-meta .rtm-user-meta-details>div.userprofile.rtm-user-avatar {
    padding: 0;
    margin-left: 10px;
  }

  #rtmedia-single-media-container .rtm-ltb-action-container .rtm-ltb-title {
    width: 100% !important;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  #rtmedia-single-media-container .rtm-ltb-action-container .rtmedia-actions {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    float: none;
    width: 100%;
  }

  .rtm-single-meta .rtm-media-single-comments {
    bottom: 0px;
    padding: 0% 5%;
    width: 100%;
    position: fixed;
    left: 0;
    background: #fff;
    max-height: 0vh;
    transition: all 0.5s;
  }

  .rtm-single-meta.opened .rtm-media-single-comments {
    padding: 5% 5% 5% 5%;
    max-height: 20vh;
  }

  #deploy_comments_media {
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 99999999999;
    background: #ffffff;
    bottom: 50px;
    right: 20px;
    border: 0;
    width: 40px;
    height: 40px;
    transform: rotate(-90deg);
    border-radius: 50%;
    transition: all 0.5s;
  }

  .mfp-gallery+.header-bp+#deploy_comments_media, .mfp-gallery+.header-bp+#reload_data+#deploy_comments_media {
    display: flex;
  }

  #deploy_comments_media.active {
    transform: rotate(90deg);
    bottom: 92vh;
  }

  #deploy_comments_media img {
    width: 100%;
    height: 100%;
    filter: invert(1);
  }

  .mfp-gallery+#deploy_comments_media {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999999;
    right: 2em;
    bottom: 4em;
    width: 30px;
    height: 30px;
    border: 0;
    background: #fff;
    border-radius: 50%;
    padding: 2px;
    transition: all 0.5s;
  }

  .mfp-gallery+#deploy_comments_media.active {
    bottom: 88vh;
  }

  .mfp-gallery+#deploy_comments_media img {
    filter: invert(1);
    transform: rotate(-90deg);
    transition: all 0.5s;
  }

  .mfp-gallery+#deploy_comments_media.active img {
    transform: rotate(90deg);
  }

  #item-body>#settings-form {
    margin-bottom: 30px;
  }

  #rtmedia-playlist-view .mejs__time {
    order: 7;
  }

  #rtmedia-playlist-view .mejs__time {
    order: 7;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    min-width: 100px;
    height: auto;
    padding-top: 0;
    width: auto;
  }
}

@media screen and (max-width: 480px) {
  #buddypress #whats-new-form .rtmedia-uploader-div {
    width: 90%;
    margin-left: 7%;
  }
}

/*End BuddyPress Home Activity & Members Suscribed*/
/*BuddyPress Profiles and Members*/
.buddypress h1.entry-title.main_title, .activity-shortcode-title {
  display: none;
}

.buddypress #item-header {
  z-index: 999;
  background: rgb(1 25 31);
  max-height: 100vh;
  padding-bottom: 30px;
  transition: all 0.5s;
}

.bp-user #cover-image-container {
  margin-top: 0px;
  border-radius: 10px 10px 0 0px;
  overflow: visible;
  z-index: 3 !important;
}

.header-cover-image-blur-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  position: absolute;
  height: 225px;
  width: 100%;
  left: 0%;
  overflow: hidden;
  z-index: 2;
  opacity: 1;
  transition: all 1s;
}

#item-header.scrolled .header-cover-image-blur-container {
  opacity: 0;
  transition: all 0.5s;
}

.filter-cover-image {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(1 25 31) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(1 25 31) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(1 25 31) 100%);
}

.blurred {
  position: relative;
  left: 0;
  top: 0;
  height: 100% !important;
  filter: blur(30px);
  grid-column: 1;
  grid-row: 1;
  z-index: 1;
  transform: scale(1.05);
  background-position: center bottom !important;
  background-size: 100% 100% !important;
}

#item-header #cover-image-container #header-cover-image {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  opacity: 1;
  filter: blur(0px);
  transition: all 1s;
}

#item-header.scrolled #cover-image-container #header-cover-image {
  opacity: 0;
  transition: all 0.5s;
  filter: blur(5px);
}

#buddypress #item-header-cover-image #item-header-avatar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: translateY(0px) scale(1);
  transform-origin: 0 0;
  opacity: 1;
  transition: all 0.5s;
}

#buddypress #item-header.scrolled #item-header-cover-image #item-header-avatar {
  transform: translateY(150px) scale(0.5);
  opacity: 0;
}

#buddypress #item-header-cover-image #item-header-avatar>a, #buddypress #item-header-cover-image #item-header-avatar>figure {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

#buddypress #item-header-cover-image #item-header-avatar img.avatar {
  border: solid 2px #fff;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  box-shadow: 0 0 0px 2px hsl(192 94% 6%);
  margin: 0;
  grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
}

.activity-permalink .activity-avatar {
  max-width: 40px;
}

div#item-header .activity {
  background: hsla(190, 50%, 12%, 0.7);
  backdrop-filter: blur(2px);
  color: #ffffff !important;
  text-align: center;
  padding: 0.1em 0.4em !important;
  border-radius: 5px !important;
  height: auto !important;
  width: auto !important;
  display: inline-block;
  font-size: small;
  margin-top: -10px;
  transition: all 0.5s;
}

.bp-user div#item-header .activity {
  position: relative;
  z-index: 3;
  margin-bottom: -0.85em;
}

#update-avatar, #update-cover {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
  margin: auto;
  margin-right: 13px;
  margin-bottom: 15px;
  grid-column: 1;
  grid-row: 1;
  display: grid !important;
  grid-template-columns: repeat(1, 1fr);
  position: relative;
  z-index: 2;
}

#update-cover {
  margin-right: 5px;
  margin-bottom: 5px;
}

#update-avatar>span, #update-cover>span {
  width: 80%;
  height: 0.15em;
  background: #02191f !important;
  grid-column: 1;
  grid-row: 1;
  margin: auto;
}

#update-avatar::after, #update-cover::after {
  content: '';
  display: block;
  width: 80%;
  height: 0.15em;
  transform: rotate(90deg);
  transform-origin: 50% 50%;
  background: #02191f !important;
  grid-column: 1;
  grid-row: 1;
  margin: auto;
}

#header-avatar-image>a+em, #header-cover-image>a+em {
  position: absolute;
  bottom: 15px;
  width: 150%;
  background: #fff;
  color: #01191f;
  left: 155px;
  text-align: center;
  font-style: normal;
  transform: scaleY(0);
  opacity: 0;
  border-radius: 5px;
  transition: all 0.2s;
}

#header-cover-image>a+em {
  width: 200px;
  left: initial;
  right: 0;
  bottom: -35px;
}

#header-avatar-image>a:hover+em, #header-cover-image>a:hover+em {
  transform: scaleY(1);
  opacity: 1;
}

#header-avatar-image>a+em::after, #header-cover-image>a+em::after {
  content: '';
  position: absolute;
  top: -10px;
  left: 45.5%;
  background: #ffffff;
  width: 15px;
  height: 10px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

#header-avatar-image>a+em::after {
  top: 5px;
  left: -10px;
  width: 10px;
  height: 10px;
  clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
}

#header-cover-image>a+em::after {
  left: initial;
  right: 7px;
}

div#item-header-content {
  margin-top: -110px !important;
}

#item-header h2.user-nicename {
  transform: translateX(0em) scale(1);
  transform-origin: 0 0;
  transition: all 0.5s;
  opacity: 1;
  margin-bottom: 0.1em !important;
}

#item-header.scrolled h2.user-nicename {
  transform: translate(-1em, 2em) scale(0.5);
  transition: all 0.5s;
  opacity: 0;
}

#item-header-content #friendship-button-2 a, #item-header-content #post-mention a, #item-header-content #send-private-message a {
  background: #ffffff !important;
  color: #000 !important;
  padding: 5px !important;
}

#buddypress div#item-header div#item-meta {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
}

.bp-legacy.media #buddypress div#item-header div#item-header-content a {
  font-size: 70% !important;
}

.bp-legacy.media #buddypress div#item-header div#item-header-content a>span {
  margin-left: 5px;
}

#item-meta #latest-update {
  background: hsla(200, 80%, 100%, 0.5);
  padding: 0em 0.6em;
  border-radius: 5px;
  color: #000;
  font-style: italic;
  width: auto;
  display: none;
}

#item-meta #latest-update a, #item-meta #latest-update button {
  font-style: normal;
  filter: brightness(1.9);
}

.bp-user .bp-wrap {
  min-height: 50vh;
}

#left-area #item-body {
  min-height: 50vh;
}

#left-area ul, .comment-content ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul, body.et-pb-preview #main-content .container ul {
  padding: 0em 1em !important;
}

.buddypress .container {
  padding-bottom: 40px;
  width: 100%;
  max-width: inherit;
}

.buddypress #left-area {
  width: 100%;
}

.buddypress #cover-image-container, .buddypress #item-nav>#object-nav, .buddypress #item-body {
  width: 80%;
  max-width: 980px;
  margin: auto;
  transition: all 0.5s;
}

.buddypress #item-header #cover-image-container {
  max-height: 100vh;
}

.buddypress #item-nav {
  background: transparent;
  width: 100%;
  max-width: inherit;
}

.buddypress #item-header+#item-nav {
  position: sticky;
  top: 0px;
  z-index: 998;
  transform: translateY(-40px);
  transition: all 0.5s;
}

.buddypress #item-header.scrolled+#item-nav {
  background: rgb(1 25 31);
  transform: translateY(0px);
}

.buddypress #item-nav>#object-nav {
  margin-top: 0px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.buddypress #item-nav>#object-nav ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}

.buddypress #item-nav>#object-nav ul.avtr_nme {
  justify-content: flex-start;
  width: auto;
  height: 40px;
  opacity: 0;
  transform: translateY(-40px) scale(1.5);
  transform-origin: 0 100%;
  transition: all 0.5s;
}

.buddypress #item-header.scrolled+#item-nav>#object-nav ul.avtr_nme {
  opacity: 1;
  transform: translateY(0px) scale(1);
}

.buddypress #item-nav>#object-nav ul.avtr_nme img {
  position: absolute;
  width: 40px;
  height: 40px;
}

.buddypress #item-nav>#object-nav ul.avtr_nme .user-nicename {
  padding: 0;
  margin: auto;
  margin-left: 45px;
  color: #fff;
  font-size: 18px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
  .bp-user .logo-appli.scrolled {
    left: 1%;
  }

  .buddypress #item-nav>#object-nav {
    width: 95%;
  }

  .buddypress #item-header.scrolled+#item-nav>#object-nav ul.avtr_nme {
    transform: translateY(0px) translateX(15%) scale(1);
  }
}

@media screen and (max-width: 767px) {
  .buddypress #item-header {
    position: relative;
    padding-bottom: 0.5em;
  }

  #item-header #cover-image-container #header-cover-image {
    height: 150px;
  }

  #buddypress #item-header-cover-image {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .header-cover-image-blur-container {
    height: 150px;
  }

  div#item-header-content {
    margin-top: 0px !important;
  }

  #buddypress #item-header-cover-image #item-header-avatar {
    margin-top: 75px;
  }

  #header-avatar-image>a+em, #header-cover-image>a+em {
    display: none;
  }

  div#item-header-content .user-nicename {
    margin-bottom: 1.4em !important;
  }

  .user-nicename+#item-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 180%;
    margin-left: -40% !important;
    transform: scale(1.1);
  }

  .user-nicename+#item-buttons>div {
    margin: 0 10px !important;
    height: 40px;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .user-nicename+#item-buttons>div>a, .user-nicename+#item-buttons>div>button {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .bp-user div#item-header .activity {
    position: absolute;
    margin-bottom: 0;
    top: 16em;
  }

  .bp-user #follow-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .bp-user #follow-2 img {
    height: 25px;
    width: 25px;
    filter: brightness(0);
  }

  .buddypress #item-nav>#object-nav, .buddypress #item-body {
    width: 100%;
  }

  .buddypress #item-header+#item-nav {
    background: #01191f;
    font-size: 0.8em;
    transform: translate(0);
  }

  .buddypress #item-nav>#object-nav {
    margin-top: 0 !important;
    width: 100%;
  }

  .buddypress #item-nav>#object-nav ul {
    width: auto;
    min-width: 100%;
    padding: 0 !important;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    overflow: auto;
    justify-content: inherit;
    scrollbar-width: thin;
  }

  .buddypress #item-nav>#object-nav ul::-webkit-scrollbar {
    height: 5px;
  }

  #buddypress div.item-list-tabs#object-nav ul li a {
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .buddypress #buddypress #item-body {
    padding: 0px 10px 10px !important;
  }

  #buddypress #item-body form#whats-new-form {
    padding: 15px;
    background: #01191f17;
  }
}

/*End BuddyPress Profiles and Members*/
/*nav-menu-profile and subnav-menu-profile*/
#buddypress div#object-nav ul li a, #buddypress div#subnav ul li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#buddypress div#object-nav ul li a span, #buddypress div#subnav ul li a span {
  background: transparent !important;
  border: 0 !important;
  font-size: 90%;
  color: inherit;
  padding: 0;
  margin: 0;
  border-radius: 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#buddypress div#object-nav ul li a span::before, #buddypress div#subnav ul li a span::before {
  content: '';
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #00747a;
  width: 0.3em;
  height: 0.3em;
  margin: 0em 0.3em;
  border-radius: 50%;
}

#buddypress div#object-nav ul li a span::before {
  background: #ffffff;
}

body.activity-permalink #buddypress .activity-list li .activity-content {
  margin-left: 70px;
}

body.activity-permalink #buddypress div.activity-comments {
  background: #01191f17 !important;
  margin-left: 70px;
  margin-bottom: 20px;
}

.bp-legacy #buddypress #activity-stream .rtmedia-item-title {
  margin: 0px;
  margin-top: -35px !important;
  background: #01191f17 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media screen and (max-width: 767px) {
  #buddypress div#object-nav ul li a, #buddypress div#subnav ul li a {
    text-align: center;
  }
}

/*End nav-menu-profile and subnav-menu-profile*/
/*Message*/
.new-message button[type="submit"] {
  border: 0;
  font-size: 1.5em;
  color: #01191f;
  cursor: pointer;
  background: transparent;
}

.bp-messages-wrap .reply .send button[type=submit] {
  color: #01191f;
  cursor: pointer;
}

#send-to ul.taggle_list {
  padding: 0.3em 1em !important;
}

.bp-messages-wrap.mobile-ready:not(.bp-messages-mobile) .bp-messages-mobile-tap {
  color: #01191f;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #main_nav ul li a span, #main_nav ul li button span {
    margin-left: -10px !important;
  }

  .bp-messages-wrap .reply>form {
    position: fixed;
    width: 90%;
    bottom: 60px;
    display: none;
  }

  .bp-messages-mobile.bp-messages-wrap .reply>form {
    display: block;
  }

  .bp-messages-wrap .scroll-wrapper>.scroll-content {
    height: 60vh !important;
  }

  .bp-messages-wrap.bp-messages-mobile .reply .send button[type=submit] {
    background: #01191f !important;
  }
}

/*End Message*/
/*Container Lightboxed*/
.mfp-bg {
  background: hsla(0, 0%, 0%, 0.9);
  opacity: 1;
}

.mfp-content .rtm-lightbox-container {
  height: 100vh;
  max-height: inherit;
}

.mfp-close {
  right: 20px !important;
  top: 10px !important;
  font-family: dashicons !important;
  z-index: 999999999999 !important;
  font-size: 30px !important;
  color: #fff !important;
  background: transparent !important;
}

@media only screen and (min-width: 1025px) {
  .mfp-content .rtm-lightbox-container {
    height: auto;
    max-height: 90vh;
  }
}

/*End Container Lightboxed*/
/*Menu*/
#main_nav {
  position: fixed;
  bottom: 0px;
  background: #01191f;
  width: 100%;
  left: 0;
  z-index: 9999;
  height: 46px;
}

#main_nav ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#main_nav ul li {
  width: 16.6%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#main_nav ul li.current {
  border-top: 3px solid hsl(180, 50%, 40%);
}

#main_nav ul li a, #main_nav ul li span, #main_nav ul li button {
  display: block;
  padding: 0;
  width: auto;
  margin: 5px 0;
  text-decoration: none;
  color: #fff;
  height: 100%;
  background: transparent;
  border: 0;
  cursor: pointer;
}

#main_nav ul li a span, #main_nav ul li button span {
  background: #ffffff !important;
  border-radius: 50%;
  border: 0 !important;
  color: #02191f !important;
  font-size: 80%;
  font-weight: bold;
  margin-left: -4px;
  margin-top: -4px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
  position: absolute;
  height: 25px;
  width: 25px !important;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#main_nav ul li a img, #main_nav ul li button img {
  height: 30px !important;
  width: auto !important;
}

#main_nav ul li.current a img {}

#main_nav ul li a+em, #main_nav ul li button+em {
  position: fixed;
  bottom: 40px;
  background: #01191f;
  margin-left: 0;
  color: #fff;
  padding: 0px 5px;
  border-radius: 5px;
  transform: scaleY(0);
  opacity: 0;
  font-style: normal;
  transition: all 0.2s;
}

#main_nav ul li a:hover+em, #main_nav ul li button:hover+em {
  bottom: 57px;
  padding: 5px;
  transform: scaleY(1);
  opacity: 1;
}

#main_nav ul li a+em::after, #main_nav ul li button+em::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 45.5%;
  background: #01191f;
  width: 15px;
  height: 10px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

#main_nav ul li a#global_activity_link+em::after {
  left: 37%;
}

#main_nav ul li button#global-nav-members+em::after {
  left: 30%;
}

#global-nav-members {
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

#sub_nav {
  margin: 0;
  overflow: hidden;
  position: fixed;
  z-index: 9999999999;
  bottom: 0%;
  width: 100vw;
  height: 100vh;
  background: #01191ff7;
  backdrop-filter: blur(3px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px;
  right: -100vw;
  transition: all 0.5s;
}

#sub_nav.opened {
  right: 0;
}

#sub_nav ul {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2em;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#sub_nav ul li {
  width: 100%;
  height: 110px;
  grid-column: span 6;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: hsla(0, 0%, 40%, 1);
  background-size: cover;
  background-position: center;
}

li#ambiances {
  background-image: url("/menu-ambiances.webp");
}

li#djs_residents {
  background-image: url("/menu-dj.webp");
}

li#blog, li#membres {
  background-image: url("/menu-blog.webp");
  grid-column: span 12 !important;
}

li#membres {
  background-image: url("/menu-membres.webp");
}

li#my_settings {
  background-image: url("/menu-parametres.webp");
}

li#my_profile {
  background-image: url("/menu-profil.webp");
}

li#close-nav-members-li, li#faq, li#deconnexion {
  grid-column: span 4 !important;
  justify-content: center !important;
  min-height: auto !important;
  margin-top: 1em;
  background: transparent !important;
}

#sub_nav ul li a, #sub_nav ul li button {
  border-top: 0 !important;
  width: 100%;
  padding: 20px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  text-decoration: none;
  background: linear-gradient(90deg, hsla(200, 50%, 0%, 0.9) 0%, hsla(200, 50%, 0%, 0.85) 30%, rgba(125, 185, 232, 0) 80%);
}

li#blog a, li#blog button, li#membres a, li#membres button {
  background: linear-gradient(90deg, hsla(200, 50%, 0%, 0.9) 0%, hsla(200, 50%, 0%, 0.85) 14.5%, rgba(125, 185, 232, 0) 40%) !important;
}

#sub_nav ul li.current a {}

#sub_nav ul li button#close-nav-members, #sub_nav ul li a#faq_link, #sub_nav ul li a#deconnexion_link {
  width: 70px;
  border-radius: 50%;
  height: 70px !important;
  padding: 10px !important;
  align-items: center;
  background: hsla(0, 0%, 0%, 0.4);
}

#sub_nav ul li a span {
  background: red !important;
  border-radius: 50%;
  border: 0 !important;
  color: #fff !important;
  font-size: 80%;
  font-weight: bold;
  margin-left: -5px;
  margin-top: -10px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
  position: relative;
  height: 20px;
  min-width: 20px !important;
  width: auto !important;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#sub_nav ul li button img, #sub_nav ul li a img {
  height: 40px;
}

#sub_nav ul li button#close-nav-members img {
  border-radius: 50%;
}

#sub_nav ul li.current a img {}

#sub_nav>ul>li>button>em, #sub_nav>ul>li>a>em {
  color: #fff;
  transform: scaleY(0);
  transition: all 0.2s;
  max-height: 0vh;
  opacity: 0;
}

#sub_nav>ul>li>button:hover>em, #sub_nav>ul>li>a:hover>em {
  transform: scaleY(1);
  max-height: 10px;
  opacity: 1;
}

#sub_nav ul li button#close-nav-members em, #sub_nav ul li a#faq_link em, #sub_nav ul li a#deconnexion_link em {
  position: absolute;
  bottom: 5%;
  background: #ffffff;
  color: #000000;
  padding: 5px;
  max-height: inherit !important;
  border-radius: 10px;
}

#sub_nav ul li button#close-nav-members em::after, #sub_nav ul li a#faq_link em::after, #sub_nav ul li a#deconnexion_link em::after {
  content: '';
  position: absolute;
  top: -10px;
  left: 44%;
  background: #ffffff;
  width: 15px;
  height: 10px;
  clip-path: polygon(0% 100%, 100% 100%, 50% 0%);
}

#sub_nav ul li button#close-nav-members em::after {
  left: 42%;
}

#sub_nav ul li a#faq_link em::after {
  left: 35%;
}

@media(min-width: 1024px) {
  #sub_nav ul li button#close-nav-members, #sub_nav ul li a#faq_link, #sub_nav ul li a#deconnexion_link {
    width: 60px;
    height: 60px !important;
  }

  #sub_nav ul li button#close-nav-members img, #sub_nav ul li a#faq_link img, #sub_nav ul li a#deconnexion_link img {
    height: 40px;
  }
}

@media screen and (min-width:768px) and (max-width: 1024px) {
  #sub_nav {
    padding: 20px 50px;
  }

  #sub_nav ul li {
    grid-column: span 4;
  }

  #sub_nav ul li#ambiances {
    order: 1;
  }

  #sub_nav ul li#djs_residents {
    order: 2;
  }

  #sub_nav ul li#blog {
    order: 5;
    grid-column: span 8 !important;
  }

  #sub_nav ul li#my_settings {
    order: 4;
  }

  #sub_nav ul li#my_profile {
    order: 3;
  }

  #sub_nav ul li#membres {
    order: 6;
    grid-column: span 6 !important;
  }

  #sub_nav ul li#close-nav-members-li {
    order: 7;
    grid-column: span 2 !important;
  }

  #sub_nav ul li#faq {
    order: 8;
    grid-column: span 2 !important;
  }

  #sub_nav ul li#deconnexion {
    order: 9;
    grid-column: span 2 !important;
  }

  #sub_nav>ul>li>button>em, #sub_nav>ul>li>a>em {
    transform: scaleY(1);
    max-height: inherit !important;
    opacity: 1;
  }

  #sub_nav ul li button#close-nav-members em, #sub_nav ul li a#faq_link em, #sub_nav ul li a#deconnexion_link em {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #main_nav ul li a+em, #main_nav ul li button+em, #main_nav ul li a:hover+em, #main_nav ul li button:hover+em {
    display: none;
  }

  #sub_nav ul li {
    height: 70px;
  }

  #sub_nav>ul>li>button, #sub_nav>ul>li>a {
    flex-wrap: nowrap;
    padding: 10px !important;
  }

  #sub_nav ul li button img, #sub_nav ul li a img {
    height: 35px;
  }

  #sub_nav>ul>li>button>em, #sub_nav>ul>li>a>em {
    transform: scaleY(1);
    max-height: inherit !important;
    opacity: 1;
    font-size: 0.85em;
  }

  #sub_nav ul li button#close-nav-members, #sub_nav ul li a#faq_link, #sub_nav ul li a#deconnexion_link {
    width: 50px;
    height: 50px !important;
    padding: 5px !important;
  }

  #close-nav-members>em, #faq_link>em, #deconnexion_link>em {
    display: none !important;
  }
}

/*End Menu*/
/*Menu / Submenu Other Profiles*/
#buddypress div.item-list-tabs#subnav {
  background: 0 0;
  margin: 0px 0 10px;
  overflow: hidden;
}

#buddypress div.item-list-tabs#subnav ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 !important;
}

#buddypress div.item-list-tabs#subnav ul li {
  margin-top: 0;
  height: 100%;
  width: 100%;
}

.bp-user #buddypress div#subnav ul li a {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.bp-user #buddypress div#subnav ul li a span {
  background: #fff !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  font-weight: bold !important;
}

.bp-user #buddypress div#subnav ul li a span::before {
  content: '' !important;
  display: none;
}

#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a {
  opacity: 1;
  font-weight: 700;
  background-color: transparent;
  color: #00747a;
}

#buddypress div.item-list-tabs#object-nav ul li a {
  color: #ffffff;
}

#buddypress div.item-list-tabs#object-nav ul li.current a, #buddypress div.item-list-tabs#object-nav ul li.selected a {
  border-bottom: 5px solid hsl(180, 50%, 40%);
  color: #ffffff;
}

@media screen and (max-width: 980px) {}

@media screen and (max-width: 767px) {
  #sub_nav {
    padding: 30px;
    padding-top: 50px;
  }

  #sub_nav.opened #close-nav-members {
    right: 15px;
    top: 15px;
  }

  li#deconnexion {
    margin-top: 1em;
  }
}

/*End Menu / Submenu Other Profiles*/
.activity-list.bp-list {
  background: transparent;
  border: 0;
  padding: 0 !important;
}

.activity-update-form {
  box-shadow: 0 0 0 transparent !important;
}

.activity-list.bp-list .activity-item {
  box-shadow: 0 0 0 transparent !important;
}

#buddypress #item-body {
  padding: 0 !important;
}

#buddypress ul.item-list {
  line-height: 28px;
}

#buddypress div#message p, #sitewide-notice #message {
  border-radius: 10px;
  background-color: #01191f;
  color: #fff;
  border: 0;
}

.buddypress-wrap .subnav-filters .component-filters select, .buddypress-wrap .subnav-filters .last select {
  max-width: inherit !important;
}

.buddypress-wrap .select-wrap select {
  text-indent: 0 !important;
}

.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
  border: 1px solid #eee;
  box-shadow: 0 0 0 transparent;
}

.buddypress-wrap .bp-feedback {
  box-shadow: 0 0px 0px transparent;
}

@media screen and (min-width: 981px) {
  #buddypress #item-body {
    padding-top: 20px !important;
    display: grid;
    grid-template-columns: auto 76%;
    grid-column-gap: 2em;
    justify-content: flex-start;
    align-items: flex-start;
  }

  #buddypress #item-body.grd-col-1 {
    display: block;
  }

  .bp-user #item-body>div, .bp-user #item-body>form {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    grid-column: 2;
    background: #01191f17;
    padding: 10px !important;
    border-radius: 10px;
  }

  .bp-user #item-body>div {
    background: transparent;
    padding: 10px 0px !important;
  }

  #buddypress div.item-list-tabs#subnav {
    background: #01191f17 !important;
    border-radius: 10px;
    z-index: 99;
    margin-top: 0px;
    width: 13rem !important;
    grid-column: 1;
  }

  .bp-user #buddypress div.item-list-tabs#subnav {
    position: sticky;
    top: 80px;
  }

  #buddypress div.item-list-tabs#subnav ul {
    flex-direction: column !important;
  }
}

/*Form*/
.woocommerce button, .woocommerce input, .woocommerce select, .woocommerce textarea {
  font-family: inherit;
  background: #bdc4c5 !important;
  color: #000 !important;
  border-radius: 30px !important;
  border: 0 !important;
  cursor: pointer !important;
}

/*Comptes*/
.woocommerce-account .woocommerce-MyAccount-navigation {
  padding: 40px !important;
  border-radius: 30px !important;
  background-color: rgba(6, 33, 43, 0.75) !important;
  text-align: center !important;
  font-size: 20px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style-type: none !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  padding: 30px 0 !important;
  border-bottom: 1px solid #fff !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: 0px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  color: #fff !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #00747a !important;
  font-size: 25px !important;
  font-family: "SomaticRounded", sans-serif;
}

.woocommerce-account .woocommerce-MyAccount-content {
  padding: 40px !important;
  border-radius: 30px !important;
  background-color: rgba(6, 33, 43, 0.75) !important;
  min-height: 515px !important;
}

.woocommerce-account .title h3 {
  color: #ffffff !important;
}

.woocommerce-Button.targetblank {
  font-size: 1em;
  padding: 0.5em;
}

.woocommerce-notices-wrapper .woocommerce-message {
  background: #012d47 !important;
}

/*Contact Form*/
/*Page Panier Woocommerce*/
.woocommerce-cart-form, .entry-content .woocommerce-cart-form thead th, .entry-content .woocommerce-cart-form tr th {
  color: #fff;
}

.woocommerce .woocommerce-cart-form table.shop_table td {
  border-top: 1px solid rgb(255, 255, 255);
}

.cart-collaterals, .cart-collaterals h2, .entry-content .cart-collaterals tr th {
  color: #fff;
}

/*Registration Form*/
.registration-form {
  background: transparent !important;
  padding: 0 !important;
}

.registration-form form {
  border: 0 !important;
}

.registration-form label {
  color: #fff !important;
}

/*Feedback Form*/
.notice-feedback {}

.feedback_form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #01191f17;
  padding: 1em;
  border-radius: 10px;
}

.feedback_form>.et_pb_contact_main_title {
  width: 300px;
  padding-bottom: 0;
}

.feedback_form>.et_pb_contact {
  width: 100%;
}

.feedback_form>.et_pb_contact {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-left: 0;
}

.feedback_form>.et_pb_contact>#et_pb_contact_email_0 {
  width: 80%;
  padding: 0;
  margin: auto;
  height: 3em;
  padding: 1em;
  background: hsla(0, 0%, 100%, 0.7);
  border-radius: 10px;
  color: #000;
  border: 0;
}

.feedback_form>.et_pb_contact>.listing-note {
  width: 20%;
  padding: 0;
  margin: auto;
  list-style-type: none !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.note-1, .note-2, .note-3, .note-4, .note-5 {
  cursor: pointer;
}

.note-1.hovered, .note-2.hovered, .note-3.hovered, .note-4.hovered, .note-5.hovered {
  animation: note-anim-hover 1s ease-in-out;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

@keyframes note-anim-hover {
  0% {
    transform: scale(1);
  }

  15% {
    transform: scale(1.15);
  }

  25% {
    transform: scale(1);
  }

  35% {
    transform: scale(1.08);
  }

  45% {
    transform: scale(1);
  }

  53% {
    transform: scale(1.03);
  }

  60% {
    transform: scale(1);
  }

  65% {
    transform: scale(1.01);
  }

  70% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.01);
  }

  80% {
    transform: scale(1);
  }

  85% {
    transform: scale(1.005);
  }

  90% {
    transform: scale(1);
  }
}

.note-1::before, .note-2::before, .note-3::before, .note-4::before, .note-5::before {
  content: '\e031';
  font-family: ETmodules !important;
  display: block;
  color: #01191f;
  font-size: 2em;
}

.note-1.hovered::before, .note-1.selected::before, .note-2.hovered::before, .note-2.selected::before, .note-3.hovered::before, .note-3.selected::before, .note-4.hovered::before, .note-4.selected::before, .note-5.hovered::before, .note-5.selected::before {
  content: '\e033';
}

.note-1 .name-of-rating, .note-2 .name-of-rating, .note-3 .name-of-rating, .note-4 .name-of-rating, .note-5 .name-of-rating {
  display: none !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: hsla(190, 50%, 10%, 0.9);
  font-size: 1em;
  padding: 0 0.5em;
  position: absolute;
  z-index: 999;
  margin-top: 0.5em;
  margin-left: calc(0% - 1.5em);
  width: 5em;
  color: #ffffff;
}

.note-1.hovered .name-of-rating.hovered, .note-2.hovered .name-of-rating.hovered, .note-3.hovered .name-of-rating.hovered, .note-4.hovered .name-of-rating.hovered, .note-5.hovered .name-of-rating.hovered {
  display: flex !important;
}

.note-1 .name-of-rating::before, .note-2 .name-of-rating::before, .note-3 .name-of-rating::before, .note-4 .name-of-rating::before, .note-5 .name-of-rating::before {
  content: '';
  display: block !important;
  background: hsla(190, 50%, 10%, 0.9);
  width: 4em;
  height: 0.7em;
  position: absolute;
  top: -0.7em;
  clip-path: polygon(50% 0%, 40% 100%, 60% 100%);
}

.note-1 input, .note-2 input, .note-3 input, .note-4 input, .note-5 input {
  display: none;
}

.feedback_form>.et_pb_contact>.et_pb_contact_message {
  width: 100%;
  padding: 0;
  margin: auto;
  margin-top: auto;
  margin-top: 1em;
  padding: 1em;
  font-size: 1em;
  resize: vertical;
  min-height: 5em;
  max-height: 40vh;
  background: #fff;
  border-radius: 10px;
  color: #000;
  border: 0;
}

.feedback_form>.et_pb_contact>.et_pb_contact_submit {
  margin-top: 1em;
}

.feedback_form>.et_pb_contact>.et_pb_contact_submit:hover {
  padding: 0.3em 1em;
}

.feedback_form>.et_pb_contact>.et_pb_contact_submit::after {
  display: none;
}

/*Footer*/
@media all and (min-width: 1405px)

/*Large Desktop and Above*/
  {}

@media all and (min-width: 1100px) and (max-width: 1405px)

/*small Desktop/Type Laptop*/
  {
  .et_pb_row_0 .et_pb_text_0 {
    margin-bottom: 45px !important;
  }

  .row-title.title-offres-2 .et_pb_text_5 {
    margin-bottom: 45px !important;
  }
}

@media all and (min-width: 981px) and (max-width: 1099px)

/*small Desktop/Type Laptop*/
  {
  .et_pb_row_0 .et_pb_text_0 {
    margin-bottom: 45px !important;
  }

  .row-title.title-offres-2 .et_pb_text_5 {
    margin-bottom: 45px !important;
  }

  .row-rsz-tab {
    width: 90% !important;
  }

  .feedback_form>.et_pb_contact>#et_pb_contact_email_0 {
    width: 60%;
  }

  .feedback_form>.et_pb_contact>.listing-note {
    width: 40%;
  }
}

@media all and (min-width: 981px) {
  #left-area {
    width: 80%;
    padding-bottom: 23px;
    margin: auto;
  }

  .et_right_sidebar #left-area {
    float: none;
    padding-right: 0;
  }

  #main-content .container:before {
    display: none;
  }
}

@media all and (max-width: 980px)

/*0 to small Tablets*/
  {
  #cookie-law-info-bar {
    bottom: 45px !important;
  }

  .et_pb_scroll_top.et-visible {
    right: 1em !important;
    bottom: 3em !important;
  }

  .header-top>.flex-row-c>.et_pb_column {
    margin-bottom: 0 !important;
  }

  .header-top .header-logo {
    text-align: center !important;
  }

  .header-top>div>.et_pb_column_1_tb_header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 0 !important;
    height: 0 !important;
  }

  .et_mobile_nav_menu {
    position: fixed !important;
    top: 1em !important;
    right: 4em !important;
    z-index: 80 !important;
    transition: all 0.5s;
  }

  body.admin-bar .et-boc .et_mobile_nav_menu {
    top: 3em !important;
  }

  .header-top.shrinked .et_mobile_nav_menu {
    top: 1em !important;
  }

  body.admin-bar .et-boc .header-top.shrinked .et_mobile_nav_menu {
    top: 3em !important;
  }

  .et_mobile_nav_menu a, .et_mobile_nav_menu a .mobile_menu_bar::before {
    color: #ffffff !important;
  }

  .mobile_nav:hover {
    text-decoration: none !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav>.et_mobile_menu {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-evenly !important;
    align-items: stretch !important;
    position: fixed !important;
    right: 0em !important;
    top: 60px !important;
    left: inherit !important;
    width: 50% !important;
    height: 0vh !important;
    padding: 0 5% !important;
    text-align: center !important;
    background: hsla(192, 93.8%, 6.3%, 0.95) !important;
    border-top: 0px solid hsla(0, 0%, 30%, 0.9) !important;
    overflow: auto !important;
    transition: all 0.5s;
    transition-delay: 0s;
  }

  body.admin-bar .et-boc .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav>.et_mobile_menu {
    top: 92px !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav.opened>.et_mobile_menu {
    height: 90vh !important;
    padding: 5% 5% !important;
    transition-delay: 0.3s;
  }

  .header-top.shrinked .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav>.et_mobile_menu {
    top: 60px !important;
  }

  body.admin-bar .et-boc .header-top.shrinked .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav>.et_mobile_menu {
    top: 92px !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav>.et_mobile_menu li {
    opacity: 0 !important;
    transform: translateY(-5vh) !important;
    transition: all 0.2s !important;
    transition-delay: 0s !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav.opened>.et_mobile_menu li {
    opacity: 1 !important;
    transform: translateY(0vh) !important;
    transition: all 0.5s !important;
    transition-delay: 2s !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav.opened>.et_mobile_menu li:nth-child(1) {
    transition-delay: 0.8s !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav.opened>.et_mobile_menu li:nth-child(2) {
    transition-delay: 1s !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav.opened>.et_mobile_menu li:nth-child(3) {
    transition-delay: 1.15s !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav.opened>.et_mobile_menu li:nth-child(4) {
    transition-delay: 1.18s !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu ul.et_mobile_menu ul {
    background: transparent !important;
  }

  .mobile_nav .mobile_menu_bar::before, .mobile_nav.opened .mobile_menu_bar::before {
    content: none !important;
    display: none !important;
  }

  .et_pb_section_parallax .et_pb_parallax_css, .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
    background-attachment: fixed !important;
    height: 100vh !important;
    position: fixed !important;
  }

  .flex-col-c>.row-logo.et_pb_row {
    margin-bottom: -5em !important;
  }

  .flex-col-c>.row-connexion {
    width: 50%;
    margin-left: 0;
  }

  .flex-col-c>.row-connexion+.et_pb_row {
    width: 50%;
    margin: 0;
    position: absolute;
    right: 3%;
    bottom: 5%;
  }

  .flex-col-c>.row-connexion .et_pb_module, .flex-col-c>.row-connexion+.et_pb_row .et_pb_module {
    width: 80% !important;
  }

  #module_non_inscrit_abonnement .et_pb_button_module_wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .row-logo-ambiances {
    width: 25% !important;
    height: 10% !important;
    transform: translateX(-50%) translateY(120%) !important;
  }

  .section-planetes-ambiances>.row-logo-ambiances>.et_pb_column {
    width: 100% !important;
  }

  .et_pb_row_0 .et_pb_text_0 {
    margin-bottom: 50px !important;
  }

  .row-3-modules .et_pb_column {
    width: 45% !important;
    margin-left: 2.5% !important;
    margin-right: 2.5% !important;
  }

  .row-title.title-offres-2 .et_pb_text_5 {
    font-size: 6vw !important;
  }

  .row-title.title-offres-2 .et_pb_text_6 {
    margin-top: -40px !important;
  }

  .module-offres {
    min-height: inherit !important;
  }

  /*--RT Membership--*/
  .rtm_membership_plan>table>tbody {
    display: grid;
    grid-template-columns: 12.5vw 20vw 20vw 20vw;
    grid-template-rows: auto auto
  }

  .rtm_membership_plan>table>tbody>tr:nth-child(1), .rtm_membership_plan>table>tbody>tr:nth-child(2), .rtm_membership_plan>table>tbody>tr:nth-child(3), .rtm_membership_plan>table>tbody>tr:nth-child(4), .rtm_membership_plan>table>tbody>tr:nth-child(5) {
    grid-row: 1/3;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 8em 5em 5em 5em 5em 5em;
  }

  .rtm_membership_plan>table>tbody>tr:nth-child(1), .rtm_membership_plan>table>tbody>tr:nth-child(5) {
    grid-column: 1;
  }

  .rtm_membership_all_plans .rtm_membership_plan table tr th:first-child {
    width: 100% !important;
    padding: 10px;
  }

  .rtm_membership_all_plans .rtm_membership_plan table td {
    padding: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .rtm_membership_all_plans .rtm_membership_plan table>tbody>tr:nth-child(1)>td, .rtm_membership_all_plans .rtm_membership_plan table>tbody>tr:nth-child(5)>td {
    border: 0;
  }

  .rtm_membership_all_plans .rtm_membership_plan table>tbody>tr:nth-child(1)>th {
    width: 100%;
    padding: 15px;
    padding-top: 10px;
  }

  .rtm_membership_all_plans .rtm_membership_plan table>tbody>tr:nth-child(5)>td {
    padding-top: 15px;
  }

  /*--Fin RT Membership--*/
  .notice-feedback>div>div:nth-child(1) {
    margin-bottom: 10px;
  }

  .notice-feedback>div>div:nth-child(2) {
    margin-bottom: 20px;
  }

  .feedback_form>.et_pb_contact>#et_pb_contact_email_0 {
    width: 60%;
  }

  .feedback_form>.et_pb_contact>.listing-note {
    width: 40%;
  }

  .et-l--footer .et_pb_menu__wrap>.et_pb_menu__menu {
    display: flex !important;
  }

  .et-l--footer .et_pb_menu .et_mobile_nav_menu {
    display: none !important;
  }

  .et-l--footer>div>div>div.flex-row-c {
    flex-direction: column;
  }
}

@media all and (max-width: 767px)

/*0 to Large Smartphones/Small Tablets*/
  {
  h1 {}

  h2 {}

  h3 {}

  body.admin-bar .et-boc .et-l--header {
    top: 0px !important;
  }

  .et_pb_scroll_top.et-visible {
    right: 0.5em !important;
  }

  .et_mobile_nav_menu, body.admin-bar .et-boc .et_mobile_nav_menu {
    top: 1em !important;
    right: 1em !important;
  }

  .header-top.shrinked .et_mobile_nav_menu, body.admin-bar .et-boc .header-top.shrinked .et_mobile_nav_menu {
    top: 1em !important;
  }

  .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav>.et_mobile_menu {
    width: 80% !important;
    top: 60px !important;
  }

  body.admin-bar .et-boc .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav>.et_mobile_menu {
    top: 60px !important;
  }

  .header-top.shrinked .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav>.et_mobile_menu {
    top: 60px !important;
  }

  body.admin-bar .et-boc .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav>.et_mobile_menu {
    top: 60px !important;
  }

  .fb-login a {
    margin: auto !important;
  }

  .row-col-logo>div:nth-child(2) {
    width: 100%;
    margin-bottom: 0 !important;
    transform: translateX(-5px) translateY(-40px) !important;
  }

  .row-col-logo>div:nth-child(2) p {
    font-size: 4vw !important;
  }

  #module_non_inscrit_abonnement {
    position: fixed;
    bottom: 0;
    width: 100% !important;
    left: 0;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    border-radius: 0;
    transform: translate(0) !important;
    z-index: 99999;
    margin-bottom: 0 !important;
    background: hsla(190, 50%, 10%, 0.5);
  }

  #module_non_inscrit_abonnement .et_pb_column {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  #module_non_inscrit_abonnement .et_pb_column div:nth-child(1) {
    padding: 0 !important;
    padding-right: 0.5em !important;
    width: 100% !important;
    font-size: 110%;
  }

  #module_non_inscrit_abonnement .et_pb_column div:nth-child(2) a {
    width: auto;
    margin: auto;
    padding: 1em !important;
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
  }

  .flex-col-c>.row-logo.et_pb_row {
    margin-bottom: 0em !important;
    position: relative;
    top: inherit;
    width: 50% !important;
  }

  .flex-col-c>.row-connexion {
    width: 80%;
    margin: auto;
    position: relative;
    left: inherit;
    bottom: inherit;
  }

  .row-connexion.et_pb_row_2.et_pb_row {
    margin-bottom: 10em !important;
  }

  .flex-col-c>.row-connexion+.et_pb_row {
    width: 80%;
    margin: auto;
    position: relative;
    right: inherit;
    bottom: inherit;
  }

  .flex-col-c>.row-connexion .et_pb_module, .flex-col-c>.row-connexion+.et_pb_row .et_pb_module {
    width: 80% !important;
    margin: auto !important;
  }

  .row-3-modules .et_pb_column {
    width: 100% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
  }

  .et_pb_text_1 {
    transform: translateX(0px) translateY(-5px) !important;
  }

  .et_pb_text_0 p, .et_pb_text_1 h1 {
    font-size: 9vw !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
    padding: 20px 0 !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li a, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    font-size: 5vw !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    min-height: auto !important;
    margin-top: 2em;
    margin-bottom: 5em;
  }

  .feedback_form>.et_pb_contact {
    flex-direction: column;
  }

  .feedback_form>.et_pb_contact>#et_pb_contact_email_0 {
    width: 100%;
  }

  .feedback_form>.et_pb_contact>.listing-note {
    width: 100%;
    margin-top: 2em;
    justify-content: center;
  }

  .feedback_form>.et_pb_contact>.et_pb_contact_message {
    margin-top: 2em;
  }

  /*--RT Membership--*/
  .rtm_membership_plan>table>tbody {
    grid-template-columns: 20vw 16vw 16vw 16vw;
  }

  /*--RT Membership--*/
}

@media all and (max-width: 479px)

/*0 to Smarthphones*/
  {
  h1 {}

  h2 {}

  h3 {}
}