}/*
Theme Name:   BuddyX Child
Theme URI:    https://www.paris-theatres.fr/buddyx-child
Description:  Thème enfant pour BuddyX
Author:       Jeanne Rolland
Author URI:   https://www.paris-theatres.fr
Template:     buddyx
Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&display=swap');



.bouton-annonce {
  display: inline-block;
  padding: 12px 24px;
  background-color: #0073aa;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.bouton-annonce:hover {
  background-color: #005f8d;
  transform: translateY(-2px);
  text-decoration: none;
}






.liste-favoris-spectacles .spectacle-favori:hover {
  transform: scale(1.02);
  transition: transform 0.2s ease-in-out;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.liste-favoris-spectacles h3 a:hover {
  color: #0073aa;
}



#primary-menu li a {
    color
Sets the color of an element's text
Learn more
Don't show
: white;
    font-size: 15px;
    text-decoration: none;
    padding: 15px!important;
    display: block;
}


@media (min-width: 768px) {
    .main-navigation ul#primary-menu>li>a {
        padding: 15px!important;
    }
}



.buddypress-icons-wrapper {
    background-color: rgba(0, 0, 0, 0.5);
    
}


.site-header-wrapper
 {

    max-height: 240px;
    Min-height: 150px;
}



.alignwide {
/*max-width: 80%!important;*/
display: flex!important;
flex-direction: row-reverse!important;}



#item-header-avatar {
margin-top: 0;
border-radius:20%;
border:5px solid #aaaaaa69;
width:fit-content!important;
}

.bp-wrap {
  background-image: url('https://www.paris-theatres.fr/wp-content/themes/buddyx-child/images/scene-n&b.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/*
.bp-wrap {
	/*display: flow;
	/*background: transparent!important;*/
        background:   rgb(0 0 0 / 0%)!important;
        background-color: rgba(0, 0, 0, 0)!important;	
	border: 0px;
}*/


@media screen and (min-width: 46.8em) {.bp-single-vert-nav .bp-wrap:not(.bp-fullwidth-wrap) {
	display: flow;
	/*background:transparent!important;*/
        background:   rgb(0 0 0 / 0%)!important;
        background-color: rgba(0, 0, 0, 0)!important;	
	border: 0px solid;
}}

@media screen and (min-width: 46.8em) { .bp-wrap
 {  /*background:transparent!important;*/
        border: 0px!important;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        border-radius: var(--global-border-radius) !important;
    }
}

/* Cible la liste du menu */
#member-primary-nav {
  display: flex!important;
    flex-wrap:wrap;
  gap: 10px; /* Espacement entre les éléments */
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Cible chaque élément du menu */
#member-primary-nav li {
 
}

/* Liens dans les éléments */
#member-primary-nav li a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  background-color: #f0f0f0;
  border-radius: 5px;
  color: #333;
  transition: background-color 0.3s ease;
}

/* Effet au survol */
#member-primary-nav li a:hover,
#member-primary-nav li.current a,
#member-primary-nav li.selected a {
  background-color: #0073aa;
  color: white;
}

#member-primary-nav#notifications-personal-li{
display:none!important;
    }



nav#object-nav.vertical {
		
		        width: 100%;
		
		        -webkit-box-flex: 0;
		        -ms-flex: 0 0 230px;
		
		        flex: 
0 0 230px;

		
		        float: left;
		
		        min-height: 100px!important;
		
		        background: transparent;

		
		        border-radius: 
var(--global-border-radius) 0 0 var(--global-border-radius);
		
		        border: 0;
		
		        border-right: 
1px solid var(--global-border-color);
		
		        padding: 
20px 0;
    }



@media screen and (min-width: 46.8em) {
    nav#object-nav.vertical {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
        flex: 0 0 230px;
        float: left;
        margin: 0;
         min-height: 100px!important;
        background: transparent!important;
        border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);
        border: 0;
        border-right: 1px solid var(--global-border-color);
        padding: 20px 0;
    }
}




.page-membership-login .pmpro_login_wrap {
  background-color: #fdfaf3;
  font-family: 'Spectral', serif;
  padding: 40px;
  border: 1px solid #ddd;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

body {
font-family: 'EB Garamond', serif;
}

@media screen and (max-width:60em){
#primary {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width:70%;
left:15%;
}}

