/*
Theme Name:  ATTPS
Theme URI:   https://attps.fr/
Version:     2.0
Description: Theme Enfant Divi
Author:      ATTPS
Author URI:  https://attps.fr/
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/


/*=== Css Générale ===*/
body,
html {
   overflow-x: hidden;
}

h1 {
   font-size: 50px;
}

h2 {
   font-size: 35px;
}

h3 {
   font-size: 25px;
}

h4 {
   font-size: 18px;
}

h5 {
   font-size: 18px;
   text-transform: uppercase;
}


.light h1,
.light h2,
.light h3,
.light h4,
.light h5 {
   color: #FFF;
}

/* classes personnalisées qui désigneront l'ordre
   des colonnes dans la ligne de la flexbox */
.first-on-mobile {
   -webkit-order: 1;
   order: 1;
}

.second-on-mobile {
   -webkit-order: 2;
   order: 2;
}

.third-on-mobile {
   -webkit-order: 3;
   order: 3;
}

.fourth-on-mobile {
   -webkit-order: 4;
   order: 4;
}

/* ajoute une marge à la dernière colonne */
.custom_row:last-child .et_pb_column:last-child {
   margin-bottom: 30px;
}

/* COOKIE NOTICE */
.cn-button.bootstrap {
   color: #fff;
   background: #666;
}

/*=== MEDIA QUERIES ===*/
/* iPad Pro/Air 11" */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

   h1 {
      font-size: 40px;
   }

   h2 {
      font-size: 30px;
   }

   h3 {
      font-size: 25px;
   }

   h4 {
      font-size: 18px;
   }

   h5 {
      font-size: 18px;
   }

}

/* iPhone 6 & > */
@media all and (max-width: 940px) {

   h1 {
      font-size: 35px;
   }

   h2 {
      font-size: 25px;
   }

   h3 {
      font-size: 20px;
   }

   h4 {
      font-size: 20px;
   }

   h5 {
      font-size: 20px;
   }
}


/*----------Alignement vertical-----------*/
.centrer-verticalement {
   display: flex;
   flex-direction: column;
   justify-content: center;

   /* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -moz-box-orient: vertical;
   -moz-box-direction: normal;
   -ms-flex-direction: column;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
}





.google-review-swiper-global {
   padding: 10px !important;
   overflow-y: visible !important;

   .swiper-wrapper {
      transition-timing-function: linear !important;

      .swiper-slide {
         height: auto;
         width: 390px;
         max-width: 80vw;

         .review {
            border-radius: 25px;
            padding: 25px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 10px;
            height: 100%;

            &.review-0 {
               background: #fbfbfb;
            }

            &.review-1 {
               background: #F2F9FB;
            }

            &.review-2 {
               background: #EFE3F0;
            }

            &.review-3 {
               background: #F3F3F3;
            }

            .review__user {
               display: flex;
               align-items: center;
               gap: 10px;
               font-weight: 800;

               img {
                  width: 42px;
               }
            }

            .review__content {
               p {
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 3;
                  font-size: 17px;
                  max-height: 6em;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  font-weight: 500;
                  line-height: 1.4;
                  transition: max-height 300ms ease-in-out, -webkit-line-clamp 300ms ease-in-out;

                  &:hover {
                     -webkit-line-clamp: 40;
                     max-height: 40em;

                  }
               }
            }

            .review__rating {
               display: flex;
               justify-content: space-between;
               align-items: center;
               margin: 15px 0;

               .stars {
                  position: relative;
                  line-height: normal;
                  font-size: 22px;
                  letter-spacing: 6px;
                  font-family: FontAwesome;
                  color: #D6D6D6;


                  &::before {
                     font-family: FontAwesome;
                     content: '\f005\f005\f005\f005\f005';
                     position: absolute;
                     color: #F7B31E;
                     left: 0;
                     top: 0;
                     width: calc(100% / 5 * var(--rate-number));
                     height: 100%;
                     overflow: hidden;
                  }
               }
            }
         }
      }
   }


}

#col-code-slider-services {

   .et_pb_code {
      height: 100%;

      .et_pb_code_inner {
         height: 100%;

         .swiper-services {
            height: 100%;

            .swiper-wrapper {
               .swiper-slide {
                  &>a {
                     display: block;
                     height: 100%;

                     article {
                        height: 100%;

                        .contenu {
                           top: unset;
                           bottom: 4%;
                        }

                        img:not(.bg) {
                           top: unset;
                           bottom: 0;
                        }
                     }
                  }
               }
            }
         }
      }
   }
}