/*
Theme Name: Theme enfant
Description: Theme enfant Hello
Author: Jl
Author URI: https://www.jlevatic.fr
Template: hello-elementor
Version: 0.1.0
*/


html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.hidden {
  display: none !important;
}

.elementor-sub-item {
  font-size: 1.4em !important;
}

.elementor-33 .elementor-element.elementor-element-3cb9cd3 .elementor-nav-menu--dropdown .elementor-item,
.elementor-33 .elementor-element.elementor-element-3cb9cd3 .elementor-nav-menu--dropdown .elementor-sub-item {
  background-color: white;
  color: #343639;
}

.page-id-30 #menu-footer {
  width: 400px !important;
  height: 50px !important;
}

/* Cache le menu-footer sur toutes les pages sauf sur la page avec l'ID 30 */
body:not(.page-id-30) #menu-footer {
  display: none;
}

#fleche-menu-bas {
  cursor: pointer;
}

.rotate-180-close {
  transform: rotate(-180deg);
  margin-right: 0px !important;
  margin-left: 5px !important;
  transition: transform .5s ease;
}

.rotate-180-open {
  transform: rotate(0deg);
  margin-right: 0px !important;
  margin-left: 5px !important;
  transition: transform .5s ease;
}


.slide-in-right {
  transform: translateX(0vw);
  /* Ajuste cette valeur selon le besoin */
  transition: transform 1s ease;
}

.slide-out-left {
  transform: translateX(calc(50vw + 150px));
  /* Ajuste cette valeur selon le besoin */
  transition: transform 1s ease;
}



#bloc-menu {
  transition: transform 0.5s ease-out;
  transform: translateY(100%);
  /* Démarre hors de la vue */
  position: fixed;
  /* ou absolute, selon le besoin */
  bottom: 0;
  left: 0;
  width: 100%;
  /* Exemple de largeur */
  display: block;
  /* ou autre, selon le besoin */
}

#bloc-menu.visible {
  transform: translateY(0);
  /* Revient à la position normale */
}

#bloc-menu-aumonerie {
  display: flex !important;
  transition: transform 0.5s ease-out;
  transform: translateX(-100%) !important;
  /* Démarre hors de la vue */
  position: fixed;
  /* ou absolute, selon le besoin */
  bottom: 0;
  left: 0;
  width: 100%;
  /* Exemple de largeur */
  display: block;
  /* ou autre, selon le besoin */
}

#bloc-menu-aumonerie.visible {
  transform: translateX(0) !important;
  /* Revient à la position normale */
}




@keyframes battement {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

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

.battementcoeur {
  animation: battement .5s infinite;
}

.coeur-image {
  width: 50px;
  height: auto;
  margin-bottom: -6px;
}

.coeur-texte {
  color: #ff8080;
}


.case-activite {
  cursor: pointer;
}

.elementor-widget-loop-carousel .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  background: #ff8080 !important;
}

.swiper-pagination {
  margin-top: 10px !important;
}

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



#conteneur-image {
  height: 100%;
}


img.photo-pasteur {
  width: 200px;
  /* Fixe la largeur à 200px */
  aspect-ratio: 3/4;
  /* Maintient un ratio de 4/3 */
  object-fit: cover;
  /* Assure que l'image remplisse l'espace en gardant ses proportions */
  height: auto;
  /* Ajuste automatiquement la hauteur en fonction de la largeur et du ratio */
  display: block;
  /* Optionnel : utile pour éviter des espaces indésirables autour des images */
}


@media (max-width:767px) {
  img.photo-pasteur {
    height: auto;
  }
}


.elementor-sub-item {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#conteneurCP p {
  margin-bottom: 0px;
}



#conseillers .conteneur-cp {
  margin: 0px !important;
}

.tel-cp {
  font-weight: 600;
}

.email-cp {
  font-weight: 600;
}

.mail-cp.hidden+br,
.telephone-cp.hidden+br {
  display: none;
}