@media screen and (max-width:767px){
#primary {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width:70%;
Left:15%
}}

    /* réseau social */
.main-navs no-ajax bp-navs single-screen-navs vertical users-nav
{background :#ede8e8;}

.primary-menu-container buddyx-mobile-menu{
z-index: 100;
width:300px
height:400px;

}

body.admin-bar .main-navigation .primary-menu-container {

        height:300px;
        width:200px;
        top:100px;
    }



.item-header-cover-image-wrapper
{/*background :transparent!important;*/
  border:0px!important;}


    /* réseau social */

.entry-header-title{
display:none;
}

body{
    background-image: url('https://www.paris-theatres.fr/wp-content/themes/buddyx-child/images/journal-theatre-papier.png'), url('https://www.paris-theatres.fr/wp-content/themes/buddyx-child/images/mur.png')!important;
    background-size: cover!important; /* Assure que l'image couvre toute la page */
    background-repeat: no-repeat!important; /* Empêche la répétition de l'image */
    background-position: center!important; /* Centre l'image de fond */
    background-attachment: fixed!important; /* L'image reste fixe lorsque vous faites défiler la page */
    background-position: center!important; /* Centre l'image de fond */
    opacity: 0.9; /* Rend tout le contenu à 90% opaque */
    background-attachment: scroll, fixed; /* La première image reste fixe, la deuxième défile */
    color:black!important;
}

.wp-block-latest-posts__featured-image{
 border-radius: 15px; /* Arrondi de 15px, ajuste selon tes besoins */
overflow: hidden; /* Assure que l’image suit l’arrondi */
Margin-top:20px!important;
border: 0px solid gray;
margin-bottom: 0em!important;
Padding-left:10px;
Padding-right:10px;
 border-radius: 15px; /* Arrondi de 15px, ajuste selon tes besoins */
overflow: hidden; /* Assure que l’image suit l’arrondi */
}

.wp-block-latest-posts__post-title {
    font-weight: bold;
    background: rgba(255, 255, 255, 0.6); /* Blanc avec 60% de transparence */
    padding: 10px !important; /* Ajoute de l'espace autour du texte */
    display: block; /* Étend le fond sur toute la largeur du paragraphe */
    
    /* Dégradé plus doux sur les côtés */
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 10%, black 70%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 10%, black 70%, rgba(0, 0, 0, 0) 100%);
}

.wp-block-latest-posts__post-excerpt {
    background: rgba(255, 255, 255, 0.7); /* Blanc avec 70% de transparence */
    margin-top: 0px !important;
    display: block; /* Étend le fond sur toute la largeur du paragraphe */
    
    /* Dégradé plus doux sur les côtés */
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 10%, black 70%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 10%, black 70%, rgba(0, 0, 0, 0) 100%);
    
    padding-left: 15px;
    padding-right: 15px;
}


.wp-block-columns{  
  top: 50px;
  left: 0; 
}


.wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex{
 top: 50px;
}


.div-niveaupourfairedisparaitrecontenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0); /* Transparent */
  color: white;
  text-align: center;
  padding: 10px;
  z-index: 10; /* Assure que cet élément est toujours au-dessus du contenu */
}




#primary-menu{

}

.main-navigation .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex: 1;
}



.buddyx-content--small .buddyx-post-section .entry-media-image {
left: auto;
right: auto;
margin-left: 50%;
width: 50vw;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 1140px;
max-width: calc(var(--container-xl));
position: relative;
}


.container{
margin: 0 auto;
}

.single-post .post-thumbnail img {
width: 50%; 
margin: 0 auto;
}

.site-sub-header{
background-color: transparent!important;
background: hsl(0deg 0% 100% / 0%);
width: 50%; 
margin: 0 auto;
}


.cadre-image{
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 15;
 opacity: 1.5;

}




.buddyx-content--small .buddyx-post-section .entry-media-image {
		
		    left: auto;
		
		    right: auto;
		
		    margin-left: 50%;
		
		
		    width: 50vw;
		
		    -webkit-transform: translateX(-50%);
		
		    transform: translateX(-50%);
		
		    max-width: 1140px;
		
		    max-width: calc(var(--container-xl));
		
		    position: relative;
}

.buddyx-content--small .buddyx-post-section .entry-media-image {
left: auto;
right: auto;
margin-left: 50%;
width: 50vw;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 1140px;
max-width: calc(var(--container-xl));
position: relative;
}

