/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

:root {
    --sidebar-width: 300px;
}

header#masthead {
    padding : 0;
    width: calc(100% - 300px);
    
}

#content {
    padding-bottom: 80px; 
    padding-left: 30px;
    padding-right: 30px;
}

/* Barre de navigation mobile */
.mobile-nav-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%; /* Couvre toute la largeur de l'écran */
    height: 70px; /* Hauteur de la barre de navigation */
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border-top: 1px solid #DDDDDD; /* Optionnel : Bordure en haut de la barre */
}

.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 11px; /* Taille du texte */
    font-family: 'Poppins', sans-serif; /* Police de caractère */
    font-weight: 500; /* Poids de la police */
    color: #000000; /* Couleur par défaut du texte */
    text-decoration: none;
    line-height: 21.6px; /* Hauteur de ligne */
    transition: color 0.3s; /* Transition de couleur */
}

.nav-icon {
    width: 24px; /* Largeur des icônes */
    height: 24px; /* Hauteur des icônes */
    margin-bottom: 5px; /* Espace entre l'icône et le texte */
    filter: brightness(0) saturate(100%) invert(35%) sepia(26%) saturate(506%) hue-rotate(114deg) brightness(89%) contrast(87%); /* Couleur par défaut de l'icône #2C6961 */
    transition: filter 0.3s; /* Transition de couleur */
}

.user-icon {
    width: 38px; /* Largeur de l'avatar de l'utilisateur */
    height: 38px; /* Hauteur de l'avatar de l'utilisateur */
    border-radius: 50%; /* Pour les images de profil circulaires */
    border: 2px solid #2A6766; /* Bordure pour l'icône utilisateur */
    filter: none; /* Aucune couleur appliquée à l'icône de profil */
}

.active {
    color: #FF7F50; /* Couleur personnalisée pour l'élément actif */
}

.mobile-nav-bar img {
    display: block;
    margin: 0 auto;
}

.search-form input {
    border-radius: 30px;
    padding-left: 20px !important;
    padding-right: 2rem !important;
    background-position: right 20px center;
}

/* Masquer la barre de navigation sur les écrans de bureau */
@media only screen and (min-width: 769px) {
    .mobile-nav-bar {
        display: none;
    }
}

button, [type="button"], a.wp-element-button {
    font-family: 'Poppins';
}

/* Couleur de l'élément actif */
.mobile-nav-bar .nav-item.active,
.mobile-nav-bar .nav-item:focus,
.mobile-nav-bar .nav-item:hover {
    color: #FEA376; /* Changer la couleur du texte au clic ou survol */
}

.mobile-nav-bar .nav-item.active img:not(.user-icon),
.mobile-nav-bar .nav-item:focus img:not(.user-icon),
.mobile-nav-bar .nav-item:hover img:not(.user-icon) {
    filter: brightness(0) saturate(100%) invert(84%) sepia(41%) saturate(1503%) hue-rotate(316deg) brightness(100%) contrast(103%); /* Changer la couleur de l'icône au clic/survol */
}



/* Mobile Sidebar */
.mobile-sidebar {
    background-color: #2A6766; /* Même vert que le header */
    padding: 10px 0; /* Ajout de padding pour mieux espacer les éléments */
    width: 100%; /* Couvre toute la largeur de l'écran */
    border-radius: 0; /* Aucune bordure arrondie pour que ça s'adapte à la largeur */
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    box-sizing: border-box;
}

.mobile-sidebar .mobile-menu-items {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%; /* Prend toute la largeur de l'écran */
}

.mobile-sidebar .mobile-menu-items li {
    margin: 8px 0;
    width: 252px; /* Largeur fixe */
    height: 46px; /* Hauteur fixe */
    border-radius: 10px; /* Rayon de bordure */
}

.mobile-sidebar .mobile-menu-items li a {
    display: flex;
    align-items: center;
    padding: 0 10px; /* Espacement interne */
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF; /* Texte blanc */
    height: 100%; /* Occupe toute la hauteur du rectangle */
    transition: background-color 0.3s, color 0.3s;
    border-radius: 10px; /* Garde les coins arrondis */
}

.mobile-sidebar .mobile-menu-items li a:hover {
    background-color: #FFFFFF; /* Couleur de fond au survol */
    color: #2A6766; /* Texte en vert */
}

