/* A GARDER */


 .flex-next::before, .flex-prev::before{
    height: 25px!important;
    margin-left: -10px!important;
    margin-top: -12px!important;
    width: 19px!important;
 }

 .flex-prev::before, .flex-next::before{
  height: 25px!important;
  margin-left: -10px!important;
  margin-top: -12px!important;
  width: 19px!important;
 }

 .flex-direction-nav li a{
  width: 50px!important;
  height: 50px!important;
  border-radius: 100%!important;
  background: #ffffff33!important;
  backdrop-filter: blur(3px);
 }


/* ///////////////////////////
/////////// Desktop ////////
/////////////////////////// */

@media screen and (min-width: 1024px){

  blockquote p{
    font-size: 0.9rem !important;
  }

  p{
    font-size: 1rem !important;
  }

  ul{
    font-size: 1rem !important;
    font-weight: 300;
  }

  .media-texte-retraite-sejour .wp-block-media-text__content{
    padding-left: 8%!important;
    padding-right: 0;
  }

  .texte-jeune-sejour{
    width: 1000px;
  }

  .container-infos-reserv-tel .wp-block-group{
    width: 350px;
  }

  .img-slider-1 img{
    object-fit: cover;
  }

  .swiper-button-prev, .swiper-button-next{
    display: flex !important;
  }

  .container-text-slider{
    padding-top: 2rem;
    padding-right: 5vw!important;
    padding-bottom: 5rem;
    padding-left: 5vw !important;
    gap: 5rem !important;
  }

  .uagb-slider-container{
    padding: 10px;
  }

  .swiper-content{
    padding: 20px !important;
  }

  .container-avb{
    gap: 8rem;
    min-height: 400px;
  }

  .title-avb{
    font-size: 4.5rem;
    font-weight: 600;
    width: 100%;
    border-radius: 10px;
    text-align: center!important;
    padding-top: 100px;
  }
  
  .sub-title-avb{
    font-size: 1.8rem;
    font-weight: 300;
    padding: 0 100px 100px 100px!important;
    border-radius: 10px;
  }
  
  .title-date-avb{
    font-size: 2.5rem;
    font-weight: 600;
    width: 60%;
    border-radius: 10px;
    text-align: center!important;
    padding: 0 !important;
  }

}

/* ///////////////////////////
/////////// Tablet ////////
/////////////////////////// */

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

  blockquote p{
    font-size: 0.8rem !important;
  }

  p{
    font-size: 0.9rem!important;
  }

  ul{
    font-size: 0.9rem !important;
    font-weight: 300;
  }

  .container-text-slider{
    flex-direction: column;
  }

  .container-text-slider div{
    flex-basis: 100% !important;
  }

  .container-text-slider-with-back{
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-direction: column;
  }

  .container-text-slider-with-back div{
    flex-basis: 100% !important;
  }

  .container-text-slider-with-back img{
    aspect-ratio: 1/1 !important;
    object-fit: cover;
  }

  .order-for-tablet{
    order: 2;
  }

  .container-text-slider-sejour{
    flex-direction: column;
  }

  .media-texte-retraite-sejour{
    grid-template-columns: 1fr!important;
  }

  .media-texte-jeune-sejour .wp-block-media-text__content{
    grid-column: auto!important;
    grid-row: auto!important;
  }

  .media-texte-jeune-sejour  .wp-block-media-text__media{
    grid-column: auto!important;
  }

  .texte-jeune-sejour{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .media-texte-jeune-sejour{
    grid-template-columns: 1fr!important;
  }

  .media-texte-jeune-sejour .wp-block-media-text__content{
    grid-column: auto!important;
    grid-row: auto!important;
  }

  .media-texte-jeune-sejour  .wp-block-media-text__media{
    height: 400px!important;
  }

  .container-infos-reserv{
    gap: 0px!important;
  }

  .container-infos-reserv>div>figure>img, .container-infos-reserv>div>div>figure>img{
    height: 50px!important;
    width: auto!important;
  }

  .container-infos-reserv>div>p{
    width: 70%!important;
  }

  .wp-block-buttons.info-reserv-visite{
    width: 75%!important;
  }

  .container-infos-reserv>div>div>p{
    width: 85%!important;
  }

  .sub-title-avb{
    font-size: initial;
  }

  .container-item-1{
    row-gap: 5px !important;
  }

  .container-item-1 p, .container-item-1 li{
    font-size: calc(0.55rem + 0.390625vw) !important;
  }

  
}

/* ///////////////////////////
/////////// Mobile ////////
/////////////////////////// */

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

  h2{
    font-size: 1.9rem !important;
  }

  h6{
    font-size: 1.7rem;
  }

  blockquote p{
    font-size: 0.7rem !important;
  }

  p{
    font-size: 0.8rem!important;
  }

  ul{
    font-size: 0.8rem !important;
    font-weight: 300;
  }

  .swiper-content{
    padding: 0 !important;
  }
}

.img-slider-1 img{
  height: auto;
  object-fit: cover;
}

.swiper-button-prev, .swiper-button-next{
  display: none;
}

.container-text-slider{
  padding-top: 1rem;
  padding-right: 5vw;
  padding-bottom: 3rem;
  padding-left: 5vw;
  gap: 0;
}

.uagb-slider-container{
  padding: 0;
}



img, figure{
  border-radius: 10px!important;
}

.media-texte-retraite-sejour .wp-block-media-text__content{
  padding-left: 0;
  padding-right: 0;
}

.wp-block-group.alignfull.goupe-jeune-sejour{
  flex-wrap: wrap;
}