img.skip-lazy.wp-post-image {
width: 50%;
height: auto;
}

.site-description {
    visibility: hidden!important;
}

.site-wrapper {
margin: 20px;
    background-image: url('https://www.paris-theatres.fr/wp-content/themes/buddyx-child/images/papier.png')!important;
    background-size: cover!important; /* Assure que l'image couvre toute la page */
    background-repeat: no-repeat!important; /* Empêche la répétition de l'image */
    background-position: center!important; /* Centre l'image de fond */ 
}




.lien-header-image{
  z-index:1300!important;
transition: transform 0.3s ease, box-shadow 0.3s ease; /* Effets de transition */
transform: scale(1.05); /* Zoom léger lors du survol */
  
}



header, footer {
    background-color: transparent !important; /* Rendre le fond transparent */
    border: none; /* Supprimez les bordures si présentes */
}


#masthead{
max-height:220px;
}


.site-header-wrapper{
    background-color:transparent!important; /* Rendre le fond transparent */
    background:#8c1a1a00!important;
    max-height:220px;
}

.site-header-wrapper has-sticky-header{
    background-color: transparent!important; /* Rendre le fond transparent */
   max-height:220px;
}


.site-branding{
    top: -50px!important;
    position:relative;
    color:black!important;
}
.main-navigation nav--toggle-sub nav--toggle-small{
    top: -50px!important;
    position:relative;
}

#site-navigation{
   Top:20px;
Bottom:auto!important;
    align-items:stretch;
}

@media (max-width:767px){
#site-navigation {
top: 100px;
bottom: 70px;
} }

.site-description {
    visibility: hidden!important;
}


/*légende diaporama*/
.caption {
    position: absolute;
    bottom: 0!important;
    left: 0;
    width: 100%!important;
    text-align:center!important;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    box-sizing: border-box;
  font-size: clamp(14px, 2vw, 18px)
}


/* diaporama responsive*/

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

.diaporama-container{
top: 0px!important;
Height:auto; } 

.diaporama-wrapper{
top: 0px!important;
height:300px; } 
}

#notifications-personal-li {
display: none!important;
}
#messages-personal-li {
display: none!important;
}
#membership-personal-li {
display: none!important;
}

.bp-wrap: {
display: block!important;
}

@media screen and (min-width: 46.8em) {
    .bp-single-vert-nav .bp-wrap:not(.bp-fullwidth-wrap) {
        display: block!important;
    }
}

@media screen and (min-width: 46.8em) {
    .bp-single-vert-nav .item-body:not(#group-create-body){

      float: left!important;
     
    }
}


.user-nicename{
*/display: none!important;*/
font-size: 1rem!important;
    word-wrap: break-word;
}


@media (min-width: 768px) {
    .site-wrapper #item-header {
        margin-top: 0px!important;
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        word-wrap: break-word;    /* Force les longs mots à aller à la ligne */
        overflow-wrap: break-word;/* Alternative moderne à word-wrap */
    }
}
@media (min-width: 300px) {
    .site-wrapper #item-header {
        margin-top: 0px!important;
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.alignwide {
    max-width: 90% !important;}


.item-header-cover-image-wrapper {
    position: relative;
    width:100%!important;
    /*background: #ee6767de!important;*/
   padding-top:0px!important;
 padding-left:0px!important;
 padding-right:0px!important;
padding-bottom: 20px!important;
align-items:center;
}

.item-meta{
 word-wrap: break-word;    /* Force les longs mots à aller à la ligne */
overflow-wrap: break-word;/* Alternative moderne à word-wrap */
}

.activity{
word-wrap: break-word;    /* Force les longs mots à aller à la ligne */
overflow-wrap: break-word;/* Alternative moderne à word-wrap */
font-size: 1rem!important;
}

.bp-member-type-list{
 word-wrap: break-word;    /* Force les longs mots à aller à la ligne */
 overflow-wrap: break-word;/* Alternative moderne à word-wrap */
flex-direction:column;
font-size: 1rem!important;
display:block!important;
}

member-header-actions-wrap


@media (min-width: 300px) {
.alignwide {
  /* max-width: 80% !important;  */
    /* width:85%;*/
    display:block!important;
 }
}

@media (min-width: 768px) {
    .alignwide {
       /* max-width: 80% !important;*/
       /* width: 85%;*/
        display: flex!important;
      flex-direction: row-reverse !important; 
    }
}

.screen-heading {
   display:none;
}

.pmpro_section {
   width: 90%;
        left: 5%;
        position: relative;
}



@media (min-width: 300px) {
    #primary, .site-wrapper {
        min-height: 0px!important; 
    }
}