#conteneurCP p {
  margin-bottom: 0px;
}

.listeCP {
  margin-bottom: 20px;
}



.elementor-login__logged-in-message {
  text-align: center;
  color: white !important;
}

.elementor-login__logged-in-message a {
  text-align: center;
  color: rgb(255, 0, 0) !important;
}


.category-administration .entry-title {
  text-align: center;
  color: #005479;
  font-weight: 700;
}

@media (max-width: 767px) {
  .category-administration .entry-title {
    font-size: 1em;
  }
}


.cred-form .form-group label:not(.wpt-form-set-radios label) {
  color: #005479;
  font-weight: 700;
  margin-bottom: 10px !important;
}

.cred-user-form .form-group label {
  color: #005479;
  font-weight: 700;
  margin-bottom: 5px !important;
}

.cred-user-form .form-group,
.cred-user-form .js-wpt-repetitive {
  margin-bottom: 15px;
}

.wpt-form-set-radios input[type="radio"] {
  margin-right: 10px;
}

input[type="radio"] {
  appearance: none;
  width: 12px;
  height: 12px;
  background-color: #d6d6d6;
  /* Couleur de l'intérieur du bouton radio coché */
  border-radius: 50%;
  top: 4px;
  left: 4px;
}

input[type="radio"]:checked {
  background-color: #FF8080;
  /* Couleur de l'intérieur du bouton radio coché */
}

.cred-form .js-toolset-media-field-trigger {
  background-color: #FF8080;
  border: none;
  color: white;
}

.cred-form .submit,
.cred-user-form .submit {
  background-color: #439c03;
  border: none;
  color: white;
  font-weight: 600;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 30px;
  min-width: 100%;
}

.cred-form .submit:hover {
  background-color: #50be01;
}

.wpt-credfile-preview-item img {
  max-width: 200px
}

a.cred-edit-post {
  background-color: #972365;
  padding: 15px 20px;
  color: white;
  font-weight: 700;
  border-radius: 15px;
}

a.cred-edit-post:hover {
  background-color: #FF8080;

}

body.logged-in .vue-logged-out {
  display: none;
}

body.logged-out .vue-logged-in {
  display: none;
}

.visible .menu-item-1811 .elementor-item {
  background-color: #972365 !important;
  padding: 15px 20px;
  color: white !important;
  border-radius: 0px 15px 15px 0px;
  max-width: 100%;
}



.form-group:has(.wpt-conditional-hidden) {
  display: none;
}



.conteneurUtilisateur {
  background-color: rgba(255, 128, 128, 0.22);
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-content: center;
}

.nomUtilisateur {
  font-weight: 700;
}

.conteneurUtilisateur a {
  color: #005479;
  font-weight: 600;
}

.boutonAdmin .elementor-widget-container .elementor-shortcode {
  display: flex !important;
  align-items: center !important;
  margin: 0px;
  padding: 0px;
}



#deconnexionHeader .elementor-shortcode a {
  display: flex;
  /* Utilisation de flexbox pour l'agencement */
  background-color: red;
  /* Couleur de fond */
  color: white;
  /* Couleur du texte */
  font-weight: 700;
  /* Gras pour le texte */
  padding: 10px;
  /* Espacement intérieur */
  margin: 20px;
  /* Marges uniformes */
  width: 150px;
  /* Largeur fixe */
  height: 50px;
  /* Hauteur fixe */
  max-width: 300px;
  /* Largeur maximale */
  justify-content: center;
  /* Centrage horizontal */
  align-items: center;
  /* Centrage vertical */
  border-radius: 10px;
  /* Bords arrondis */
}


#baliseRole {
  color: white;
}


.logged-out #boutonAdministration,
.logged-out #deconnexionHeader {
  display: none;
}




.action-utilisateur {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 50px
}