.wp-block-media-text.alignwide.has-media-on-the-right.is-stacked-on-mobile.media-texte-jeune-sejour .wp-block-media-text__content{
  padding-left: 0;
}

.texte-jeune-sejour{
  margin-left: 5%!important;
  margin-right: 5%!important;
  padding-top: 60px!important;
}

.title-texte-jeune-sejour{
  width: 70%;
}

.container-avb{
  gap: 1rem;
  min-height: auto;
}

.title-date-avb{
  font-weight: 600;
  border-radius: 10px;
  text-align: center!important;
  padding: 10px;
}

.btn-avb .wp-block-button__link{
  background-color: #e1d169!important;
  text-decoration: none!important;
  transition: 0.2s;
}

.avb-texte-left1{
  position: absolute;
  font-weight: 600;
  opacity: 0.4;
  margin-top: 20px !important;
  left: 5% !important;
  filter: blur(1px);
  animation: flotement 5s 0.1s infinite;
}

.avb-texte-left2{
  position: absolute;
  margin-top: -110px !important;
  left: 53% !important;
  font-size: 1.2rem;
  font-weight: 600;
  opacity: 0.2;
  filter: blur(1px);
  animation: flotement2 5s 0.5s infinite;
}

.avb-texte-left3{
  position: absolute;
  margin-top: -90px !important;
  left: 8% !important;
  font-size: 1.5rem;
  font-weight: 600;
  opacity: 0.4;
  filter: blur(1px);
  animation: flotement 5s 0.6s infinite;
}

.avb-texte-left4{
  position: absolute;
  margin-top: -145px !important;
  left: 28% !important;
  font-size: 1.1rem;
  font-weight: 600;
  opacity: 0.4;
  filter: blur(1px);
  animation: flotement2 5s 0.8s infinite;
}

.avb-texte-left5{
  position: absolute;
  margin-top: 90px !important;
  left: 12% !important;
  font-size: 1.5rem;
  font-weight: 600;
  opacity: 0.3;
  filter: blur(1px);
  animation: flotement 5s 0.4s infinite;
}

.avb-texte-left6{
  position: absolute;
  margin-top: 95px !important;
  left: 40% !important;
  font-size: 1.2rem;
  font-weight: 600;
  opacity: 0.3;
  filter: blur(1px);
  animation: flotement 4s 0.2s infinite;
}

.avb-texte-right1{
  position: absolute;
  font-size: 2rem;
  font-weight: 600;
  opacity: 0.3;
  margin-top: 50px !important;
  right: 8% !important;
  filter: blur(1px);
  animation: flotement 5s 0.3s infinite;
}

.avb-texte-right2{
  position: absolute;
  margin-top: -155px !important;
  right: 30% !important;
  font-size: 1.3rem;
  font-weight: 600;
  opacity: 0.2;
  filter: blur(1px);
  animation: flotement2 4s 0.2s infinite;
}

.avb-texte-right3{
  position: absolute;
  margin-top: -100px !important;
  right: 5% !important;
  font-size: 1.1rem;
  font-weight: 600;
  opacity: 0.4;
  filter: blur(1px);
  animation: flotement2 5s 0.4s infinite;
}

.avb-texte-right4{
  position: absolute;
  margin-top: 125px !important;
  right: 40% !important;
  font-size: 1.5rem;
  font-weight: 600;
  opacity: 0.4;
  filter: blur(1px);
  animation: flotement 4s infinite;
}

.avb-texte-right5{
  position: absolute;
  margin-top: 135px !important;
  right: 15% !important;
  font-size: 1.3rem;
  font-weight: 600;
  opacity: 0.4;
  filter: blur(1px);
  animation: flotement 5s 0.7s infinite;
}

.avb-texte-right6{
  position: absolute;
  margin-top: 0px !important;
  right: 5% !important;
  font-size: 1.3rem;
  font-weight: 600;
  opacity: 0.4;
  filter: blur(1px);
  animation: flotement 4s 0.9s infinite;
}

@keyframes flotement{
  0%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(7px);
  }
  100%{
    transform: translateY(0);
  }
}

@keyframes flotement2{
  0%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-7px);
  }
  100%{
    transform: translateY(0);
  }
}

.container-text-slider-AVB{
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.uagb-slick-carousel .slick-prev{
  left: -35px !important;
}

.uagb-slick-carousel .slick-next{
  right: -35px !important;
}

picture img{
  border-radius: 8px !important;
}

.liste-avb li:nth-child(1)::marker{
  content: "🙏";
}

.liste-avb li:nth-child(2)::marker{
  content: "📖";
}

.liste-avb li:nth-child(3)::marker{
  content: "🤝";
}

.liste-avb li:nth-child(4)::marker{
  content: "🕊️";
}

.liste-avb li:nth-child(1)::marker{
  content: "🙏";
}

.liste-avb li:nth-child(2)::marker{
  content: "📖";
}

.liste-avb li:nth-child(3)::marker{
  content: "🤝";
}

.liste-avb li:nth-child(4)::marker{
  content: "🕊️";
}

.wp-block-buttons.info-reserv-visite, .wp-block-buttons.info-reserv-visite div, .wp-block-buttons.info-reserv-visite div a{
  width: 100%;
}

.wp-block-buttons.info-reserv-visite div a:visited{
  color: white!important;
}

.has-text-align-center.info-reserv-visite{
  border-radius: 10px;
  width: 100%;
}
  
.info2-reserv-visite{
  margin-top: -20px!important;
}

.container-item-1{
  flex-direction: column;
}

#toggle-event-form {
  display: block;       /* pour que margin auto fonctionne */
  margin: 0 auto 1rem;  /* auto à gauche/droite, 1rem sous le bouton */
}