@media (min-width: 768px) {
    #primary, .site-wrapper {
        min-height: 0px!important; 
    }
}

.panneau-facebook {
width:45px;
height:auto;
position:relative;
bottom :20px;

}
.panneau-instagram {
width:50px;
height:auto;
position:relative;
bottom :20px;

}

.panneau-snapchat {
width:50px;
height:auto;
position:relative;
bottom :20px;

}
.panneau-tiktok {
width:50px;
height:auto;
position:relative;
bottom :20px;

}


.panneau-youtube {
width:50px;
height:auto;
position:relative;
bottom :20px;
}
.panneau-x {
width:50px;
height:auto;
position:relative;
bottom :20px;
}


#site-navigation{
z-index:800!important!;
}

.reseaux-sociaux {
    display: flex;
width:80%;
    justify-content: space-between;
    align-items: center; /* pour les aligner verticalement au centre si nécessaire */
z-index:900;
}

.nav--toggle-small.menu-toggle{		
background-color: rgba(0, 0, 0, 0.5);		
}
#menu-toggle {
  background-color: rgba(0, 0, 0, 0.5) !important;
  font-size: 25px;
  color: white;
  margin-top:-15px;
  position:relative;
  top:10px;
}




@media (max-width: 768px) {
  .buddyx-mobile-icon {
    display: flex !important;
    flex-direction: column !important;
    height: fit-content !important;
  }
}
@media (max-width: 767px) {
  body .buddyx-mobile-icon {
    display: flex !important;
    flex-direction: column !important;
    height: fit-content !important;
    position:relative;
    top:10px;
  }
}


@media (max-width: 767px) {
body .menu-icons-wrapper{
margin-top:0px!important;
Margin-bottom:0px;
Padding-top:0px;
Padding-bottom:0px;
}}

@media (max-width: 767px) {
  body .menu-icons-wrapper {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height:20px;
  }
}


 .buddyx-mobile-icon .bp-icon-wrap,
  .buddyx-mobile-icon .search,
  .buddyx-mobile-icon .bp-msg,
  .buddyx-mobile-icon .user-notifications,
  .buddyx-mobile-icon .user-link-wrap {
    padding: 0 !important;
  }


 .buddyx-mobile-icon .search{
    padding-top: 7px !important;
  }

 .buddyx-mobile-icon .user-notifications{
    padding-bottom: 5px !important;
  }

 .buddyx-mobile-icon .bp-msg{
    padding-top: 3px !important;
  }


  .buddyx-mobile-icon .avatar {
    height: 60px !important;
    width: 60px !important;
  }


@media screen and (max-width: 767px) {
  body.background-image{
    background-size: 95% !important;
    background-attachment: scroll, scroll; /* éviter des bugs sur mobile */
  }
}


@media screen and (max-width: 767px) {
.background-image{
    background-size: 95% auto !important;
    background-attachment: scroll, scroll; /* éviter des bugs sur mobile */
  }
}

@media screen and (max-width: 767px) {
body.background-image{
    background-size: 95% auto !important;
    background-attachment: scroll, scroll; /* éviter des bugs sur mobile */
  }
}


@media screen and (max-width: 768px) {
  body.background-image{
    background-size: 95% auto !important;
    background-attachment: scroll, scroll; /* éviter des bugs sur mobile */
  }
}

@media screen and (max-width: 768px) {
  body.background-image{
    background-size: 95% auto !important;
    background-attachment: scroll, scroll; /* éviter des bugs sur mobile */
  }
}



@media screen and (max-width: 768px) {
body{
  width: 100% !important;
    margin: 0 auto !important; /* pour le centrer */ 
background-image: url(https://www.paris-theatres.fr/wp-content/themes/buddyx-child/images/journal-theatre-papier-min.png), url(https://www.paris-theatres.fr/wp-content/themes/buddyx-child/images/mur-min.png) !important;

  }
}

@media (max-width: 767px) {
  .site-header-wrapper {
    min-height:110px!important;
  }
}

@media (max-width: 767px) {
  #site-navigation {
    top:80px!important;
  }
}