.mobile-sidebar .mobile-menu-items li a img {
    width: 24px; /* Taille de l'icône */
    height: 24px;
    margin-right: 10px; /* Espace entre l'icône et le texte */
    filter: brightness(0) saturate(100%) invert(100%); /* Icônes en blanc par défaut */
    transition: filter 0.3s;
}

.mobile-sidebar .mobile-menu-items li a:hover img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(64%) saturate(3034%) hue-rotate(113deg) brightness(91%) contrast(93%);
    /* Change la couleur de l'icône en vert lors du survol */
}


/* Centrer la barre de recherche */
#custom-search-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 324px; /* Largeur exacte */
}

#custom-search-bar .search-form {
    display: flex;
    align-items: center;
    padding: 0;
}

#custom-search-bar .search-field {
    border: none;
    outline: none;
    padding: 10px 15px;
    border-radius: 25px;
    width: 100%;
    box-sizing: border-box;
}

#custom-search-bar .search-form input::placeholder {
    color: #999;
}

#custom-search-bar .search-form {
    box-shadow: none;
   
    border-radius: 25px;
    
}

/* Style pour les icônes de messages et notifications */
.menu-icons {
    display: flex;
    align-items: center;
    gap: 15px; /* Espace entre les icônes */
    margin-left: auto; /* S'assurer que les icônes restent à droite */
}

.menu-icons a {
    color: #333;
    text-decoration: none;
    font-size: 20px; /* Ajuster la taille des icônes si nécessaire */
    transition: color 0.3s;
    height: fit-content;
}

.menu-icons a:hover {
    color: #000;
}

/* Style de la section utilisateur */
.user-profile {
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.user-profile-link {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    margin-left: 10px;
    font-family: 'Sora', sans-serif; /* Ajout de la police */
    font-weight: 600; /* Poids de la police */
    font-size: 16px; /* Taille de la police */
}

.user-profile-link img {
    border-radius: 50%;
    margin-right: 5px;
}

.user-profile-link span {
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Sora', sans-serif; /* Ajout de la police */
}

/* Style du menu déroulant */
.profile-submenu {
    display: none; /* Cache le menu déroulant par défaut */
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 10px;
    z-index: 100;
    width: 230px;
}

.profile-submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-submenu ul li {
    display: flex;
    align-items: center;
}

.profile-submenu ul li a {
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    transition: background-color 0.3s;
    padding: 5px 10px;
    width: 100%;
    border-radius: 8px;
}

.profile-submenu ul li a i {
    margin-right: 8px;
}

.profile-submenu ul li a:hover {
    background-color: #f0f0f0;
}

.profile-submenu hr {
    margin: 5px 0;
    border: none;
    border-top: 1px solid #ddd;
}

/* Cacher le menu mobile sur les grands écrans */
@media (min-width: 768px) {
    .bb-mobile-panel-wrapper {
        display: none !important;
    }
}

/* Cacher le menu de bureau sur les petits écrans */
@media (max-width: 799px) {
    .custom-header {
        display: none !important;
    }

    .bb-mobile-header{
        display: flex !important;
    }
}

/* Assurer que le conteneur de la barre de recherche est bien centré */
.menu-center {
    display: flex;
    justify-content: center;
    flex: 1;
    position: relative;
}

/* Conteneur de "Mon espace membre" */
.user-space {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 6vh !important;
    margin-top:1vh !important;
}

/* Style pour "Mon espace" */
.user-space h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #000000; /* Couleur de Mon espace */
}

/* Style pour "membre" */
.user-space .member-link {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color: #2C6961; /* Couleur de membre */
    text-decoration: none;
    margin-top: -3px; /* Ajustement de l'espacement */
}

.user-space .member-link:hover {
    color: #2C6961; /* Garder la même couleur au survol */
}  
    
input.search-field-top {
    width: 324px !important;
    height: 46px !important;
    border-radius: 30px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #DDDDDD !important;
}

#custom-search-bar .search-form {
    box-shadow: none;
     background-color: none!important; 
    border-radius: 25px;
     border: none !important ;
}


@media screen and (min-width: 800px) {
    .buddypanel-open:not(.register) .buddypanel {
        width: var(--sidebar-width)  !important;
    }

    .buddypanel-open:not(.register) .site {
        margin-left: var(--sidebar-width);
    }
}