.deleteUser .cred-user-form .submit {
  display: flex;
  /* Utilisation de flexbox pour l'agencement */
  background-color: rgb(255, 0, 0);
  /* Couleur de fond */
  color: white;
  /* Couleur du texte */
  font-weight: 700;
  /* Gras pour le texte */
  padding: 5px;
  /* Espacement intérieur */
  margin: 10px;
  /* Marges uniformes */
  width: 100px;
  /* Largeur fixe */
  height: 40px;
  /* Hauteur fixe */
  justify-content: center;
  /* Centrage horizontal */
  align-items: center;
  /* Centrage vertical */
  border-radius: 10px;
  /* Bords arrondis */
}

.js-cred-delete-post {
  display: flex;
  /* Utilisation de flexbox pour l'agencement */
  background-color: rgb(255, 0, 0);
  /* Couleur de fond */
  color: white;
  /* Couleur du texte */
  font-weight: 700;
  /* Gras pour le texte */
  padding: 5px;
  /* Espacement intérieur */
  margin: 10px;
  /* Marges uniformes */
  width: 100px;
  /* Largeur fixe */
  height: 40px;
  /* Hauteur fixe */
  justify-content: center;
  /* Centrage horizontal */
  align-items: center;
  /* Centrage vertical */
  border-radius: 10px;
  /* Bords arrondis */
}


.editUser a {
  display: flex;
  /* Utilisation de flexbox pour l'agencement */
  background-color: rgb(0, 153, 15);
  /* Couleur de fond */
  color: white;
  /* Couleur du texte */
  font-weight: 700;
  /* Gras pour le texte */
  padding: 5px;
  /* Espacement intérieur */
  margin: 10px;
  /* Marges uniformes */
  width: 100px;
  /* Largeur fixe */
  height: 40px;
  /* Hauteur fixe */
  justify-content: center;
  /* Centrage horizontal */
  align-items: center;
  /* Centrage vertical */
  border-radius: 10px;
  /* Bords arrondis */
}



#menu-vertical a {
  line-height: 30px;
}

#menu-vertical .elementor-sub-item {
  padding-top: 0px !important;
}


#menu-vertical .menu-item-1531 {
  display: none;
}


.lienVue {
  text-align: center;
  color: white;
  background-color: #972365;
  padding: 5px;
  border-radius: 10px;
  width: 80px;
  margin-left: auto;
  margin-bottom: 10px;
}

.lienVue:hover {
  background-color: #cf398e;
}

.lienVue a {
  color: white;
}


.conteneurUtilisateur {
  margin-bottom: 10px;
}

.conseiller-presb-template-default .tb-container {
  max-width: 700px !important;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.conseiller-presb-template-default .toolset_select2-container--default .toolset_select2-selection--single {
  background-color: #fff;
  border: 1px solid #3e3e3e;
  border-radius: 4px;
  max-width: 650px;
}

.conseiller-presb-template-default .toolset_select2-search.toolset_select2-search--dropdown {
  max-width: 650px !important;
}

.conseiller-presb-template-default .toolset_select2-results {
  max-width: 650px !important;
}

.conseiller-presb-template-default h1.entry-title {
  text-align: center;
  color: #005479;
  font-weight: 700;
}

#menu-aumonerie2 {
  cursor: pointer;
}

#conteneur-menu-burger {
  cursor: pointer;
}

#aumonier-coordonnateur {
  display: none;
}

.postid-1532 #aumonier-coordonnateur {
  display: block;
}

.postid-1532 #paroisse-rattachement {
  display: none;
}

.bloc-menu {
  z-index: 10 !important;
}

#menu-aumonerie {
  z-index: 9 !important;
}

#vueAgendaAccueil .swiper-pagination-bullet {
  background-color: rgb(251, 251, 251) !important;
  opacity: .5;
}

#vueAgendaAccueil .swiper-pagination-bullet-active {
  background-color: #ff8080 !important;
  opacity: 1;
}


.listeCP a,
.tel-cp {
  color: #0091A0;
  font-weight: 400;
}


.date-passe .conteneurUtilisateur, .date-passe .action-utilisateur  {
  background-color: rgb(220, 252, 253);
}