@media (max-width: 767px) { 
.reseaux-sociaux {
    width:60%!important;
    top: -25px!important;
    position: relative!important;
  }
}

@media (max-width: 767px) { 
.panneau-facebook  {
    z-index:2000!important;
  }
}
@media (max-width: 767px) { 
.reseaux-sociaux-1  {
    z-index:1500!important;
  }
}


.diaporama-reclame-content {		
width: 50%!important;		
height: fit-content!important;
left:unset!important;
transform:unset!important;
justify-content: center;
align-items: center;		
}


.slide-reclame-container {
width: 100%!important;
}

.cadre-reclame {
width: auto!important;
height: 100%!important;   
}


.diaporama-reclame-content {
  width: 50% !important;
  height: fit-content !important;
  left: unset !important;
  transform: unset !important;
  display: flex; /* nécessaire pour justify-content & align-items */
  justify-content: center;
  align-items: center;
}

.slide-reclame-container {
  width: 100% !important;
}

.cadre-reclame {
  width: auto !important;
  height: 100% !important;
}

.buddyx-mobile-menu{
position:relative;
height:500px;
}


@media (max-width: 767px) {
  .primary-menu-container {
    top: 100px !important;
    height: 500px !important;
    width: 200px !important;
  }
}

@media (max-width: 767px) {
  body.admin-bar .main-navigation .primary-menu-container {
    top: 100px !important;
    height: 500px !important;
    width: 200px !important;
  }
}

@media (max-width: 767px) {
  .primary-menu-container.buddyx-mobile-menu {
    top: 100px !important;
    height: 500px !important;
    width: 200px !important;
  }
}


@media (max-width: 767px) {
  .mobile-menu-heading {
    flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .mobile-menu-heading {
    padding-top: 28px!important;
 padding-right: 10px!important;
	padding-left: 20px!important;
	padding-bottom: 20px!important;
    margin-top: 0px!important;
   align-items: unset!important;
  }
}


#primary-menu li {
  display: block!important;
  background-color: rgba(0, 0, 0, 0.5);
}


@media(max-width: 767px) {
  .main-navigation .buddyx-mobile-menu ul.menu li a {
    padding-top: 7px!important;
 padding-bottom: 7px!important;
    border-radius: 6px;     
  }
}


@media(max-width: 767px){
.mobile-menu-heading .menu-close {
        width: 90%!important;}}


@media(max-width: 767px){
.buddyx-mobile-user .user-wrap {
margin: 10px 10px 20px!important;}}



.buddyx-breadcrumbs{
display:none!important;
}

.bp-wrap {
  background-image: url('https://www.paris-theatres.fr/wp-content/themes/buddyx-child/images/scene-n&b.png')!important;
background-size: cover!important;
padding:10px!important;
 /*background-position: center;*/
  background-repeat: no-repeat!important;
/*min-height: 100vh!important;*/
}


.bp-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.5); /* Blanc à 50% d'opacité (ou noir: rgba(0,0,0,0.5)) */
  z-index: 1;
  pointer-events: none;
}
.bp-wrap > * {
  position: relative;
  z-index: 2;
}




#item-header-cover-image{
    min-height: auto;
    padding: 0;
    display:flex!important;
    flex-direction: column!important;
     align-items:center;
}

#item-header-content {
    width:100%!important;
  margin-top: 25px !important;
  margin-left:0px!important;
padding-left:10px!important;
  /*font-size: 2rem !important;*/
}

@media screen and (min-width: 46.8em) {
    .single-headers #item-header-avatar+#item-header-content {
        /* padding-left: 2em; */
    }
}



.single-headers .activity{
  color:black!important;
  font-size: 1.3rem!important;
} 

.single-headers .bp-member-type-list{
font-size: 1.4rem!important;
Display:block;
} 

@media (min-width: 300px) {
  body.directory.type.members .bp-dir-hori-nav.alignwide {
    width: 80% !important;
    display: block !important;
    margin: 0 auto;
  }
}
/* Style spécifique à l'annuaire des membres BuddyPress */
body.directory.members.buddypress .bp-dir-hori-nav.alignwide {
  width: 80% !important;
  display: block !important;
  margin: 0 auto;
}