/* CSS pour ajuster le logo */
.mobile-logo-wrapper {
    display: flex;
    justify-content: center; /* Centrer le logo horizontalement */
    align-items: center; /* Centrer le logo verticalement */
    height: 100%; /* Prendre toute la hauteur de la zone */
}

.site-title a {
    display: block;
    width: auto;
    height: 50px;
    text-align: center;
}

.site-title a img {
    width: 100%;
    height: auto;
    margin-left: 0 !important;
}



/* Appliquer !important aux marges pour les icônes bb-icon */
/* [class*=" bb-icon-"]:before, [class^=bb-icon-]:before {
    margin-left: 15px !important;
    margin-right: 0px !important;
} */





/* Appliquer le background-color au menu mobile */
.bb-mobile-header {
    background-color: #2C6961 !important;
    padding: 0 15px; /* Ajouter un padding pour mieux espacer les éléments */
}

/* Pousser les icônes vers la droite */
.header-aside {
    display: flex;
    gap: 15px; /* Ajuster l'espacement entre les icônes */
    margin-left: auto; /* Pousser les icônes complètement à droite */
    margin-right: 20px; /* Ajouter de l'espace supplémentaire à droite */
}

/* Mettre les icônes en blanc */
/* Applique la couleur blanche aux icônes */
.header-aside a img, 
.header-aside i, 
.bb-mobile-header i {
    filter: brightness(0) invert(1) !important; /* Rend les images et les icônes blanches */
    color: #FFFFFF !important; /* Rend les icônes de balises  blanches */
}

img.bb-logo {
    margin-top: -24px;
    margin-left: 27px;
}


/* Barre de recherche mobile */
#mobile-search-form {
    display: none;
    position: absolute;
    top: 50px;
    right: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 9999;
    transition: all 0.3s ease-in-out;
}
.close-search {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}






 body.bb-sfwd-aside .site-header .container {
    max-width: 1200px;  /* Limite la largeur totale du header */
    margin-left: auto;
    margin-right: auto;
   
}


/* Custom */
.bb-template-v2.buddypanel-open .buddypanel ul.buddypanel-menu.has-section-menu>li:not(.bb-menu-section)>a {
    transition: .4s;
}


.bb-template-v2 .buddypanel .side-panel-menu li:not(.current-menu-item) a:hover img,
.bb-template-v2 .buddypanel .side-panel-menu li.current-menu-item>a img {
    filter: invert();
}

.bb-sfwd-aside .site-content .container {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 768px) {
    .bb-mobile-header {
        height: 96px;
        
    } 
        
    header#masthead {
        padding: 0;
        width: 100% !important ; 
    }
    .bb-mobile-header .header-aside {
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #content {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}


[data-id="85f2dc5"],
[data-id="c38f731"],
[data-id="eebe6ca"],
[data-id="499eebd"],
[data-id="66d3c40"],
[data-id="00e1eaa"],
[data-id="e014ab8"],
[data-id="8a61522"],
[data-id="b38476b"],
[data-id="2e35b69"] {
    margin: 0 !important;
    padding: 0 !important;
}

#mobile-search-form {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#searchform input[type="text"] {
    padding: 12px 15px;
    border-radius: 25px;
    border: 1px solid #ccc;
    outline: none;
    width: 200px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

#searchform input[type="text"]:focus {
    border-color: #2C6961;
}

#searchform button {
    background-color: #2C6961;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-left: 10px;
}

#searchform button:hover {
    background-color: #24544d;
}