.dates-passees-div {
  display: flex;
  flex-direction: row;
}

.dates-passees-evenement {
  max-width: 300px;
  margin: 50px auto;
  font-size: 2em;
  color: grey;
  font-weight: 700;
}



.vue-conteneur-principal {
  background-color: rgba(255, 128, 128, 0.22);
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-content: center;
}

.vue-titre {
  font-weight: 700;
}

.vue-mail a,
.vue-pasteur a,
.vue-sufra a {
  color: rgb(0, 95, 153);
}

.action-vue {
  display: flex;
  background-color: rgba(255, 128, 128, 0.22);
  justify-content: space-evenly;
  margin-bottom: 50px;
}

.edite-vue a {
  display: flex;
  background-color: rgb(0, 153, 15) !important;
  color: white;
  font-weight: 700;
  padding: 5px !important;
  margin: 10px !important;
  width: 100px !important;
  height: 40px !important;
  justify-content: center;
  align-items: center;
  border-radius: 10px !important;
}


.elementor-element-9599b9f {
  z-index: 99;
}

.background-fill {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}


.postid-1531 #menu-aumonerie2 {
  display: flex !important;
}

#menu-aumonerie2 {
  width: 200px;
  padding: 0px 10px;
}

@media (max-width: 770px) {
  #menu-aumonerie2 {
    width: 250px;
  }
}

@media (max-width: 500px) {
  .elementor-33 .elementor-element.elementor-element-a5ed86f {
    width: 100px;
    height: 50px;
    max-width: 300px;
  }

  #menu-aumonerie2 {
    width: 210px !important;
  }

  #menu-aumonerie2 .elementor-element-e881755 {
    font-size: 14px !important;
  }
}

.action-utilisateur {
  background-color: #FFE3E3;
}

.conteneurUtilisateur {
  margin:0px;
}




.cp-contain h3 {
  font-size: 1.5em;
  font-weight: 700;
}

.cp-contain {
margin-bottom: 100px;
}


.no-margin-bottom p {
  margin-bottom: 0px;
}


.description-evenement-boucle {
  display: -webkit-box;          /* Utilisé pour les conteneurs flexibles */
  -webkit-box-orient: vertical;  /* Définit l'orientation verticale pour limiter les lignes */
  -webkit-line-clamp: 2;         /* Limite le texte à 2 lignes */
  overflow: hidden;              /* Cache le texte excédentaire */
  text-overflow: ellipsis;       /* Ajoute "..." à la fin du texte coupé */
  word-wrap: break-word;         /* Permet le retour à la ligne pour les mots entiers */
  white-space: normal;           /* Permet au texte de s'étendre sur plusieurs lignes */
}

.form-group .no-bold {
  font-weight: normal;
  font-size:12px;
}


#faireUnDon .elementor-button-content-wrapper {
  display: flex;
  flex-direction: column-reverse;
  width: 50px !important;
  height: 50px !important;   
}


/*adresse mail geudertheim*/
.postid-2978 .elementor-element-d306b55 .elementor-icon-list-item a span.elementor-icon-list-text {
  font-size: .8em;
}


/*affichage du bouton de suppression des pièces jointes*/
.attachment-info .button-link {
  display: block !important;
  visibility: visible !important;
}

/*affichage image 2 dans vie communutaire*/
#conteneur-image2 {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


/*correction de la hauteur du slide activité en page d'accueil + paroisses*/
#vueAgendaAccueil .swiper-slide {
  max-height: 500px;
}

.single-paroisse .swiper-slide {
  max-height: 500px;
}

/* Cacher les champs sufragant et se nourrir spirituellement dans le formulire de modification paroisse pour le consitoire*/
.category-consitoire .form-group:has(#cred_form_1603_1_1_pasteur-e-sufragant-e),
.category-consitoire .form-group:has(#wp-cred_form_1603_1_1_wpcf-se-nourrir-spirituellement-wrap) {
    display:none;
}