.connection-card .avatar {
    width: 50% !important;
    height: 199% !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Cible l'image à l'intérieur de la div avatar */
.connection-card .avatar img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

.journeys-container {
 /* Masquer la scrollbar dans différents navigateurs */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.journeys-container::-webkit-scrollbar {
    display: none; 
}


.connection-suggestions {
     scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.connection-suggestions::-webkit-scrollbar {
    display: none; 
}


div#secondary {
    display: none !important;
}

.bb-mobile-panel-wrapper { 
    position: fixed;
    top: 0;
    left: 0;
    width: 300px; /* Largeur de la sidebar */
    height: 100%;
    background-color:#2C6961 !important;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
    transform: translateX(-100%); /* Cachée par défaut */
    transition: transform 0.3s ease;
}

.bb-mobile-panel-wrapper.closed {
    transform: translateX(-100%); /* Déplacer hors de l'écran à gauche */
}

.bb-mobile-panel-wrapper.open {
    transform: translateX(0); /* Sidebar visible */
}
.bb-mobile-panel-inner {
 background-color:#2C6961  !important;

}
.bb-mobile-panel-header{
background-color:#2C6961 !important;

}

.bb-mobile-panel-inner .custom-mobile-menu a {
    color: white ;
}

.custom-mobile-menu li {
    list-style: none; 
    margin-bottom: 15px; 
}


@media (max-width: 988px) {
    .elementor-363 .elementor-element.elementor-element-84eec2b {
        --width: 100% !important;
    }
}

.bb-mobile-panel-wrapper.left.light.open {

    width: 100%;
}

/* SWAL ********* */
.swal2-modal {
    font-family: Sora;
    border-radius: 20px;
    padding: 0 20px 30px 20px;
}
.swal2-modal .swal2-title {
    font-size: 16px;
    font-family: Sora !important;
    color: #000;
    font-weight: 700;
    margin: 10px 0;
}
.swal2-modal .swal2-image {
    margin-bottom: 10px;
}
.swal2-modal .swal2-actions {
    flex-wrap: nowrap;
    width: 100%;
}
.swal2-modal .swal2-actions .swal2-confirm {
    background-color: var(--bb-primary-color);
    border-color: var(--bb-primary-color);
    color: white;
    text-transform: uppercase;
    width: 100%;
    border-radius: 50px;
}
.swal2-modal .swal2-actions .swal2-cancel {
    width: 100%;
    background: none !important;
    border: 1px solid black;
    color: black;
    border-radius: 50px;
    text-transform: uppercase;
}

@media screen and (max-width: 551px) {
    .swal2-modal .swal2-actions {
      flex-wrap: wrap !important;
    }
}



.message-received {
    margin-left: 50px !important;
    background-color: #f0f0f0 !important;
    border-radius: 10px !important;
    padding: 10px !important;
    max-width: 80% !important;
}

.message-received .bp-user-avatar img {
    border: 2px solid #007bff !important;
}

.message-received .bp-message-content-wrap {
    color: #333 !important;
}

.message-received {
    margin-bottom: 15px !important;
}


.connection-cardcard img {
border-radius: 50% !important ;
margin-top: 11px !important;
}



#custom-profile-level-wrapper .profile-level {
   
 
    background-color: inherit;
    border: none;
    padding: 0;
    border-radius: 0;
}

#custom-profile-level-wrapper .profile-level h3 {
    display: none;
}

.wp-block-pullquote {
    padding: 10px 0;
}

.wp-block-pullquote blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 0;
  padding: 8px;
  quotes: "\201C""\201D""\2018""\2019";
}
.wp-block-pullquote blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.wp-block-pullquote blockquote p {
  display: inline;
}

li[data-list] {
    position: absolute;
}
li::before {
    display: inline-block;
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em;
}
li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    list-style-type: none;
    padding-left: 1.5em;
    position: relative;
}
li[data-list=checked] > .ql-ui, li[data-list=unchecked] > .ql-ui {
    cursor: pointer;
    color: #777;
}
li[data-list=unchecked]::before {
    content: '\2610';
}
li[data-list=checked]::before {
    content: '\2611';
}

input.select2-search__field {
    border: 1px solid black !important;
    padding: 5px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    width: 100% !important;
    background-color: #FFFFFF !important;
    margin-top: 7px !important;
}

#send_message_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #4d5c6d !important;
    color: white !important;
    border: 0;
    border-radius: var(--bb-block-radius-inner);
    font-size: 14px;
    letter-spacing: -.24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    padding: 2px 6px 2px 10px;
    margin-right: 5px;
}


div#switch-button-5534 {
    display: none !important;
}


span.bs-voices-wrap {
 margin-left: 11px !important;
}

a.bbp-topic-permalink {
    font-size: 16px !important;
}

.item-meta.bb-reply-meta{
    font-family: 'Sora', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 21.6px;
    color: #999999;
}


.bbp-topic-login-link, .bbp-topic-reply-link, .favorite-toggle, .subscription-toggle {
    
    border-radius: 50px;
    font-size:16px;
    padding: 11px 31px;
}





/* Masquer l'avatar de la section de recherche uniquement en mode responsive */
@media (max-width: 988px) {
    #present a[style*="display: inline-block;"] img {
        display: none;
    }

    /* Adaptation de la section de recherche et des filtres */
    .forum-navigation, .forum-topics-container {
        width: 100%;
        max-width: 100%;
    }
    div[style*="display: flex; align-items: center; margin-bottom: 20px;"] {
        flex-wrap: wrap;
    }
    div[style*="display: flex; align-items: center; background-color: #f5f5f5;"] {
        max-width: 100%;
        margin-top: 10px;
        width: 100%;
    }
    #filterButton {
        margin-left: 0;
        margin-top: 10px;
        max-width: 40px;
        max-height: 40px;
    }

    /* Mise en ordre : filtre en haut, puis navigation, ensuite forums */
    .forum-filters {
        order: -1;
        width: 100%;
        margin-bottom: 15px;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: space-between;
    }
    .forum-navigation {
        order: 0;
        width: 100%;
        display: block;
    }
    .forum-topics-container {
        order: 1;
        width: 100%;
        display: block;
    }
    #forumContainer {
        display: block !important;
    }

    /* Liste des discussions : passage en colonne sur petit écran */
    .forum-topic {
        display: block;
        align-items: flex-start;
        gap: 10px;
    }
    a.bbp-topic-permalink {
    font-size: 12px !important;
    }

    
    .topic-favorite {
        align-self: flex-end;
    }
    .forum-topic .flex {
        
        gap: 14px;
    }

    /* Cacher le bloc "Classer par" et le menu déroulant en mode mobile */
    #sortLabel, #sortTopics {
        display: none !important;
    }

    /* Centrer le titre "Tous les sujets" */
    .forum-topics-container h2 {
        font-family: 'Sora', sans-serif !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 21.6px !important;
        color: #000000 !important;
        text-align: center !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }

}

/* Pour les boutons dans la navigation en mode mobile */
@media (max-width: 480px) {
    button.filter-btn {
        padding: 8px 15px;
        font-size: 14px;
    }
    .filter-btn img {
        width: 16px;
        height: 16px;
    }
}

/* Adaptation du titre et des sections */
@media (max-width: 576px) {
    h1 {
        font-size: 24px;
        margin-top: 0;
    }
    h2 {
        font-size: 16px;
    }
    div[style*="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;"] {
        flex-wrap: wrap;
    }
    div[style*="display: flex; align-items: center;margin-top:-26px"] {
        margin-top: 10px;
    }
}

/* Ajustement des éléments dans le filtre */
@media (max-width: 988px) {
    .filter-btn {
        flex: 1;
        text-align: center;
        padding: 4px 10px !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 500 !important;
        font-size: 10px !important;
        line-height: 14px !important;
        color: #000000 !important;
    }
}

/* Liste des sujets et tri */
@media (max-width: 988px) {
    #sortTopics {
        width: 100%;
        margin-top: 10px;
    }
   
}

/* Ajustement des liens de navigation */
@media (max-width: 988px) {
    .navigation-link {
        font-size: 14px;
    }

    .span.bs-voices-wrap {
        margin-left: 6px !important;    
    }

    .item-meta.bb-reply-meta {
        font-family: 'Sora', sans-serif;
        font-weight: 400;
        font-size: 11px;
        line-height: 21.6px;
        color: #999999;
    }
}

/* Ajustement pour les éléments de pagination */
@media (max-width: 576px) {
    .pagination {
        font-size: 14px;
        text-align: center;
    }
}

/* Boutons et ajustements supplémentaires pour assurer une apparence homogène */
@media (max-width: 576px) {
    .filter-btn {
        width: 100%;
        margin-bottom: 5px;
    }
    .forum-navigation ul {
        padding-left: 0;
    }
    .forum-navigation li {
        padding: 5px 0;
    }
}


bs-voices-wrap, span.bs-replied, span.bs-replies, span.bs-voices {
    display: inline !important; 
}


/*.bb-grid-cell:not(.no-gutter), .bb-grid>:not(.no-gutter) {
    padding-left: 0px;
    padding-right: 0px;
}
*/


@media screen and (max-width: 988px) {
    .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 988px) {
   .page-id-722 .bb-grid {
    margin-left: -33px !important;
    margin-right: -33px !important;
    }
}

@media screen and (max-width: 988px) {
    .page-id-722 .bb-grid-cell:not(.no-gutter), .bb-grid>:not(.no-gutter){
    padding-left: 0px;
    padding-right: 0px;
    }
}   

@media screen and (max-width: 988px) {
    .page-id-722 {
        overflow-x: hidden !important ;
    }
}

a.subscription-toggle {
    display: none !important ;
}

p.bbp_topic_tags_wrapper {
    display: none !important;
}

p.bb-topic-favorite-link-wrap {
    display: none !important;
}



li#favorites-personal-li {
    display: none !important;
}

@media (min-width: 1024px) { 
    span.bs-replied {
        margin-left: 8px;
    }
}


li#activity-favorites {
    display: none ;
}


body, html {
    overflow-x: hidden !important; 
}



.bb-template-v2 .bp-single-vert-nav .subnav li a,
.bb-template-v2 .subnav li a,
.bb-template-v2.groups .bp-single-vert-nav #item-body #subnav .subnav li a,
.bb-template-v2.groups .bp-single-vert-nav .subnav li a,
.bb-template-v2.groups.group-admin .bp-single-vert-nav .bp-navs.group-subnav li a {
    
    background-color: var(bb--primary-color);
    border-radius: 30px;
}

.bb-template-v2 .bp-single-vert-nav .subnav li.current a,
.bb-template-v2 .bp-single-vert-nav .subnav li.selected a,
.bb-template-v2 .subnav li.current a,
.bb-template-v2 .subnav li.selected a,
.bb-template-v2.groups .bp-single-vert-nav #item-body #subnav .subnav li.current a,
.bb-template-v2.groups .bp-single-vert-nav #item-body #subnav .subnav li.selected a,
.bb-template-v2.groups .bp-single-vert-nav .subnav li.current a,
.bb-template-v2.groups .bp-single-vert-nav .subnav li.selected a,
.bb-template-v2.groups.group-admin .bp-single-vert-nav .bp-navs.group-subnav li.current a,
.bb-template-v2.groups.group-admin .bp-single-vert-nav .bp-navs.group-subnav li.selected a {
    background-color: var(--bb-primary-color);
    border: 1px solid var(--bb-content-border-color);
    color: #ffffff; 
}

.buddypress-wrap .notifications-options-nav input#notification-bulk-manage {
    border: 0;
    border-radius: 30px
}

p.formation-modules {
    margin: 0 0 -0.3125rem;
}


.pmpro_card.pmpro_content_message {
    display: none !important;
}

.bb-activity-poll_block .bb-activity-poll_header {
    display: none !important;
}

.otgs-development-site-front-end {
    display: none !important;
}


.wpProQuiz_content .wpProQuiz_results>div>.wpProQuiz_button[name=restartQuiz] {
    background-position: 12px center !important;
    padding-left: 28px !important;
}



.site-header {
    background-image: url('https://my.rgnr.tv/wp-content/uploads/2025/04/Frame-1597882026.svg') !important;
    background-size: cover !important; /* Cela permet à l’image de couvrir tout le header */
    background-position: center !important; /* Pour centrer l'image */
}


.custom-header {
    position: relative;
    width: 100%;              
    max-width: 1350px;       
    height: 65px;             
    background: #D8E9E7;
     backdrop-filter: blur(3.5px) ;
    border-radius: 10px;      /* Bord arrondi */
    display: flex;            /* Utilisation de Flexbox pour aligner les sections */
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px !important;       /* Ajout de padding pour espacer un peu les éléments à gauche et à droite */
    box-sizing: border-box;
    z-index: 123 !important;
}

/* Zone avec le flou appliqué */


/* Sections du header : menu-left, menu-center, menu-right */
.menu-left, .menu-center, .menu-right {
    z-index: 1;                 /* Ces éléments seront au-dessus du flou */
}

.menu-center {
   
    padding: 18px;                               
                          
    z-index: 1;                                 
}


 #custom-search-bar {
   background:#D8E9E7!important ;

    backdrop-filter: blur(3.5px) ;
     
                          
}
.search-bar {
  background: rgba(216, 233, 231, 0.64);  /* Fond semi-transparent */
  backdrop-filter: blur(3.5px);  /* Applique le flou en arrière-plan */
  border-radius: 20px;
  padding: 8px 16px;
  border: none;
}





.site-header .site-header-container, .header-search-wrap, .header-search-wrap input.search-field, .header-search-wrap form.search-form {
    height: 96px;
    /* margin: 20px; */
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}


.menu-right {
    padding-right: 6vh !important ;
}

site-header .site-header-container,
.header-search-wrap,
.header-search-wrap input.search-field,
.header-search-wrap form.search-form {
    height: 96px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* Pour les écrans de taille moyenne (incluant ~1147px) */
@media (max-width: 1200px) {
    .site-header .site-header-container,
    .header-search-wrap,
    .header-search-wrap input.search-field,
    .header-search-wrap form.search-form {
        height: 80px;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* Pour tablette */
@media (max-width: 1024px) {
    .site-header .site-header-container,
    .header-search-wrap,
    .header-search-wrap input.search-field,
    .header-search-wrap form.search-form {
        height: 70px;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
}

#content li.wpProQuiz_questionListItem.wpProQuiz_answerIncorrect, #content li.wpProQuiz_questionListItem.wpProQuiz_answerIncorrect table {
    border-color: #ff00001f;
    background-color: #ff00001f;
}

@media (max-width: 1264px) {
    #custom-search-bar {
        background: transparent!important;
        backdrop-filter: unset;
    }


    #custom-search-bar input{
        max-width: 150px;
    }

    .user-profile-link span{
        display: none;
    }
}

@media screen and (min-width: 951px) and (max-width: 1024px){
    #custom-search-bar input{
        max-width: 120px;
    }
}

@media screen and (min-width: 800px) and (max-width: 950px){
    #custom-search-bar input{
        max-width: 100px;
    }

    .custom-header{
        padding-inline: 0;
    }
}


@media screen and (min-width: 767px) and (max-width: 799px){
    header#masthead{
        width: 100%;
    }
}

.lms-topic-sidebar-wrapper {
    display: none !important;
}


.rsc-cats .rsc-cats-single {
    background-color: #2C6955;
    padding: 2px 8px;
    color: white;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 18px;
}

/* Styles pour les onglets mobiles grisés pour les comptes gratuits */
.mobile-nav-bar .nav-item.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.mobile-nav-bar .nav-item.disabled .nav-item-text {
  color: #aaa !important;
}

.mobile-nav-bar .nav-item.disabled img {
  filter: grayscale(100%) !important;
  opacity: 0.6;
}

/* Styles pour les éléments du  mobile (sidebar) grisés pour les comptes gratuits */
.custom-mobile-menu li.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.custom-mobile-menu li.disabled a {
  color: #aaa !important;
  pointer-events: none;
}

.custom-mobile-menu li.disabled img {
  filter: grayscale(100%) !important;
  opacity: 0.6;
}


#loader-comments {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;          /* couleur du fond du cercle */
  border-top-color: #000;          /* couleur de la partie animée */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto;                  /* centrer si besoin */
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

#buddyboss-complete-profile {
    display: none;
}


.profile_completion_wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: sans-serif;
}

.pc_detailed_progress_wrap {
    width: 100%;
}
.profile_completion_wrap .pc_detailed_progress {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.profile_completion_wrap .pc_detailed_progress li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
}

.profile_completion_wrap .pc_detailed_progress li.incomplete .section_ico i {
    color: gray;
}

.profile_completion_wrap .completed_status {
    display: flex;
} 

.profile_completion_wrap .section_number {
    font-weight: bold;
}

.profile_completion_wrap .complete_step_values, .profile_completion_wrap .total_steps {
    color: #2C6961;
}

.profile_completion_wrap a.group_link {
    color: black !important;
}

.pc_detailed_progress_wrap .single_section_wrap.completed .section_ico.no_color {
    border-color: white !important;
        transform: translateX(-3px);
}
.pc_detailed_progress_wrap .single_section_wrap.completed .section_ico.no_color::before {
    background-color: #c3c3c3 !important;
    transform: translateX(2px);
}